PNG를 서버로 반복적으로 보내는 중입니다. 들어오는 브라우저에게 타이머를 새로 고치라고 말하고 싶습니다.

Question

몇 초마다 제 코드가 http 서버에 png를 쓰고 있습니다. 나는 (브라우저 쪽 자바 스크립트 또는 헤더 또는 뭔가를 통해) 브라우저를 자동으로 500ms마다 새로 고치는 마커를 포함하고 싶습니다.

또는 클라이언트를 새로 고칠 필요가 없도록 페이지를 자동으로 업데이트하고 싶습니다. 어떻게하면이 중 하나를 할 수 있습니까?

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

웹 소켓을 사용하여 콘텐츠를 웹 페이지로 푸시합니다. Socket.io은 웹 소켓을 쉽게 만드는 데 정말로 도움이됩니다. socket.io를 사용하면 데이터를 웹 페이지에 넣고 데이터를 입력 한 다음 해당 데이터를 자바 스크립트로 처리 할 수 ​​있습니다.