当前位置: 首页 > news >正文

定制网站制作技术在线网页生成器

定制网站制作技术,在线网页生成器,石家庄 外贸网站建设,网页制作素材和实例// 直接设置srcObject减少获取视频流:通过 captureStream() 方法从下方视频元素获取视频流。 // 设置 srcObject:将获取到的视频流设置为上方视频的 srcObject 减少资源浪费 // 获取到需要复制到的dom元素 const firstVideoElement proxy.$refs.firs…

 // 直接设置srcObject减少获取视频流:通过 captureStream() 方法从下方视频元素获取视频流。

// 设置 srcObject:将获取到的视频流设置为上方视频的 srcObject 减少资源浪费

// 获取到需要复制到的dom元素   
const firstVideoElement = proxy.$refs.firstVideo;
// 获取需要复制的视频流元素
const activeVideoElement = proxy.$refs[`videoRefs${index}`][0];
// 赋值给需要显示的dom
firstVideoElement.srcObject = activeVideoElement.captureStream();
onMounted(async () => {try {const { data } = await getCameraInfo(props.id);if (!data) return;// console.log("视频监控", data);streams.value = data;if (streams.value && streams.value.length > 0) {await nextTick();streams.value.forEach((stream, index) => {let videoElement = proxy.$refs["videoRefs" + index][0]; // 通过 ref 获取视频元素const webRtcServer = new WebRtcStreamer(videoElement, url);webRtcServer.connect(stream.rtspVideoUrl);webRtcServers.value.push(webRtcServer); // 存储 WebRtcStreamer 实例});// 监听 loadedmetadata 事件proxy.$refs["videoRefs0"][0].addEventListener('loadedmetadata', () => {const firstVideoElement = proxy.$refs.firstVideo;const activeVideoElement = proxy.$refs[`videoRefs0`][playNum.value];firstVideoElement.srcObject = activeVideoElement.captureStream();});// nextTick(() => {//     // 默认加载第一个视频//     const firstVideoElement = proxy.$refs.firstVideo;//     // const firstWebRtcServer = new WebRtcStreamer(firstVideoElement, url);//     // firstWebRtcServer.connect(streams.value[playNum.value].rtspVideoUrl);//     // webRtcServers.value.push(firstWebRtcServer);//     const activeVideoElement = proxy.$refs[`videoRefs${index}`][0];//     firstVideoElement.srcObject = activeVideoElement.captureStream();// });}} catch (error) {console.error('Failed to fetch camera info:', error);}
});

原视频流加载完成后,再复制流

http://www.zhongyajixie.com/news/40225.html

相关文章:

  • 设计素材免费下载网站网络服务中心
  • 长沙网站建设招聘北海seo快速排名
  • 网站建设 网站开发放心网站推广优化咨询
  • 怎么样自己建立网站seo推广怎么学
  • 深圳网站建设民治大道黑马教育培训官网
  • 光谷做网站推广怎么样全国疫情高峰感染进度查询
  • 网站如何做vip等级游戏推广代理
  • 德骏网站建设舆情系统
  • 济南 网站推广网站优化流程
  • 做外贸批发网站是哪个百度怎么投放自己的广告
  • wordpress 文档主题windows优化大师会员兑换码
  • 武汉参开网络网站建设公司百度会员登录入口
  • 什么网站做ppt好山东百度推广代理
  • 今天国际新闻北京网站优化服务商
  • wordpress 全宽页面网站打开速度优化
  • 阿里云服务器做网站好用吗seo上排名
  • 做网站的公司推荐做竞价托管的公司
  • 重庆住房与城乡建设部网站网络推广工作是做什么的
  • 笑话网站html模板优化百度百科
  • 最近三天国内重大新闻seo收录查询
  • 寻找电商网站建设网络营销五个主要手段
  • 五行seo博客搜索引擎seo优化怎么做
  • 食品餐饮网站建设百度搜索风云榜总榜
  • 南阳手机网站推广软文是啥意思
  • 网站的链接要怎么做网络推广外包想手机蛙软件
  • 镇江网站建设教程网页搜索优化seo
  • 外贸公司如何做网站优化大师的优化项目有哪7个
  • 网站怎么做排名广告公司推广软文
  • 网站开发H5网站维护一般都是维护什么
  • 网站模板分类怎么去做网络推广