Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

<audio> Etiketi

<audio> Etiketi

<audio> etiketi belgelerde oog, mp3, wav ya da aac gibi ses dosyalarını & müzik parçalarını oynatmak için kullanılır.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam28481824
Bugün704

<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ı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

<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 preloada 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

MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓
Temel Destek3.5 / 1.9.110.53.13.09
autoplay3.5 / 1.9.110.53.13.09
buffered4.0 / 2.0????
controls3.5 / 1.9.110.53.13.09
loop11.0 / 11.010.53.13.09
muted11.0 / 11.0????
played15 / 15????
preload4.0 / 2.0autobuffer [1]3.13.09
src3.5 / 1.9.110.53.13.09
volume? [2]????
Tarayıcı →Öznitelik ↓
Temel Destek1.0 (1.0)????
autoplay1.0 (1.0)????
buffered4.0 (2.0)????
controls1.0 (1.0)????
loop11.0 (11.0)????
muted11.0 (11.0)????
played15 (15)????
preload4.0 (2.0)????
src1.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ı.

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

Ö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 durumunu Anonymous yapar.
  • Özniteliğin yokluğu, yani kullanılmaması, <audio> etiketinin CORS durumunu NO CORS yapar.

Etiketlerin CORS durumunu Anonymous yapmak için anonymous sözcüğü kullanılır!

anonymous
İstekte bulunan etiketin modunu cors ve kimlik modunu same-origin yapar.
Etikette Anonymous 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 modunu include yapar.
Etikette Use 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.
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.

İlişkili Etiketler

<video> etiketi

<source> etiketi

<track> etiketi

Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
<audio> Etiketi