Merhaba sevgili arkadaşlar bugün sizlere bir HTML5 dersi
anlatacağım. HTML5’e bayağı bir zamandır değinmemiştik.
Şöyle bir HTML5 i anlatacak olursak eğer, HTML5,
internet’in çekirdek teknolojilerinden HTML işaretleme
standardının beşinci sürümüdür.Internet Explorer,
Mozilla Firefox ve Operatarayıcılarının güncel sürümleri
tarafından kısmen desteklenmektedir, Kısaca H5 Google
Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde,
deneme aşamasında da olsa çok daha iyi bir şekilde
çalışmaktadır.

 

 

Bu dersimizde ise sitemize video il müzik nasıl eklenir onu
anlatacağım. Ayrıca Ses veya film etiketleri gibi bir
çok spesifik yönleriyle birlikte kullanılması gereken HTML 5,
sadece bir biçimleme dili olmasından ziyade web uygulamaları
yaratmakta da kullanılabilmektedir. CSS3 ve JavaScript ile birleştirmek
çok daha güçlü uyumlu ve sağlam uygulamaları mümkün kılmaktadır.

 

Bu derste hazırlamış olduğunuz HTML5 altyapısına sahip bir siteye video ve müzik eklemeyi görelim.
İnternet Explorer 9 altı desteklemez, fakat herhangi bir player kullanmanıza gerek yoktur.

 

 

  • SES ELEMENTİ (<audio>……</audio>)

Hiçbir swf dosyası, embed kodu vb. gibi plugin’e ihtiyacınız olmadan sayfanıza müzik yerleştirmek
bu kodla mümkündür.

 

 

Kullanımı Nasıldır Diye Soracak Olursanız İşe Size Cevap:

1 <audio src="müzikdosyanız.ogg" controls="controls"> 
Tarayıcınız desteklemedigi için ses dosyasını çalıştıramıyorsunuz</audio>
2 Örnek Kullanım http://bonurtek.com/dosyalar/seselmnt.htm


Destekleyen Tarayıcıları mı Merak Ediyorsunuz? Hemen söyleyim:

Safari, Chrome, Firefox, IE9, Opera.

 

 

  • VİDEO ELEMENTİ(<video></video>)

Hiçbir swf dosyası, embed kodu, player veya bir plugin’e ihtiyacınız olmadan sitenize video
eklemeniz mümkündür.

 

 

Hemen Kullanımını Gösterelim:

 

1 <video src="video_adresi.ogg" width="genişlik" height="Uzunluk" 
2 controls="controls"> Tarayıcınız desteklemedigi için bu video dosyasına 
erişemiyorsunuz.</video>



Destekleyen Tarayıcıları da Söyleyelim:

 

Safari, Chrome, Firefox, IE9, Opera.

Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Görüntü Formatları Nelerdir?

Sonraki Yazı:Cisco System Nedir? RJ45 – CAT5 Bağlantısı Renk Sıralamaması!

BENZER YAZILAR
YORUMLAR

Bu yazıya 2 yorum yapılmış.

  1. Yazar
    Uğur

    Merhaba bilgi için çok teşekkür ederim,b en html ye yeni başladım biraz acemiyim.
    çalışmamda video eklemek istiyorum fakat verdiğiniz kodları yapınca VİDEO BİCİMİ VEYA MIME TÜRÜ DESTEKLEMiYOR diyor. ben 3gp formatında koyuyorum bunu değiştirmem gerekir mi acaba. ve sayfa sadece bilgisayarımda kayıtlı. resmi olarak bir internet sitesine atmıyorum.

  2. Yazar
    Mehmet

    Bu kadar kısa kodla gerçekten çok güzel çalıştı çok teşekkürler. Başka sitelerde uzun uzun player yerleştirme kodu yazıyorlardı.

SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.