通过 html 音频标签在移动浏览器上播放音频

Posted 2023-02-24

【中文标题】通过 html 音频标签在移动浏览器上播放音频

【英文标题】：playing audio on mobile browser throgh html audio tag

【发布时间】：2018-03-31 11:10:32

【问题描述】：

我们如何在移动浏览器上播放音频在桌面浏览器上播放但在移动设备上不播放什么是特定问题的解决方案.. 代码是 var audio=new Audio('sound.mp4') 音频.play()

【问题讨论】：

您需要查看设备中接受的编解码器，并根据此调用相应的文件。查看here 以查看android 中接受的编解码器，here 有一些可能的解决方法。

【参考方案1】：

Mobile Safari 以及可能的其他 Safari 浏览器仅允许播放音频以响应用户操作。所以element.addEventListener( 'click', () => audio.play() ) 会起作用，但autoplay 属性或document.addEventListener('DOMContentLoaded', () => audio.play() ) 不会。

【讨论】：

jQuery(function() /// audio.play(); jQuery('#playFancy').click(); ); document.getElementById('playFancy').addEventListener( 'click', () => audio.play() ) 这是我的代码，但它仍然无法在移动浏览器上运行

你去。它必须是真实的用户操作。

我不能有一个真正的动作，我正在通过 jquery 生成一个按钮的点击事件，并希望通过该事件播放音频

抱歉，浏览器不允许您这样做。