Fandom Developers Wiki
Advertisement

HTML5AudioPlayer, ses dosyalarını HTML5'in yerel ses oynatıcısıyla çalmanıza olanak tanır. Desteklenen ses biçimleri tarayıcıya bağlıdır (aşağıdaki tabloya bakın).

Kurulum[]

Kullanım[]

<div class="html5audio" data-file="URL-to-file">Bu sesi oynatmak için JavaScript'i etkinleştirmeniz gerekiyor</div>

Required parameters[]

  • data-file — A full URL to the file. For locally-hosted files, for example "File:Audio.ogg", this is "https://static.wikia.nocookie.../Audio.ogg/revision/latest". You can also use the redirect paths "/Special:FilePath/Audio.ogg", "Special:Redirect/file/Audio.ogg", or preferably the magic word {{filepath:Audio.ogg}}.

İsteğe bağlı parametreler[]

  • data-file-type — Optional MIME type for this file. By default, when this parameter is not provided, the file extension is used to determine the MIME type. This parameter should be used in cases where the file does not have an extension, or when the file extension does not accurately match the MIME type.
  • data-file-n — Used to provide a file fallback, for instances where the file in data-file isn't playable by the browser. n must be a number greater than 0. You can specify multiple data-file-n attributes with incremental n values to have multiple fallbacks.
  • data-file-type-n — Same as data-file-type, but for the files provided in each data-file-n.
  • data-volume — Sesin yüksekliğini belirtir. 0.0 sesi kapatılmış ve 1.0 tam ses düzeyi olacak şekilde 0.0 ile 1.0 arasında bir sayı olmalıdır. Varsayılan 1.0'dır.
  • data-download — Bir indirme düğmesinin gösterilip gösterilmeyeceğini belirtir. Kullanılabilir değer false. Diğer her şey true değerine eşittir.
  • data-preload — Sayfa yüklendiğinde sesin yüklenip yüklenmeyeceğini ve nasıl yükleneceğini belirtir. Kullanılabilir değerler auto, metadata ve none değerdir. Varsayılan none şeklindedir.
  • data-start A time (in seconds) to start the audio from. The user can still manually seek to before this point.
  • data-end A time (in seconds) to automatically pause the audio. This will only occur once, and users can still manually seek to after this point.
  • data-repeat-start A time (in seconds) of the start of the repeat. Once repeat-end is hit, playback will jump to this time. Defaults to 0.0, but only if a repeat-end value is set.
  • data-repeat-end A time (in seconds) of the end of the repeat. Once hit, the playback will jump to repeat-start. If this time is before the repeat-start time, the repeat instead behaves like a skip function. Users can still manually seek after this time without a repeat occurring. Defaults to the duration of the audio, but only if a repeat-start value is set. Loop and repeat may be used simultaneously, but note that neither have particularly high precision, and are unsuitable for seamless playback.
  • data-options — Virgülle ayrılmış aşağıdaki seçeneklerden herhangi birini veya birkaçını kabul eder:
    • autoplay — Sesin hazır olur olmaz çalmaya başlayacağını belirtir.
    • loop — Her bittiğinde sesin yeniden başlayacağını belirtir.
    • muted — Ses çıkışının sessize alınması gerektiğini belirtir.

Örnek[]

Kullanılan tüm parametrelere örnek:

<div class="html5audio" data-file="https://upload.wikimedia.org/wikipedia/commons/5/50/Chopin_Cello_Sonata_Op._65_-3.ogg" data-volume="0.7" data-download="false" data-preload="metadata" data-options="loop">Bu sesi oynatmak için JavaScript'i etkinleştirmeniz gerekiyor</div>


Results in the following:

Bu sesi oynatmak için JavaScript'i etkinleştirmeniz gerekiyor

Tarayıcı tarafından desteklenen biçimler[]

Format Chrome Edge Firefox Opera Safari
AAC EVET EVET EVET[1] EVET EVET
ALAC HAYIR HAYIR HAYIR HAYIR EVET
MP3 EVET EVET EVET EVET EVET
FLAC EVET EVET EVET HAYIR EVET
Opus EVET EVET EVET EVET HAYIR
OGG (Vorbis) EVET EVET EVET EVET HAYIR
WAV EVET EVET EVET EVET EVET
  1. Firefox only supports AAC within an MP4 container, and only when the operating system has the supported codecs installed.

W3Schools adresinden

Ayrıca bakınız[]

Advertisement