Membuat Slide Show Foto + Musik dari Javascript dan html5. - Belajar Web
News Update
Loading...

Selasa, 16 Februari 2021

Membuat Slide Show Foto + Musik dari Javascript dan html5.


Hallo temen-temen.. kali ini saya akan membagikan aplikasi yang sangat sederhana. ya, aplikasi untuk menampilkan slide show foto atau gambar. disamping itu, aplikasi ini akan memutarkan musik yang sebelumnya sudah kalian pilih untuk mengiringi slide show foto yang dilakukan aplikasi ini.

untuk mendownload aplikasi sederhana ini, kalian bisa klik link https://github.com/mohammn/slideShowdanMusik. maka akan tampil halaman seperti dibawah ini.

untuk mendownloadnya, silahkan klik tombol "Code" hijau. lalu klik download zip. setelah berhasil, slihkan ekstrak saja. lalu buka file "index.html" menggunakan browser. maka aplikasi sederhana ini akan terbuka.

Namun sebelum kalian membuka aplikasi ini, pastikan dulu untuk memindahkan foto yang ingin kalian buka pada folder 'file' yang ada di aplikasi ini. jangan lupa pindahkan juga musik yang ingin kalian putar kedalam folder 'file' ini juga ya. lebih jelasnya, lihat gambar dibawah ini.

Setelah kalian membuka aplikasi ini, kalian akan ditampilkan teks pengenalan aplikasi dan tombol pemilih foto dan musik. seperti dibawah ini.

silahkan pilih file foto yang ada di folder 'file' tadi ya. pilih semua gambar yang ingin kalian tampilkan. silahkan block dengan cara menekan tombol 'ctrl' pada keyboard dan klik pada foto yang diinginkan. atau tekan 'ctrl' dan tombol 'a' pada keyboard secara bersamaan. contohnya, silahkan lihat gambar dibawah ini. kemudian, pilih juga musik yang ada di folder 'file' tadi ya. 

setelah itu, silahkan klik tombol 'mulai' berwarna hijau dibawah teks pengenalan ya. maka aplikasi akan menampilkan slide show sekaligus memutarkan musik yang kalian pilih tadi.

memang sangat sederhana ya. namun, saya harap dapat berguna bagi kita semua. jangan lupa di share. terimakasih :)

Share with your friends


Notification
This is just an example, you can fill it later with your own note.
Done