Assalamualikum...
hallo guys, jadi hari ini aku akan membuat tutorial tentang html lagi, dengan aplikasi sublime text 3 jadi disini aku akan memberikan tutorial cara menampilkan Audio di html dengan codingan.
langsung saja kita tutorialnya...
Opsi 1
Pertama kalian buat project baru namanya contoh_audio.html setelah membuat project kalian bisa coding seperti ini untuk opsi controls.
tapi sebelum kalian ke codingan kalian siapkan audio yg akan kalian gunakan, kalian masukan file audionya ke folder html.
tetapi untuk Ngoni.mp3 itu adalah nama audio aku, terus sementara dengan "audio/mpeg" itu harus di pake.
Opsi 2 file audio terpisah dengan file html.
nah jadi disini caranya kalian buat folder baru nama folder audio lalu di folder itu kalian masukan audio yang tadi atau audio yang tadi kalian copy lalu masukan ke folder itu, lalu folder kalian masukan ke folder html.
masih dalam satu project.
berikut codingannya :
Opsi 3 Menggunakan Url
nah jadi disini kalian gunakan link dari audionya, untuk mendapatkan link nya kalian bisa open audionya lewat chrome atau browser lainnya.
Berikut codingannya :
Opsi Control
nah jadi disini kalian pake file audio nya ada di dalam folder audio, dan folder audionya ada di folder html.
berikut codingannya :
Opsi Control 2
disini codingannya hampir sama dengan codingan sebelumnya hanya dia memiliki perbedaan sedikit.
Berikut codingannya.
Opsi AutoPlay
disini codingannya hampir sama tapi dia mempunya perbedaan atau ketika di run dia akan memulai dengan sendirinya tanpa kita klik.
Berikut codinganya :
disini codingannya hampir sama dan fungsinya pun sama.
Berikut codingannya :
Opsi Loop
di opsi loop codingannya hampir tetapi ada sedikit perbedaan dan fungsinya juga berbeda, jadi di opsi loop gunanya untuk memutar berkali" audionya.
Berikut codingannya :
Opsi Loop 2
disini juga codingannya hampir sama, dan fungsinya juga sama.
berikut codingannya :
Opsi Muted
Jadi disini fungsinya untuk mengsenyapkan audio dan bisa nge unmute juga.
Berikut codingannya :
disini codingan dan fungsinya asih sama.
Berikut codingannya :
Opsi Background
audio biasanya di gunakan sebagai background. biasanya menggunakan musik.
tujuan menambahkan background agar menambah kesan tertentu pada web, misalkan ingin membuat pengunjung merasa santai, maka kita bisa memutar audio musik yang santai.
berikut codingannya :
Sampai disini saja tutor ku semoga bermanfaat.
wasalamualaikum...
Tidak ada komentar:
Posting Komentar