HTML 5 js jq制御による再生一時停止

2213 ワード

まさに節後三日疫病だ!初日の出勤は頭がぼんやりしていた.いきなり一端コードを書いてaudioを制御し、残された記憶だけで、悪くない!出てきた!途中で小さな穴に出会って、わざわざ出して干して、後で損をしないようにしました.
タスク要件:jsまたはjqを利用してオーディオの再生を制御し、オリジナルのコントローラを使用しないでください.
いわゆる:jsは動いていないで、htmlは先行します.(プレゼンテーションの便宜上:MP 3のリソースをオンラインで利用しました)



	
	Document


	

javascript


一つのアドバイス:初めて開くと、audioラベルの後ろにautoplayをつけてページを開くと自動的に再生され、controlsを加えるとデフォルトのコントローラが表示されます.そうしないと、ページには何もありません.問題があると思っているように見えます.ロードに間違いがないことを確認すれば、削除できます.
まず基本的な機能は再生/一時停止です.利用するプレイ()とaudio.pause()は簡単に実現できます.注意:stop()ではありません.
次は、ボタン実習再生を一時停止する方法です.toggleのようです.この穴は私を少し長く滞在させた.コードを先に!
window.οnlοad=function(){
			var play=document.getElementById('play');
			var bgm = document.getElementById('bgMusic');
			play.onclick = function () {
			    console.log(bgm.paused);
			    if (bgm.paused) {
			        bgm.play();
			        play.value="  ";
				}else{
			        bgm.pause();
			        play.value="  ";
				}
			}
		}

ここで主に判断条件を言います.私はずっとaudioだと思っていました.pause属性の結果は「d」が1つ少なくなった.注意してください:はい:audio.paused.
もう一つは静音の効果です.判断の条件も設定も特殊で、一緒に投げ出す.
if(bgm.muted){
						bgm.muted = false;
						mute.value="  ";
					}else{
						bgm.muted = true;
						mute.value="  ";
					}

ここで私はdemoの接続を放してみんなが自分でダウンロードするようにしましょう!
最後にjqueryがこのような効果を実現し、出会う穴についてお話しします!
$(document).ready(function () {
			$("#toggle").click(function(){
				if($("#bgMusic").get(0).paused){
					$("#bgMusic").get(0).play()
					$("#toggle").val("play");
				}else{
					$("#bgMusic").get(0).pause();
					$("#toggle").val("stop");
				}
			})
		})

コードを見て皆さんも何か知っていると思いますが、get(0)!このバグの解決はstackoverflowのおかげです.
わざわざ3つの小さな穴を表示して、みんなを助けることを望みます!
また、早送り早退スケジュールも間に合わなかった.ビデオタグに関するブログを書くときに、補足します!ここはくだらない話にすぎない.
最後に穴を1つ残して!放送終了の判断です.何を使うべきですか.