Q&A
直してみたけどできませんでした・・・
Uncaught ReferenceError: audio is not definedsound @ task0316.js:4onclick @ task0316.html:9
というエラーが出てしまいます。
１つのボタンを押すと再生と停止が始まるのを作成したいです。
詳細はボタンを押すと再生が始まり、ボタンを再び押すと停止され、再びボタンを押すと最初から再生が始まるのを実装したいです。
これでやったのですが、うまくいきません。なぜでしょうか。
音はなるのですが、再生中の音が停止しません。
jquery側のコードを書き換えてみました。
ご教授お願いします・・・
html
1コード 2<!doctype html> 3<html lang="ja"> 4 <head> 5 <meta charset="utf-8"> 6 <script type="text/javascript" src="//code.jquery.com/jquery-2.2.1.min.js"></script> 7 <script type="text/javascript" src="task0316.js"></script> 8 </head> 9 <body> 10 <input type="button" value="音を鳴らす/止める" onClick="sound()" id="button"> 11 <audio id="sound-file" preload="auto"> 12 <source src="door_chime1.mp3" type="audio/mp3"> 13 </audio> 14 </body> 15</html> 16 17
jQuery
1コード 2function sound() 3{ 4 if( $('#sound-file').get(0).ended){ 5 $('#sound-file').get(0).pause(); 6 $('#sound-file').get(0).currentTime = 0; 7 }else{ 8 // [ID:sound-file]の音声ファイルを再生[play()]する 9 $('#sound-file').get(0).play() ; 10 } 11} 12 13
回答2件
0
javascript
1audio.pause(); 2audios.currentTime = 0;
この部分でaudioとaudiosが未定義になっているためです。
追記
javascript
1function sound() 2{ 3 if( !$('#sound-file').get(0).ended){ 4 $('#sound-file').get(0).pause(); 5 $('#sound-file').get(0).currentTime = 0; 6 }else{ 7 // [ID:sound-file]の音声ファイルを再生[play()]する 8 $( '#sound-file' ).get(0).play() ; 9 } 10}
検証は全くしてないですが、このようにすれば少なくとも現在表示されているエラーは消えると思います。
投稿2016/03/16 02:15
編集2016/03/16 02:49
総合スコア1698
0
if( !'#sound-file'.ended){
これ、ただの文字列を参照してますね。
if( !$('#sound-file').ended){
こうしたいのでは？
投稿2016/03/16 02:00
総合スコア5572
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/03/16 02:23
2016/03/16 02:35
2016/03/16 02:40
2016/03/16 02:48
2016/03/16 02:55