Javascript 更改音频源

Posted

技术标签:

【中文标题】Javascript 更改音频源【英文标题】:Javascript Change the Audio src 【发布时间】:2014-12-19 22:27:07 【问题描述】:

我想更改音频src 以收听其他广播源,但在 android 上没有更改。但是,它确实在我的 PC 上发生了变化。在 android 上,src 显示为空白。

<form>
<p style="text-align: center"><font size="4"> Wähle dein Radio</font></p>
<select id="aSelectControl" data-theme="c">
<option></option>
<option onclick=" var player = document.getElementById('player'); player.src='http://mp3.stream.tb-group.fm/ht.mp3'; player.play();">HouseTime.FM</option>
<option onclick=" var player = document.getElementById('player'); player.src='http://mp3.stream.tb-group.fm/clt.mp3'; player.play();">Clubtime.FM </option>
<option onclick=" var player = document.getElementById('player'); player.src='http://80.237.157.79:80/iloveradio2.mp3'; player.play();">ILove2Dance </option>
</select>
</form>

 <audio id="player" controls="controls" src=""></audio>

【问题讨论】:

我对您寻求帮助的具体内容有点困惑。您是说音频源在 android 设备上显示为空白吗?是否可以发布当前代码以查看问题的演示? kontex1.hol.es/radio.html 这里的演示在您的 PC 上试用,然后在您的 Andriod 设备上试用 这是我在 PC 上看到的音频标签:&lt;audio id="player" controls="controls" src=""&gt;Wird Leider nicht unterstützt&lt;/audio&gt; 如您所见,src 也是空的。我正在使用 Chrome 来查看源代码。我也在我的 Galaxy S3 上看到了同样的东西——使用 Firefox View Source 插件。 是的,在开始时 src 什么都不是,但如果您单击广播电台的下拉菜单 javascript 对播放器说这部分中的正确 src onclick=" var player = document.getElementById('播放器'); player.src='80.237.157.79:80/iloveradio2.mp3'; player.play(); 【参考方案1】:

所以它看起来可能是基于此链接的已知问题:

https://code.google.com/p/android/issues/detail?id=10546

看起来audio 标签可能不受支持。

一种解决方法是在您使用onclick 属性单击音频时强制 JavaScript 加载音频

【讨论】:

但是如果我把源放在我可以播放广播电台80.237.157.79:80/iloveradio2.mp3"></audio> 我们能看到 JavaScript 代码吗?它可能没有将源链接绑定到src kontex1.hol.es/radio.html这里我为你编辑了如果你现在在你的安卓设备上你可以播放收音机但不能改变它

以上是关于Javascript 更改音频源的主要内容,如果未能解决你的问题,请参考以下文章

Javascript按钮多个音频源

通过jQuery更改源后html音频找不到文件

如何在 Web Audio API 中更改音频缓冲源的时间?

如何通过javascript删除html5音频播放器中的源音频文件

播放由 jquery 更改的新音频源

当通过 JavaScript 填充源时,Html5 音频不会在 Safari 中播放