Question

我在我的网站上使用jplayer作为音频播放器......大多数命令都是 HTML5标准。

我正在尝试触发 $。jPlayer.event.progress 事件以便我可以记录其值，如果它是> 0，我知道音频流正在用户上播放机..

麻烦是我无法从中得到结果，我的jquery是......好吧......不是那么先进：）

由于我缺乏测试知识，我真的无法表现出来，我只能说流可以正常工作。

我希望看到“0和10”之间的结果（0表示不流式传输）（1-10表示已在几秒钟内缓冲的数据量）

HTML：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="/testsite/scripts/player.js"></script>



</head>

<body>

<p id="message"></p>

<br>


<div id="liveStream"></div>
<button onclick="playPause()">PLAY or PAUSE</button>
<button onclick="changeVolume('+')">Volume Up</button>
<button onclick="changeVolume('-')">Volume Down</button>
<button onclick="playStatus()">Play Status</button>


</body>
</html>
</body>

</html>

THE SCRIPT：

playstatus 函数，我试图返回结果，你可以看到我试图记录函数中的所有东西，因为我缺乏理解

function playStatus(){
     $("#liveStream").bind($.jPlayer.event.progress, function (event) {
        console.log(event);
        console.log(playStatus);
        console.log(liveStream);
    });
}

//Initiate JPLAYER 

$(document).ready(function(){

    var stream = {
        mp3: "http://streaming.radionomy.com/ABC-Jazz"

    },
    ready = false;

    $("#liveStream").jPlayer({
        ready: function (event) {
            ready = true;
            $(this).jPlayer("setMedia", stream);
        },
        pause: function() {
            $(this).jPlayer("clearMedia");
        },
        error: function(event) {
            if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
                // Setup the media stream again and play it.
                $(this).jPlayer("setMedia", stream).jPlayer("play");
            }
        },
        swfPath: "js",
        supplied: "mp3",
        preload: "none",
        wmode: "window",
        keyEnabled: true
    });


});

以下是JPlayers DEV列表的链接，我正在尝试启动并记录 $。jPlayer.event.progress

JPLAYER EVENTS

感谢您花时间阅读！

Answer 1

如果您需要做的就是检查播放器是否正在播放，只需使用这样的基本黑客来查看是否隐藏了播放按钮（如果它是隐藏的，这意味着它正在播放，因为暂停按钮是可见的。）

if( $('.jp-play').is(':hidden') ) { 
    // it's playing 
} else {
    // it's not playing
}

无法从我的脚本获得响应

1 个答案: