Penjelasan terperinci tentang kontrol Audio Audio Audio dan Video Video (Rekomendasi) yang baru

Artikel ini memberi tahu H5 Audio Audio Audio dan Video yang baru.

 <Udio controls = controls> <source src = masukkan jalur file audio di dalamnya> </source> </dials>

 <control video = kontrol loop = loop autoplay = autoplay id = video> <source src = letakkan jalur file video di dalamnya> </source> </dide> <button> </buttond on> Buka suara < /Tombol> <button> Mainkan </button> <button> Berhenti bermain </button> <buton> Layar penuh </button>

Berikut ini adalah kontrol file video;

JavaScript memimpin.

 <script> var myvideo = document.getElementById (video); 1] .click = function () {myvideo.muted = true; );

Sinkronis.

Seperti yang ditunjukkan pada gambar:

Izinkan saya membicarakannya di sini, pertama -tama

(1), nilai maksimum dari total panjang video ke video ke bilah kemajuan, progress.max = video.durasi;

(2), perlu mendapatkan panjang posisi saat ini dari pemutaran video saat ini dengan panjang bilah kemajuan saat ini, progres.value = video.CurrentTime;

Kemudian saat pemutaran video, perlu untuk memastikan bahwa nilai bilah kemajuan bisa mendapatkan durasi video dan posisi waktu pemutaran saat ini dalam waktu.

Anda perlu membuka timer setInterval (Pro, 100); :: itu berarti bahwa nilai video ditetapkan ke bilah kemajuan kemajuan pada 1 milidetik, untuk memastikan masa tepat waktu.

Dengan cara ini, bilah kemajuan dapat disinkronkan secara akurat dengan video.

1. Pertama -tama, Anda perlu mendapatkan nilai nilai kisaran, dan volume yang diberikan ke video untuk mengontrol volume video.

 <input type = range min = 0 nilai = 50 maks = 100 id = range /> var ran = document.geteLementById (rentang);

Dapatkan Range.Value,

Atribut audio yang ditetapkan untuk video: video.volume = range.value/100;

Pada saat ini, volume jangkauan seret hanya dan mengendalikan video.

Maka Anda harus masuk dalam suara untuk menutup penilaian.

Kode terakhir adalah sebagai berikut;

 <! > Tutup Sound </button> <tombol OnClick = DisableMute () Type = Button> Buka suara </aton> <tombol onclick = playvid () type = Button> Putar video </button> <tombol onclick = pauvid () Ketik = Tombol> Meneruskan video </attond> <tombol onClick = showfull () type = tombol> Layar penuh </button> <span> progres: </span> <value progress = 0 max = 0 id = pro> </progress > <span> volume: </span> <input type = range min = 0 max = 100 nilai = 50 onchange = setValue () id = ran/> </div> <script> var btn = document.geteLementsByTagname (tombol) ; ] .disable = true; } // Mainkan fungsi video playvid () {myvideo.play (); Jumlah funch setValue () {) {) myvideo.volume = ran.value/100;

Di atas adalah semua isi artikel ini.