1

SoundCloud HTML5プレーヤーウィジェットにautoplayオプションがロードされている場合、playトラックの開始時にイベントが発生しません。ただし、ウィジェットのロード（またはウィジェットへの他のURLのロード）とトラックの開始の間にはタイムアウトがあるため、イベントを呼び出すのはウィジェットとして最適です。

これは仕様によるものですか、それとも解決すべき問題ですか？

4

1 に答える 1

2

auto_playオプションが使用されている場合、HTML5プレーヤーウィジェットはSC.Widget.Events.PLAYイベントを発生させる必要があります。これが私が検証するために使用したコードスニペットです：

HTML：

<!doctype html>
<html>
  <head>
    <title>Widget Demo</title>
    <style type="text/css">
    iframe {
      display:block;
      border:0;
      margin-bottom: 20px;
      height: 365px;
    }
    </style>
  </head>
  <body>
    <iframe id="widget" width="100%"></iframe>
  </body>
  <script src="http://w.soundcloud.com/player/api.js"></script>
  <script src="script.js"></script>
</html>

JavaScript（script.jsの内容）：

(function() {
    var iframe = document.querySelector('#widget');
    iframe.src = 'http://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/43315398&auto_play=true';

    var widget = SC.Widget(iframe);

    widget.bind(SC.Widget.Events.PLAY, function(eventData) {
        alert('Playing...');
    });
}());

jsfiddleで実際の例を確認できます。

于 2012-04-25T01:40:58.613 に答える