Копия <canvas> изображение из браузераНовинка в другое на 60 кадров в секунду в Atom Electron

Question

Возможно копировать в режиме реального времени изображение элемента в браузереWindow, отображаемом на 60 кадров в секунду, в другие несколько браузеров в Atom Electron?

Answer 1

Вариант 1: Используйте window.open()

По состоянию на май 2017 года, теперь можно открыть новое окно в Electron с помощью window.open(), аналогично тому, как это делает nwjs. Это означает, что нет необходимости беспокоиться о отправке изображения по различным процессам. Дополнительную информацию см. В разделе electron documentation. С ссылкой DOM на холст в новом окне вы можете легко скопировать изображение со старого холста в каждый кадр.

newCanvas.drawImage(oldCanvas, 0, 0, width, height) 

Вариант 2: Использование WebRTC

Вы можете сделать поток от холста к видеоэлементу через WebRTC, локально между двумя окнами. Мое решение основано на ответе на related question, а также на полезном WebRTC canvas example. Откройте следующие две ссылки и нажмите «Подключиться».

Полотно для потоковой: https://jsfiddle.net/f5y48hcd/26/

var stream = canvas.captureStream(); 

... 

stream.getTracks().forEach(
    function(track) { 
     pc.addTrack(
     track, 
     stream 
    ); 
    } 
); 

видео элемент приема потока: https://jsfiddle.net/rfqhwo4z/10/

pc.ontrack = gotRemoteStream; 

... 

function gotRemoteStream(e) { 
    if (video.srcObject !== e.streams[0]) { 
    video.srcObject = e.streams[0]; 
    } 
} 

Обратите внимание, что вам нужно вкладка холст активно работает на этом анимация на вкладке видео. Я еще должен проверить это в электронике.

Answer 2

Как насчет создания сокета Unix и конвейеру байт, что и читать его с другого процесса ?:

var net = require('net'); 

// This server listens on a Unix socket at /var/run/mysocket 
var unixServer = net.createServer(function(client) { 
    // Do something with the client connection 
}); 
unixServer.listen('/var/run/mysocket'); 

https://nodejs.org/api/net.html В противном случае вы можете просто открыть сокет на порт и обмениваться этим.

Основная причина, по которой вы не хотите, чтобы данные, поступающие из браузераWindow взад и вперед по основному процессу, заключались в том, что ваш BrowserWindow обрабатывает такие вещи, как положение окна и события ОС, поэтому вы не хотите замедлять их, через это.