 |
 |
|
 |
|
||
| 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 |