H.264/H.265播放器EasyPlayer.js网页直播/点播播放器关于播放的时候就有声音

EasyPlayer.js H5播放器,是一款能够同时支持HTTP、HTTP-FLV、HLS(m3u8)、WS、WEBRTC、FMP4视频直播与视频点播等多种协议,支持H.264、H.265、AAC、G711A、Mp3等多种音视频编码格式,支持MSE、WASM、WebCodec等多种解码方式,支持Windows、Linux、Android、iOS全平台终端的H5播放器,使用简单,功能强大。

播放器播放时有声音分两种业务场景:

  • 希望页面打开的时候,就自动播放,并且带有声音

  • 通过交互点击事件打开播放器,带有声音

页面打开,刷新页面的时候,就需要自动播放,并且带有声音

如果是通过点击链接、脚本操作等方式加载页面,可以通过js程序去掉静音。

"重新加载"按钮或者location.reload()方法加载,通过"前进"或"后退"按钮加载 这种是不会带有声音播放的。

目前推荐的方案是:借助performance.navigation.typ,判断是否满足加载声音的条件,来实现自动播放(带声音)。

可以监听点击事件来解除静音。

复制代码
$container.addEventListener('click', function () {

   EasyPlayer.jscancelMute()

}, false)

通过交互点击事件打开播放器,带有声音

播放器默认播放的时候,是静音播放的。所以如果想播放的时候解除静音,则需要配置isNotMute:true就可以了。

总之EasyPlayer.js网页直播/点播播放器支持直播、点播、录像、快照截图、MP4播放、多屏播放、倍数播放、全屏播放等特性,具备较高的可用性和稳定性。为了便于用户集成与调用,我们也提供了API接口供大家使用。

相关推荐
Juchecar7 分钟前
分析:将现代开源浏览器的JavaScript引擎更换为Python的可行性与操作
前端·javascript·python
伍哥的传说2 小时前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性
德育处主任2 小时前
p5.js 3D 形状 "预制工厂"——buildGeometry ()
前端·javascript·canvas
Mintopia2 小时前
React 牵手 Ollama:本地 AI 服务对接实战指南
前端·javascript·aigc
Mintopia3 小时前
Next.js 全栈开发基础:在 pages/api/*.ts 中创建接口的艺术
前端·javascript·next.js
xvmingjiang3 小时前
Element Plus 中 el-input 限制为数值输入的方法
前端·javascript·vue.js
狂炫一碗大米饭3 小时前
事件委托的深层逻辑:当冒泡不够时⁉️
javascript·面试
张柏慈3 小时前
JavaScript性能优化30招
开发语言·javascript·性能优化
pepedd8644 小时前
全面解析this-理解this指向的原理
前端·javascript·trae
渔夫正在掘金4 小时前
神奇魔法类:使用 createMagicClass 增强你的 JavaScript/Typescript 类
前端·javascript