<audio>
Etiketi Temel Özellikler
- Etiket Yazımı ve Etiket Kullanımı :
<audio></audio> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->
- Örnek :
- DOM Arayüzü :
HTMLAudioElement
- Durum :
- Yaşayan Ölçün
- Öznitelikler :
- Tüm Evrensel Öznitelikler
- Açıklama :
- Ses (audio - mp3) oynatıcı.
controls
özniteliği ile etkileşim sağlanabilir.
<audio>
Etiketi Kullanımı
Markanız için 300X300 alan.
<audio>
etiketi belgelerde oog
, mp3
, wav
ya da aac
gibi ses dosyalarını & müzik parçalarını oynatmak için kullanılır.
Kaynak dosya, <audio>
etiketine src
özniteliği ile eklenebilir.
Kaynak Dosya - MIME Türü
- MP3 -
audio/mpeg
- WAV -
audio/wav
- OGG -
audio/ogg
MIME
türlerinin sunucu tarafından yapılandırılmaması, bazı tarayıcıların ses/video dosyalarını oynatmasına engel olabilir.
Sunucu, Gecko (Firefox) için, doğru MIME
türüyle yapılandırılmış olmalıdır.
<audio controls src="yayın/şarkıAdı.mp3" preload="none">
<span>Tarayıcın audio etiketini desteklemiyor.</span>
</audio>
<audio>
etiketi için birden fazla <source>
etiketiyle birden fazla kaynak dosya seçilebilir. En uygun dosyaya tarayıcı karar verecektir.
Tarayıcının <audio>
etiketini desteklememe olasılığına karşı uyarı yazıları da kullanılabilir. Böyle bir durumda, tarayıcı medya oynatıcı yerine yazı içeriğini gösterecektir.
<audio>
etiketinin preload
değerlerinden en az biri eğer tanımlanmazsa tarayıcılar kendi bildiklerini okurlar ve preload="auto"
uygulayabilirler. Kendi sunucularınıza ve ziyaretçilerinize yüklenmemek için ya none
değerini kullanın ya da en azından metadata (parça uzunluğu) seçeneğini seçin.
autoplay
özniteliği, preload
özniteliğine baskındır. Bir parçanın hemen çalmaya başlaması için zaten sayfa açılır açılmaz yüklenmeye başlaması (preload
) gerekir.
autoplay
olan yerde preload
a gereksinim yoktur.
Bedensel ve zihinsel engellileri desteklemek adına, (başlık ve alt yazı gibi ögelerle), <audio>
etiketi yerine olabildiğince <video>
etiketi kullanılabilir ya da en azından audionun (videonun) kenarına bir yere bir not düşülebilir.
<audio>
Etiketi Tarayıcı Desteği
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 3.5 / 1.9.1 | 10.5 | 3.1 | 3.0 | 9 |
autoplay | 3.5 / 1.9.1 | 10.5 | 3.1 | 3.0 | 9 |
buffered | 4.0 / 2.0 | ? | ? | ? | ? |
controls | 3.5 / 1.9.1 | 10.5 | 3.1 | 3.0 | 9 |
loop | 11.0 / 11.0 | 10.5 | 3.1 | 3.0 | 9 |
muted | 11.0 / 11.0 | ? | ? | ? | ? |
played | 15 / 15 | ? | ? | ? | ? |
preload | 4.0 / 2.0 | autobuffer [1] | 3.1 | 3.0 | 9 |
src | 3.5 / 1.9.1 | 10.5 | 3.1 | 3.0 | 9 |
volume | ? [2] | ? | ? | ? | ? |
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1.0 (1.0) | ? | ? | ? | ? |
autoplay | 1.0 (1.0) | ? | ? | ? | ? |
buffered | 4.0 (2.0) | ? | ? | ? | ? |
controls | 1.0 (1.0) | ? | ? | ? | ? |
loop | 11.0 (11.0) | ? | ? | ? | ? |
muted | 11.0 (11.0) | ? | ? | ? | ? |
played | 15 (15) | ? | ? | ? | ? |
preload | 4.0 (2.0) | ? | ? | ? | ? |
src | 1.0 (1.0) | ? | ? | ? | ? |
volume | ? | ? | ? | ? | ? |
Masaüstü Firefox Destekler: MP3(21+) - WAV - OGG
Masaüstü Opera Destekler: WAV - OGG
Masaüstü Safari Destekler: MP3 - WAV
Masaüstü Chrome Destekler: MP3 - WAV - OGG
Masaüstü İ.E. Destekler: MP3
[1] : Öznitelik eski adı ile destekleniyor: autobuffer
[2] : SonDevrim.com - Tam hatırlamamakla birlikte, yaklaşık 26'ıncı ile 28'inci sürümler arasında bir yerde desteklenmeye başlanmış olmalı.
Öznitelikler
autoplay
- Boolean özniteliktir. Tarayıcı, parçayı oynatmaya başlayabildiği anda, parçanın bütünüyle indirilmesini beklemeden oynatma işlemine başlayacaktır:
<audio autoplay></audio>
buffered
- Zaman aralığı (TimeRanges) ögesi kullanılarak parçanın tamponlanmış olan zaman aralığı okunabilir.
controls
- Kullanımıyla birlikte; ses ayarları, oynat & durdur gibi tuşlar görünür hale gelir:
<audio controls></audio>
crossorigin
-
Kökenler arası paylaşımı etkinleştirir.
Hatalı kullanılması ya da kullanılmaması durumunda aşağıdakiler geçerlidir:
- Boş ("") ya da yanlış (yani belirtilenlerin dışında) değer ile kullanılması
<audio>
etiketinin CORS durumunuAnonymous
yapar. - Özniteliğin yokluğu, yani kullanılmaması,
<audio>
etiketinin CORS durumunuNO CORS
yapar.
Etiketlerin CORS durumunu
Anonymous
yapmak içinanonymous
sözcüğü kullanılır!anonymous
-
İstekte bulunan etiketin modunu
cors
ve kimlik modunusame-origin
yapar.
EtiketteAnonymous
durumunu etkinleştirir. İstek, sunucuya gönderilirken kimlik değeri gönderilmez (anonymous) ve eğer sunucu kimlik değerleriyle yanıt döndürmezse, kullanım yasaklanır. use-credentials
-
İstekte bulunan etiketin modunu
cors
ve kimlik modunuinclude
yapar.
EtiketteUse Credentials
durumunu etkinleştirir. İstek, sunucuya gönderilirken kimlik değeri ile gönderilir (use-credentials) ve eğer sunucu kimlik değerleriyle yanıt döndürmezse, kullanım yasaklanır.
- Boş ("") ya da yanlış (yani belirtilenlerin dışında) değer ile kullanılması
loop
- Parçanın sonlanmasıyla birlikte oynatma işlemi en baştan başlayacaktır.
mediagroup
- Birden fazla medya ögesinin öbeklendirilmesini sağlar.
muted
- Kullanımıyla birlikte, oynatıcı sesi kapalı olarak yüklenir ve ayar değiştirilmediği sürece ses kapalı olarak işlem yapar.
played
- Zaman aralığı (TimeRanges) ögesi kullanılarak, parçanın o ana kadar ki oynatılmış bölümü zaman aralığı olarak döndürülür.
preload
-
Kullanıcı deneyimini iyileştirmek için geliştiriciler tarafından tarayıcıya bazı komutlar verilebilir:
auto
: Önyükleme. Kullanıcı gereksinim duymasa bile parça önden yüklenir.none
: Önyükleme yapılmaz.metadata
: Yalnızca metadata'yı önden yükler.""
(boş değer) :auto
değeri ile aynı anlama gelir.
src
- İsteğe bağlı.
<source>
etiketi yerine, parçalar etikete bu öznitelik kullanılarak eklenebilir.
HTTP Erişim Denetimi (İngilizce'dir.) volume
- Ses ayarı. Ses ayarı aralığı 0.0 (sessiz) 1.0 (en yüksek ses) arasındadır.