时间戳

首页 > 解决方案 > 静音音频自动播放在 Chrome 中不起作用

google-chrome - 静音音频自动播放在 Chrome 中不起作用

问题描述

根据 Chrome 自动播放政策，

  1. 当将属性设置为 autoplay true 时，必须自动播放静音音频。
  2. iframe allow="autoplay 'src' 可以播放有声音频

但是，它不适用于我的代码。

允许自动播放音频的唯一方法是用户交互和更改浏览器设置。

你能检查一下有什么问题吗？

（我在 Chrome v 89.0.4389.90 64bit 中对其进行了测试）

测试代码#1

<body>
    <audio muted controls autoplay preload>
        <source src="https://freesound.org/data/previews/413/413749_5121236-lq.mp3" type="audio/mp3">
  </audio>
</body>

测试代码#2

<body>

<script>
var auto_audio = document.createElement('audio');

auto_audio.controls = true;
auto_audio.muted = true;
auto_audio.volume = 0;
auto_audio.autoplay = true;

var audio_src = document.createElement('source');
audio_src.src = 'https://freesound.org/data/previews/413/413749_5121236-lq.mp3';
audio_src.type = 'audio/mp3';

auto_audio.appendChild(audio_src);
document.body.appendChild(auto_audio);
</script>
</body>

测试代码#3

<iframe allow="autoplay 'src'" src="https://freesound.org/data/previews/413/413749_5121236-lq.mp3" style="height:0;width:0;border:0;border:none;visibility:hidden;"></iframe>

测试代码#4

<iframe allow="autoplay" src="https://freesound.org/data/previews/413/413749_5121236-lq.mp3" style="height:0;width:0;border:0;border:none;visibility:hidden;"></iframe>

标签： google-chromeaudioiframeautoplay

解决方案

推荐阅读