ttwMusicPlayer 播放按钮上的操作

Question

我在我的网站上使用 ttwMusicPlayer。它的用法很简单。

<div id='mainPlayer'></div>

在html 在 js

$('#mainPlayer').ttwMusicPlayer(myPlaylist, {
                autoPlay:false, 
                description:description,
                jPlayer:{
                    swfPath:'path where jPlayer.swf is' //You need to override the default swf path any time the directory structure changes
                }
            });

很简单，我现在有好看的播放器了。但我想在它的播放按钮上添加一些动作。（我想能够从服务器和 soundcloud 播放）。这是带有播放器播放按钮的 div 代码：

<div class="play jp-play" style="display: block;"></div>

那么我当然会在 $(document).ready()

之后执行此操作

.on('click','.jp-play',function(){
    alert("Works");
});

点击播放按钮后，音乐开始播放，但没有提示。我怎样才能覆盖它的默认操作？

Answer 1

你可以这样做：

$(document).on($.jPlayer.event.play, function(e){
    console.log("play!");
    alert("Works");
});

这使用了 jPlayer 事件 play。

此处描述了其他支持的事件类型：http://jplayer.org/latest/developer-guide/#jPlayer-event-type

完整示例：JSFiddle

ttwMusicPlayer 播放按钮上的操作

ttwMusicPlayer action on play button

jquery

audio-player