Question

我正在尝试创建一种无线电交换机。为此，我使用了一段javascript，我发现在不同的无线电台之间切换，当我点击另一个无线电时，前一个停止了。这工作了一段时间，但我无法找到一种方法让我点击它的时候收音机重新缓冲。

想要将代码更改为jquery，我一直遇到死胡同，我无法让代码工作。我想以这样一种方式创建它，你可以在无线电台之间切换，但是当你切换回来时，它会重新加载那个特定的音频文件，这样你就能保持“实时”流的感觉。

html代码示例：

<!-- row -->
<div class="row">
    <!-- col  onClick="EvalSound('R538'); return false;" -->
    <div class="col-md-4">
        <div class="stationcontainer"/>
        <div class="Studio">Radio 538</div>
        <div class="Player">
            <audio id="R538">
                <source src="http://vip-icecast.538.lw.triple-it.nl:80/WEB16_MP3" type="audio/mp3">
                Your browser does not support the audio element.
            </audio>
        </div>
    </div>

    <!-- col  onClick="EvalSound('Qmusic'); return false;" -->
    <div class="col-md-4">
        <div class="stationcontainer"/>
        <div class="Studio">Q Music</div>
        <div class="Player">
            <audio id="Qmusic">
                <source src="http://icecast-qmusic.cdp.triple-it.nl:80/Qmusic_be_live_96.mp3" type="audio/mp3">
                Your browser does not support the audio element.
            </audio>
        </div>
    </div>

    <!-- col  onClick="EvalSound('TopRadio'); return false;" -->
    <div class="col-md-4">
        <div class="stationcontainer"/>
        <div class="Studio">Top Radio</div>
        <div class="Player">
            <audio id="TopRadio">
                <source src="http://lb.topradio.be/topradio.mp3" type="audio/mp3">
                Your browser does not support the audio element.
            </audio>
        </div>
    </div>

</div>

我以前使用的Javascript：

    //switch between radio stations
    var currentPlayer;

    function EvalSound(soundobj) {


        //turn off when selecting another player
        var thissound = document.getElementById(soundobj);

        if (currentPlayer && currentPlayer != thissound) {
            currentPlayer.pause();
        }
        if (thissound.paused) 
            thissound.play();

        else thissound.pause();

        thissound.currentTime = 0;
        currentPlayer = thissound;
    }

和测试jquery我试图开始 //准备好了 $（function（）{

        //test
        $('.stationcontainer').click(function () {

            //get current audio id
            var thissound = $(this).find('id');

            thissound.play();

        });

    });

使用jquery在音频文件之间播放和切换

0 个答案: