Question

您好我会在下面粘贴以下内容，但发生的事情是它使用正确的网址更新了网页，但只有＆＃34; hi＆＃34;流播放（用浏览器加载）如果我预定＆＃34; lo＆＃34;它会停止音频，但不会播放和点击＆＃34;嗨＆＃34;然后再次启动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>

如果在按下按钮后i F5，则查看源不会改变但是在firebug和inspect元素中它确实会改变为正确的＆＃34; lo＆＃34;网址由于某种原因不能发挥...请帮助。

这显然不是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的shoutcast不能正常工作，因为它的内容类型是audio / aacp，它有ADTS包装器，如Brad所述， HTML5播放器不支持。所以我建议你搜索音频/ mpeg内容，否则你需要一个flash播放器才能播放该流。

有关详细信息，请查看以下内容：Is it possible to play this stream using HTML5/javascript?

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

1 个答案: