EasyPlayer.js关于报错play() failed because the user didn‘t interact with the document first的问题

随着流媒体技术的迅速发展,H5流媒体播放器已成为现代网络视频播放的重要工具。其中,EasyPlayer.js作为一款功能强大的H5播放器,凭借其全面的协议支持、多种解码方式以及跨平台兼容性,赢得了广泛的关注和应用。

用户希望打开页面的时候就直接自动播放带音频视频(单屏或者多屏),但是浏览器的自动播放策略是,必须是用户手动触发了事件之后,才能自动播放。

有时播放器会出现DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD的错误。

1、问题说明

手动刷新页面也会出现这个异常,这个报错是浏览器的规范,浏览器规定,必须要用户主动触发才能播放带音频的视频。

优先使用canvas进行渲染或者静音状态,这样就可以规避掉浏览器的规范了。

注意:mse、wcs是硬解码,wasm是软解码。

2、解决方案

  • 静音状态下播放,添加一个交互事件,让用户手动触发下,再去播放视频。

  • 浏览器允许点击链接跳转打开页面允许自动播放并支持声音。

EasyPlayer播放器属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,无须安装任何插件,起播快、延迟低、兼容性强,使用非常便捷。

随着5G技术的普及和互联网技术的进一步发展,H5流媒体播放器将迎来更加广阔的发展前景。一方面,5G技术将实现更高的传输速度和更低的延迟,为用户提供更加流畅、稳定的播放体验。另一方面,随着互动功能的不断丰富和完善,H5流媒体播放器将更好地满足用户的个性化需求。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值