javascript - 是否可以使用视频与网络摄像头创建这种效果？

Question

我最近看到了这个 three.js videotexture 的例子，我正在尝试学习从哪里开始复制这个概念。

在示例中，他们使用网络摄像头作为视频源，我似乎可以弄清楚如何让它以普通视频作为 src 运行。

我相信我需要调整的来源在这里，但我没有运气。 完整代码

HTML

<video id="video" class="hidden"></video>

JS

T = () => {
        (l = document.getElementById("video")).autoplay = !0;
        navigator.mediaDevices.getUserMedia({
            video: !0,
            audio: !1
        }).then(t => {
            l.srcObject = t, l.addEventListener("loadeddata", () => 
   {
                p = l.videoWidth, f = l.videoHeight, R()
            })
        }).catch(t => {
            console.log(t), I()
        })
    },

我可以显示视频，但它不包括来自threejs 的视频纹理。

我只是在寻找正确的方向来解决这个问题！

谢谢你！xx

标签： javascriptthree.jshtml5-video