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

Материал из СисадминВики песочница
Перейти к: навигация, поиск
м
 
(не показано 10 промежуточных версий этого же участника)
Строка 1: Строка 1:
−
{{Содержание справа}}
+
 
 +
= Общее =
 +
Первое использование аудио файла отображает не оптимизированный по размеру плеер Kaltura. Далее используется встроенный в обозреватель плеер и всё нормально.
 +
 
 +
<html5media>File:Enya_-_Bard Dance.mp3</html5media>
 +
 
 +
= Аудио и видео =
 +
 
 +
== [https://www.mediawiki.org/wiki/Extension:EmbedVideo 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 [[File:Example.mp4]] file links into embedded HTML5 <video> and <audio> tags.
 +
 
 +
* Аудио файл в строке: [[Файл:Enya_-_Bard Dance.mp3]]
 +
 
 +
* Аудио файл с определёнными началом и концом воспроизведения:
 +
[[File:Enya_-_Bard Dance.mp3|start=00:00:10|end=00:01:00]]
 +
 
 +
* Видео с 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-й, в контейнере с изменённым размером.
 +
<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>
 +
 
 +
 
 +
 
 
== [https://www.mediawiki.org/wiki/Extension:TimedMediaHandler TimedMediaHandler] ==
 
== [https://www.mediawiki.org/wiki/Extension:TimedMediaHandler TimedMediaHandler] ==
−
'''TimedMediaHandler''' 0.5.0 (2015-12-08) воспроизводит следующие форматы: 'ogg', 'ogv', 'oga', 'flac', 'wav', 'webm', 'mp4'  
+
'''TimedMediaHandler''' 0.5.0 (2015-12-08) воспроизводит следующие форматы: 'ogg', 'ogv', 'oga', 'flac', 'wav', 'webm', 'mp4'. Файл должен быть загружен в вики.
 +
 
 
* Аудио файл OGG загруженный на вики: [[File:Example.ogg]]
 
* Аудио файл OGG загруженный на вики: [[File:Example.ogg]]
  
−
== MP3MediaHandler ==
 
  
−
* Аудио файл MP3: [[File:Enya - Bard Dance.mp3]]
+
== [https://www.mediawiki.org/wiki/Extension:Html5mediator Html5mediator] ==
 +
 
 +
'''Html5mediator''' проигрывает файлы с Youtube, а также поддерживает следующие форматы:
 +
* Audio: mp3, ogg
 +
* Video: mp4 (H.264), webm (VP8), mov (H.264 only), ogv
 +
 
 +
Ролик с YouTube: <code><nowiki><html5media>http://www.youtube.com/watch?v=7g-XTpkGXSk</html5media></nowiki></code>
 +
 
 +
<html5media>http://www.youtube.com/watch?v=7g-XTpkGXSk</html5media>
 +
 
 +
Локальный mp3:
 +
<html5media>File:Enya_-_Bard Dance.mp3</html5media>
 +
 
 +
 
 +
=Аудио=
  
 
== [https://www.mediawikiwidgets.org/Html5mediaAudio Html5mediaAudio] ==
 
== [https://www.mediawikiwidgets.org/Html5mediaAudio Html5mediaAudio] ==
  
−
Первое использование виджета '''Html5mediaAudio''' отображает какой-то странный не оптимизированный по размеру плеер. Далее всё нормально. Возможно нужно добавить в раздел <code><head></code> строку: <code><script src="//api.html5media.info/1.2.2/html5media.min.js"></script> </code>
+
Виджет '''Html5mediaAudio''' использует встроенный в обозреватель плеер.
  
 
* Локальный MP3:
 
* Локальный MP3:
Строка 31: Строка 95:
 
|url=https://www.soundhelix.com/examples/mp3/SoundHelix-Song-8.mp3
 
|url=https://www.soundhelix.com/examples/mp3/SoundHelix-Song-8.mp3
 
}}
 
}}
 +
 +
== [https://www.mediawiki.org/wiki/Extension:MP3MediaHandler MP3MediaHandler] (не работает) ==
 +
 +
На MediaWiki 1.27.1 запустить не удалось.
 +
 +
'''MP3MediaHandler''' 1.0.0 (2016-02-11) позволяет для проигрывания загруженных MP3 файлов обычную ссылку <code><nowiki>[[Файл:FileName.mp3]]</nowiki></code>. Использует HTML5 тег <code><nowiki><audio></nowiki></code>
 +
 +
* Загруженный в вики (локальный) аудио файл MP3: [[File:Enya_-_Bard Dance.mp3]]
 +
  
 
== [https://www.mediawiki.org/wiki/Extension:AudioPlayer2 AudioPlayer2] (не работает) ==
 
== [https://www.mediawiki.org/wiki/Extension:AudioPlayer2 AudioPlayer2] (не работает) ==
 
'''AudioPlayer2''' 1.1 (2012-07-05) настроить в MediaWiki 1.27 не удалось - ошибки в журнале не отображаются. Заявлена поддержка файлов MP3.
 
'''AudioPlayer2''' 1.1 (2012-07-05) настроить в MediaWiki 1.27 не удалось - ошибки в журнале не отображаются. Заявлена поддержка файлов MP3.
 +
* Пример использования: <code><nowiki><audioplayer>Enya - Bard Dance.mp3</audioplayer></nowiki></code>
 +
<audioplayer>Enya - Bard Dance.mp3</audioplayer>
 +
 +
= Видео =
 +
 +
== [https://www.mediawikiwidgets.org/Html5media Html5media] ==
 +
 +
Виджет '''Html5media''' позволяет проигрывать только загруженное в вики видео. Параметры ширина и высота не обязательны, по умолчанию заявлены 425x355, но по факту растягивает на всё окно, игнорируя даже явное указание.
 +
 +
{{#widget:Html5media
 +
|url=http://pornel.net/Performance.ogg
 +
|width=420
 +
|height=350
 +
}}
 +
 +
== [https://www.mediawikiwidgets.org/YouTube YouTube] ==
 +
 +
Виджет '''YouTube''' добавляет в плеер кнопку для включения субтитров и поддерживает следующие параметры:
 +
* '''id''' - id видео (из URL)
 +
* '''playlist''' - название плейлиста (в URL начинается с PL) - начинается проигрывание первого клипа, при этом id в URL игнорируется
 +
* '''height''' и '''width''' - размеры, по умолчанию 420x350
 +
 +
Пример:
  
−
[https://www.mediawiki.org/wiki/Extension:AudioPlayer2 AudioPlayer2] проигрывает формат 'mp3'.
+
{{#widget:YouTube|id=U4QyKGbaxvQ}}
−
* Пример использования: <audioplayer>Enya - Bard Dance.mp3</audioplayer>
 

Текущая версия на 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}}

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