Assalamualaikum temen-temen
Kembali lagi bersama saya syahrul ramadhana. Dipostingan kali ini saya akan membahas tentang bagaimana cara menginput audio dan video di html. Kalo udah kepo langsung liat aja di bawah ini
1. Input tampilan audio
Kalian dapat menginput audio dengan menggunakan tag <audio controls>, masukan name file audionya di tag <source> , tpi jangan lupa untuk satukan fili audio dan html dalam satu folder.
Ini hasil dari kodingan input tampilan audio. *ps: jika audio tidak dapat diputar kalian bisa setting di explorernya ato ga ganti apk explorernya.
2. Audionya auto play
Jika kalian ingin pemutar musiknya auto play kalian bisa menggunakan tag <embed> dan masukan nama filenya di dalam tag embednya kek gtu. dan selalu ingat untuk satu folder kan file audio dengan html.
Ini ss-an dari hasil kodingan auto play. dan jelas lagunya tiba tiba ngeplay sendiri, saya juga kaget tiba tiba ngeplay kek gtu. walaupun kagetnya pura-pura biar rame doang.
3. Tampilan Video
Nah kalo ini hampir sama kaya yang tampilan audio, yang membedakannya cuma tag awalnya aja, yaitu <video controls>. kesananya mah sama, harus satu folder juga.
ini ss-an hasilnya. sekadar info aja bahwa ini lagu favorit saya di dalam sebuah video. jika kalian kepo bisa langsung komen aja di bawah.
4. Tampilan Video dgn Thumnail
kalo ini hampir ga keliatan ada tag yang berbeda dengan kodingan tampilan video yang tadi. Tapi jika kalian lebih teliti kalian bisa melihat perbedaannya ada atribut 'poster' di dalam tag video. ayo lihat lebih jelas kawan
ini hasilnya, bisa di liat kan kalo video ini ada fotonya dulu, beda sama yang tdi. Padahal saya masukin video yang sama lhoo.
5. Tampilan Flash
kalo di tampilan flash ini saya agak bingung awalnya, tpi dengan sedikit usaha, saya menjadi bisa. dengan tag embed dan masukan typefile swf. kalian bisa langsung melihat hasilnya seperti gambar di bawah
ini hasilnya, kalian bisa memilih apa yang ingin kalian lihat, lalu tinggal tekan dan nikmati deh
6. Tugas akhir pertemuan 7
ini tugas akhir saya, dgn menggunakan kemampuan seadanya dan banyak bantuan teman akhirnya saya bisa menyelesaikannya, meskipun tidak sempurna
ini hasil dari tugas saya semoga bermaanfaat bagi kalian yang membaca.
selalu ingan jika kalian ingin menginput file. selalu satu folder kan filenya dengan file html kalian.
Terima kasih telah memlihat-lihat semoga bermanfaat. selamat mencoba!
Wassalamualaikum Wr. Wb
Tidak ada komentar:
Posting Komentar