如何禁用音频(流)html5元素的自动播放

Posted

技术标签:

【中文标题】如何禁用音频(流)html5元素的自动播放【英文标题】:How to disable autoplay of audio (stream) html5 element 【发布时间】:2017-07-16 18:50:29 【问题描述】:

我无法完成这项工作,我尝试了多种方法,到目前为止,这些建议可能适用于静态 mp3 和其他文件,但是对于这个流,在隐藏控件的情况下,我无法停止自动播放,我尝试了任何方法。

请查看jsfiddle

<audio id="player" autostart="0" autostart="false" name="media"><source id="liveatc_source" src="http://mtl2.liveatc.net/lrsb" type="audio/mpeg"></audio>

PS。这是一个流,但你可能听不到任何声音,除非我所在的区域有一些活动,但是为了查看流是否自动播放,我使用了谷歌浏览器的检查,然后检查网络选项卡,你会看到流是连续加载...

screenshot stream loading continously

【问题讨论】:

【参考方案1】:

解决方案是像这样使用预加载属性:

<audio id="player" autostart="0" autostart="false" preload ="none" name="media">

【讨论】:

以上是关于如何禁用音频(流)html5元素的自动播放的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 html5 和 jQuery 播放所有音频源

HTML5 audio 如何实现播放多个MP3音频

Safari 11 对 HTML5 音频的新自动播放限制

如何在html5中自动播放视频

Html5之高级-5 HTML5音频处理(在H5中播放音频编程实现音频播放器)

如何添加视频元素并使其在启用声音的情况下自动播放