Langsung ke konten utama

Format File Audio Aplikasi Web


Kebanyakan file audio diputar melalui sebuah plug-in, misalnya seperti flash. Namun, browser yang berbeda mungkin memiliki berbagai plug-in. HTML5 mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio> </audio>. Untuk memasukkan suara pada html bisa menggunakan tag <audio>. Format suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP. File-file Audio yang didukung HTML5 adalah MP3,WAV, dan OGG. Tidak semua tipe file audio tersebut didukung oleh browser.
 OGG merupakan format audio yang didukung oleh Mozilla firefox, opera, dan google chrome.
 MP3 merupakan format audio yang didukung oleh Google Chrome dan safari.
 WAV merupakan format audio yang didukung oleh Mozilla Firefox dan Opera.
Jenis file audio untuk dukungan pada web browser bisa dilihat pada tabel berikut ini.
image
image
a. Dari tabel di atas dapat dilihat bahwa bila saat meletakan file mp3 di web yang kita buat, akan ada beberapa orang yang tidak bisa memutar hasil embed mp3 di web yan telah kita buat tersebut. Hal tersebut bisa jadi disebabkan browser yang digunakan tidak support pada file berekstensi mp3.
b. MIME untuk format audio
MIME (Multipurpose Internet Mail Extension) digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text, aplikasi, gambar, suara, video, dan lain sebagainya agar browser tidak salah menterjemahkan konten yg diterima. Tidak hanya pada web, email juga menggunakan MIME. Berikut adalah tipe mime untuk format audio.
image
Menyajikan audio dalam tampilan web
File audio seperti mp3 dapat dilantunkan melalui tag<audio> < /audio>. Berikut adalah format lengkap untuk memainkan musik ke dalam aplikasi web.
image
image
Ketika mencoba listing program diatas , file audio ditempatkan dalam satu folder yang sama dengan file *.htm dan nama file audio nya disesuaikan dengan file audio yang anda gunakan. Untuk listing program di atas menggunakan file audio bernama “house.mp3” dan “house.ogg”. Bila listing program diatas dijalankan akan menghasilkan tampilan audio di browser . Tekan tombol play untuk memulai menjalan audionya.
image
Atribut yang digunakan pada tag <audio> </audio> dapat juga menggunakan atribut autoplay, loop dan controls. Detail atribut pada audio adalah sebagai berikut :
image

Komentar

Posting Komentar

Postingan populer dari blog ini

Puisi Tentang Sepeda Motor

RODA DUA oleh Imas Khaerunni'am Di jalanan terbuka, roda dua berputar, Melaju dengan gagah, menyusuri dunia yang luas. Dua roda berpadu, menjadi satu kesatuan, Menghadapi tantangan, tak pernah berhenti melaju. Mesin berdentum, bergema di antara aspal dan angin, Membawa penjelajah menuju tempat baru yang mempesona. Roda yang berputar, melangkah dengan lincah dan gesit, Mengukir jejak di tanah, mengejar mimpi yang kian dekat. Roda dua, senjata bagi pencinta petualangan, Menembus jalur yang tak terjamah dan terpencil. Melintasi pegunungan tinggi dan jalan yang sempit, Merasakan kehidupan di setiap hembusan nafas yang dalam. Di setiap tikungan, roda dua berdansa, Seperti melukis garis hidup yang penuh warna. Memacu adrenalin, membebaskan hati yang terkekang, Roda dua, menyampaikan pesan keberanian tanpa kata-kata. Terima kasih, roda dua, sahabat perjalanan yang sejati, Atas penga
Posting Komentar
Baca selengkapnya

Radar Multimedia

Adobe Premiere Pro Adobe Premiere Pro adalah sebuah program penyunting video berbasis non-linier (non-linear editor / NLE) dari Adobe Systems. Itu adalah salah satu produk software dari Adobe Creative Suite, tetapi juga bisa dibeli personal. Bahkan kalau dibeli personal, itu termasuk Adobe Encore dan Adobe OnLocation. Walaupun yang dua versi pertama hanya tersedia untuk Windows, versi CS3 tersedia baik untuk Windows maupun Mac OS X. CS3 tersedia dalam Bahasa Inggris, Bahasa Prancis, Bahasa Jerman, Bahasa Jepang, Bahasa Italia, dan Bahasa Spanyol. Adobe Premiere Pro merupakan program pengolah video pilihan bagi kalangan profesional, terutama yang suka bereksperimen. Program ini banyak digunakan oleh perusahaan Pembuatan Film/Sinetron, Broadcasting, dan Pertelevisian. Salah satunya adalah BBC [2] dan The Tonight Show [3] Itu sudah sering digunakan untuk film-film, seperti Dust to Glory, Captain Abu Raed,[4] dan Superman Returns,[5] dan untuk tempa
Posting Komentar
Baca selengkapnya

Jangan Lewatkan! Pentingnya Program Bootcamp untuk Meningkatkan Karier dan Mengembangkan Keterampilan Baru!

Sekarang, program Bootcamp menjadi semakin populer di kalangan fresh graduate maupun mereka yang ingin beralih karier. Program ini tidak hanya memberikan keterampilan teknis yang dibutuhkan untuk memasuki pasar kerja, tetapi juga membawa manfaat lainnya seperti kesempatan untuk belajar dari para ahli, memperluas jaringan, dan mengembangkan keterampilan baru. Inilah mengapa penting untuk tidak melewatkan kesempatan ini. Yuk, simak penjelasan lebih lanjut dari Kha Pedia tentang apa itu Bootcamp dan manfaatnya! Apa itu Bootcamp? Bootcamp adalah program pelatihan intensif yang dirancang untuk mempersiapkan peserta dengan keterampilan yang relevan dalam bidang karier tertentu. Awalnya, bootcamp umumnya terkait dengan bidang IT, seperti bootcamp coding. Namun, seiring waktu, jenis bootcamp telah berkembang untuk mencakup berbagai bidang keahlian, seperti Digital Marketing, Administrasi, UI/UX, SEO, Copywriting, dan lainnya. Bagi yang tertarik mengikuti Bootcamp, kalian bisa memi
Posting Komentar
Baca selengkapnya