HTML <audio> etiketi bir web sayfasında ses dosyasını oynatmak için kullanılır.
HTML <audio> Etiketi
HTML’de bir ses dosyası oynatmak için <audio> etiketi kullanılır.
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="ses.ogg" type="audio/ogg">
<source src="ses.mp3" type="audio/mpeg">
Tarayıcınız Müzik Oynatmayı Desteklemiyor.
</audio>
</body>
</html>
HTML Audio Nasıl Çalışır?
Controls özelliği oynatma, duraklatma ve ses seviyesi gibi ses kontrolleri ekler. <source> etiketi, tarayıcının seçebileceği alternatif ses dosyalarını belirtmenize olanak tanır. Tarayıcı ilk tanınan formatı kullanacaktır. <audio> ve </audio> etiketleri arasındaki metin yalnızca <audio> öğesini desteklemeyen tarayıcılarda görüntülenecektir.
HTML Audio Autoplay (Otomatik Oynatma)
Bir ses dosyasını otomatik olarak başlatmak için autoplay özelliğin kullanılır:
<!DOCTYPE html>
<html>
<body>
<audio controls autoplay>
<source src="ses.ogg" type="audio/ogg">
<source src="ses.mp3" type="audio/mpeg">
Tarayıcınız Müzik Oynatmayı Desteklemiyor.
</audio>
</body>
</html>
Not: Chromium tarayıcılar çoğu durumda otomatik oynatmaya izin vermez. Ancak sessiz otomatik oynatmaya her zaman izin verilir.
Ses dosyanızın otomatik olarak oynatılmaya başlamasını (ancak sessize alınmasını) sağlamak için otomatik oynatmadan sonra muted ekleyin:
<!DOCTYPE html>
<html>
<body>
<audio controls autoplay muted>
<source src="ses.ogg" type="audio/ogg">
<source src="ses.mp3" type="audio/mpeg">
Tarayıcınız Müzik Oynatmayı Desteklemiyor.
</audio>
</body>
</html>
Tarayıcı Desteği
Aşağıda <audio> etiketini destekleyen tarayıcıların ilk versiyonları yer almaktadır.
HTML Audio Formatları
Tarayıcı | MP3 | WAV | OGG |
Edge/IE | Evet | Evet* | Evet* |
Chrome | Evet | Evet | Evet |
Firefox | Evet | Evet | Evet |
Safari | Evet | Evet | Hayır |
Opera | Evet | Evet | Evet |
Edge bölümünde yer alan * işareti Edge 79 sürümünden itibaren desteklendiğini göstermektedir.
HTML Audio – Media Türleri
Dosya Formatı | Media Türü |
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
HTML Ses – Yöntemler, Özellikler ve Olaylar
HTML DOM, <audio> öğesi için yöntemleri, özellikleri ve olayları tanımlar.
Bu, sesleri yüklemenize, oynatmanıza ve duraklatmanıza, ayrıca süreyi ve ses seviyesini ayarlamanıza olanak tanır.
Ayrıca bir ses çalınmaya başladığında, duraklatıldığında vb. sizi bilgilendirebilecek DOM olayları da vardır.