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
< ;audio src="song.ogg" controls="controls">
2 Kod dengan peringatan ketidakserasian
Penyemak imbas anda tidak menyokong teg audio >
Kodnya adalah seperti berikut:
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:
< ;source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />