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

Question

每隔几秒钟，我的代码就会向 http 服务器写入一个 png。我想包括（通过浏览器端的 javascript 或标题或其他东西）某种标记，使浏览器每 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在简化websocket 方面做得非常好。使用 socket.io，您可以将数据推送到网页，然后使用 javascript 在网页中处理该数据。