HTML5 <audio> 标签在 Firefox 和 Internet Explorer 上不起作用

Question

我有这个广播流播放器代码。它在 Chrome 和 iOS Safari 上运行良好，但不适用于 Firefox 和 Internet Explorer 11。

这是我的 index.php 文件的一部分：

<script type="text/javascript"
src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

    <script>
function changeImage() {
    var image = document.getElementById('myImage');
    if (image.src.match("pause")) {
        image.src = "play.png";
       document.getElementById('sound1').pause();
    } else {
        image.src = "pause.png";
       document.getElementById('sound1').play();
    }
}
</script>

进入页面时，图片默认为“play.png”。当你按下它时，它会变成“pause.png”，音乐开始播放。

这是 html 中的脚本：

<audio id="sound1" src="http://radiostation.com:8000/stream" type="audio/mpeg"></audio>
    <img id="myImage" onclick="changeImage();" src="play.png" style="position: absolute; top: 130px; left: 23px;">

问题仅在于播放流时，所有浏览器上的图像都会发生变化。将不胜感激任何帮助。谢谢:)

Answer 1

Firefox 和 Internet Explorer 不支持音频/aacp 内容，这是该流的格式

对于这个流，您可以使用 /stream2，它是在浏览器中得到更广泛支持的音频/mpeg

注意 - Firefox 的开发者版本支持音频/aacp - 所以事情可能会在大约 6 到 12 周内发生变化