如何在HTML的audio标签中自动播放Jio Saavn链接？

错误原因 #

所有主流浏览器均默认启用了带声音的媒体自动播放限制策略：禁止网页在未获得用户主动交互（点击、触摸、按键等操作）前，自动播放有声音频/视频内容，避免未经用户许可产生扰民的有声内容，你遇到的报错就是该策略的直接提示。
同时你现有代码同时声明了autoplay属性和手动调用play()方法，属于重复触发播放逻辑，没有实际作用。

可行解决方案 #

• 方案1：允许静音自动播放
  如果接受静音状态自动播放符合你的使用场景，可给audio标签添加muted属性即可触发自动播放，代码示例如下：

<audio autoplay muted id="my_audio">
  <source src="你的音频链接" type="audio/mpeg">
</audio>

• 方案2：等用户交互后再触发有声播放
  如果需要有声播放，需要将播放逻辑绑定到用户首次交互动作，比如监听页面首次点击事件触发播放，同时添加异常捕获避免控制台报错：

<audio id="my_audio">
  <source src="你的音频链接" type="audio/mpeg">
</audio>
<script>
document.addEventListener('click', function playAudio() {
  const audio = document.getElementById('my_audio');
  audio.play().catch(err => {
    // 可根据需要添加播放失败的处理逻辑
    console.log('播放触发失败:', err);
  });
  document.removeEventListener('click', playAudio);
}, { once: true });
</script>

• 方案3：自用场景手动放开权限
  如果你的网页仅在本地打开自用、或者部署在内网受控环境下，可手动在浏览器设置中单独给该站点添加媒体自动播放权限，该方式仅适合自用场景生效，普通外部用户访问仍会被限制。

内容的提问来源于stack exchange，提问作者Code cracker