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

Материал из СисадминВики песочница
Перейти к: навигация, поиск

Общее

Первое использование аудио файла отображает не оптимизированный по размеру плеер 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

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

{{#evt: service=youtube |id=https://www.youtube.com/watch?v=LUhoWBrDEnU |alignment=center |dimensions=300 }}

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

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


TimedMediaHandler

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


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>


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

Источник — «http://playground.sysadminwiki.ru/w/index.php?title=Встроенные_видео_и_аудио&oldid=357»