• Düğmeyi kaldırır ve viki sözdizimi aracılığıyla eklenen Ogg dosyaları (hem ses hem de video) için tüm oynatıcıları başlatır
• Sesli alıntılar gibi şeyler için kompakt bir tek düğmeli oynatma eklemenizi sağlar.

Not: bazı tarayıcılarda (Safari gibi) Ogg formatı için destek eksikliğini gidermez.

Installation

Oynatıcılar

Varsayılan olarak, resimler gibi eklenen Ogg biçimindeki tüm dosyalar ([[File:Bir dosya.ogg]]), oynatıcıyı başlatan bir düğme ve eğer bu bir videoysa bir küçük resim oluşturur. Betik, oynatıcının görünmesi (ve bazı durumlarda düzeni yeniden düzenlemesi) için düğmeyi tıklama gerekliliğini ortadan kaldırır. Ayrıca "⧼ogg-more⧽" bağlantısını da kaldırır.

Oynatıcı otomatik başlatma isteğe bağlıdır ve yalnızca aşağıda açıklanan düğmeyi istiyorsanız kapatılabilir. Bunu yapmak için MediaWiki:Common.js dosyanıza şunu ekleyin:

var oggPlayerButtonOnly = false;

Düğme

Bu, tıkladıktan sonra bir ses çalacak ve duracak ve tekrar tıklatılarak durdurulabilecek tek bir düğme yapmanızı sağlar. Aynı sayfada birden çok düğme görünüyorsa, birine tıklamak diğer düğmelerden herhangi birinin oynatılmasını durduracaktır.

Hangisi en iyi çalışırsa onu eklemenin birden çok yolu vardır:

<span class="audio-button">[[File:Bir ses.ogg]]</span> <!-- bir oynatıcı -->
<span class="audio-button">[[Media:Bir ses.ogg]]</span> <!-- bir medya oynatıcı -->
<span class="audio-button" data-src="https://.../Bir_ses.ogg"></span> <!-- bir direk bağlantı -->

Not: data-src parametresinde {{filepath:Bir ses.ogg}} kullanabilirsiniz. Bu yöntemi kullanmak, "Kullanan Dosya" izleyicisini tetiklemez.

Not: Yalnızca .ogg, .oga veya .ogv uzantılı Fandom ve Wikimedia sunucularında barındırılan dosyalar.

Özelleştirme

Düğmenin görünümünü değiştirmek isterseniz hem satır içi stili hem de CSS sınıflarını kullanabilirsiniz:

audio-button

tüm düğmelerde var

now-playing

düğme şu anda sesi oynatırken

no-audio

düğme için ses olmadığında veya tarayıcı Ogg biçimini desteklemediğinde.

Diğer notlar

• Üst öge tıklandığında (tüm tablo hücresi gibi) düğmenin ses çıkarması için click-parent sınıfını ekleyebilirsiniz.
• You can add the focusable class to make the button be focusable when navigating with the Tab key and press the Space or Enter keys to play/pause.
• .audio-button içindeki her şey kaldırılacaktır.

Alternative

The javascript is not functional on mobile skin due to customization restrictions. If mobile-compatibility is desired, the extension AudioButton can be requested to be enabled via contacting staffs. In order to achieve the same design as the OggPlayer, copy-paste the following CSS to both the desktop CSS page (MediaWiki:Common.css) and the mobile CSS page (MediaWiki:FandomMobile.css) of the wiki.

.ext-audiobutton::before {
	display: none;
}

/*
  Forked from OggPlayer on Fandom Developers Wiki
  https://dev.fandom.com/wiki/OggPlayer
*/

/* Used files: [[File:OggPlayer play.svg]] [[File:OggPlayer stop.svg]] [[File:OggPlayer mute.svg]] */

.ext-audiobutton {
    display: inline-block;
    vertical-align: -0.1em;
    width: 1em;
    height: 1em;
    overflow: hidden;
    border-radius: 3px;
    background-color: #006cb0;
    transition: background-color .2s;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://vignette.wikia.nocookie.net/dev/images/d/d6/OggPlayer_play.svg');
}
.ext-audiobutton[data-state="pause"],
.ext-audiobutton:hover {
    background-color: #b30000;
}
.ext-audiobutton[data-state="pause"] {
    background-image: url('https://vignette.wikia.nocookie.net/dev/images/a/a9/OggPlayer_stop.svg');
}
.ext-audiobutton[data-state="error"] {
    cursor: help;
    background-color: #b30000;
    background-image: url('https://vignette.wikia.nocookie.net/dev/images/a/ae/OggPlayer_mute.svg');
}