Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Помогите с jPlayer (https://javascript.ru/forum/jquery/16217-pomogite-s-jplayer.html)

SanyCF 30.03.2011 13:50

Помогите с jPlayer
 
Установил себе на сайт jpayer, все хорошо работает.

При нажатии на ссылку, начинает играть песня, и когда доходит до конца, то просто останавливаетя, а я хочу сделать так, чтобы начинала играть следующая.




Код:

<script type="text/javascript">
<!--
$(function(){var global_lp = 0;
        $("#jquery_jplayer").jPlayer({
                ready: function ()
                {this.element.jPlayer("setFile", "").jPlayer("play");showPauseBtn();demoInstanceInfo(this.element, $("#demo_info"));},
                swfPath: "../js",customCssIds: true})
        .jPlayer("onProgressChange", function(lp,ppr,ppa,pt,tt) {
                var lpInt = parseInt(lp);var ppaInt = parseInt(ppa);global_lp = lpInt;
                $('#loaderBar').progressbar('option', 'value', lpInt);
                $('#sliderPlayback').slider('option', 'value', ppaInt);})
        .jPlayer("onSoundComplete", function() {this.element.jPlayer("stop");});
        $("#pause").hide();
        function showPauseBtn()
        {$("#play").fadeOut(function(){$("#pause").fadeIn();});}
        function showPlayBtn()
        {$("#pause").fadeOut(function(){$("#play").fadeIn();});}
        function playTrack(t,n)
        {$("#jquery_jplayer").jPlayer("setFile", t).jPlayer("play");showPauseBtn();$("#trackname").fadeOut(function(){$("#trackname").text(n);$("#trackname").fadeIn();});
                $("#pcent").fadeOut(function(){$("#pcent").fadeIn();});return false;}

        $("#1").click(function() {
                $(this).blur();
                return(playTrack("/uploads/audio/music/3-1.mp3",$("#1").text()));
        });

        $("#2").click(function() {
                $(this).blur();
                return(playTrack("/uploads/audio/music/3-2.mp3",$("#2").text()));
        });       

        $("#play").click(function() {$("#jquery_jplayer").jPlayer("play");showPauseBtn();$(this).blur();return false;});
        $("#play").click(function() {$("#jquery_jplayer").jPlayer("play");showPauseBtn();return false;});
        $("#pause").click(function() {$("#jquery_jplayer").jPlayer("pause");showPlayBtn();return false;});
        $("#stop").click(function() {$("#jquery_jplayer").jPlayer("stop");showPlayBtn();return false;});
        $("#volume-min").click( function() {$('#jquery_jplayer').jPlayer("volume", 0);$('#sliderVolume').slider('option', 'value', 0);
                return false;});
        $("#volume-max").click( function() {$('#jquery_jplayer').jPlayer("volume", 100);
                $('#sliderVolume').slider('option', 'value', 100);return false;});
        $("#player_progress_ctrl_bar a").live( "click", function() {$("#jquery_jplayer").jPlayer("playHead", this.id.substring(3)*(100.0/global_lp));return false;});
        $('#sliderPlayback').slider({max: 100,        range: 'min',animate: true,slide: function(event, ui) {$("#jquery_jplayer").jPlayer("playHead", ui.value*(100.0/global_lp));}});
        $('#sliderVolume').slider({value : 50,max: 100,range: 'min',animate: true,slide: function(event, ui) {
        $("#jquery_jplayer").jPlayer("volume", ui.value);}});
        $('#loaderBar').progressbar();
        $('#dialog_link, ul#icons li').hover(function() { $(this).addClass('ui-state-hover'); },function() { $(this).removeClass('ui-state-hover'); });

});
-->
</script>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
        <thead>
                <tr>
        <th width="30"></th>
                        <th>Название</th>
                        <th width="55">Тип</th>
                        <th width="80">Длина</th>
            <th width="80">Размер</th>
            <th width="90">Скачать</th>
                </tr>
        </thead>
        <tbody>
                <tr class="gradeC">
            <td align="center"><img src="/templates/Default/dleimages/icons/back.png" alt=""/></td>
                        <td align="center"><a class="m" href="/music.html"><strong>-----  Вернутся на главную страницу  -----</strong></a></td>
                        <td align="center"></td>
                        <td align="center"></td>
            <td align="center"></td>
                        <td align="center"></td>

                </tr>
                <tr class="gradeA">
                        <td align="center"><img style="vertical-align:middle" src="/templates/Default/dleimages/icons/mp3.png" alt=""/></td>
                        <td><a title="Прослушать" class="m" id="1" href="#">1</a></td>
                        <td align="center">.mp3</td>
                        <td align="center">0:01:41</td>
            <td align="center">2.31 MB</td>
                        <td align="center"><a class="m" href="/uploads/audio/music/3-1.mp3"><img style="vertical-align:middle" src="/templates/Default/dleimages/icons/dow.png" alt=""/> <strong>Скачать</strong></a></td>

                </tr>
        <tr class="gradeC">
            <td align="center"><img src="/templates/Default/dleimages/icons/mp3.png" alt=""/></td>
                        <td><a title="Прослушать" class="m" id="2" href="#">2</a></td>
                        <td align="center">.mp3</td>
                        <td align="center">0:03:52</td>
            <td align="center">5.30 MB</td>
                        <td align="center"><a class="m" href="/uploads/audio/music/3-2.mp3"><img style="vertical-align:middle" src="/templates/Default/dleimages/icons/dow.png" alt=""/> <strong>Скачать</strong></a></td>
                </tr>
               
        </tbody>
    <tfoot>
                <tr>
        <th width="40"></th>
                        <th></th>
                        <th width="55"></th>
                        <th width="80"><strong>0:46:10</strong></th>
                        <th width="80"><strong>20</strong></th>
            <th width="80"><strong>52.80 mB</strong></th>

                </tr>
        </tfoot>
</table>



Часовой пояс GMT +3, время: 09:22.