为什么我不能使用html自动播放音频?

问题描述 投票:0回答:2

我正在尝试制作背景音乐播放的网页。

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Website </title>
    
</head>
<body>
    <h2>Welcome to my website</h2>
    <audio src="sound.mp3" controls autoplay>
        <p>If you are reading this, it is because your browser does not support the audio element.     </p>
    </audio>
</body>
</html>


你可以看到音频播放器,所以网页肯定可以找到mp3文件。(https://i.stack.imgur.com/4GERM.png)

我尝试了很多不同的方法(音频标签、嵌入标签、iframe、一些 js 脚本)但我只能制作音频播放器并且我必须手动打开音乐,而且我无法找到开始播放音乐的方法,当我进入网页。我的浏览器是 opera gx,但我也尝试在边缘执行此操作,结果相同。你有什么想法让它发挥作用吗?

html web audio browser html5-audio
2个回答
0
投票

许多浏览器阻止网页自动播放音频

这是因为很多人(包括我!)在未经他们允许的情况下播放网页声音时会感到恼火,因为他们可能在一个安静的区域,对其他人造成干扰。

Chrome 就是一个很好的例子

Google 在这篇博文中解释了这一点: https://developer.chrome.com/blog/autoplay/

有关 Chromium 项目网站的更多信息: https://sites.google.com/a/chromium.org/dev/audio-video/autoplay

尝试不同的浏览器

您可能会发现浏览器不够贴心。这对您来说可能是可以接受的,如果它只是供您自己使用,或者您的最终用户很乐意拥有自动播放的声音,因此可以为您的页面使用特定的浏览器。


0
投票

这是因为基于 Chromium 的浏览器不允许自动播放

这里讨论了很多可能的方法,或者你可以简单地谷歌"autoplay audio in chromium browsers"

来找到更多。

© www.soinside.com 2019 - 2024. All rights reserved.