首页 > 解决方案 > 在 Electron 应用程序中流式传输视频的最有效方式?(获取用户媒体?)

问题描述

例如,假设我有

<video autoplay="true" id="videoElement"></video>

然后我开始流式传输视频:

async function startVideo() {
    const video = document.querySelector("#videoElement");
    const mediaStream = await navigator.mediaDevices.getUserMedia({ video: true })
    video.srcObject = mediaStream
}

startVideo()

浏览器本机端的底层实现是否会使用一些零复制方法将视频放到屏幕上?

如果没有,如果我在 Electron 应用程序中,将相机放到屏幕上的最有效方法可能是什么?

标签: javascriptelectronhtml5-videowebcamgetusermedia

解决方案


Electron 中的 Chromium 浏览器实现通常与浏览器版本相当。因此,它应该有效地处理传入的摄像机数据的显示。


推荐阅读