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

每隔几秒钟，我的代码就会写一个png到一个http服务器。我希望包括（通过浏览器端的JavaScript或标头什么的）某种标记，这将使浏览器每500毫秒自动刷新一次。反复将PNG发送到服务器。我想告诉传入的浏览器刷新定时器

另外，我想只是自动更新页面，以便客户端不需要刷新。我将如何做这些？

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 ...'); 
});

来源

2016-09-16 Daniel Paczuski Bak

你见过[webflight（http://eschnou.github.io/ardrone-webflight/）？这是一款非常完整的基于浏览器的AR.Drone控制器，包括无人机摄像头的实时视频输入。 –