首页 > 解决方案 > 如何通过 socket.io 发出 html 视频数据?

问题描述

我想做的是发出来自

// this returns data coming from webcam and microphone
const stream = await navigator.mediaDevices.getUserMedia({
        video: true,
        audio: true,
      });

此代码返回一个MediaStreamobj,我将其链接到我的视频元素,如下所示

video.srcObject = stream

现在我想通过套接字 io 发出这些数据,我已经完成了我的研究,我只能发出没有音频的视频帧,我将发出的数据放入img

originalCanvas是我在其中流式传输视频的画布

socket.emit("video-data",OriginalCanvas.toDataURL("image/webm"));

所以这部分只发出视频帧,我也想发出音频来接收视频标签中的数据。

标签: javascripthtmlsocket.io

解决方案


推荐阅读