Langsung ke konten utama

Tampilan Multi Media Di web || Paktikum 7

Html, Untuk menampilkan MultiMedia di web.

Hallo,
Assalamu'alaikum..

Selamat Datang di  Blog Praktikum.

Kali ini Saya Akan Menjelaskan, Membagikan, Beberapa HTML untuk tampilan audio Dan Video di Web.

Berikut Caranya :

1.Tampilan Audio.
Tampilan Audio Ini Adalah Ketika Kita Ingin Menambah kan berupa audio tambahan Di web kita..


ini adalah tampilan atau preview dari tampilan audio Saya.




Dan Berikut ini dalam bentuk HTML nya




 Arti tag <Audio> adalah untuk memutar audio di browser
Dan audio Controls Digunakan untuk memutar ulang audio ketika selesai
Arti Tag <Source> Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio> di html nya.


2.Embed Audio

Embed Audio Adalah cara untuk Menampilkan dan memutar Adio di Browser atau web Secara Otomatis

Berikut Adalah contohnya

ini adalah contoh Embed audio Auto Play.

Dan Ini html nya


Perhatikan Di html di atas Ada Tag <embed>
tag tersebut berfungsi  untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)


3. Tampilan Video Dengan Thumbnail Di web.
 

Ini adlah tampilan video dengan thumbnail.

 Dan ini adalah html nya


Pengertian Tag dalam html diatas
pada hasil preview diatas dan html ada tag
< video widht="" height=" control poster="Gambar untuk thumbnail video nya".
yaitu berfungsi sebagai pengatur ukuran dan letak gamabar untukn di jadikan thumbnail video di web.


4.Tampilan video 
selanjutnaya adalah cara  menampilkan tampilan vidio untk di browser atau web

ini adlah Preview dari cara menampilkan video di browser.
 Dan berikut ini adalah Hmtl nya
 


Dan untuk tag tag nya sama seperti tadi.


5.Menampilkan Flash Di web

Selanjutnya adalah untuk menampilkan file ber format swf di browser atau web.
file ber format ini adalah menampilkan Videio Flash.

Gambar Di atas ini adlah tampilan Flash nya.
 Pad tampilan ini kita bisa menampilkan video flash maupun lainya.

Berikut ini Html nya




tag <embed> ini berfungsi sebagai tag untuk membuat sebuah wadah untuk aplikasi eksternal
di html 5 tag ini termsuk tag baru.


6.Menampilkan audio+video 

Selanjutnya adlah menampilkan Audio dan video yang di buat  biodata 

ini adalah contohnya.
 Berikut ini Html nya






Dan itulah beberpa hasil untuk Paktikum 8 || 
Sekian




TERIMAKASIH.....

Komentar

Posting Komentar

Postingan populer dari blog ini

Create Read Update Delete with Relation Tabel || Praktikum 4

Hallo Berjumpa Lagi di Blog Praktiku... Kali ini saya akan membahas tentang bagai mana dan apa itu cara untuk meralasikan 2 tabel pada data base. Contoh kasus yang diberikan adalah ketika akan menambahkan Data Siswa yang telah di buat pada postingan postingan sebelum nya, maka pilihan Kelas berasal dari tabel t_kelas yang bersifat dinamis. Artinya kita juga akan membuat CRUD sebagai data master Kelas nah jadi ketika kita memilih sebuah opsi maka opsi tersebut langsung berasal dari tabel yang kita buat di data base nya. contoh nya seperti ini : maka pada option diatas langsung berasal dari databse... untuk itu saya akan bahas.. Pertama buatlah tabel di data base dengan new tabel sebagi berikut ini dengan nama t_kelas : selanjutnya pada tabel siswa kosongkan lah datanya terlebih dahulu karena pada tabel siswa dengan tabel t_kelas kita akan mengjoinkan nya atau merelasikanya untuk mengkosongkan data agar lebih mudah tinggal masuk ke option>truncate. ...
Posting Komentar
Baca selengkapnya

Upload || Praktikum 2

Assalamualaikum.. Halo berjumpa lagi di blog praktikum.. kali ini saya akan membahas bagai mana membuat upload file kedalam web dan menampilkan nya. dalam web sangat pentung adanya nya uplod file dikarenakan fitur ini snaganta membantu dalam hal penyimpan gambar dan lain sebangainya. pertama-tama buatlah tabel untuk meng upload file tersbut di data base seperti contoh berikut : selanjutnya buatlah folder untuk menyimpan gamabar atau file lainya yang telah kita upload : selanjutnya buatlah atau tambahkan pada kodingan atau script yang berfungsi sebagai ketika form tersebut terdapat input type file penjelasanya : <form action="<?= $action ?>" method="post" enctype="multipart/form-data">//enctype ini digunakan untuk memisahkan file atau data yang di input codingan nya : selanjutnya menampilkan image yang sudah kita upload di halaman yang ingin kta tampilkan image nya dan meng input image pada form, contohnya k...
Posting Komentar
Baca selengkapnya