(A-frame AR) Stream 3d Canvas / a-canvas, для совместного использования 2 пользователями - PullRequest
Новая
       81

(A-frame AR) Stream 3d Canvas / a-canvas, для совместного использования 2 пользователями

0 голосов
/ 05 марта 2020

До сих пор я смог захватить видео компонент и поделиться им с другим пользователем с первым кодом ниже. Но если я попытаюсь использовать тот же метод с канвой для 3d-материала, он просто вернет прозрачное изображение (PNG) или черный фон (jpeg), вы можете увидеть во втором блоке кода. Я также попытался сделать снимок, как снимок экрана, но он разрушает впечатление пользователя, отправляющего данные, как вы можете видеть в третьем блоке кода. Есть ли способ сделать это?

A-Frame Версия: 1.0.4
Платформа / устройство: Windows
также сообщается: https://github.com/aframevr/aframe/issues/4512

let videoComponent = $("video");
let restreamCanvas = $("#newCanvas")[0];
let context = restreamCanvas.getContext('2d');
context.drawImage(videoComponent[0],0,0, restreamCanvas.width, restreamCanvas.height);
let videoURL = restreamCanvas.toDataURL('image/jpeg', 0.5);
let socket = new WebSocket(url);//url defined in var, it will send text
socket.send(videoURL);

let canvasComponent = $(".a-canvas");
let URLGraphic = canvasComponent .toDataURL('image/png', 0.5);

//html
<a-scene embedded screenshot="width: 640; height: 320">
//javascript
let prespectiveCanvas = document.querySelector('a-scene').components.screenshot.getCanvas("perspective");
 let URLGraphic = prespectiveCanvas.toDataURL('image/png', 0.5);
...