HTML 5 js jq制御による再生一時停止
2213 ワード
まさに節後三日疫病だ!初日の出勤は頭がぼんやりしていた.いきなり一端コードを書いてaudioを制御し、残された記憶だけで、悪くない!出てきた!途中で小さな穴に出会って、わざわざ出して干して、後で損をしないようにしました.
タスク要件:jsまたはjqを利用してオーディオの再生を制御し、オリジナルのコントローラを使用しないでください.
いわゆる:jsは動いていないで、htmlは先行します.(プレゼンテーションの便宜上:MP 3のリソースをオンラインで利用しました)
一つのアドバイス:初めて開くと、audioラベルの後ろにautoplayをつけてページを開くと自動的に再生され、controlsを加えるとデフォルトのコントローラが表示されます.そうしないと、ページには何もありません.問題があると思っているように見えます.ロードに間違いがないことを確認すれば、削除できます.
まず基本的な機能は再生/一時停止です.利用するプレイ()とaudio.pause()は簡単に実現できます.注意:stop()ではありません.
次は、ボタン実習再生を一時停止する方法です.toggleのようです.この穴は私を少し長く滞在させた.コードを先に!
ここで主に判断条件を言います.私はずっとaudioだと思っていました.pause属性の結果は「d」が1つ少なくなった.注意してください:はい:audio.paused.
もう一つは静音の効果です.判断の条件も設定も特殊で、一緒に投げ出す.
ここで私はdemoの接続を放してみんなが自分でダウンロードするようにしましょう!
最後にjqueryがこのような効果を実現し、出会う穴についてお話しします!
コードを見て皆さんも何か知っていると思いますが、get(0)!このバグの解決はstackoverflowのおかげです.
わざわざ3つの小さな穴を表示して、みんなを助けることを望みます!
また、早送り早退スケジュールも間に合わなかった.ビデオタグに関するブログを書くときに、補足します!ここはくだらない話にすぎない.
最後に穴を1つ残して!放送終了の判断です.何を使うべきですか.
タスク要件: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つ残して!放送終了の判断です.何を使うべきですか.