Özet

Bu makalede, HTML5 ile ilgili kilit noktaları ve web geliştirme ortamındaki medya üzerindeki etkisini tartışacağız. HTML5, HTML spesifikasyonunun en son sürümüdür ve web’de önemli değişiklikler ve geliştirmeler getirir. Tarayıcı eklentilerine ihtiyaç duymadan standart bir medya çalma yolunu sağlar. Ancak, HTML5 hala devam eden bir çalışmadır ve özellikleri için tarayıcı desteği değişebilir.

Anahtar noktaları:

1. HTML5, 1999’dan beri HTML spesifikasyonunun ilk yeni sürümüdür.
2. HTML5, HTML, XHTML ve HTML DOM için yeni standart olacak.
3. HTML5, tarayıcı eklentileri olmadan medya çalmanın standart bir yolunu sağlar.
4. Modern tarayıcıların çoğunda bir miktar HTML5 etiketi desteği var.
5. HTML5, medya oynamak için flaşa uygun bir alternatiftir.
6. HTML5 video etiketi, video oynamak için standart bir yaklaşım sunar.
7. HTML5, AAC, MP3, OGG Vorbis, Ogg Theora, WebM ve MPEG-4 gibi çeşitli medya formatlarını destekler.
8. Medya formatları için tarayıcı desteği değişebilir.
9. HTML5’teki video etiketi, özelleştirilebilir oynatma kontrollerine izin verir.
10. Video etiketi, otomatik oyun, döngü ve poster gibi özellikleri destekler.

Sorular ve cevaplar

1. S: HTML5 nedir?

HTML5, Web geliştirmeye yeni özellikler ve geliştirmeler getiren HTML spesifikasyonunun en son sürümüdür.

2. S: HTML5’in medya oynamadaki önemi nedir??

HTML5, tarayıcı eklentilerine ihtiyaç duymadan standart bir medya çalmanın standart bir yolunu sağlar, bu da farklı platformlarda daha erişilebilir ve tutarlı hale getirir.

3. S: HTML5 Video Etiketi Medya Oynamak İçin Nesne Etiketinden Nasıl Farklı??

HTML5 video etiketi, belirli eklentilere ihtiyaç duymadan tarayıcılar arasında uyumluluk sağlayan videolar oynamak için standart bir yaklaşımdır.

4. S: HTML5’te desteklenen medya formatları nelerdir??

HTML5, ses ve video için AAC, MP3, OGG Vorbis, Ogg Theora, Webm ve MPEG-4’ü destekler.

5. S: Her tarayıcı tüm HTML5 medya formatlarını destekliyor mu?

Hayır, medya formatları için tarayıcı desteği değişebilir. HTML5 uygulamaları geliştirirken medya formatlarının uyumluluğunu dikkate almak önemlidir.

6. S: Video etiketini HTML5’te kullanmanın avantajları nelerdir??

HTML5’teki video etiketi, özelleştirilebilir oynatma kontrollerine izin verir ve farklı tarayıcılar arasında video çalmanın standart bir yolunu sağlar.

7. S: Video etiketi ile hangi özellikler kullanılabilir??

Video etiketi, otomatik oyun, döngü, kontroller, yükseklik ve ön yük gibi özellikleri destekler.

8. S: Video etiketini bir HTML5 sayfasında nasıl kullanabilirim?

HTML5 sayfasında bir video oynamak için video etiketini kullanın ve çalınan video dosyalarını belirtmek için kaynak özniteliğini ayarlayın.

9. S: Tarayıcılarda HTML5 uygulamasının mevcut durumu nedir?

Modern tarayıcıların çoğu HTML5 özellikleri için bir miktar desteğe sahiptir. Ancak, belirli HTML5 etiketlerini ve özelliklerini kullanırken tarayıcı uyumluluğunu dikkate almak önemlidir.

10. S: HTML5 flaşın yerine geçiyor mu?

HTML5, medya oynamak için flaşa bir alternatif sağlar, ancak tam bir yedek değildir. Flash hala daha geniş tarayıcı desteğine sahip ve ek özellikler sunuyor.

Windows 10 için HTML 5’i indirin – En İyi Yazılım ve Uygulamalar

Özellikleri HTML veya JavaScript’te ayarlayabilirsiniz. Aşağıdaki kod, HTML ve JavaScript’te Boolean Controls özelliğinin nasıl ayarlanacağını göstermektedir.

HTML5 – HTML5’te medya ile çalışmak

Geçtiğimiz yıl boyunca uzak bir adada yaşamıyorsanız, muhtemelen HTML5’in etrafındaki vızıltıyı ve yutturmacayı duymuşsunuzdur. Hayır, HTML5 çoğu hastalığı tedavi etmeyecek, ne de dünya açlığını sona erdirmeyecek, ancak zengin internet uygulama manzarasını yeniden şekillendirmeye hazırlanıyor. Yeni HTML standardı üzerindeki tüm hype ile tartışmayı geri getirmek önemlidir. İşte bu yeni HTML spesifikasyonu hakkında bilmeniz gereken önemli gerçekler:

• HTML5, 1999’dan beri spesifikasyonun ilk yeni sürümüdür – o zamandan beri web çok değişti.
• HTML5, HTML, XHTML ve HTML DOM için yeni standart olacak.
• HTML5, standart bir medya çalmanın standart bir yolu sağlar-önemli bir fayda, çünkü tarayıcı eklentisi olmayan bir web sayfasında medya çalmak için standart yoktu ve her tarayıcının eklentiyi destekleyeceğine dair garanti yok.
• HTML5 hala devam etmekte olan bir çalışmadır, ancak çoğu modern tarayıcının bazı HTML5 etiket desteği vardır.

Silverlight 1.0 2007’de gönderilen Microsoft, video ve ses oynatmayı birincil özellikler olarak ve Silverlight’ı Flash’a bir alternatif olarak görmek için en önemli neden – dünya çapında tarayıcıların yüzde 95’inde bir versiyonda veya başka bir sürümde desteklendi. Bu yazı itibariyle, Silverlight dünya çapında tarayıcıların yaklaşık yüzde 75’inde veya her dört bilgisayardan yaklaşık üçü desteklenmektedir. Ama eğer sen’yeniden medya oynamak isteyen ve sen’Bir eklentinin güçlük veya bağımlılığını istemeyin, html5 cevap.

HTML5 video etiketini ve medya oynamak için geleneksel nesne etiketini kullanma arasındaki farkı görmek için örneği düşünün Şekil 1.

Şekil 1 HTML Video Etiketi Vs. Medya oynamak için nesne etiketi

 
Video oynamak için html5 video etiketini kullanma
 
 
Flash eklentisini kullanarak ortam oynamak için nesne etiketini kullanma
 
 

Ne olmuş’büyük anlaşma? Her iki örnek de basit ve uygulanması kolaydır. Ancak buradaki önemli olan, etiket bir standart olduğu için, medya oynamak için kullanılması gerektiği sorusu olmayacaktır. Yapmazsın’Bir tarayıcının, medyanızı oynamak için yüklü belirli bir eklenti sürümüne sahip olup olmadığını tahmin etmelisiniz. Standart kısım ne’HTML’de eksik.

HTML5’te desteklenen medya formatları

Bir sonraki HTML5 uygulamanızda medyayı kullanmak için hangi formatların desteklendiğini bilmeniz gerekir. HTML5, ses için AAC, MP3 ve OGG Vorbis ve Ogg Theora, WebM ve MPEG-4’ü video için destekler.

HTML5 bu medya formatlarını desteklese de, her tarayıcı her formatı desteklemez. şekil 2 Mevcut tarayıcıları ve destekledikleri medya formatlarını gösterir.

Şekil 2 Mevcut tarayıcılarda medya desteği

Tarayıcı	Video biçimleri			Ses biçimleri
Ogg theora	H.264	VP8 (WebM)	Ogg Vorbis	Mp3	Dalga
İnternet Explorer	Manuel kurulum	9.0	Manuel kurulum	HAYIR	Evet	HAYIR
Mozilla Firefox	3.5	HAYIR	4.0	Evet	HAYIR	Evet
Google Chrome	3.0	HAYIR	6.0	Evet	Evet	Evet
Safari	Manuel kurulum	3	Manuel kurulum	HAYIR	Evet	Evet
Opera	10.50	HAYIR	10.60	Evet	HAYIR	Evet

Video etiketini kullanarak

HTML5 sayfasında bir video oynamak için, burada gösterildiği gibi etiketi kullanın:

SRC özelliği (https: // www.W3.org/tr/2013/cr-html5-20130806/gömülü-content-0.HTML#The-Video-Element) Videonun adını veya adlarını oynatılacak ve kontrolü ayarlar’S Boolean Switch, varsayılan oynatma denetimlerinin görüntülenip görünmediğini belirler. Video etiketini ayarlarken diğer iki Boolean özelliği de kullanabilirsiniz – Autoplay ve Loop -. Figür 3 Her özellik özelliğini ve değerini listeler.

Şekil 3 Video etiketi özellikleri

Bağlanmak	Değer	Tanım
Ses	Sessiz	Sesin varsayılan durumunu tanımlar. Şu anda, sadece sessize izin veriliyor.
Otomatik oynatma	Otomatik oynatma	Varsa, video oynamaya başlar’hazır.
Kontroller	Kontroller	Oyun, duraklama ve ses kontrolleri ekler.
Yükseklik	Piksel	Video Player’ın yüksekliğini ayarlar.
Döngü	Döngü	Varsa, video her bittiğinde tekrar başlayacak.
Afiş	url	Videoyu temsil eden bir görüntünün URL’sini belirtir.
Ön yük	Ön yük	Varsa, video sayfa yüküne yüklenir ve çalışmaya hazırdır. Otomatik oyunun mevcut olup olmadığı göz ardı edilir.
SRC	url	Oynamak için videonun URL’si.
Genişlik	Piksel	Video oynatıcının genişliğini ayarlar.

Aşağıdaki kod, video oynatıcıdaki önemli özelliklerden birkaçını, oynatmayı, duraklamayı ve ses kontrollerini görüntüleyecek olan yükseklik ve genişliği, otomatik oyun, döngü ve kontrol özelliklerini ayarlamayı içeren birkaç anahtar özellik göstermektedir.

Kaynak öğede tür özelliğini ve codec’i kullanan belirli mime tipini de ayarlayabilirsiniz. Bu örnekler, MIME türünü ayarlamak ve medyanın kodlanmasını ayarlamak için tür özniteliğini kullanır:

Özellikleri HTML veya JavaScript’te ayarlayabilirsiniz. Aşağıdaki kod, HTML ve JavaScript’te Boolean Controls özelliğinin nasıl ayarlanacağını göstermektedir.

    // JavaScript videosunda kontrolleri göstermenin 2 yolu.kontroller = true; video.setAttribute ('kontroller', 'kontroller'); 

Yapmadığın zaman’Bir tarayıcının sayfayı oluşturup oluşturmayacağını bilin, medyanızı oynamak için bir geri dönüş mekanizmasına ihtiyacınız var. Tek yaptığınız, videonuzu oluşturduğunuz video biçimlerini listelemek ve tarayıcı desteklediği ilk tarayıcı çalıyor. Kullanıcıya kullanılan tarayıcının kullanılmadığını bildirmek için son çare olarak da metin ekleyebilirsiniz’t Videonun yerel HTML5 oynatma desteğini destekleyin. Aşağıdaki kod, birden fazla video kaynağı ve HTML5 desteğini göstermeyen bir geri dönüş mesajı içerir.

Videonuzun oynatıldığından emin olmak istiyorsanız, bir flash sürüm oynamak için nesne etiketini de ekleyebilirsiniz:

CanPlayType özelliğini aşağıdaki gibi kontrol ederek bir video formatının desteklenip desteklemediğini kontrol etmek için JavaScript’i de kullanabilirsiniz:

Var Video = Belge.getElementsByTagName ('Video') [0]; if (video.CanPlayType) < // video tag supported if (video.canPlayType('video/ogg; codecs="theora, vorbis"')) < // it may be able to play>başka > 

Basit geri dönüş metninden daha etkileyici bir şey yapmak istiyorsanız, hatayı geçmek için ONERROR olay dinleyicisini kullanabilirsiniz:

Poster özelliğini kullanarak, videonun yerine gösterilecek bir görüntünün URL’sini formda belirleyebilirsiniz. Genellikle sen’Bir formda videoların bir listesini veya tek bir video listesini göster, bu nedenle videonun bir önizlemesini bir resim şeklinde göstermenin kolay bir yoluna sahip olmak daha iyi bir kullanıcı deneyimi sunar. İşte poster özelliği:

Son olarak, biraz JavaScript ve Basic HTML kullanarak, daha etkileşimli bir video oynatıcı oluşturabilirsiniz. Şekil 4 JavaScript ile bir forma nasıl bir video oynatıcı ekleyeceğinizi ve kullanıcı girişine nasıl yanıt verileceğini gösterir.

Şekil 4 JavaScript’te video ile etkileşim

Var Video = Belge.CreateElement (‘Video’); video.SRC = ‘Video1.mp4 ‘; video.kontroller = true; belge.vücut.appendchild (video); var video = yeni video (); video.SRC = ‘Video1.mp4 ‘; var video = yeni video (‘Video1.mp4 ‘)

Video çalma etkinliklerinin ve özelliklerinin tam bir listesi için https: // www adresindeki spesifikasyonun bu bölümüne göz atın.W3.org/tr/html-markup/video.HTML.

Ses etiketini kullanma

Ses etiketini kullanmak video etiketini kullanmak gibidir: bir veya daha fazla ses dosyasını denetime geçirirsiniz ve tarayıcının desteklediği ilk dosyayı çalınır.

Şekil 5 Ses etiketinde bulunan özellikleri listeler. Kontrol değil’Bir video oynatıcı gibi görüntülenmeniz gerekiyor, bu nedenle yükseklik, genişlik ve poster gibi özellikler dahil değil.

Şekil 5 Ses etiketi özellikleri

Bağlanmak	Değer	Tanım
Otomatik oynatma	otomatik oynatma	Varsa, ses çalmaya başlar başlar’hazır.
Kontroller	kontroller	Oynat düğmesi gibi kontroller görüntülenir.
Döngü	döngü	Varsa, ses sonuna ulaştığında tekrar oynamaya başlar (döngü).
Ön yük	ön yük	Varsa, ses sayfa yüküne yüklenir ve çalışmaya hazırdır. BT’Otomatik oyun mevcutsa göz ardı edildi.
SRC	url	Oynamak için sesin URL’si.

Video etiketinde olduğu gibi, ses etiketine birden fazla dosya aktarabilirsiniz ve desteklenen ilk dosya oynatılır. Tarayıcı olmadığında bir geri dönüş mesajı da kullanabilirsiniz’t Ses etiketini destekleyin, şöyle:

Özet

HTML5, web için bir sonraki standarttır ve tarayıcılara bağlı olarak siz’Yeniden hedefleme, şu anda ses ve video gibi bazı yeni etiketleri kullanmaya başlayabilirsiniz. Bununla birlikte, HTML5’i kullanırken dikkatli olun, çünkü her tarayıcı yeni etiketleri desteklemez ve biri olsa bile, her medya formatını desteklemeyebilir. Eğer sen’HTML5’i destekleyen modern bir tarayıcı kullanarak, kullanıcı başarısını sağlamak için medyanızı tüm formatlarda işlemek için ekstra iş yapmanız gerekir. İşte tarayıcı destek bilgileri ve HTML5 medya başarısını sağlamak için ihtiyacınız olan diğer tüm bilgileri sağlayan bazı harika web kaynakları:

• https: // www.W3.org/tr/html-markup/video.HTML
• https: // dev.W3.org/html5/spec/genel bakış.HTML
• https: // www.W3Schools.com/html/html5_intro.ASP
• https: // html5test.com/
• https: // caniuse.com/

_Jason Beres tüm infragistics ürünlerinde ürün yönetimi, topluluk ve evanjelizm başkan yardımcısı ve mimarlar müşteri odaklı, yenilikçi özellikler ve işlevsellik. Jason bir Microsoft .Net MVP ve aktif bir üyesidir .Net topluluk. Her yıl dünya çapında düzinelerce etkinlik ve konferansta konuşuyor. Visual Basic ve C# ile SQL Server ve Silverlight’a kadar çeşitli konularda sekiz kitabın yazarıdır; En son Profesyonel Silverlight 4 (Wrox, 2010). Jason’a Jasonb@infragistics’e ulaşabilirsiniz.com veya twitter’da @jasonberes._

Windows 10 için HTML 5’i indirin – En İyi Yazılım ve Uygulamalar

Internet Explorer 9, Microsoft Windows PC bilgisayarlar ve dizüstü bilgisayarlar için ücretsiz bir internet tarayıcısıdır. Microsoft, IE 9 tarafından geliştirilen ve yayınlanmıştır.

• pencereler
• tarayıcı
• Windows için tarayıcı
• Windows 10 için tarayıcı
• Windows 7 için tarayıcı
• CSS3

Internet Explorer 9 64-bit

Web’in en popüler tarayıcısının en son baskısı

Windows için Ücretsiz İndir

• pencereler
• Windows için 64 Oyun
• Windows için 64 Oyun Ücretsiz
• 64 Oyun Ücretsiz
• tarayıcı
• Windows için tarayıcı

İnternet Explorer

Web’in en popüler tarayıcısı

Windows için Ücretsiz İndir

• pencereler
• tarayıcı
• Windows için tarayıcı
• Windows 10 için tarayıcı
• Windows 7 için tarayıcı
• tarayıcı oyunları

Chrome için Windows Media Player HTML5 uzantısı

Tamamlayıcı bir medya oynatıcı

Windows için Ücretsiz İndir

Windows Media Player HTML5 Uzantısı, Chrome için Microsoft Open Technologies tarafından oluşturulan bir eklenti ve araçtır. Tarayıcı eklentisi ve aracı,.

• pencereler
• Windows 10 için ONS ekle
• Windows 7 için ONS ekle
• krom
• krom uzantısı
• Windows için Chrome Uzantısı

Video oynatıcı

HTML5 Videoları Oynamak İçin Yazılım

Windows için Ücretsiz İndir

Video Player, kullanıcıların doğrudan cihazlarından HTML5 videolarını oynamasına izin veren basit ve kullanıcı dostu bir yazılım paketidir. Şu anda her ikisini de destekliyor.

• pencereler
• Windows 10 için iş yazılımı
• kromast
• Windows için Chromecast
• Google sürücü
• Windows için Google Drive

Google Web Tasarımcısı

Birden çok cihaz için HTML5 programcısı

Windows için Ücretsiz İndir

Modern bir web sitesi tasarlamak, uygulamalı bir verimlilik duygusu ile ilişkilendirilmelidir. Google Web Designer, programcılara bir dizi profesyonel sunar.

• pencereler
• 3D animasyon
• Windows için 3D animasyon
• Windows 7 için 3D animasyon
• 3D Animasyon Ücretsiz
• reklam

Bootstrap

Web’de duyarlı, mobil ilk projeler geliştirmek için en popüler HTML, CSS ve JavaScript çerçevesi.

Windows için Ücretsiz İndir

Web’de duyarlı, mobil ilk projeler geliştirmek için en popüler HTML, CSS ve JavaScript çerçevesi. en iyi açık kaynak projelerinden biri.

Sözlerinizi kullanın

Kelimelerle parti!

Windows için Ücretsiz İndir

Sözlerini Kullanın, size partilerinizi kesinlikle daha da daha canlı hale getirebilecek dört parti oyunu sağlayan Buda Games Gaming Buda oyunlarından bir oyundur. Bu aile oyunu.

• pencereler
• aile oyunları
• Windows için Aile Oyunları
• Windows için html5
• Windows 7 için HTML5