反复将 PNG 发送到服务器。我想告诉传入的浏览器在计时器上刷新

Question

每隔几秒钟，我的代码就会将 png 文件写入 http 服务器。我想包括（通过 browser-side javascript 或 header 或其他东西）某种标记，使浏览器每 500 毫秒自动刷新一次。

或者，我想自动更新页面，这样客户端就不需要刷新了。我该怎么做？

var arDrone = require('ar-drone');
var http    = require('http');

console.log('Connecting png stream ...');


var client = arDrone.createClient();
var pngStream = client.getPngStream();


var lastPng;
pngStream
  .on('error', console.log)
  .on('data', function(pngBuffer) {
    lastPng = pngBuffer;
  });
client.config('video:video_channel', 0);


var server = http.createServer(function(req, res) {
  if (!lastPng) {
    res.writeHead(503);
    res.end('Did not receive any png data yet.');
    return;
  }

  res.writeHead(200, {'Content-Type': 'image/png'});
  res.end(lastPng);
});

server.listen(8080, function() {
  console.log('Serving latest png on port 8080 ...');
});

Answer 1

考虑使用 websockets 将内容推送到网页。 Socket.io 在简化 websockets 方面做得非常好。使用 socket.io 您可以 将数据推送 到网页，然后使用 javascript.

在网页中处理该数据

反复将 PNG 发送到服务器。我想告诉传入的浏览器在计时器上刷新

Repeatedly sending PNGs to a server. I want to tell the incoming browser to refresh on a timer

javascript

node.js

http

ar.drone