videoElement.captureStream is not a function(Firefox)

举报
liuzhen007 发表于 2021/05/26 17:06:53 2021/05/26
4.7k+ 0 0
【摘要】 目录   问题 原因 问题 在Chrome浏览器中通过video标签获取媒体流时,videoElement.captureStream()是可行的,但是在Firefox中却报错,提示videoElement.captureStream()不是一个方法,这是怎么回事儿呢? 原因 由于Chrome和Firefox的兼容性问题,Firefox浏览器中获取媒...

目录

问题

原因


问题

在Chrome浏览器中通过video标签获取媒体流时,videoElement.captureStream()是可行的,但是在Firefox中却报错,提示videoElement.captureStream()不是一个方法,这是怎么回事儿呢?

原因

由于Chrome和Firefox的兼容性问题,Firefox浏览器中获取媒体流的方法和Chrome不同,不能通过videoElement.captureStream()获取,而是通过videoElement.mozCaptureStream()获取。

如果想同时兼容Chrome和Firefox浏览器可以参考如下编码方式:

let stream = video.mozCaptureStream ? video.mozCaptureStream() : video.captureStream();
 

或者


      if (video.captureStream) {
      return video.captureStream();
      }
      if (video.mozCaptureStream) {
      return video.mozCaptureStream();
      }
  
 

文章来源: liuzhen.blog.csdn.net,作者:Data-Mining,版权归原作者所有,如需转载,请联系作者。

原文链接:liuzhen.blog.csdn.net/article/details/109057717

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。