Какой лучший способ связи между всплывающим окном и окном из chrome .tabs.create?
У меня есть веб-камера, которая использует face-api для обнаружения и подсчета улыбок. Затем я загружаю его индекс. html в новую вкладку. Это потому, что я хочу постоянно отслеживать свое лицо, и когда оно уже загружено во всплывающем окне, оно останавливается, как только оно закрывается. Я хочу создать всплывающее окно, которое при нажатии на иконку покажет количество улыбок. Создание новой вкладки с ней гарантирует, что даже если я уйду от вкладок или закрою свое всплывающее окно, оно все равно обнаружит лица, а когда я нажму на всплывающий значок, цифры все равно будут обновлены.
Так как я могу получить значения (количество улыбок) из новой вкладки окна во всплывающее окно?
В фоновом режиме. js:
chrome.tabs.create({
url: chrome.extension.getURL('index.html'),
active: true
});
индекс. js:
function startVideo() { navigator.getUserMedia(
{ video: {} },
stream => (video.srcObject = stream),
err => console.error(err) ); } video.addEventListener("playing", () => { const canvas = faceapi.createCanvasFromMedia(video); document.body.append(canvas);
const displaySize = { width: video.width, height: video.height }; faceapi.matchDimensions(canvas, displaySize);
setInterval(async () => {
const detections = await faceapi
.detectAllFaces(video, new faceapi.TinyFaceDetectorOptions())
.withFaceLandmarks()