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).
Installation
Usage
<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 indata-fileisn't playable by the browser. n must be a number greater than 0. You can specify multipledata-file-nattributes with incremental n values to have multiple fallbacks.data-file-type-n— Same asdata-file-type, but for the files provided in eachdata-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ğerfalse. Diğer her şeytruedeğ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ğerlerauto,metadatavenonedeğerdir. Varsayılannoneşeklindedir.data-startA time (in seconds) to start the audio from. The user can still manually seek to before this point.data-endA 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-startA 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-endA 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.
Example
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 |
| |||||
W3Schools adresinden