【问题标题】:Controlling an embeded player控制嵌入式播放器
【发布时间】:2015-10-13 19:53:23
【问题描述】:

我的页面上有一个嵌入式 SC 播放器,我希望用户能够从页面上的链接跳转到声音文件中的特定时间码。我已经让它为第一次点击工作。但是,如果用户随后点击了另一个链接,SC 播放器将忽略它。它只是继续播放并忽略输入。

这是我的相关代码:

function playSC(seekto){
seekto = HMSToMS(seekto);
var container = document.getElementById("SCPlayer"); 
var iframe = container.getElementsByTagName("iframe"); 
var widgetIframe = iframe[0],
widget = SC.Widget(widgetIframe);       
widget.bind(SC.Widget.Events.READY, function() {
    widget.play();
});
widget.bind(SC.Widget.Events.PLAY, function() {
    widget.seekTo(seekto); 
});
widget.bind(SC.Widget.Events.SEEK, function() {
    widget.unbind(SC.Widget.Events.PLAY);
});
widget.bind(SC.Widget.Events.PAUSE, function() {
    widget.unbind(SC.Widget.Events.PLAY); 
}); 
widget.bind(SC.Widget.Events.PLAY, function() {
    widget.unbind(SC.Widget.Events.PLAY); 
}); 

}
var container = document.getElementById("SCPlayer"); 
var iframe = container.getElementsByTagName("iframe"); 
var widgetIframe = iframe[0],
widget = SC.Widget(widgetIframe);

seekto = getParameterByName('t');
if (seekto){    
  (function(){
    playSC(seekto); 
  }());
}

SC 播放器是通过 Wordpress 插件嵌入的,通过 DOM 访问它有点棘手,因为我不能只为它分配一个唯一的 ID。

用户点击的href是这样的:javascript:playSC("00:01:21");

我在这里缺少什么?在第二次(或第三次或第四次)点击时,为什么播放器不停止,寻找新的时间并重新开始播放?

【问题讨论】:

    标签: javascript wordpress embed soundcloud


    【解决方案1】:

    我想我可能已经回答了我自己的问题。这就是我所拥有的,它似乎正在工作。

    function playSC(seekto){
        seekto = HMSToMS(seekto);
        var container = document.getElementById("SCPlayer"); 
        var iframe = container.getElementsByTagName("iframe"); 
        var widgetIframe = iframe[0],
        widget = SC.Widget(widgetIframe);           
        widget.bind(SC.Widget.Events.READY, function() {
            widget.play();
        });
        widget.bind(SC.Widget.Events.PLAY, function() {
            widget.seekTo(seekto); 
        });
        widget.bind(SC.Widget.Events.PLAY_PROGRESS, function() {
            widget.getPosition(function(pos) {
            seekto = pos;
          }); 
        }); 
    }
    

    想法或建议?这似乎有效,但我不是经验丰富的编码员。我欢迎您的意见。

    【讨论】:

    • 通过更多的测试,很明显这只是一种工作。单击链接有时会导致玩家按预期进行搜索和播放,但有时则不会。
    猜你喜欢
    • 2018-12-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多