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，它是audio / mpeg，在浏览器中得到更广泛的支持

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

HTML5 <audio>标签无法在Firefox和Internet Explorer上运行

1 个答案: