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

Question

你好，我将粘贴下面的一切，但发生的事情是它更新的页面与正确的url，但只有"嗨"流播放(这是加载的浏览器)，如果我按下"lo"它停止音频，但不播放，点击"hi"然后启动hi流再次播放正常，这是很明显的，当这是做了，因为当lo流按下播放时间滑块是在开始，显示0;当它与hi一起工作时，它在末尾并开始计数:

美元(文档)。就绪函数有:

                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中唯一的内容。准备好了，但它排在第一位。

编辑:这是播放器的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

你的代码工作得很好，除了8517.167.136:8534源的广播不能工作，因为它的内容类型是audio/aacp，它周围有ADTS包装，正如Brad下面提到的，在HTML5播放器中不支持。所以我建议你搜索音频/mpeg内容，否则你需要一个flash播放器来播放该流。

查看更多信息:是否可以使用HTML5/javascript播放此流?