Format Tampilan Video Dan Animasi

Untuk menampilkan video pada halaman web sanggup ditangani secara eksklusif oleh HTML5. Tag yang dipakai untuk menampilkan video yaitu <video> </video>. Namun tidak semua format videonya sanggup ditampilkan di web. Sementara ini, hanya beberapa format video yang sanggup diproses, di antaranya yaitu WebM ,OGG , MP4. Berikut daftar ke kompabilitasan dari masing-masing browser terhadap file video.

A. MIME untuk format Video
MIME (Multipurpose Internet Mail Extension) dipakai untuk prosedur untuk mengirim banyak sekali gosip ibarat text, aplikasi, gambar, suara, video, dan lain sebagainya supaya browser tidak salah menterjemahkan konten yang diterima. Tidak hanya pada web, email juga memakai MIME. Berikut yaitu tipe mime untuk format video.
FormatMIME-type
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

B, Menyajikan File Video pada Tampilan Web
File video ibarat mp4 sanggup dimainkan pada halaman web melalui tag<video></video>. Ketika mencoba menjalankan video pada halaman web , file video ditempatkan dalam satu folder yang sama dengan file *.htm dan nama file audio nya diubahsuaikan dengan file audio yang anda gunakan.Berikut yaitu format lengkap untuk memainkan video ke dalam aplikasi web</video>.
<html>
<head>
<title>cek video</title>
</head>
<body>
<video width="320" height="240" controls>
<source src="mobil.mp4" type="video/mp4">
browser anda tidak mendukung format video ini.
</video>
</body>
</html>

Atribut Height dan Width dalam tag <video> dipakai untuk menentukan tinggi dan lebar penampilan video. Atribut Src menentukan file video. Bila listing kegiatan diatas dijalankan akan menghasilkan tampilan video di browser chrome . Tekan tombol play untuk memulai menjalankan videonya

Tag <video> mempunyai beberapa atribut, tidak hanya width dan height saja. Kontrol atribut menambahkan kontrol video, ibarat play, pause, dan volume. Berikut ini yaitu atribut – atribut yang dipakai pada tag <video>.
AtributSintaksKeterangan
autoplay<audio autoplay="autoplay">Memulai secara otomatis video
controls<video controls = "controls" >
Atau juga sanggup ditulis
<video controls>		Menampilkan tombol kontrol video
height<video height="240">Mengatur tinggi frame video
width<video width="320">Mengatur lebar frame video
loop<video loop=”loop”>Memutar video secara berulang-ulang
muted<video muted=”muted”>mematikan fungsi bunyi pada video
poster<video poster="anak.gif">Memunculkan poster/gambar pada ketika video buffer
atau diunduh.
preload<video preload="preload">Memuat ulang video
src<source src="bola.mp4"
type="video/mp4">		Memberikan link video

Atribute poster berfungsi untuk memunculkan poster/gambar pada ketika video buffer atau diunduh. Misalnya ketika buffer video akan muncul gambar “anak.gif” maka dalam tak <video> disisipkan atribut poster=”anak.gif” dengan catatan file anak.gif diletakan dalam folder yang sama dengan file html nya.</video>.

Source atau src dipakai disini sama halnya untuk keperluan video dan audio, hanya saja pada <source> akan memakai 2 sumber dimana file tersebut mempunyai isi yang sama tetapi format yang berbeda. Tujuannya disini yaitu web browser akan menentukan memutar yang mana nantinya sesuai dengan format yang didukung oleh web browser tersebut.


C. Menyajikan Animasi Pada Tampilan Web
File animasi juga sanggup ditampilkan pada halaman web dengan cara diembed-kan. Embed dipakai untuk melampirkan file dari eksternal ibarat *.swf dan lain-lain sebagainya. Perintah yang dipakai yaitu <embed src="siboy.swf"> Untuk penulisan arahan embed selengkapnya yaitu sebagai berikut ini.
<html>
<head>
<title>animasi</title>
</head>
<body>
<embed src="siboy.swf">
<p></p><--file animasi flash siboy.swf--></p>
</body>
</html>

Pada halaman web selain animasi dalam bentuk *.swf dengan memakai perintah < embed> sanggup juga menampilkan animasi dalam bentuk *.gif. Hal ini sanggup dilihat pada penggalan arahan berikut dimana file rol_belakang.gif merupakan gambar bergerak (animasi).
<html>
<head>
<title>animasi</title>
</head>
<body>
<embed src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffeOT5ut7Qq61W0KkyhghpAYLyerszBnX0erz_vuDrbN_q1FYh0wK3QCmeEOStGQGASe6qiYQ3mcgJpmMiD7mlvIrP4fkJ1MgZjKFxArJIA-THBs6aWppchmKC2TNETKEwZ03XGJaIAL5/s1600/rol_belakang.gif">
</body>
</html>

Untuk attribut penggunaan embed sanggup ditambahkan pada tag tersebut attribut ibarat pada tabel berikut ini.
AtributNilaiKeterangan
heightpixelsMendefenisikan ukuran tinggi frame media.
srcURLMemberikan sumber media yang dilampirkan
typeMIME_typeMenspesifikasikan tipe dari MIME
widthpixelsMengatur lebar dari frame media pada ketika program
dijalankan di browser.

Komentar

Posting Komentar

Postingan populer dari blog ini

Vacation Twenty-Four Hr Menstruum I Hair, Makeup, Outfit Pics/Photoshoot

Gambar
My boyfriend, Tommie, too I latterly went on a prissy vacation. We didn't become all that far- only downward to Wildwood too Atlantic City (in New Jersey) We had such a wonderful fourth dimension too of course of written report opor-garai only went means likewise fast. Of course of written report I took lots of pictures, too took roughly focusing on my makeup, pilus too outfits for here. So over the adjacent few days I volition hold out posting roughly nice, photograph heavy weblog posts! I dearest the clothing I wore for our start out nighttime hanging out on the boardwalk! It combined galaxy impress which I dearest too it's pink, which I also love! This clothing is from Hot Topic too I purchased it a few years ago. The sandals are aerosoles. The dark hooded long cardigan I am wearing over the clothing inward roughly of the pictures is from Urban Outfitters too is at to the lowest degree five years old. at dinner alongside a gorgeous view vacations are for
Baca selengkapnya

Penelitian Materi Tekstil Dengan Mikroskop

Gambar
Mikroskop yaitu sebuah alat untuk melihat objek yang terlalu kecil untuk dilihat dengan mata telanjang. Pemeriksaan serat materi tekstil sanggup dilakukan melalui mikroskop atau beling pembesar bila melalui kasat mata belum sanggup diketahui asal serat materi tekstil. Setiap serat bila diperbesar 100 kali melalui mikroskop atau beling pembesar akan mengatakan bermacam macam gambaran.  Melalui mikroskop kita sanggup melihat serat materi tekstil dengan terang penampang melintang dan penampang membujur dari tiap serat tekstil. Melalui microskop serat tekstil yang orisinil (belum disempurnakan) dengan serat tekstil yang telah disempurnakan juga akan nampak perbedaannya. Berikut yaitu citra penampang serat tekstil yang dilihat melalui mikroskop. A. Serat Alam Serat alam yaitu serat yang pribadi diperoleh di alam. Pada umumnya kain dari Serat alam memiliki sifat yang hampir sama yaitu kuat, padat, gampang kusut, dan tahan penyetrikaan”. Serat alam digolongkan lagi menjadi serat pro
Baca selengkapnya

Curly Wavy ...Blow Out?

Gambar
Stretch & I So I am a chip behind on blogging vs. really putting videos on Youtube. If yous are a YouTube subscriber of mine (thank yous ;) ) yous in all probability know a fiddling over a calendar week agone I colored my pilus lighter (seperate spider web log ship service on that whole matter soon) in addition to also decided to conduct keep my pilus blown out at the salon. Now I don't article of apparel my pilus direct often. Reason #1 is because it is damaging, #2 because I practise bask my curls in addition to #3 because quite frankly, later a land it gets annoying having to worry in addition to freak out that a droplet of pelting or a likewise sweaty run out volition ruin the fourth dimension in addition to endeavor spent getting my pilus is rest direct in addition to hold back decent. But since it was the calendar week of Halloween in addition to I dearest dressing upward in addition to non looking similar my park self, land at the salon I did the larn the blow ou
Baca selengkapnya