We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
最近有个项目被坑到了,正好记录一下
自动播放即网页加载完成后能否立即播放音视频
以 Chrome 为例(以下为自动播放策略)
iframe
媒体互动指数 (MEI Media Engagement Index) 衡量的是个人在网站上观看媒体的倾向
Chrome 的方法是统计每个来源的访问次数与重要媒体播放事件的比率
MEI 是一个数字,可以在 about://media-engagement 中进行查看;其值越高,表示用户对该站点的媒体参与度越高
about://media-engagement
媒体互动指数的计算规则不透明 媒体互动指数的计算规则在不同的浏览器版本上可能会有差异
媒体互动指数的计算规则不透明
媒体互动指数的计算规则在不同的浏览器版本上可能会有差异
一般会在视频区添加一个全局按钮,用户点击后触发交互操作,并自动播放
先静音播放,然后根据能否自动播放判断是否取消静音
关键点:通过 AudioContext 判断其上下文的状态
AudioContext
const ctx = new AudioContext(); const canAutoPlay = ctx.state === 'running'; ctx.close();
The text was updated successfully, but these errors were encountered:
No branches or pull requests
浏览器的自动播放策略
自动播放即网页加载完成后能否立即播放音视频
iframe
会继承父级页面的自动播放策略(需要父窗口满足自动播放条件)媒体互动指数
媒体互动指数 (MEI Media Engagement Index) 衡量的是个人在网站上观看媒体的倾向
MEI 是一个数字,可以在
about://media-engagement
中进行查看;其值越高,表示用户对该站点的媒体参与度越高最佳实践
交互后播放
交互后播放声音
先静音播放,然后根据能否自动播放判断是否取消静音
关键点:通过
AudioContext
判断其上下文的状态相关资料
The text was updated successfully, but these errors were encountered: