首页 > 解决方案 > 隐身窗口中的 twilio 视频无法正常工作

问题描述

您好,我正在尝试使用 javascript 中的 twilio 视频创建视频聊天应用程序。我遇到的问题是,当我在隐身窗口中输入网址时,视频无法正常工作,但在普通的 chrome 窗口中效果很好。

我从get(https://github.com/twilio/video-quickstart-js)获取视频代码,我只需调整css并添加我的socket.io聊天

所以我在控制台的隐身窗口中检查

he AudioContext was not allowed to start. It must be resumed (or created) after a user gesture 
on the page. https://developer.chrome.com/blog/autoplay/#webaudio

我允许隐身窗口中的权限

我什至创建了另一个页面来查看我的视频和音频它在隐身窗口中效果很好

代码

const videobox = document.querySelector('.box-video');
            const myVideo = document.createElement('video');

            navigator.mediaDevices.getUserMedia({
                video:true,
                audio:true,
            }).then((stream)=>{
                     addvideo(myVideo,stream);
            })

            function addvideo(video,stram) {
                video.srcObject = stram;
                video.addEventListener('loadedmetadata',()=>{
                    video.play()
                })
                videobox.append(video);
            }

任何人都知道出了什么问题。

标签: javascriptnode.jstwiliotwilio-video

解决方案


推荐阅读