Menampilkan Audio dan Video dengan HTML(Web Dasar)

Asslamu'alaikum Wr Wb

Halo, ketemu lagi sama saya Fajar. Kali ini saya akan sharing tentang bagaimana cara menampilkan atau menyajikan audio dan video di HTML.

<audio>   : Mendefinisikan konten suara
<video>   : Mendefinisikan sebuah video atau movie
<source> : Mendefinisikan lebih dari satu sumber media untuk elemen media seperti (<video> dan <audio>)

untuk contoh-contoh kodingan beserta hasilnya bisa dilihat dibawah

1.Audio

  Disini kalian hanya tinggal mengetikkan tag audio, lalu source kemudian ketik nama file lagu yang akan ditampilkan. Tapi jika kalian ingin lagunya auto play saat di run, kalian tinggal mengganti tag audio menjadi tag embed . Dan agar audio dapat diputar dan di pause kalian tambahkan controls di tag audio.
    contoh Kodingannya: 


     Hasilnya

2.Video

  Nah, Kalau di video caranya sama seperti di audio, kalian tingal mengetikkan tag video,source, dan kemudian ketik nama file video yang ingin kalian tampilkan, dan format video harus mp4, ogg, dan webM.format mkv tidak bisa.

   Dan agar video memilki thumbnail kalian tinggal menambahkan poster di tag video. Dan tambahkan juga controls agar video bisa di play dan pause. 
    Contoh Kodingannya:



    Hasilnya :


3.Praktikum Tugas

    Contoh Kodingannya: 


    Hasilnya :

Komentar

Posting Komentar

Postingan populer dari blog ini

Framework Laravel, perbedaan pengunaan compact dengan tidak

Gambar
Assalamualaikum Halo, balik lagi sama saya Fajar Faturrahman, kali ini saya akan share sedikit tentang apa itu framework, dan analisis tentang perbedaan antara mengirim data ke view dengan menggunakan compact dan yang tidak menggunakan compact. Apa itu Framework?? Framework atau bahasa indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi , plugin, dan konsep sehingga membentuk suatu sistem tertentu . Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi . Apa itu Framework Laravel?? Laravel adalah framework PHP MVC yang dikembangkan oleh Taylor Otwell pada tahun 2011 dan sekarang telah mencapai versi 7 dan dengan slogan laravel “ PHP THAT DOESN’T HURT. CODE HAPPY & ENJOY THE FRESH AIR .” Kita akan merasa bahwa pemrograman php itu menyenangkan dan mudah karna Banyak sekali fitur-fitur yang ak...
Baca selengkapnya

Create Data,Validasi, dan Old Input

Gambar
Assalamualaikum Wr. Wb Halo, Kali ini saya akan Sharing tentang Create data, validasi atau menampilkan pesan error/berhasil, dan old input di Laravel. Apa sih Fungsi Old itu ? Old itu berfungsi untuk jika kita saat mengisi form ternyata ada yang salah atau terlewat, data yang sudah kita isi sebelumnya tidak akan hilang. Kalau gitu kita langsung aja ke studi kasusnya. 1.Studi Kasus 1  Nah, di studi kasus ini, saya diminta untuk membuat form kelas, dan cara membuatnya adalah sebagai berikut. pertama-tama tentunya harus membuat form kelasnya di folder views. nah dibawah ini adalah kodingan di file forKelas.blade.php kodingan dibawah ini berfungsi untuk menampilkan pesan apabila terjadi kesalahan saat mengisi atau menambahkan data.Contohnya adalah ada data yang belum terisi. dan kodingannya adalah sebagai berikut. dan nanti jadinya akan seperti ini. Masih di file formKelas.blade.php kodingan dibawah ini adalah kodingan untuk form nya, ditulis dib...
Baca selengkapnya

Edit dan Delete Data

Gambar
Assalamu'alaikum Wr. Wb Halo teman teman, Kali ini saya akan sharing tentang cara edit dan delete data menggunakan laravel. Nah kita langsung saja ke pembahasannya 1.Studi Kasus 1 (Menjelaskan isi dari fungsi update dan destroy) fungsi update yang pertama ada validasi/$rule bagian ini berisi aturan aturan/rules yang harus dipenuhi ketika mengisi/meng-update data di form, contohnya nama_kelas => 'required' yang artinya nama_kelas harus diisi, jika tidak diisi maka akan muncul pesan. lalu pada baris $input = $request->all(), nanti baris ini akan meminta semua data yang di submit dari form dan akan dimasukkan kedalam variable $input. dan fungsi UNSET disini adalah mereset token dan method yang ada supaya fungsi update ini dapat dipakai untuk data lain lalu $status, adalah variable untuk menyimpan query untuk update. tabel yang dituju table apa, lalu  id nya sesuai id yang dipilih, lalu diupdate lalu if dan else itu digunakan untuk mengecek d...
Baca selengkapnya