Ringkasan

Dalam artikel ini, kita akan membahas poin -poin utama tentang HTML5 dan dampaknya pada media di lanskap pengembangan web. HTML5 adalah versi terbaru dari spesifikasi HTML dan membawa perubahan dan peningkatan yang signifikan ke web. Ini menyediakan cara standar bermain media tanpa perlu plug-in browser. Namun, HTML5 masih dalam proses, dan dukungan browser untuk fitur -fiturnya dapat bervariasi.

Poin -Poin Kunci:

1. HTML5 adalah versi baru pertama dari spesifikasi HTML sejak 1999.
2. Html5 akan menjadi standar baru untuk html, xhtml, dan dom html.
3. HTML5 menyediakan cara standar bermain media tanpa plug-in browser.
4. Sebagian besar browser modern memiliki beberapa tingkat dukungan tag HTML5.
5. HTML5 adalah alternatif yang layak untuk flash untuk bermain media.
6. Tag video HTML5 menawarkan pendekatan standar untuk memutar video.
7. HTML5 mendukung berbagai format media, termasuk AAC, MP3, Ogg Vorbis, Ogg Theora, Webm, dan MPEG-4.
8. Dukungan browser untuk format media dapat bervariasi.
9. Tag video di HTML5 memungkinkan kontrol pemutaran yang dapat disesuaikan.
10. Tag video mendukung properti seperti autoplay, loop, dan poster.

Pertanyaan dan jawaban

1. T: Apa itu html5?

HTML5 adalah versi terbaru dari spesifikasi HTML yang membawa fitur dan peningkatan baru untuk pengembangan web.

2. T: Apa pentingnya HTML5 dalam bermain media?

HTML5 menyediakan cara standar bermain media tanpa perlu plug-in browser, membuatnya lebih mudah diakses dan konsisten di berbagai platform.

3. T: Bagaimana perbedaan tag video HTML5 dari tag objek untuk bermain media?

Tag video HTML5 adalah pendekatan standar untuk memutar video, memastikan kompatibilitas di seluruh browser tanpa perlu plug-in tertentu.

4. T: Apa format media yang didukung di HTML5?

HTML5 Mendukung AAC, MP3, Ogg Vorbis, Ogg Theora, Webm, dan MPEG-4 untuk audio dan video.

5. T: Apakah setiap browser mendukung semua format media HTML5?

Tidak, dukungan browser untuk format media dapat bervariasi. Penting untuk mempertimbangkan kompatibilitas format media saat mengembangkan aplikasi HTML5.

6. T: Apa manfaat menggunakan tag video di HTML5?

Tag video di HTML5 memungkinkan untuk kontrol pemutaran yang dapat disesuaikan dan menyediakan cara standar untuk memutar video di berbagai browser.

7. T: Properti apa yang dapat digunakan dengan tag video?

Tag video mendukung properti seperti autoplay, loop, kontrol, tinggi, dan preload.

8. T: Bagaimana saya bisa menggunakan tag video di halaman HTML5?

Untuk memutar video di halaman HTML5, cukup gunakan tag video dan atur atribut sumber untuk menentukan file video yang akan diputar.

9. T: Apa keadaan implementasi HTML5 saat ini di browser?

Sebagian besar browser modern memiliki beberapa tingkat dukungan untuk fitur HTML5. Namun, penting untuk mempertimbangkan kompatibilitas browser saat menggunakan tag dan fitur HTML5 tertentu.

10. T: Apakah HTML5 Penggantian untuk Flash?

HTML5 memberikan alternatif untuk flash untuk bermain media, tetapi itu bukan pengganti yang lengkap. Flash masih memiliki dukungan browser yang lebih luas dan menawarkan fitur tambahan.

Unduh HTML 5 untuk Windows 10 – Perangkat Lunak & Aplikasi Terbaik

Anda dapat mengatur properti di HTML atau JavaScript. Kode berikut menunjukkan cara mengatur properti Boolean Controls di HTML dan JavaScript.

HTML5 – Bekerja dengan Media di HTML5

Kecuali jika Anda telah tinggal di pulau terpencil selama setahun terakhir ini, Anda mungkin telah mendengar buzz dan hype di sekitar html5. Tidak, html5 tidak akan menyembuhkan sebagian besar penyakit, juga tidak akan mengakhiri kelaparan dunia, tetapi siap untuk membentuk kembali lanskap aplikasi internet yang kaya. Dengan semua hype atas standar HTML baru, penting untuk membawa diskusi kembali ke bumi. Berikut adalah fakta penting yang perlu Anda ketahui tentang spesifikasi HTML baru ini:

• HTML5 adalah versi baru pertama dari spesifikasi sejak 1999 – web telah banyak berubah sejak saat itu.
• Html5 akan menjadi standar baru untuk html, xhtml dan dom html.
• HTML5 menyediakan cara standar bermain media-manfaat utama karena tidak ada standar untuk bermain media di halaman web tanpa plug-in browser, dan tidak ada jaminan bahwa setiap browser akan mendukung plug-in.
• HTML5 masih dalam proses, tetapi sebagian besar browser modern memiliki beberapa dukungan tag HTML5.

Saat Silverlight 1.0 Dikirim pada tahun 2007, Microsoft menggembar -gemborkan pemutaran video dan audio sebagai fitur utama, dan alasan utama untuk melihat Silverlight sebagai alternatif untuk Flash – yang didukung dalam satu versi atau lainnya pada 95 persen browser di seluruh dunia. Sampai tulisan ini, Silverlight didukung pada sekitar 75 persen browser di seluruh dunia, atau sekitar tiga dari setiap empat komputer. Tetapi jika Anda’ingin bermain media dan Anda tidak’ingin merepotkan atau ketergantungan plug-in, html5 adalah jawabannya.

Untuk melihat perbedaan antara menggunakan tag video HTML5 dan tag objek tradisional untuk memutar media, pertimbangkan contohnya Gambar 1.

Gambar 1 Tag video HTML vs. Tag objek untuk bermain media

 
Menggunakan tag video HTML5 untuk memutar video
 
 
Menggunakan tag objek untuk memutar media menggunakan plug-in flash
 
 

Terus’S Masalah Besar? Kedua contoh itu sederhana dan mudah diterapkan. Tetapi poin penting di sini adalah karena tag adalah standar, tidak akan ada pertanyaan bahwa itu harus digunakan untuk bermain media. Kamu don’Aku harus menebak apakah browser memiliki versi tertentu dari plug-in tertentu yang diinstal untuk memutar media Anda. Bagian standar adalah apa’S telah hilang dari HTML.

Format media yang didukung di HTML5

Untuk menggunakan media di aplikasi HTML5 Anda berikutnya, Anda perlu tahu format apa yang didukung. HTML5 Mendukung AAC, MP3, dan Ogg Vorbis untuk Audio dan Ogg Theora, Webm dan MPEG-4 untuk video.

Meskipun HTML5 mendukung format media ini, bagaimanapun, tidak setiap browser mendukung setiap format. Gambar 2 menunjukkan browser saat ini dan format media yang mereka dukung.

Gambar 2 Dukungan Media di Browser Saat Ini

Browser	Format video			Format audio
Ogg Theora	H.264	VP8 (Webm)	OGG VORBIS	Mp3	Wav
Internet Explorer	Instalasi manual	9.0	Instalasi manual	TIDAK	Ya	TIDAK
Mozilla Firefox	3.5	TIDAK	4.0	Ya	TIDAK	Ya
Google Chrome	3.0	TIDAK	6.0	Ya	Ya	Ya
Safari	Instalasi manual	3	Instalasi manual	TIDAK	Ya	Ya
Opera	10.50	TIDAK	10.60	Ya	TIDAK	Ya

Menggunakan tag video

Untuk memutar video di halaman HTML5, cukup gunakan tag, seperti yang ditunjukkan di sini:

Atribut SRC (https: // www.W3.org/tr/2013/cr-html5-20130806/embedded-content-0.html#the-video-element) menetapkan nama atau nama video untuk diputar, dan kontrol’S Switch S Boolean menentukan apakah kontrol playback default menampilkan. Anda juga dapat menggunakan dua properti boolean lainnya – otomatis dan loop – ketika menyiapkan tag video. Gambar 3 mencantumkan setiap atribut properti dan nilainya.

Gambar 3 Properti Tag Video

Atribut	Nilai	Keterangan
Audio	Meredam	Mendefinisikan status default audio. Saat ini, hanya diredam yang diizinkan.
Autoplay	Autoplay	Jika ada, video mulai diputar secepatnya’S siap.
Kontrol	Kontrol	Menambahkan Kontrol Play, Pause dan Volume.
Tinggi	Piksel	Menetapkan ketinggian pemutar video.
Lingkaran	Lingkaran	Jika ada, video akan dimulai kembali setiap kali selesai.
Poster	url	Menentukan URL gambar yang mewakili video.
Preload	Preload	Jika ada, video dimuat pada pemuatan halaman dan siap dijalankan. Diabaikan jika ada autoplay.
SRC	url	URL video untuk diputar.
Lebar	Piksel	Menetapkan lebar pemutar video.

Kode berikut ini menunjukkan beberapa properti utama pada pemutar video dalam skenario umum yang mencakup pengaturan tinggi dan lebar, autoplay, loop dan properti kontrol, yang akan menampilkan kontrol, jeda dan kontrol volume serta pesan kesalahan fallback kesalahan fallback.

Anda juga dapat mengatur MIME TYPETEMSEing spesifik Atribut dan codec di elemen sumber. Contoh -contoh ini menggunakan atribut Type untuk mengatur tipe MIME dan pengkodean media:

Anda dapat mengatur properti di HTML atau JavaScript. Kode berikut menunjukkan cara mengatur properti Boolean Controls di HTML dan JavaScript.

    // 2 cara untuk menampilkan kontrol dalam video JavaScript.kontrol = true; video.setAttribute ('kontrol', 'kontrol'); 

Saat Anda tidak’T Tahu apakah browser akan membuat halaman, Anda memerlukan mekanisme fallback untuk memainkan media Anda. Yang Anda lakukan hanyalah daftar format video yang telah Anda render video Anda, dan browser memainkan yang pertama didukung. Anda juga dapat menambahkan teks sebagai upaya terakhir untuk memberi tahu pengguna bahwa browser yang digunakan tidak’t mendukung pemutaran video HTML5 asli. Kode berikut mencakup beberapa sumber video serta pesan fallback yang menunjukkan tidak ada dukungan HTML5.

Jika Anda ingin memastikan video Anda diputar, Anda dapat menyertakan tag objek untuk memutar versi flash juga, seperti itu:

Anda juga dapat menggunakan JavaScript untuk memeriksa apakah format video didukung dengan memeriksa properti CanPlayType, sebagai berikut:

var video = dokumen.GetElementsByTagname ('Video') [0]; if (video.CanPlayType) < // video tag supported if (video.canPlayType('video/ogg; codecs="theora, vorbis"')) < // it may be able to play>kalau tidak > 

Jika Anda ingin melakukan sesuatu yang lebih ekspresif daripada teks fallback sederhana, Anda dapat menggunakan pendengar acara OnError untuk meneruskan kesalahan ke:

Menggunakan properti poster, Anda dapat menentukan URL gambar yang akan ditampilkan sebagai pengganti video di formulir. Biasanya kamu’Menampilkan daftar video atau video tunggal di formulir, jadi memiliki cara mudah untuk menampilkan pratinjau video dalam bentuk gambar memberikan pengalaman pengguna yang lebih baik. Berikut adalah properti poster yang sedang beraksi:

Akhirnya, dengan menggunakan sedikit JavaScript dan HTML dasar, Anda dapat membuat pemutar video yang lebih interaktif. Gambar 4 Menunjukkan cara menambahkan pemutar video ke formulir dengan JavaScript dan bagaimana menanggapi input pengguna ke kontrol.

Gambar 4 Berinteraksi dengan Video di JavaScript

var video = dokumen.createelement (‘video’); video.src = ‘video1.mp4 ‘; video.kontrol = true; dokumen.tubuh.AppendChild (video); var video = video baru (); video.src = ‘video1.mp4 ‘; var video = video baru (‘video1.mp4 ‘)

Untuk daftar lengkap acara dan kemampuan untuk memutar video, lihat bagian spek ini di https: // www.W3.org/tr/html-markup/video.html.

Menggunakan tag audio

Menggunakan tag audio sangat mirip dengan menggunakan tag video: Anda meneruskan satu atau lebih file audio ke kontrol, dan yang pertama dukungan browser diputar.

Gambar 5 mencantumkan properti yang tersedia di tag audio. Kontrol tidak’t perlu ditampilkan seperti pemutar video, jadi properti seperti tinggi, lebar dan poster tidak termasuk.

Gambar 5 Properti Tag Audio

Atribut	Nilai	Keterangan
Autoplay	Autoplay	Jika ada, audio mulai diputar segera setelah itu’S siap.
Kontrol	kontrol	Kontrol, seperti tombol putar, ditampilkan.
Lingkaran	lingkaran	Jika ada, audio mulai diputar lagi (melingkarkan) saat mencapai akhir.
Preload	preload	Jika ada, audio dimuat pada pemuatan halaman, dan siap berjalan. Dia’S diabaikan jika ada autoplay.
SRC	url	URL audio untuk dimainkan.

Seperti halnya tag video, Anda dapat meneruskan beberapa file ke tag audio dan yang pertama yang didukung akan diputar. Anda juga dapat menggunakan pesan fallback saat browser tidak’t mendukung tag audio, seperti ini:

Ringkasan

HTML5 adalah standar berikutnya untuk web, dan tergantung pada browser Anda’menargetkan kembali, Anda dapat mulai menggunakan beberapa tag baru, seperti audio dan video, sekarang. Berhati -hatilah saat menggunakan HTML5, karena tidak setiap browser mendukung tag baru, dan bahkan jika seseorang melakukannya, itu mungkin tidak mendukung setiap format media. Jika kamu’Menggunakan browser modern yang mendukung HTML5, Anda masih perlu melakukan pekerjaan tambahan untuk memproses media Anda dalam semua format untuk memastikan keberhasilan pengguna. Berikut adalah beberapa sumber daya web hebat yang menyediakan informasi dukungan browser serta semua informasi lain yang Anda butuhkan untuk memastikan keberhasilan media HTML5:

• https: // www.W3.org/tr/html-markup/video.html
• https: // dev.W3.org/html5/spec/ikhtisar.html
• https: // www.W3Schools.com/html/html5_intro.asp
• https: // html5test.com/
• https: // caniuse.com/

_Jason Beres adalah wakil presiden manajemen produk, komunitas, dan penginjilan di Infragistics and Spearheads yang didorong oleh pelanggan, fitur dan fungsionalitas inovatif di seluruh produk infragistik. Jason adalah Microsoft .MVP bersih dan merupakan anggota aktif dari .Komunitas Net. Dia berbicara di lusinan acara dan konferensi di seluruh dunia setiap tahun. Dia adalah penulis delapan buku tentang topik mulai dari Visual Basic dan C# hingga SQL Server dan Silverlight; Yang terbarunya adalah Professional Silverlight 4 (Wrox, 2010). Anda dapat mencapai Jason di [email protected] atau di twitter @jasonberes._

Unduh HTML 5 untuk Windows 10 – Perangkat Lunak & Aplikasi Terbaik

Internet Explorer 9 adalah browser internet gratis untuk komputer dan laptop Microsoft Windows PC. Dikembangkan dan diterbitkan oleh Microsoft, IE 9 kompatibel dengan.

• Windows
• browser
• Browser untuk Windows
• Browser untuk Windows 10
• Browser untuk Windows 7
• CSS3

Internet Explorer 9 64-bit

Edisi terbaru dari browser paling populer di web

Unduh Gratis untuk Windows

• Windows
• 64 game untuk Windows
• 64 game untuk Windows Free
• 64 game gratis
• browser
• Browser untuk Windows

Internet Explorer

Browser paling populer di web

Unduh Gratis untuk Windows

• Windows
• browser
• Browser untuk Windows
• Browser untuk Windows 10
• Browser untuk Windows 7
• Permainan browser

Windows Media Player Ekstensi HTML5 untuk Chrome

Pemutar media yang saling melengkapi

Unduh Gratis untuk Windows

Windows Media Player HTML5 Extension for Chrome adalah add-on dan alat yang dibuat oleh Microsoft Open Technologies. Add-on dan alat browser memungkinkan tampilan.

• Windows
• Tambahkan On untuk Windows 10
• Tambahkan On untuk Windows 7
• chrome
• Ekstensi Chrome
• Ekstensi Chrome untuk Windows

Pemutar video

Perangkat lunak untuk memutar video html5

Unduh Gratis untuk Windows

Video Player adalah paket perangkat lunak sederhana dan ramah pengguna yang memungkinkan pengguna untuk memutar video HTML5 langsung dari perangkat mereka. Saat ini mendukung keduanya.

• Windows
• Perangkat Lunak Bisnis untuk Windows 10
• Chromecast
• Chromecast untuk Windows
• google Drive
• Google Drive untuk Windows

Desainer web Google

Programmer HTML5 untuk beberapa perangkat

Unduh Gratis untuk Windows

Merancang situs web modern harus dikaitkan dengan rasa efisiensi langsung. Google Web Designer memberikan sejumlah profesional kepada programmer.

• Windows
• Animasi 3D
• Animasi 3D untuk Windows
• Animasi 3D untuk Windows 7
• Animasi 3D gratis
• iklan

Bootstrap

Kerangka kerja HTML, CSS, dan JavaScript paling populer untuk mengembangkan proyek pertama yang responsif dan seluler di web.

Unduh Gratis untuk Windows

Kerangka kerja HTML, CSS, dan JavaScript paling populer untuk mengembangkan proyek pertama yang responsif dan seluler di web. adalah salah satu proyek open source teratas.

Gunakan kata -kata Anda

Pesta dengan kata -kata!

Unduh Gratis untuk Windows

Gunakan kata -kata Anda adalah permainan dari game Buddha tersenyum yang memberi Anda empat game pesta yang pasti dapat membuat pesta Anda lebih hidup. Game keluarga ini.

• Windows
• permainan keluarga
• Permainan Keluarga untuk Windows
• html5 untuk windows
• html5 untuk windows 7