CARA MEMBUAT AUDIO DI HTML GAMPANG AND TERBARU 2020

Cara membuat Audio di HTML Cara Menambahan Audio Di Html - sering kita
 lihat, di dalam html ada audio yang bisa di play (mainkan), seperti web download lagu dan lain - lain. Sebelum masuk ke tutorial saya akan sedikit menjelaskan element audio.

Element audio merupakan elemen baru keluaran HTML5 yang digunakan untuk memasukkan audio seperti lagu ke dalam HTML yang dapat diputar. Penggunaan element audio ditandai dengan pasangan tag <audio>...</audio>. Diantara pasangan tag <audio> terdapat elemen source dan dapat ditambahkan teks yang akan tampil jika browser tidak mendukung elemen audio.


Yah,bila kalian sudah paham dengan element audio, mari langsung saja terjun ke langkah - langkahnya

1. Pertama, dengan cara memasang judul
Cara ini sangatlah mudah karena hanya memasang sedikit script saja, namun file html dan audio (lagu yang ingin kalian tambahkan) harus satu folder.

Bahan yang saya gunakan:


Text editor (bisa notepad biasa maupun notepad ++, atau bisa yang lainnya)
Audio atau lagu yang ingin kalian pasang (masukan)

Android : Pakek Anwiter mhwew 😎🤣

Setelah bahan - bahan di atas sudah siap, mari kita langsung menuju langkah - langkahnya.

1.Buka file html kalian dengan text editor (yang ingin kalian tambahkan audio)

2.Kemudian di bawah tag <body> di beri script di bawah


<audio src="judul lagu kalian.mp3" controls></audio>


Seperti yang saya tuliskan di atas, yaitu file html dan lagu (audio) harus satu folder,untuk lebih jelasnya lihat gambar di bawah.




2. kedua, dengan memasang link audio

Cara yang kedua sangatlah mudah serta tanpa mendownload dulu audionya, karena cara ini hanya membutuhkan link nya saja.

Cara yang ke dua ini juga sama dengan cara pertama tetapi hanya mengganti judul audio menjadi link audio.

Ok,tanpa banyak basa - basi kita langsung saja menuju ke langkah pembuatannya.

Buka file Html yang ingin kalian tambahkan audio
Dan copy script di bawah dan pastekan di bawah tag <body>


<audio src="link audio.mp3" controls></audio>

Cara ke dua hampir sama cara pertama, cuma cara pertama harus satu folder file html dan audinya, namun untuk cara yang ke dua link yang di pasang harus aktiv (masih ada).

Nah itulah cara menambahkan audio di html yang inti, di bawah adalah tambahan, seperti autoplay, mute, putar ulang dan lain - lain:

•Audio akan diputar secara otomatis (langsung mulai ketika halaman telah dimuat).

<audio src="judul.mp3/link" autoplay controls></audio>


Okeh sekian telah mengunjungi website Yongkynb done terimakasih assalamualaikum warahmatullahi wabarokatuh 😋