2013-01-19 59 views
2

我一直有与自定义的SoundCloud HTML 5的SoundCloud播放器,我从这里得到的问题:https://github.com/soundcloud/soundcloud-custom-player自定义播放器事件

我试图做的是装载的SoundCloud播放器作为单独的曲目在全屏幕幻灯片中。在每首歌曲结尾,我想要一个事件触发,点击导航按钮,然后启动下一个播放器(由于滑块设置的方式,它不会自动读取“下一个曲目”,而应该能够找到下一个单独的“播放”按钮,单击它)

我已经得到了一些临时的思想工作

$(document).bind('onPlayerPause.scPlayer', function(event){ 
$('.next').click(); 
}); 

很基本的,它的确点击这样,它被写入功能。但是,由于事件在玩家暂停时触发,因此当点击“播放”按钮暂停时,它也会点击“.next”。

总结:

找到事件处理程序时看到赛道结束,而不是当它被暂停,并成功地落实到代码。

回答

1

我觉得这是在soundclousd定制玩家文档:

onMediaTimeUpdate.scPlayer

被不断地触发,当球员 正在播放时,可以用来显示 玩家节点

外跟踪进展
$(document).bind('onMediaTimeUpdate.scPlayer', function(event){ 
    console.log(event.target, 'the track is at ' + event.position + ' out of ' + 
    event.duration + ' which is ' + event.relative + ' of the total'); 
}); 

您必须触发您的活动event.relative等于100%或当event.positon等于event.duration

+0

啊,其实这就是我想过做什么,但它似乎很迂回。其实,我解决我自己的问题用这种方法: 的$(document) .bind( 'scPlayer:onMediaEnd',函数(事件){ \t \t $()点击(); \t \t '下一步'。} ); 无论出于何种原因,onMediaEnd事件并未在我的代码中触发,而是现在。 :) 非常感谢。 :) –