javascript - プレイリスト付き Javascript オーディオ

Question

私は Rails アプリで audio.js プラグインを使用しています。audio.js の API でプレイリストを作成できることは知っていますが、そのドキュメントは見つかりませんでした。では、audio.js またはその他の js オーディオ プラグインを使用してプレイリストを実装するにはどうすればよいですか? プレイリストでaudio.jsを使った例があるのですが、実装方法がわかりません。 http://kolber.github.io/audiojs/demos/test6.html

Answer 1

ページのソースを script タグ内の上部に表示すると、

<script>
      $(function() { 
        // Setup the player to autoplay the next track
        var a = audiojs.createAll({
          trackEnded: function() {
            var next = $('ol li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.addClass('playing').siblings().removeClass('playing');
            audio.load($('a', next).attr('data-src'));
            audio.play();
          }
        });

        // Load in the first track
        var audio = a[0];
            first = $('ol a').attr('data-src');
        $('ol li').first().addClass('playing');
        audio.load(first);

        // Load in a track on click
        $('ol li').click(function(e) {
          e.preventDefault();
          $(this).addClass('playing').siblings().removeClass('playing');
          audio.load($('a', this).attr('data-src'));
          audio.play();
        });
        // Keyboard shortcuts
        $(document).keydown(function(e) {
          var unicode = e.charCode ? e.charCode : e.keyCode;
             // right arrow
          if (unicode == 39) {
            var next = $('li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.click();
            // back arrow
          } else if (unicode == 37) {
            var prev = $('li.playing').prev();
            if (!prev.length) prev = $('ol li').last();
            prev.click();
            // spacebar
          } else if (unicode == 32) {
            audio.playPause();
          }
        })
      });
    </script>

ご覧のとおり、URL の data-src から URL をロードします。

<li><a href="#" data-src="http://s3.amazonaws.com/audiojs/01-dead-wrong-intro.mp3">dead wrong intro</a></li>

だから似たようなことをする