簡體   English   中英

Soundcloud嵌入控件的onplay,onpause事件

[英]onplay, onpause event of a Soundcloud oembed widget

我正在嘗試使用souncloud javascript API來觸發嵌入的窗口小部件的onplay和onpause回調。 所以基本上我使用SC.oembed在div中創建/顯示小部件,然后我想使用SC.stream來控制soundmanager 2選項,但這似乎是不可能的。

我只想在有人按下小部件上的播放鍵和有人按下暫停鍵時調用一個函數。

實現此結果的最佳方法是什么?

更新這是一個代碼片段

        //set up soundcloud gallery
        SC.initialize({
          client_id: 'MY_CLIENT_ID'
        });

        SC.get('/users/MY_USER/tracks', function(tracks) {
            $('#tracks_holder').addClass('scrollY').empty()
            for (var i = 0; i < tracks.length; i++) {
              console.log(tracks[i].title);
              var newTrack = $('<div class="scTrack"></div>')[0];
              SC.oEmbed(tracks[i].permalink_url, {maxheight:"200px"}, newTrack);
            $('#tracks_holder').append(newTrack);
            }
        });

謝謝!

有一個很好的例子這里 SC允許您將處理程序附加到許多事件,如文檔HERE所示

  (function(){
    var widgetIframe = document.getElementById('sc-widget'),
        widget       = SC.Widget(widgetIframe);

    widget.bind(SC.Widget.Events.READY, function() {
      widget.bind(SC.Widget.Events.PLAY, function() {
        // get information about currently playing sound
        widget.getCurrentSound(function(currentSound) {
          console.log('sound ' + currentSound.get('') + 'began to play');
        });
      });
      // get current level of volume
      widget.getVolume(function(volume) {
        console.log('current volume value is ' + volume);
      });
      // set new volume level
      widget.setVolume(50);
      // get the value of the current position
    });

  }());

音頻相關事件:

  1. SC.Widget.Events.LOAD_PROGRESS —在加載聲音時定期觸發。
  2. SC.Widget.Events.PLAY_PROGRESS-在播放聲音時定期觸發。
  3. SC.Widget.Events.PLAY —在聲音開始播放時觸發。
  4. SC.Widget.Events.PAUSE —在聲音暫停時觸發。
  5. SC.Widget.Events.FINISH-聲音結束時觸發。
  6. SC.Widget.Events.SEEK —在用戶搜索時觸發。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM