javascript - 隐身窗口中的 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);
}
任何人都知道出了什么问题。
解决方案
推荐阅读
- python - 预测时是否可以从预训练的 vgg 模型中获得第 1 层和第 5 层输出?
- python - 设置关键利率报价值后,信用利差的 QuantLib 债券定价不起作用
- ios - 为架构 x86_64 获取错误未定义符号:“_sqlite3_prepare_v3”React Native Firebase
- android - Android Studio 抽屉菜单预览问题
- javascript - 如何赋予数组的不同部分,不同的属性
- c# - 如何在使用 linq 和实体框架核心时修复“发现歧义匹配”
- javascript - 我应该测试 Vue.js 的私有函数吗?
- css - 如何有条件地更改角度组件中的样式 url?可能吗?
- html - 锚标记在其内联 img 元素后导致右侧空间如何删除它并正确对齐菜单项
- html - 我想将搜索栏对齐到最右边