如何让网页<audio />标签自动播放音频文件?

262 天前
 YorkWong

由于浏览器的默认限制 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes 在用户没有对 DOM 进行交互的情况下,调用 audio 的 play()方法会报错。

一些斗鱼什么网站也是在 Chrome 通过学习用户的使用习惯, 来决定这些网站的视频,和音频是否能自动播放。

但还是不死心, 想问问 V 站朋友有没有其他途径可以实现自动播放!

1196 次点击
所在节点    前端开发
18 条回复
itcong
262 天前
斗鱼都死心了,你还不死心,哈哈,和浏览器作对吗
gchxp
262 天前
试试 web audio api 看看 前两年写过类似需求
mikeSbV2
262 天前
把视频标签,设置静音,才能自动播放
YorkWong
262 天前
@gchxp 老哥 细说🐶

@itcong 万一有 V 站网友有路子呢😂

@mikeSbV2 我这个是 audio 。google 主要是怕突然打开标签出现声音,吓到人,影响体验。
itcong
262 天前
低版本的浏览器应该是可以播放的,但是具体是哪个版本不知道了
theprimone
262 天前
或许这就是“逆天”吧
Mexion
262 天前
以前试过不行,放弃了,除非静音。
Leonard
262 天前
是想做 QQ 空间吗
mdn
262 天前
@YorkWong
不行,如果进入一个网站就播放声音,还没有画面,更容易惊吓用户
hertzry
262 天前
要不试试这个
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1465313631&auto=1&height=66"></iframe>
ck65
262 天前
针对需求不针对人,感谢现代浏览器提供的大量基础限制。
xiangyuecn
262 天前
不可以自动播放不是绝对的,记得是浏览器会允许你经常打开的网站自动播放,可以通过 js 创建一个 audio/video 来检测是否能自动播放 play() then catch
YorkWong
262 天前
@itcong #5 也许是的。之前的广告一点开:“我是渣渣辉,是兄弟就来砍我”
790002517zzy
262 天前
谷歌不允许自动播放
hazardous
262 天前
@ck65 确实,这也导致没有下限的厂商都不爱开发 web 平台,都整 app 去了。
MAGA2022
262 天前
chrome 内部有一个列表,里面的域名可以自动播放
leokun
261 天前
本来想回复「静音就可以播放了」,突然把自己搞笑了
YorkWong
260 天前
感谢各位 V 友回复和讨论😄

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/967394

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX