切换SHOUTcast音频流HTML5音频播放器和JQuery

您好，我将粘贴下面的所有内容，但实际情况是，它正在使用正确的url更新页面，但只有“hi”流播放（通过浏览器加载）。如果我按“lo”，它会停止音频但不播放，单击“hi”，然后再次启动hi流并正常播放，当按下lo stream时，这一点很明显，因为播放时间滑块位于开始位置并显示0；当它与hi一起工作时，它在末尾并计数：

so$（文档）。就绪函数包括：

                var audio = $('#audioPlayer');
            $('#hi').on("click", function () {
                audio.attr("src", "http://96.31.83.94:8061/;");
                /****************/
                audio[0].pause();
                audio[0].load();//suspends and restores all audio element
                audio[0].play();
                /****************/
                });

            $('#lo').on("click", function () {
                audio.attr("src", "http://85.17.167.136:8534/;");
                /****************/
                audio[0].pause();
                audio[0].load();//suspends and restores all audio element
                audio[0].play();
                /****************/
                });

播放器和按钮：

        <div id="audioPanel" class="col-md-12">
        <div class="col-md-4 col-md-offset-4">
            <audio id="audioPlayer" class="audioPlayer" src="http://96.31.83.94:8061/;" controls autoplay>
                Your browser does not support the audio element.
            </audio><br>
            <div id="streamButtons" class="btn-group">
                <button id="lo" class="btn btn-primary btn-xs">Lo</button>
                <button id="hi" class="btn btn-primary btn-xs">Hi</button>
            </div>
        </div>

您的浏览器不支持音频元素。


瞧
你好

如果在按下按钮后输入F5，则查看源代码不会更改，但在firebug和inspect元素中，它会更改为正确的“lo”url，但由于某些原因不会播放。。。请帮忙

这显然不是doc.ready中的唯一内容，但它是列表中的第一项

编辑：这是lo按钮启动后的播放器

   <div id="audioPanel" class="col-md-12">
<div class="col-md-4 col-md-offset-4">
<audio id="audioPlayer" class="audioPlayer" autoplay="" controls="" src="http://85.17.167.136:8534/;"> Your browser does not support the audio element. </audio>
<br>
    <div id="streamButtons" class="btn-group">
<button id="lo" class="btn btn-primary btn-xs">Lo</button>
<button id="hi" class="btn btn-primary btn-xs">Hi</button>
</div>

您的浏览器不支持音频元素。


瞧
你好

您的代码运行良好，除了源代码为85.17.167.136:8534的代码的shoutcast不起作用，因为它的内容类型是audio/aacp，其周围有ADTS包装，如Brad所述，HTML5播放器不支持。因此，我建议您搜索音频/mpeg内容，否则您将需要一个flash播放器来播放该流

---

有关更多信息，请查看：

就这样。。。不是代码，而是aac问题。谢谢你发现了。它永远不会在任何带有html5播放器的设备上播放，所以我的解决方案将不得不以其他方式加载它，或者扩展更高可用流的数量。具体地说，不是AAC不受支持，而是它周围的ADTS包装。许多浏览器可以很好地使用AAC，但它必须位于MP4/M4A容器中，这很难流式传输。在我看来，这是浏览器开发人员的一个重大疏忽，您可以在开发邮件列表中看到他们对这个问题的争论。