Penjelasan terperinci tentang penggunaan audio html5 medium -TV

Format video umum

• Komponen Video: Layar, Audio, Format Pengkodean
• Pengkodean Video: H.264, Theora, VP8 (Google Open Source)

HTML5 Mendukung Format Video:

1. Ogg

File OGG dengan Theora Video Coding+Vorbis Audio Encoding

Browser yang Didukung: F, C, O

2. MEPG4

File MPEG4 dengan H.264 Video Encode+AAC Audio Encoding

Browser yang Didukung: S, C

3, webm

Format Webm dengan Pengkodean Video VP8+Pengkodean Audio Vorbis

Browser yang Didukung: I, F, C, O

Kerugian: Beberapa video, hampir tidak ada transcoder, tidak baik untuk transcoding

Jika Anda ingin video, Anda dapat secara otomatis mengisi ukuran Slow Father Div, cukup tambahkan Style = Width = 100%ke tag video;

Tentukan format video.

 <Video id = media src = examp.mp4 lebar = 500 poster = examp1.jpg> browser Anda tidak mendukung video </dide>

Mengingat berbagai format video, jenis browser mana yang dipilih untuk bermain sesuai dengan gelar sendiri

 <control video = kontrol> <sumber src = 1.mp4 type = video/mp4/> // properti src menulis dalam tag sumber, untuk menentukan jenis jenis video, misalnya, mp4 tipe = video/mp4 <sumber Src = 2.gg type = video/ogg/> // ogg format <source src = 3.webm type = video/webm/> // format webm </video>

Atribut API

• Durasi: Kembalikan panjang audio/video saat ini (dalam detik)
• berhenti: atur atau kembalikan audio/video apakah akan berhenti
• CurrentTime: Set atau kembalikan posisi pemutaran saat ini dalam audio/video (dalam detik)
• Berakhir: Apakah pemutaran audio/video sudah berakhir

1.4.1 Metode Video

Metode umum

• play (): Mulailah bermain audio/video
• Jeda (): Tangguhkan audio/video saat ini

1.4.2 Status Jaringan

Dapatkan objek video

 Media = document.getElementById (media);

1.Media.Currentsrc;

Kembali ke URL sumber daya saat ini

2.Media.src = nilai;

Mengembalikan atau mengatur URL sumber daya saat ini

3.Media.CanplayType (tipe);

Bisakah Anda memainkan sumber daya format tertentu

4.Media.NetworkState;

0. Elemen ini tidak diinisialisasi

1. Normal tetapi tidak menggunakan jaringan

2. Unduh data

3. Tidak ada sumber daya

5.Media.Load ();

Muat kembali sumber daya yang ditentukan oleh SRC

6.Media. Dipersembahkan;

Kembali ke area buffer, pengatur waktu

7.Media.Preload;

Tidak ada: tidak pra -muatan

Metadata: informasi sumber daya pra -muatan

Mobil:

1.4.3 Status Persiapan

1.Media

2.Media.

Apakah Anda sedang mencari

1.4.4 Status Mainkan

1.Media.CurrentTime = nilai;

Posisi bermain saat ini dapat diubah ke posisi

2.Media.

Umumnya 0, jika itu adalah media aliran atau sumber daya yang tidak dimulai dari 0, itu bukan 0

3.Media. Durasi;

Aliran panjang sumber daya saat ini tidak terbatas

4.Media. Paus;

Apakah akan berhenti

5.Media.DefaultplayBackRate = nilai;

Kecepatan pemutaran default, Anda dapat mengatur

6.Media.PlayBackRate = nilai;

Kecepatan pemutaran saat ini diubah segera setelah pengaturan

7.Media. Bermain;

Kembali ke area yang telah dimainkan, waktu, lihat objek di bawah ini tentang objek ini

8.Media.

Kembali ke daerah yang dapat mencari

9.Media.nded;

Apakah akan berakhir

10.Media.Autoplay;

Apakah akan bermain secara otomatis

11.Media.Loop;

Apakah akan beredar

12.media.play ();

Bermain

13.Media.Pause ();

berhenti sebentar

1.4.5 Kontrol Video

• Media.controls; // Apakah ada bilah kontrol default
• Media.volume = volume;
• Media.muted = nilai; // diam
• Objek Timerang (Wilayah)
• Timerang.length; // paragraf regional
• Timeranges.start (indeks) // posisi awal area bagian indeks
• Timeranges.end (indeks) // akhir dari area bagian indeks

1.4.6 Acara Terkait

1. Pertama -tama, Anda dapat mengikat acara melalui metode AddeventListener di JS

2. Acara Umum

• OnCanPlay: Skrip yang berjalan saat file siap (buffer sudah cukup di awal).
• OntimeUpdate: Sebuah skrip berjalan ketika posisi pemutaran berubah (seperti ketika pengguna akan memasuki posisi yang berbeda dalam medium).
• Onended: Skrip yang berjalan ketika media telah mencapai akhir (dapat mengirim pesan seperti berkat dilihat).

1.4.7 Lainnya

1. Layar penuh:

• element.webkitrequestfulscreen ();
• Element.mozrequestfulscreen ();
• Element.RequestfulScreen ();

2. Keluar dari layar penuh:

• document.webkitcanceltscreen ();
• document.mozcanceltscreen ();
• Document.exitfulScreen ();

1. Format audio umum

Audio Coding: ACC, MP3, Vorbis

2. HTML5 Mendukung Format Audio:

• OGG FRECE OF FRECE OF BROWSER: C, F, O
• Browser Pengisian Mp3: I, C, S
• WAV Pengisian Browser: f, o, s

Dukungan untuk Format Musik

Audio dapat dibuat oleh yang baru. Anda juga bisa mendapatkannya dengan menggunakan dokumen

 // 通过 audio baru 对象 var music = audio baru (test.mp3); // 通过 dokumen 来获取已经存在的 audio 对象 var music = document.geteLementById (audio); // 当然这里也可以使用 dokumen Dapatkan metode lain seperti .getElementsByClassName ('className').

Pertama -tama, Anda dapat mengikat acara melalui metode AddeventRistener di JS

Faktanya, API dan audio video hampir konsisten. Beda tipis. Jadi pada dasarnya salah satu yang lain akan ada di sana

Di atas adalah semua konten dari artikel ini.