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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 453 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

audio

播放

斗鱼

音频

18 条回复 • 2023-08-24 09:13:47 +08:00

8Ri72kLA9ORo6m6f

2023-08-22 15:40:15 +08:00

斗鱼都死心了，你还不死心，哈哈，和浏览器作对吗

gchxp

2023-08-22 15:42:03 +08:00

试试 web audio api 看看前两年写过类似需求

mikeSbV2

2023-08-22 15:44:20 +08:00

把视频标签，设置静音，才能自动播放

YorkWong

2023-08-22 16:13:56 +08:00

@gchxp 老哥细说🐶

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

@mikeSbV2 我这个是 audio 。google 主要是怕突然打开标签出现声音，吓到人，影响体验。

8Ri72kLA9ORo6m6f

2023-08-22 16:16:18 +08:00

低版本的浏览器应该是可以播放的，但是具体是哪个版本不知道了

theprimone

2023-08-22 17:05:02 +08:00

或许这就是“逆天”吧

Mexion

2023-08-22 17:08:11 +08:00

以前试过不行，放弃了，除非静音。

Leonard

2023-08-22 17:08:14 +08:00

是想做 QQ 空间吗

mdn

2023-08-22 17:08:31 +08:00

@YorkWong
不行，如果进入一个网站就播放声音，还没有画面，更容易惊吓用户

hertzry

2023-08-22 17:10:23 +08:00

要不试试这个
<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

2023-08-22 17:14:40 +08:00

针对需求不针对人，感谢现代浏览器提供的大量基础限制。

xiangyuecn

2023-08-22 17:18:49 +08:00

不可以自动播放不是绝对的，记得是浏览器会允许你经常打开的网站自动播放，可以通过 js 创建一个 audio/video 来检测是否能自动播放 play() then catch

YorkWong

2023-08-22 17:20:51 +08:00

@itcong #5 也许是的。之前的广告一点开：“我是渣渣辉，是兄弟就来砍我”

790002517zzy

2023-08-22 17:47:12 +08:00 via Android

谷歌不允许自动播放

hazardous

2023-08-22 20:50:50 +08:00

@ck65 确实，这也导致没有下限的厂商都不爱开发 web 平台，都整 app 去了。

MAGA2022

2023-08-22 20:55:26 +08:00 via Android

chrome 内部有一个列表，里面的域名可以自动播放

leokun

2023-08-23 17:03:04 +08:00

本来想回复「静音就可以播放了」，突然把自己搞笑了

YorkWong

2023-08-24 09:13:47 +08:00

感谢各位 V 友回复和讨论😄