Menyajikan Multimedia Pada HTML | Nassya Putri R.

Assalamualaikum kawan-kawan, bagaimana kabarnya? Semoga selalu dalam keadaan sehat wal'afiat yaa. Kali ini saya akan membagikan informasi tentang :

1. Format Tampilan Audio
2. Menampilkan Embed Audio dan Auto Play
3. Format Tampilan Video
4. Format Tampilan Video dengan Thumbnail
5. Format Tampilan Flash

Disini saya menggunakan aplikasi Sublime Text.

Langkah pertama, siapkan file audio, video, dan gambar dalam satu folder beserta file htmlnya.

• Format Tampilan Audio

1 (a)

1 (b)

Fungsi Atribut dan Tag :

1. <audio> ... </audio> = Menunjukkan sebuah sound atau audio yang dapat disisipkan pada halaman web dan diputar untuk didengarkan.

2. controls = Atribut controls dalam tag audio ini bertugas untuk menampilkan fungsi-fungsi kontrol audio yang kita sisipkan seperti tombol play, pause, seekbar, pengatur volume.

3. source = Mnunjukkan sumber file audio ditempatkan atau URL yang menunjukkan keberadaan audio file tersebut (src) {audio(folder)/Dusk Till Dawn.mp3(namafile)} , dan menentukan tipe media dari format file audio tersebut (type).

• Menampilkan Embed Audio dan Auto Play

2 (a)

2 (b)

Fungsi Atribut dan Tag :
1. embed = Adalah tag HTML yang digunakan untuk memasukkan file video atau file musik. Hasil yang ditampilkan oleh tag ini tergantung dari browser masing-masing pengunjung dikarenakan EMBED mengharuskan browser yang digunakan telah terinstall suatu plugin yang mendukung untuk memainkan file musik atau video yang terdapat pada halaman HTML tersebut. 

• Format Tampilan Video

3 (a)

3 (b)

Fungsi Atribut dan Tag :

1. <video> ... </video> = Digunakan untuk merujuk sumber file video, sehingga dapat diputar (dimainkan) pada halaman web.
2. source = {src=folder/NamaFile} {type=Tipe Media File Video}

• Format Tampilan Video dengan Thumbnail

4 (a) 

4 (b)

Fungsi Tag dan Atribut :

1. Controls Poster = Menentukkan URL yang merujuk sebuah gambar yang akan dijadikan poster frame yang akan tampil sebelum video diputar. (Gambar tersedia pada folder yang berisi file html)

• Format Tampilan Flash

5 (a)

• TUGAS MEMBUAT HALAMAN WEB BERISI VIDEO & AUDIO

Sekian informasi yang dapat saya sampaikan, mohon maaf apabila masih banyak kekurangan. Terimakasih, wassalamualaikum wr.wb.🌛