Встроенные видео и аудио

Общее

Первое использование аудио файла отображает не оптимизированный по размеру плеер Kaltura. Далее используется встроенный в обозреватель плеер и всё нормально.

<html5media>File:Enya_-_Bard Dance.mp3</html5media>

Аудио и видео

EmbedVideo

The EmbedVideo Extension is a MediaWiki extension which adds a parser function called #ev for embedding video clips from over 24 popular video sharing services in multiple languages and countries. It also adds video and audio media handlers to support transforming standard Файл:Example.mp4 file links into embedded HTML5 <video> and <audio> tags.

• Аудио файл в строке: Файл:Enya - Bard Dance.mp3

• Аудио файл с определёнными началом и концом воспроизведения:

Файл:Enya - Bard Dance.mp3

• Видео с Youtube, размещённое по середине и зацикленное

{{#evt: service=youtube |id=https://www.youtube.com/watch?v=LUhoWBrDEnU&start=160&end=180&loop=1 |alignment=center |dimensions=300 }}

{{#evt: service=youtube |id=https://www.youtube.com/watch?v=LUhoWBrDEnU |urlargs=start=38&end=60 |alignment=right |description=Будь самим собой! |container=frame |dimensions=300 }}

• Видео с Youtube, размещённое справа, в рамке с подписью, с началом с 38-й секунды и окончанием на 60-й, в контейнере с изменённым размером.

{{#evt:
service=youtube
|id=https://www.youtube.com/watch?v=LUhoWBrDEnU
|urlargs=start=38&end=60
|alignment=right
|description=Будь самим собой!
|container=frame
|dimensions=300
}}

Более короткую запись можно сделать с помощью тэга парсера #ev:

{{#ev:youtube|https://www.youtube.com/watch?v=LUhoWBrDEnU|300|right|Быть самим собой|frame|start=38&end=60}}

TimedMediaHandler

TimedMediaHandler 0.5.0 (2015-12-08) воспроизводит следующие форматы: 'ogg', 'ogv', 'oga', 'flac', 'wav', 'webm', 'mp4'. Файл должен быть загружен в вики.

• Аудио файл OGG загруженный на вики: Файл:Example.ogg

Html5mediator

Html5mediator проигрывает файлы с Youtube, а также поддерживает следующие форматы:

• Audio: mp3, ogg
• Video: mp4 (H.264), webm (VP8), mov (H.264 only), ogv

Ролик с YouTube: <html5media>http://www.youtube.com/watch?v=7g-XTpkGXSk</html5media>

<html5media>http://www.youtube.com/watch?v=7g-XTpkGXSk</html5media>

Локальный mp3: <html5media>File:Enya_-_Bard Dance.mp3</html5media>

Аудио

Html5mediaAudio

Виджет Html5mediaAudio использует встроенный в обозреватель плеер.

• Локальный MP3:

{{#widget:Html5mediaAudio |url=http://playground.sysadminwiki.ru/w/images/5/56/Enya_-_Bard_Dance.mp3 }}

• Локальный OGG:

{{#widget:Html5mediaAudio |url=http://playground.sysadminwiki.ru/w/images/c/c8/Example.ogg }}

• Внешний OGG из WikiMedia:

{{#widget:Html5mediaAudio |url=https://upload.wikimedia.org/wikipedia/commons/5/5c/Wagner_Tristan_opening_(orchestral).ogg }}

• Внешний MP3 из Soundhelix:

{{#widget:Html5mediaAudio |url=https://www.soundhelix.com/examples/mp3/SoundHelix-Song-8.mp3 }}

MP3MediaHandler (не работает)

На MediaWiki 1.27.1 запустить не удалось.

MP3MediaHandler 1.0.0 (2016-02-11) позволяет для проигрывания загруженных MP3 файлов обычную ссылку [[Файл:FileName.mp3]]. Использует HTML5 тег <audio>

• Загруженный в вики (локальный) аудио файл MP3: Файл:Enya - Bard Dance.mp3

AudioPlayer2 (не работает)

AudioPlayer2 1.1 (2012-07-05) настроить в MediaWiki 1.27 не удалось - ошибки в журнале не отображаются. Заявлена поддержка файлов MP3.

• Пример использования: <audioplayer>Enya - Bard Dance.mp3</audioplayer>

<audioplayer>Enya - Bard Dance.mp3</audioplayer>

Видео

Html5media

Виджет Html5media позволяет проигрывать только загруженное в вики видео. Параметры ширина и высота не обязательны, по умолчанию заявлены 425x355, но по факту растягивает на всё окно, игнорируя даже явное указание.

{{#widget:Html5media |url=http://pornel.net/Performance.ogg |width=420 |height=350 }}

YouTube

Виджет YouTube добавляет в плеер кнопку для включения субтитров и поддерживает следующие параметры:

• id - id видео (из URL)
• playlist - название плейлиста (в URL начинается с PL) - начинается проигрывание первого клипа, при этом id в URL игнорируется
• height и width - размеры, по умолчанию 420x350

Пример:

{{#widget:YouTube|id=U4QyKGbaxvQ}}