Можно ли создать этот эффект с помощью видео или веб-камеры?

Недавно я видел этот пример видеотекстуры three.js, и я пытаюсь чтобы узнать, с чего начать дублировать эту концепцию.

В этом примере они используют веб-камеру в качестве источника видео, и я, кажется, могу понять, как заставить ее работать с обычным видео в качестве 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.

Я просто ищу точку в правильном направлении, чтобы понять это!

спасибо! хх


person pixelgirrrl    schedule 20.09.2019    source источник
comment
Возможный дубликат stackoverflow. com/questions/37884013/ ?   -  person TheJim01    schedule 20.09.2019
comment
@ TheJim01, к сожалению, нет .. :(   -  person pixelgirrrl    schedule 20.09.2019
comment
Я не имею в виду это, как вы это гуглили? но есть масса примеров использования видео в качестве текстуры. Не могли бы вы обновить свой вопрос, указав несколько просмотренных вами ссылок и краткий комментарий о том, почему пример не соответствует вашим потребностям?   -  person TheJim01    schedule 20.09.2019
comment
@ TheJim01 Именно этот эффект в этом примере очень уникален для меня. В статья автор упоминает, что он загружает веб-камеру как источник видео. Я думал, что будет легко просто прочитать фактический src видео, но мне не повезло.   -  person pixelgirrrl    schedule 21.09.2019
comment
@ TheJim01 TheJim01, что еще хуже, код, который есть у автора в статье, отличается от предоставленного источника! так что я знаю, что Google поможет в широком смысле, я просто надеялся на толчок в правильном направлении в этом конкретном случае!   -  person pixelgirrrl    schedule 21.09.2019
comment
У меня еще один тупой вопрос... Воспроизводится ли видео как обычный элемент video? Просто как элемент в HTML, а не как источник текстуры?   -  person TheJim01    schedule 21.09.2019
comment
Вид - элемент видео (веб-камера) скрыт. он также нарисован в элементе холста @TheJim01   -  person pixelgirrrl    schedule 21.09.2019
comment
Я чувствую, что я так близко. Он использует getUserMedia и назначает это src видео. Кажется, я не могу сделать это просто ссылкой на src! Кажется, речь идет о src и srcobject, и если использовать srcobject, то я получаю сообщение об ошибке консоли, что это не медиапоток, а медиаисточник! ааа!!   -  person pixelgirrrl    schedule 21.09.2019
comment
Поскольку эти комментарии становятся немного длинными, не могли бы вы зайти на chat.stackoverflow.com и присоединиться к видео в комнате three.js?   -  person TheJim01    schedule 21.09.2019
comment
к сожалению, у меня недостаточно высокая репутация, чтобы общаться там. в любом случае спасибо за помощь, буду разбираться!   -  person pixelgirrrl    schedule 21.09.2019