![]() |
![]() |
![]() |
![]() |
![]() |
||
Home | First | Prev | Next | Last |
<!DOCTYPE html> <html lang='ja'> <head> <meta charset='utf-8'> <script src="../js/jwplayer.js"></script> <title>連続再生</title> </head> <body> <div id="Player"></div> <script type="text/javascript"> jwplayer("Player").setup({ width: -1, height: 40, playlist: [ { "file": "music1.mp3" }, { "file": "music2.mp3" }, { "file": "music3.mp3" }, ] }); </script>
<script type="text/javascript"> 'use strict'; var playlist = [ 'audiofile1.mp3', 'audiofile2.mp3', 'audiofile3.mp3', 'audiofile4.mp3', 'audiofile5.mp3', 'audiofile6.mp3', ]; var audio = document.createElement('audio'); document.body.appendChild(audio); audio.controls = true; audio.src = playlist[0]; audio.play(); var index = 0; audio.addEventListener('ended', function(){ index++; if (index < playlist.length) { audio.src = playlist[index]; audio.play(); } audio.stop(); }); </script>
var audio = document.createElement('audio');で、<audio> タグを作り、playlist から一つづつ読み込んで演奏するようにしています。Firefox で試したら、連続再生がうまくいきました。
<audio controls src='audiofile1.mp3'></audio>としても、プレーヤは表示されるものの、プレイボタンをクリックしてもファイルが再生されませんでした。何かが足らないのだろうと思いますが、まだ解決していません。
![]() |
![]() |
![]() |
![]() |
![]() |
||
Home | First | Prev | Next | Last |