2017-01-16 18 views
0

html5/javascriptで書かれたシンプルな音楽プレーヤーが1つの再生/一時停止ボタンで1つのループしか再生できません。 LINK 1 私は、矢印機能付きで複数の曲を再生できる新しいプレーヤーを作成しようとしています。研究の日の後、私は非常に好きなリファレンスを見つけた。私はリファレンスからのコードを私の最初のスクリプトに組み込み、これはまったく動作しないLINK 2を作成しました。音楽プレーヤーがビデオプレーヤーで台無しにされている

var audio = new Audio(), 
i = 0; 
var playlist = new Array('http://www.w3schools.com/htmL/horse.mp3','http://sifidesign.com/audio/explosion.mp3'); 

Audio.addEventListener('ended', function() { 
i = ++i < playlist.length ? i : 0; 
console.log(i) 
Audio.src = playlist[i]; 
Audio.play(); 
}, true); 

Audio.volume = 0.5; 
Audio.loop = false; 
Audio.src = playlist[0]; 

function aud_play_pause() { 
if (Audio.paused) { 
Audio.play(); 
} 
else { 
Audio.pause(); 
} 
} 

私はコーディングに関する知識がほとんどありません。私が欲しいのは、複数の曲を再生できるワンボタンプレイ/ポーズプレーヤーです。助けてください:)

+0

詳細情報を入力してください。どのようなエラーが出ているのですか、どの部分がうまく動作していないと思いますか – Deepend

答えて

1

audioAudioの違いを見てみてください。

作成したインスタンス(audio、小文字の名前)は必要ですが、代わりにAudioを呼び出して手を差し伸べようとしています。 JavaScriptの変数名は大文字小文字を区別するので、コードは期待どおりに動作しません。

ここには動作例があります。 - http://jsfiddle.net/panamaprophet/nfpa7j5n/

+0

2つの異なるカウンタを制御するために同じ変数 'i'を使用しています –

+0

歓声! –

関連する問題