Video: Bagaimana Memasukkan Audio Menggunakan HTML5 2024
Efek suara telah lama menjadi salah satu kelemahan terbesar web sebagai platform game HTML. Browser web memiliki kemampuan audio yang sangat tidak konsisten dan merepotkan. Untungnya, HTML5 memecahkan masalah suara (setidaknya pada tingkat tertentu).
Perpustakaan simpleGame membuatnya sangat mudah untuk membangun suara baru dengan menambahkan objek Sound. Inilah program yang sangat sederhana yang memainkan efek suara:
suara. adegan var html; var ribbit; fungsi init () {scene = new Scene (); owMP3 = suara baru ("ow mp3"); owOgg = suara baru ("ow ogg"); tempat kejadian. start ();} // akhirin fungsi init update () {if (keysDown [K_SPACE]) {owMP3. bermain(); owOgg. play ();} // end if} // end update JANGAN tekan spasi! !
Efek suara mudah diatur dengan perpustakaan simpleGame:
-
Buat efek suara Anda.
Format terbaik adalah mp3 dan ogg. Letakkan file audio Anda di direktori yang sama dengan program Anda.
Untuk memaksimalkan kompatibilitas browser, lanjutkan ke Langkah 2.
-
Buat variabel untuk menahan efek suara Anda.
Seperti setiap aset permainan, Anda akan memiliki variabel yang berisi suara Anda. Tentukan variabel diluar fungsi apapun.
-
Bangun objek Sound untuk menginisialisasi efek suara Anda.
Perpustakaan simpleGame memiliki objek Sound. Buat sebuah instance dari objek ini untuk membangun suara Anda. Objek memerlukan satu parameter: nama file yang berisi efek suara Anda. Biasanya, Anda akan melakukan ini di init () fungsi permainan Anda.
-
Mainkan suara dengan metode play ().
Setelah Anda menentukan efek suara, Anda dapat memutarnya kembali dengan mudah dengan metode permainan suara ().
Efek suara banyak menambah permainan Anda. Dulu sangat sulit untuk bekerja dengan efek suara di halaman web, namun HTML5 memiliki tag baru yang indah yang akhirnya memberi akses browser ke efek suara tanpa plugin pihak ketiga. Objek Sound di perpustakaan simpleGame didasarkan pada tag HTML5.
Besar sebagai elemen suara, ada beberapa masalah. Meskipun semua browser yang kompatibel dengan HTML5 memutar file audio, mereka tidak memainkan jenis file yang sama. Format mp3 sangat terkenal, tapi tidak semua browser mendukungnya. Banyak browser menyukai format Ogg yang lebih baru (dan open source). Jika ini tidak cukup membingungkan, dukungan akan berubah dari versi ke versi browser yang sama.
Saran saya adalah menggunakan format mp3 dan Ogg dan membiarkan browser memainkan yang mana saja yang bisa dilakukan. Itu akan menyelesaikan sebagian besar masalah.
Tentu saja, tidak mudah menemukan efek suara yang sama di kedua format. Pertimbangkan untuk menggunakan editor audio gratis, Audacity.Alat ini memungkinkan Anda merekam dan mengedit efek suara dalam berbagai format. Bergantung pada versi Audacity yang Anda dapatkan, Anda mungkin juga memerlukan plugin LAME. Dengan alat ini, Anda dapat dengan mudah merekam efek suara Anda sendiri dan menyimpannya dalam format Ogg dan mp3.