测试过EasyPlayer播放器的朋友都知道,EasyPlayer在做播放器项目集成的时候十分便捷,因为EasyPlayer不仅针对不同的协议衍生出了多个版本,EasyPlayer.js、EasyPlayerPro等,并且每个版本都带有二次开发接口,用户的自主调用简单易上手。

有的项目中使用EasyPlayer.js首次加载时会出现错误信息:Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first,并且播放器无法正常播放视频流。

这个错误与谷歌浏览器机制有关,谷歌阻止播放器的自动播放,如果页面首次加载中视频带声音并且设置了自动播放,谷歌则会阻止播放器播放并抛出一个错误异常。

如果出现错误在播放器中加入点击播放按钮

在播放器标签上加入muted禁止音频,则可以避免这个报错的出现。

<easy-player id="player" muted show-custom-button="true"></easy-player>

拓展

在EasyPlayer系列播放器中,EasyPlayer.js和EasyPlayerPro是集成较为普遍的播放器,EasyPlayerPro虽然支持了几乎所有的流媒体协议,但是在很多场景和需求下面(例如:SDK包大小,自定义协议,数据加密),EasyPlayerPro的定制成本比较高,灵活程度没有EasyPlayer-RTSP和EasyPlayer-RTMP专用播放器的灵活程度高,EasyPlayerPro考虑的是通用性,而专用播放器考虑的是定制性。因此如果还想了解TSINGSEE青犀视频开发的其他专用播放器,欢迎联系我们,目前EasyPlayer系列已经支持H265编码的视频播放,同时支持集成,欢迎了解。

H265播放器EasyPlayer.js首次加载出现Uncaught (in promise) DOMException错误信息相关推荐

  1. html 加载pdf文件内容不显示不出来,pdf.js首次加载pdf文件时找不到pdf文件,刷新后才能出现pdf文件...

    前台点击文件学码的定一近,更工广款近,更工广款近,更名后,后台通过openoffice将doc文件转为pdf格式文件,然后存放在服务器tomcat'中,pdf.js首次加载服务器中tomcat中的转化 ...

  2. 网页全终端视频直播/点播H5播放器EasyPlayer.js正式发布,支持H.265网页播放

    在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...

  3. 支持H.265网页播放的H5播放器EasyPlayer.js发布了

    在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...

  4. H5网页播放器EasyPlayer.js播放器界面的加载效果无法消失是什么原因?

    EasyPlayer支持视频播放画面秒开,画质高清.性能稳定,可支持的视频流格式有RTSP.RTMP.HLS.FLV.WebRTC等.我们也提供了简单易用的SDK及API接口,用户可以根据自己的需求, ...

  5. H.265视频EasyPlayer播放器点播FLV不断加载,如何处理?

    EasyPlayer视频流媒体播放器属于高开放度.高兼容性.高灵活性.可支持H.264/H.265视频编码格式的播放器,为了满足用户的个性化需求,EasyPlayer具备多个版本,如EasyPlaye ...

  6. 集RTMP, HLS, FLV, WebSocket 于一身的网页直播/点播播放器EasyPlayer.js引用videojs无法自动播放问题解决

    EasyPlayer几乎涵盖了开发者所需的全部平台,尤其是在web端的EasyPlayer.js时遇到的播放器接入的问题,比如:不懂前端的js代码.没有公网服务器放置这些js脚本和网页.微信对接入IP ...

  7. H5网页播放器EasyPlayer.js如何实现直播视频实时录像?

    EasyPlayer系列做了整整8年了,从最开始的EasyPlayerRTSP版,到后来的RTMP版.Pro版.js版,受众用户已经不计其数了,希望EasyPlayer能一如既往地优秀下去. 最近,有 ...

  8. H5网页播放器EasyPlayer.js也能做直播视频实时录像了

    EasyPlayer系列做了整整8年了,从最开始的EasyPlayer RTSP版,到后来的RTMP版.Pro版.js版,受众用户已经不计其数了,希望EasyPlayer能一如既往的优秀下去! 最近, ...

  9. TSINGSEE青犀视频H265播放器FLV.js播放一段时间后报内存不足怎么处理?

    EasyPlayer随着多年不断的更新和迭代,不断基于成功的实践经验,发展出包括有: EasyPlayer RTSP.EasyPlayer RTMP.EasyPlayerPro 和EasyPlayer ...

最新文章

  1. 相机模型--Catadioptric Omnidirectional Camera
  2. 现在,用音频也能指挥GAN生成图像了
  3. Android Studio使用外部jar包
  4. JavaScript原型链的理解
  5. Not Equal on a Segment(CF-622C)
  6. 文本处理3剑客 sed命令
  7. Java基础知识之数组的初始化和基本操作
  8. 三菱fx2n做从站的modbus通讯_三菱FX2N与昆仑通态(MCGS)无线编程口通讯例程
  9. php如何判断一个类是否存在,PHP利用判断类是否存在函数class_exists用法的简单示例...
  10. CUDA学习之第三章:CUDA执行模型--part1
  11. android 盒子gpu,挑选电视盒子时CPU和GPU哪个更重要?
  12. ajax 上传图片进度条,ajax实现图片上传与进度条
  13. 关于table表格头部固定和列固定的方式
  14. 世界坐标、相机坐标、图像坐标、像素坐标的原理、关系,并用matlab仿真
  15. JAVA我的世界怎么做成就_我的世界:又一人解锁100%成就!这几项公认最难任务,你能完成吗...
  16. 学计算机打字一段话,如何快速学会电脑打字
  17. 创业公司产品经理生存指南
  18. rdms系统_什么是关系数据库管理系统(RDMS)?
  19. 怎么开发一个小程序?从零开始手把手教你
  20. 区块链溯源系统开发:为何百度、阿里纷纷押注区块链溯源

热门文章

  1. 有关urlrewrite
  2. php自定义函数数学计算,PHP基于自定义函数生成笛卡尔积的方法示例
  3. CSDN网站中的版权投诉的标准
  4. 访问局域网内SQL Server数据库方法
  5. 连接一个HTTPS网站的前300毫秒,都发生了什么? | ArcBlock 课堂预告
  6. 深入理解计算机系统-之-数值存储(二)--C程序打印变量的每一字节或者位
  7. 最难得的素养,是等人把话说完
  8. CKEditor5 富文本编辑器安装以及使用
  9. C中的 feof() 和 EOF
  10. 坐标系统概念(转载)