你好我会在下面粘贴evrything但是发生的事情是它正在用正确的url更新页面但只有“hi”流播放（加载浏览器）如果我按“lo”它会停止音频但不播放然后单击“hi”然后再次启动hi流并正常播放，这很明显，当按下lo流时，播放时滑块位于开头并显示0;当它正在使用它时，它最后会计数：
所以$（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和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>
1 回答
你的代码工作正常，除了那个源为85.17.167.136:8534的shoutcast不能正常工作，因为它的内容类型是audio / aacp，它有ADTS包装，就像下面提到的Brad，HTML5不支持播放器 . 所以我建议你搜索音频/ mpeg内容，否则你需要一个flash播放器才能播放该流 .
有关更多信息，请查看：Is it possible to play this stream using HTML5/javascript?