Artikel sebelumnya memperkenalkan beberapa kerja yang perlu dilakukan untuk memulakan video tag html5 (pemain), dan cara menggunakan pemain html5 dengan mudah dan cepat Artikel ini akan memfokuskan pada cara menggunakan JS untuk mengendalikan tag video, dan juga Ia adalah cara untuk melaksanakan beberapa operasi mudah dan asas pada video, termasuk memainkan dan menjeda pemain, membaca dan menetapkan kelantangan, dan operasi berkaitan penulisan lain, dengan itu memulakan pengembangan pemain.
Jadual kandungan artikel ini:
1. Dapatkan jumlah tempoh video
2. Main dan jeda
3. Dapatkan masa main video dan tetapkan titik main
4. Dapatkan dan tetapkan kelantangan
Pertama, dapatkan jumlah tempoh video
Apabila mengendalikan pemain (video), perkara pertama yang anda perlu dapatkan ialah beberapa maklumat tentang video, salah satunya ialah jumlah tempoh Selain kandungan, jumlah tempoh juga merupakan perkara pertama yang akan dipaparkan . Sebelum mengendalikan video, tambahkan ID pada teg video supaya kami boleh mendapatkan elemen video dengan mudah
Fungsi paling asas untuk pemain ialah main dan jeda Selepas mendapat jumlah tempoh, operasi seterusnya ialah main dan jeda. Dua kaedah video yang digunakan pada masa ini ialah main dan jeda
//Main
fungsi main(){
myVideo.play();
}
//Jeda
fungsi jeda(){
myVideo.pause();
}
Perlu diingat bahawa kaedah main dijalankan selepas main balik selesai akan dimainkan dari awal.
Selepas pemain boleh bermain dan menjeda, perkara seterusnya yang perlu anda lihat ialah berapa lama video telah dimainkan dan titik masa ia telah dimainkan. Operasi ini sangat serupa dengan mendapatkan jumlah tempoh Ia memerlukan mendengar acara dan mendapatkan nilai atribut Kemudian acara kemas kini masa dan atribut semasa video digunakan
<.>
Kami sering menerima permintaan, iaitu, sudah 10 minit kami menontonnya kali ini kami mahu mula menontonnya dari minit kesepuluh Atribut currentTime masih digunakan untuk menetapkan titik main, atribut currentTime boleh dibaca dan boleh ditulis. Perlu diingatkan bahawa unit nilai yang ditetapkan ialah saat
Keempat, mendapatkan dan menetapkan kelantangan
Pemain boleh menjeda dan bermain semasa proses main balik Ia tahu di mana ia dimainkan sekarang dan boleh mula bermain dari masa tertentu Kemudian operasi seterusnya ialah kelantangan. Ini serupa dengan titik ketiga Anda boleh menggunakan atribut volum untuk mendapatkan volum Walau bagaimanapun, apa yang akan kami perkenalkan di sini ialah peristiwa pencetus untuk perubahan volum Pada masa hadapan, kami perlu menyesuaikan UI untuk digunakan ialah, peristiwa pertukaran kelantangan
//Main
main fungsi(){
myVideo.play();
}
//Jeda
fungsi jeda(){
myVideo.pause();
}
//Apabila titik masa main balik dikemas kini
myVideo.addEventListener("timeupdate", function(){
var currentTime = myVideo.currentTime;//Dapatkan konsol masa main balik semasa
. log(currentTime );//Cetak dalam penyahpepijat
});
//Tetapkan titik main
fungsi playBySeconds(num){
myVideo.currentTime = num;
}
//Apabila volum berubah
myVideo.addEventListener("volumechange", function(){
var volume = myVideo.volume;//Dapatkan volum semasa
console.log(volume) ;/ /Cetak dalam penyahpepijat
});
//Tetapkan volum
set fungsiVol(num){
myVideo.volume = num;
}
< ;/html>
Ringkasan: Gunakan empat langkah ini untuk memahami operasi asas video tag html5 (pemain), dan operasi ini terutamanya untuk memantau acara video dan memanipulasi atribut video melalui JS It is diselesaikan dengan membaca dan menulis Jika anda biasa dengan empat mata ini, anda boleh menggunakan pemain secara fleksibel, dan kemudian menyesuaikannya mengikut senario aplikasi.