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

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

  •  
  •   YorkWong · 249 天前 · 1174 次点击
    这是一个创建于 249 天前的主题,其中的信息可能已经有所发展或是发生改变。

    由于浏览器的默认限制 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
    itcong
        1
    itcong  
       249 天前
    斗鱼都死心了,你还不死心,哈哈,和浏览器作对吗
    gchxp
        2
    gchxp  
       249 天前
    试试 web audio api 看看 前两年写过类似需求
    mikeSbV2
        3
    mikeSbV2  
       249 天前
    把视频标签,设置静音,才能自动播放
    YorkWong
        4
    YorkWong  
    OP
       249 天前
    @gchxp 老哥 细说🐶

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

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