Tag - Tag Yang Membangun HTML: Audio/Video

Posted by Dimas Nurhilman 4:58 PM

Tag - Tag Yang Membangun HTML: Audio/Video - HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML yang kepanjangannya disebut Hyper Text Markup Language adalah suatu bahasa marka, yang digunakan sebagai salah satu format dokumen World Wide Web. HTML bukanlah sebagai bahasa pemrograman, melainkan sebagai bahasa marka yang digunakan untuk membangun sebuah website.

Setelah kalian mempelajari Tag - Tag Yang Membangun HTML: Images selanjutnya saya akan membahas tentang Audio/Video pada HTML.

HTML AUDIO/VIDEO
HTML <audio>, element menunjukkan sebuah sound atau audio yang dapat disisipkan pada halaman web untuk diputar untuk didengarkan.
HTML <video>, element digunakan untuk merujuk sumber file video, sehingga dapat diputar (dimainkan) pada halaman web.
Dalam meurujuk sumber file audio/video, digunakan attribute src yang menunjukkan source (sumber) yang mengarah pada link file video tersebut berada (disimpan), ditulis baik didalam element <audio> maupun <video> itu sendiri atau didalam element <source> yang mempresentasikan sumber audio atau video lebih dari satu format, sehingga browser dapat memilih format video yang tepat (didukung).
Didalam element <audio> atau <video> dapat ditulis konten (teks). untuk browser lawas yang tidak mendukung HTML video. Teks ini, akan tampil sebagai ganti dari audio/video yang tidak dapat diputar.

Baca Juga :
   7 Font Terbaik pilihan Programmer untuk Coding
   Kumpulan Situs Web Ebook Pemrograman Komputer Terbaik dan Gratis!
   4 Software Text Editor Terbaik Untuk Ngoding Para Programmer

Berikut Macam - Macam Tag HTML Audio/Video :

<Video> : Tag untuk membuat isi suara (tag baru HTML5)
<source> : Tag untuk membuat sumber beberapa media untuk element media (<video> dan <audio>) (tag baru HTML5)
<track> : Tag untuk membuat trek teks untuk element media (<video> dan <audio>) (tag baru HTML5)
<video> : Tag untuk membuat sebuah video atau film (tag baru HTML5)

Setelah kita mengetahui fungsi dari masing masing tag audio/video, selanjutnya kita akan membuat beberapa contoh syntax yang menggunakan tag audio/video pada HTML.

Oke langsung saja kita membuat file multi.html di text editor, lalu masukkan ini :

<!DOCTYPE>
<html>
    <head>
        <title>
            Hostze - Tag Audio/Video
        </title>
    </head>
    <body>
        <p>Ini adalah contoh penggunaan tag Audio</p>
        <audio src="http://files.if.undip.ac.id/mp3/Umam/Umam%20-%20Sepohon%20Kayu.mp3" controls></audio>
        <p>Ini adalah contoh penggunaan tag Video</p>
        <video src="http://www.onirikal.com/videos/mp4/assembly_line.mp4"controls></video>
    </body>
</html>

Setelah itu save, lalu buka file multi.html menggunakan browser dan lihat hasilnya. Untuk contoh penggunan tag yang lain bisa kalian coba sendiri.

Kesimpulan :

HTML bukan bahasa pemrograman melainkan bahasa marka yang digunakan untuk membangun sebuah website.
Ada 3 (tiga) tag utama dalam html yaitu: tag html, tag, head dan tag body.
Pada tiap masing masing tag html memiliki tag pembuka dan tag penutup, namun ada beberapa tag yang tidak memiliki tag penutup.
Kita bisa mengetahui tag penutup dengan melihat simbol garing(garis miring) pada tag tersebut.
Tag Formatting adalah tag yang berfungsi mengubah bentuk tampilan dari teks.
Tag Forms adalah tag yang berfungsi untuk menerima masukan(input) dari pengguna.
Tag Frames adalah tag html yang berfungsi untuk menampilkan halaman web dalam halaman web.
Celah yang bernama ClickJacking memanfaatkan tag frames sebagai media pencurian data.
Tag Images adalah tag yang berfungsi untuk memanggil gambar
Tag Audio/Video adalah tag yang berfungsi untuk memanggil audio atau video

Kunjungi Juga :
Tutorial Bahasa Pemrograman Web Lengkap!
Tag - Tag Yang Membangun HTML: Links

Saya harap kalian mengerti dengan penjelasan saya kali ini, jika kalian tidak mengerti silahkan berkomentar di bawah ini.

Demikian artikel yang berjudul Tag - Tag Yang Membangun HTML: Audio/Video semoga bermanfaat dan dapat menambah wawasan kalian semua.