Menambah Audio ke Blog atau Web dengan HTML5

Sedikit Info Seputar Menambah Audio ke Blog atau Web dengan HTML5 Terbaru 2017 - Hay gaes kali ini team Serba Neka Android, kali ini akan membahas artikel dengan judul Menambah Audio ke Blog atau Web dengan HTML5, kami selaku Team Serba Neka Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Serba Neka Android. semoga isi postingan tentang Artikel Blogger, Artikel HTML, Artikel Script, Artikel Tutorial, Artikel Widget, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Menambah Audio ke Blog atau Web dengan HTML5 Terbaru
link: Menambah Audio ke Blog atau Web dengan HTML5

Berbagi Menambah Audio ke Blog atau Web dengan HTML5 Terbaru dan Terlengkap 2017

Player di Halaman Blog

Anda mungkin sudah bisa menambahkan lagu kedalam seuah halaman blog. Saya pernah membuat tutorial tentang menyisipkan file MP3 kedalam sebuah halaman blog atau web tetapi menggunakan sebuah player berbasis swf (silahkan baca artikel MENAMBAHKAN LAGU DI BLOG - EMBED MP3 DI WEB). disitu terlihat ketergantungan kita terhadap sebuah player swf yang dihosting di suatu tempat(server) yang akan digunakan sebagai alat untuk memutar file MP3 yang juga di hosting disuatu tempat yang lain. Jika suatu saat ternyata file SWF yang digunakan tersebut ternyata hilang/terhapus atau ada sebab yang lain yang menyebabkannya hilang bagaimana? atau ternyata browsernya tidak terinstall flashplayer bagaimana?



Ada cara baru untuk menyisipkan lagu kedalam Blog, yakni menggunakan TAG dari HTML5 yakni <audio>. Caranya kurang lebih sama dengan artikel embed-ing mp3 sebelumnya, hanya saja ada yang berubah dengan pembungkus file mp3-nya. Dengan menggunakan Tag  <audio>file mp3 yang sudah saya upload ke situs indowebster berikut:

http://xover3.jkt.3d.x.downloader-apk-generator.blogspot.com/2016/10/downloader.html####download-vip/10/p16f7khggh1fhrhukl9r16941d627.mp3/Adele-SomeOneLikeYou-idlohulhaqDOTcom.mp3

file diatas akan kita bungkus dengan dengan TAG  <audio>
Lihat kode berikut:

<audio controls="controls">
  <source src="audio.ogg" type="audio/ogg">
  <source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

di kode tersebut terdapat Tag  <audio> yang diikuti atribut controls yang meyatakan untuk menyertakan control default kepada browser.
di sana juga terdapat Tag  <source> yang diikuti atribut src yang di dalamnya terdapat lokasi file audio dan atribut type untuk menyatakan tipe file audio yang digunakan. Anda bisa menggunakan salah satu saja diantaranya, yakni.
ogg = file audio berformat ogg vorbis atau mpeg = file audio berformat mp3

Jika sudah memahami Tag dan Atribut-nya Anda bisa mencoba menuliskan kode berikut dalan halaman blog menggunakan mode HTML dalam editor blog anda.

<audio controls="controls">
  <source src="http://xover3.jkt.3d.x.downloader-apk-generator.blogspot.com/2016/10/downloader.html####download-vip/10/p16f7khggh1fhrhukl9r16941d627.mp3/Adele-SomeOneLikeYou-idlohulhaqDOTcom.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Bisa anda lihat, di dalam atribut src saya menuliskan lokasi file MP3 yang sebelumnya sudah saya upload ke sebuah file hosting (dalam hal ini adalah indowebster) dan saya juga sudah mendapatkan link absolut-nya
Karena file yang kita gunakan adalah file ber-extensi MP3 maka pada type kita tuliskan sebagai "audio/mpeg"
dan hasilnya akan terlihat seperti dibawah ini



Tambahan: Anda bisa menambahkan atribut loop dengan nilai loop pada Tag audio untuk mengulang secara otomatis file yang diputar lihat kode berikut

<audio controls="controls" loop="loop">
  <source src="http://xover3.jkt.3d.x.downloader-apk-generator.blogspot.com/2016/10/downloader.html####download-vip/10/p16f7khggh1fhrhukl9r16941d627.mp3/Adele-SomeOneLikeYou-idlohulhaqDOTcom.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Bagaimana? mudah kan Menambah Audio ke Blog atau Web dengan HTML5? Jika Anda sudah berhasil, selamat! Atau jika belum berhasil, silahkan berkomentar atau bertanya.

Itulah sedikit Artikel Menambah Audio ke Blog atau Web dengan HTML5 terbaru dari kami

Semoga artikel Menambah Audio ke Blog atau Web dengan HTML5 yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Serba Neka Android. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Menambah Audio ke Blog atau Web dengan HTML5