Artikel ini memberi tahu H5 Audio Audio Audio dan Video yang baru.
1. Audio (audio)<Udio controls = controls> <source src = masukkan jalur file audio di dalamnya> </source> </dials>2. Video (video)
<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; ); 3. Cara Mengatur Waktu Playback Bar dan Video KemajuanSinkronis.
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.
4. Cara mengontrol volume video dengan atribut rentang elemen tabel.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.