Pengenalan ringkas kepada penggunaan tag audio dalam kemahiran tutorial HTML5_html5

Dalam halaman web standard HTML5, kami boleh menggunakan teg audio untuk melengkapkan panggilan dan main balik bunyi kami. Berikut ialah tiga format asas yang paling biasa dilihat menggunakan HTML5:

1. Kod minimum

Salin kod Kodnya adalah seperti berikut: &lt ;audio src="song.ogg" controls="controls"> 2 Kod dengan peringatan ketidakserasian

Salin kod Kod adalah seperti berikut: Penyemak imbas anda tidak menyokong teg audio > Kodnya adalah seperti berikut:

Pelayar anda tidak menyokong teg audio. Keserasian Pelayar dan Audio

Tidak semua pengeluar penyemak imbas bersetuju tentang penggunaan format fail audio tertentu. Untuk imej, fail dalam format PNG, JPEG atau GIF akan dimuatkan ke halaman anda pada mana-mana penyemak imbas. Malangnya, ini tidak berlaku dengan fail audio. Jadual 1 menunjukkan format fail audio yang boleh digunakan dalam halaman web, tetapi tidak semua format tersedia dalam semua penyemak imbas. Sebagai contoh, penyemak imbas Chrome, Internet Explorer 9 (IE9) dan Safari tidak menyokong fail WAV, standard menurun yang menggunakan format tidak dimampatkan.

keserasian format penyemak imbas HTML5 dan audio Tidak mempunyai format fail biasa untuk digunakan oleh setiap penyemak imbas bermakna sekurang-kurangnya 2/5 daripada penyemak imbas tidak akan dapat memainkan bunyi tertentu. Ini bukan soal pembuat penyemak imbas yang tidak sabar dan tidak dapat bersetuju dengan satu standard audio, sebaliknya isu undang-undang dan kewangan yang melibatkan hak paten dan royalti. Format OGG, yang tidak dihadkan oleh paten perisian, bertujuan untuk menyelesaikan masalah ini sekali dan untuk semua. Walau bagaimanapun, pada masa penulisan, Opera mahupun Safari tidak menyokong OGG. Terdapat lebih banyak fail WAV dan MP3 yang tersedia daripada fail dalam format OGG, jadi sudah pasti pengeluar penyemak imbas telah mengambil kira perkara ini. MP3 sebagai standard de facto adalah penyelesaian yang hebat. Penyelesaian: Gunakan tiga jenis fail dan teg

Memandangkan situasi semasa, anda mungkin berpendapat bahawa ini belum masa utama untuk menggunakan audio pada halaman HTML5. Dalam beberapa cara ini mungkin benar, tetapi HTML5 menyediakan penyelesaian yang membolehkan penyemak imbas kegemaran anda mencari format yang serasi.

Apabila digunakan bersama dengan tag Katakan anda peminat Wagner dan ingin mendengar operanya Ride of the Valkyries pada halaman HTML5. Pertama, anda perlu mendapatkan muzik anda dalam tiga jenis fail, iaitu OGG, MP3 dan WAV. Letakkan fail muzik ini dalam folder yang sama dengan fail HTML5. Kemudian, letakkan setiap nama fail dalam teg yang berasingan dan semua teg sumber dalam bekas audio terdiri daripada , seperti yang ditunjukkan di bawah.

Salin kod

Kod adalah seperti berikut:

&lt ;source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />

Tidak kira pelayar apa yang digunakan oleh pelawat anda, ia akan memilih jenis fail pertama yang dibacanya secara automatik dan memainkan bunyi untuk anda. Kawalan audio penyemak imbas: Tiada dua yang betul-betul sama Sebaik sahaja anda memutuskan bahawa anda mahu menyiarkan audio di tapak web anda, anda akan berhadapan dengan pilihan reka bentuk yang menarik. Setiap penyemak imbas mempunyai rupa tersendiri yang kelihatan seperti terdapat usaha sedar untuk membezakannya.

Semua penyemak imbas kecuali Chrome mempunyai kawalan mula/jeda, bar kemajuan, peluncur, saat main, kawalan kelantangan/redam dan juga memaparkan jumlah saat fail bunyi. Menggunakan standard HTML5 dan sokongan penyemak imbas, pembangun boleh yakin bahawa pengguna akan mempunyai pengalaman serupa dengan audio HTML5 kerana kawalan penyemak imbas adalah serupa. Anda juga boleh membuat kawalan menggunakan pemalam seperti Flash dan Silverlight, tetapi pengalaman mungkin berbeza untuk pengguna yang berbeza.

Sesetengah penyemak imbas (seperti IE9) malah mempunyai bar kawalan bunyi sendiri yang berjalan di luar penyemak imbas itu sendiri. Apabila pengguna membuka mana-mana tapak web yang mempunyai bunyi, mereka boleh mengawal bunyi daripada bar tugas Windows dan boleh melihat pratonton bunyi yang sedang dimainkan.

kod html (sembunyikan kawalan main balik)

Salin kod Kod tersebut adalah seperti berikut: Demonstrasi kod (sembunyikan kawalan main balik)

Salin kod Kod adalah seperti berikut:

Pengenalan ringkas kepada penggunaan tag audio dalam kemahiran tutorial HTML5_html5

Artikel berkaitan