Встроенные видео и аудио — различия между версиями

Материал из СисадминВики песочница
Перейти к: навигация, поиск
(+ EmbedVideo)
м
 
(не показаны 2 промежуточные версии этого же участника)
Строка 16: Строка 16:
 
[[File:Enya_-_Bard Dance.mp3|start=00:00:10|end=00:01:00]]
 
[[File:Enya_-_Bard Dance.mp3|start=00:00:10|end=00:01:00]]
  
* Видео с Youtube, размещённое по середине
+
* Видео с Youtube, размещённое по середине и зацикленное
 
{{#evt:
 
{{#evt:
 
service=youtube
 
service=youtube
|id=https://www.youtube.com/watch?v=LUhoWBrDEnU
+
|id=https://www.youtube.com/watch?v=LUhoWBrDEnU&start=160&end=180&loop=1
 
|alignment=center
 
|alignment=center
 
|dimensions=300
 
|dimensions=300
 
}}
 
}}
  
* Видео с Youtube, размещённое справа, с подписью и началом с 10 секунды, в контейнере с изменённым размером.
 
 
{{#evt:
 
{{#evt:
 
service=youtube
 
service=youtube
 
|id=https://www.youtube.com/watch?v=LUhoWBrDEnU
 
|id=https://www.youtube.com/watch?v=LUhoWBrDEnU
 +
|urlargs=start=38&end=60
 
|alignment=right
 
|alignment=right
|start=10
 
 
|description=Будь самим собой!
 
|description=Будь самим собой!
 
|container=frame
 
|container=frame
|dimensions=400
+
|dimensions=300
 
}}
 
}}
 +
 +
* Видео с Youtube, размещённое справа, в рамке с подписью, с началом с 38-й секунды и окончанием на 60-й, в контейнере с изменённым размером.
 +
<pre>{{#evt:
 +
service=youtube
 +
|id=https://www.youtube.com/watch?v=LUhoWBrDEnU
 +
|urlargs=start=38&end=60
 +
|alignment=right
 +
|description=Будь самим собой!
 +
|container=frame
 +
|dimensions=300
 +
}}</pre>
 +
 +
Более короткую запись можно сделать с помощью тэга парсера <code><nowiki>#ev:</nowiki></code>
 +
<pre>{{#ev:youtube|https://www.youtube.com/watch?v=LUhoWBrDEnU|300|right|Быть самим собой|frame|start=38&end=60}}</pre>
 +
  
  

Текущая версия на 16:35, 11 марта 2017

Общее

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


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