HTML Ses
HTML <audio>
öğesi, bir web sayfasında bir ses dosyasını oynatmak için kullanılır.
HTML <ses> Öğesi
HTML'de bir ses dosyasını oynatmak için şu <audio>
öğeyi kullanın:
Örnek
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
HTML Ses - Nasıl Çalışır?
Özellik controls
, oynatma, duraklatma ve ses düzeyi gibi ses denetimleri ekler.
<source>
Öğe, tarayıcının seçebileceği alternatif ses dosyalarını belirlemenize izin verir . Tarayıcı, tanınan ilk biçimi kullanacaktır.
<audio>
ve etiketleri arasındaki metin yalnızca öğeyi </audio>
desteklemeyen tarayıcılarda görüntülenecektir .<audio>
HTML <ses> Otomatik Oynatma
Bir ses dosyasını otomatik olarak başlatmak için şu autoplay
özelliği kullanın:
Örnek
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
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 çalmaya başlamasına izin vermek için (ancak sesi kapalı) muted
sonra ekleyin :
autoplay
Örnek
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Tarayıcı Desteği
Tablodaki sayılar,
<audio>
öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Element | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML Ses Formatları
Desteklenen üç ses formatı vardır: MP3, WAV ve OGG. Farklı biçimler için tarayıcı desteği:
Browser | MP3 | WAV | OGG |
---|---|---|---|
Edge/IE | YES | YES* | YES* |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
*Edge 79'dan
HTML Ses - Medya Türleri
File Format | Media Type |
---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
HTML Ses - Yöntemler, Özellikler ve Olaylar
<audio>
HTML DOM, öğe için yöntemleri, özellikleri ve olayları tanımlar .
Bu, sesleri yüklemenize, oynatmanıza ve duraklatmanıza, ayrıca süre ve ses seviyesini ayarlamanıza olanak tanır.
Ayrıca bir ses çalmaya başladığında, duraklatıldığında vb. sizi bilgilendirebilecek DOM olayları da vardır.
Tam bir DOM referansı için HTML Ses/Video DOM Referansımıza gidin .
HTML Ses Etiketleri
Tag | Description |
---|---|
<audio> | Defines sound content |
<source> | Defines multiple media resources for media elements, such as <video> and <audio> |