Input Media Dalam HTML

Image result for Input media dalam HTML

A. GAMBAR

Cara yang diperlukan untuk memasukkan atau menambahakan gambar ke
dalam suatu halaman web sangatlah mudah. HTML telah menyediakan tag
khusus untuk keperluan ini, yaitu <img>. Tag ini merupakan tag tunggal atau
tidak memiliki pasangan. Atribut terpenting dari tag <img> adalah SRC (source
atau sumber), yang berisi file gambar yang akan ditampilkan ke dalam halaman
web.
Bentuk umum penggunaan tag <img> adalah :

<img src='namafile'> 
Jika file yang akan ditampilkan berada di direktori lain, atau bahkan berada di situs web lain, makan perlu menyebutkan juga lokasi dari file tersebut.
Contoh :

<img src=http://www.abcde.com/image/kamera.jpg/>

B. AUDIO

Untuk memasukkan suara pada html bisa menggunakan tag
<audio>.  Format suara yang telah didukung hingga saat ini adalah MP3, Ogg
dan WAP. File-file Audio yang didukung HTML5 adalah MP3,WAV, dan OGG.
Tidak semua tipe file audio tersebut didukung oleh browser.
- OGG merupakan format audio yang didukung oleh Mozilla firefox, opera,
dan google chrome.
- MP3 merupakan format audio yang didukung oleh Google Chrome dan
safari.
- WAV merupakan format audio yang didukung oleh Mozilla Firefox dan
Opera.
Contoh HTML :
<audio control>

<source src="suci dalam debu.mp3" type="audio/MPEG">

</audio>

C. VIDEO

Untuk menampilkan video pada halaman web dapat ditangani secara
langsung oleh HTML5. Tag yang digunakan untuk  menampilkan video adalah
<video> </video>. Namun tidak semua format videonya dapat ditampilkan di web.
Sementara ini, hanya beberapa format video yang bisa diproses, di antaranya
adalah WebM ,OGG , MP4. Berikut daftar ke kompabilitasan dari masing-masing
browser terhadap file video.
contoh html :
<html> 

<head>

<title>cek video</title>

</head>

<body>

 <video width="320" height="240" controls>

<source src="bola.mp4" type="video/mp4"> 

</video> 

</body>

</html>
Previous
Next Post »
Thanks for your comment