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

Question

您好，我将在下面粘贴所有内容，但发生的情况是它正在使用正确的 url 更新页面，但如果我按下“lo”，它只会播放“hi”流(随浏览器加载)，它会停止音频但不播放然后单击“hi”，然后再次启动 hi 流并正常播放，这样做也很明显，因为按下 lo 流时，播放时间 slider 位于开头并显示 0；当它与 hi 一起工作时，它在最后并计数:

所以 $(document).ready 函数是:

                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 和检查元素中，它确实会更改为正确的“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>

Answer 1

您的代码工作正常，除了源代码为 85.17.167.136:8534 的那个的广播将不起作用，因为它的内容类型是音频/aacp，其周围有 ADTS 包装器，如下布拉德所述，HTML5 不支持播放器。因此，我建议您搜索音频/mpeg 内容，否则您将需要一个 Flash 播放器来播放该流。

欲了解更多信息，请查看:Is it possible to play this stream using HTML5/javascript?