H265播放器EasyPlayer.js首次加载出现Uncaught (in promise) DOMException错误信息
测试过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错误信息相关推荐
- html 加载pdf文件内容不显示不出来,pdf.js首次加载pdf文件时找不到pdf文件,刷新后才能出现pdf文件...
前台点击文件学码的定一近,更工广款近,更工广款近,更名后,后台通过openoffice将doc文件转为pdf格式文件,然后存放在服务器tomcat'中,pdf.js首次加载服务器中tomcat中的转化 ...
- 网页全终端视频直播/点播H5播放器EasyPlayer.js正式发布,支持H.265网页播放
在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...
- 支持H.265网页播放的H5播放器EasyPlayer.js发布了
在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...
- H5网页播放器EasyPlayer.js播放器界面的加载效果无法消失是什么原因?
EasyPlayer支持视频播放画面秒开,画质高清.性能稳定,可支持的视频流格式有RTSP.RTMP.HLS.FLV.WebRTC等.我们也提供了简单易用的SDK及API接口,用户可以根据自己的需求, ...
- H.265视频EasyPlayer播放器点播FLV不断加载,如何处理?
EasyPlayer视频流媒体播放器属于高开放度.高兼容性.高灵活性.可支持H.264/H.265视频编码格式的播放器,为了满足用户的个性化需求,EasyPlayer具备多个版本,如EasyPlaye ...
- 集RTMP, HLS, FLV, WebSocket 于一身的网页直播/点播播放器EasyPlayer.js引用videojs无法自动播放问题解决
EasyPlayer几乎涵盖了开发者所需的全部平台,尤其是在web端的EasyPlayer.js时遇到的播放器接入的问题,比如:不懂前端的js代码.没有公网服务器放置这些js脚本和网页.微信对接入IP ...
- H5网页播放器EasyPlayer.js如何实现直播视频实时录像?
EasyPlayer系列做了整整8年了,从最开始的EasyPlayerRTSP版,到后来的RTMP版.Pro版.js版,受众用户已经不计其数了,希望EasyPlayer能一如既往地优秀下去. 最近,有 ...
- H5网页播放器EasyPlayer.js也能做直播视频实时录像了
EasyPlayer系列做了整整8年了,从最开始的EasyPlayer RTSP版,到后来的RTMP版.Pro版.js版,受众用户已经不计其数了,希望EasyPlayer能一如既往的优秀下去! 最近, ...
- TSINGSEE青犀视频H265播放器FLV.js播放一段时间后报内存不足怎么处理?
EasyPlayer随着多年不断的更新和迭代,不断基于成功的实践经验,发展出包括有: EasyPlayer RTSP.EasyPlayer RTMP.EasyPlayerPro 和EasyPlayer ...
最新文章
- 相机模型--Catadioptric Omnidirectional Camera
- 现在,用音频也能指挥GAN生成图像了
- Android Studio使用外部jar包
- JavaScript原型链的理解
- Not Equal on a Segment(CF-622C)
- 文本处理3剑客 sed命令
- Java基础知识之数组的初始化和基本操作
- 三菱fx2n做从站的modbus通讯_三菱FX2N与昆仑通态(MCGS)无线编程口通讯例程
- php如何判断一个类是否存在,PHP利用判断类是否存在函数class_exists用法的简单示例...
- CUDA学习之第三章:CUDA执行模型--part1
- android 盒子gpu,挑选电视盒子时CPU和GPU哪个更重要?
- ajax 上传图片进度条,ajax实现图片上传与进度条
- 关于table表格头部固定和列固定的方式
- 世界坐标、相机坐标、图像坐标、像素坐标的原理、关系,并用matlab仿真
- JAVA我的世界怎么做成就_我的世界:又一人解锁100%成就!这几项公认最难任务,你能完成吗...
- 学计算机打字一段话,如何快速学会电脑打字
- 创业公司产品经理生存指南
- rdms系统_什么是关系数据库管理系统(RDMS)?
- 怎么开发一个小程序?从零开始手把手教你
- 区块链溯源系统开发:为何百度、阿里纷纷押注区块链溯源