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

Question

每隔几秒，我的代码就会将 png 写入 http 服务器。我想包含(通过浏览器端 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在使 websocket 变得简单方面做得非常好。使用socket.io，您可以将数据推送到网页，然后使用javascript在网页中处理该数据。