V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
YorkWong
V2EX  ›  前端开发

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

  •  
  •   YorkWong · 2023-08-22 15:35:34 +08:00 · 1395 次点击
    这是一个创建于 437 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    18 条回复    2023-08-24 09:13:47 +08:00
    8Ri72kLA9ORo6m6f
        1
    8Ri72kLA9ORo6m6f  
       2023-08-22 15:40:15 +08:00
    斗鱼都死心了,你还不死心,哈哈,和浏览器作对吗
    gchxp
        2
    gchxp  
       2023-08-22 15:42:03 +08:00
    试试 web audio api 看看 前两年写过类似需求
    mikeSbV2
        3
    mikeSbV2  
       2023-08-22 15:44:20 +08:00
    把视频标签,设置静音,才能自动播放
    YorkWong
        4
    YorkWong  
    OP
       2023-08-22 16:13:56 +08:00
    @gchxp 老哥 细说🐶

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

    @mikeSbV2 我这个是 audio 。google 主要是怕突然打开标签出现声音,吓到人,影响体验。
    8Ri72kLA9ORo6m6f
        5
    8Ri72kLA9ORo6m6f  
       2023-08-22 16:16:18 +08:00
    低版本的浏览器应该是可以播放的,但是具体是哪个版本不知道了
    theprimone
        6
    theprimone  
       2023-08-22 17:05:02 +08:00
    或许这就是“逆天”吧
    Mexion
        7
    Mexion  
       2023-08-22 17:08:11 +08:00
    以前试过不行,放弃了,除非静音。
    Leonard
        8
    Leonard  
       2023-08-22 17:08:14 +08:00
    是想做 QQ 空间吗
    mdn
        9
    mdn  
       2023-08-22 17:08:31 +08:00
    @YorkWong
    不行,如果进入一个网站就播放声音,还没有画面,更容易惊吓用户
    hertzry
        10
    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
        11
    ck65  
       2023-08-22 17:14:40 +08:00   ❤️ 2
    针对需求不针对人,感谢现代浏览器提供的大量基础限制。
    xiangyuecn
        12
    xiangyuecn  
       2023-08-22 17:18:49 +08:00
    不可以自动播放不是绝对的,记得是浏览器会允许你经常打开的网站自动播放,可以通过 js 创建一个 audio/video 来检测是否能自动播放 play() then catch
    YorkWong
        13
    YorkWong  
    OP
       2023-08-22 17:20:51 +08:00
    @itcong #5 也许是的。之前的广告一点开:“我是渣渣辉,是兄弟就来砍我”
    790002517zzy
        14
    790002517zzy  
       2023-08-22 17:47:12 +08:00 via Android
    谷歌不允许自动播放
    hazardous
        15
    hazardous  
       2023-08-22 20:50:50 +08:00
    @ck65 确实,这也导致没有下限的厂商都不爱开发 web 平台,都整 app 去了。
    MAGA2022
        16
    MAGA2022  
       2023-08-22 20:55:26 +08:00 via Android
    chrome 内部有一个列表,里面的域名可以自动播放
    leokun
        17
    leokun  
       2023-08-23 17:03:04 +08:00
    本来想回复「静音就可以播放了」,突然把自己搞笑了
    YorkWong
        18
    YorkWong  
    OP
       2023-08-24 09:13:47 +08:00
    感谢各位 V 友回复和讨论😄
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3704 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 10:24 · PVG 18:24 · LAX 03:24 · JFK 06:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.