Cara menambahkan video, foto dan audio di html



Halo, kali ini saya akan memberikan tutorial cara menambahkan video di html kalian. Bagi kalian yang ingin menambahkan video, audio, dan foto di dalam website kalian, saya akan memberikan tutorial bagaimana cara menambahkan video, foto, dan audio agar website kalian lebih menarik. Sebenarnya cukup mudah untuk menambahkannya, penasaran gimana cara membuatnya? Let's check this out.

1. Video


Yang pertama adalah video, video sendiri merupakan sebuah teknologi yang menggabungkan gambar bergerak dan suara. Video di website sangat menambah nilai website itu sendiri karena kita bisa menunjukan entah itu video tentang edukasi, tips dan trik hingga iklan. untuk membuatnya silahkan kalian buat file baru bernama video.html dan salin script di bawah ini.


perhatikan script di bawah ini

video width="320" height="240" controls autoplay

pada script pertama di atas, kita bisa melihat pengaturan mulai dari lebar, panjang, hingga control autoplay.

  source src="video.mp4" type="video/mp4"

dan pada script kedua, kita akan memanggil si videonya, kalian bisa menambahkan letak folder dari video tersebut agar mudah di deteksi.

2. Foto

Yang kedua yaitu foto, pengertian foto dari wikipedia Foto adalah gambar diam baik berwarna maupun hitam-putih yang dihasilkan oleh kamera yang merekam suatu objek atau kejadian atau keadaan pada suatu waktu tertentu. Foto juga sama pentingnya seperti video di dunia website, namun peran foto lebih penting dari peran video. karena semua orang pasti lebih sering menggunakan foto daripada video. Contoh script ada di bawah ini. 

Selanjutnya saya akan menjelaskan bagian inti dari script yang telah kalian buat
img src="gambar/arif.jpg" height="120" width="80"

perhatikan script ini, pada script di atas kalian bisa menambah dan mengatur tinggi dan lebar foto.


3. Audio

Yang terakhir adalah audio, audio sendiri adalah sebuah suara yang kita dengar melalui sebuah getaran. Sebenarnya jarang yang memasukan audio kedalam website miliknya. Tapi, kenapa harus takut untuk tampil beda. berikut contoh scriptnya.

Selanjutnya saya akan menjelaskan bagian inti dari script yang telah kalian buat

src = "mp3/01. lingsirwengi.mp3" border ="2" autostart="false" height = "45" width = "400" align="middle">

perhatikan script di atas, script tersebut bertujuan untuk mengambil data audio, mengatur panjang lebar audio, dan letak audio.

oke, itu tadi cara menambahkan video, foto, dan audio di html. sekian dulu ya blog ini, kalau ada yang mau ditanyakan silahkan tinggalkan komentar di bawah.

Post a Comment

6 Comments