Audio & video: verschil tussen versies
(→HTML5) |
(→Alternatieve HTML5 players) |
||
(5 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
Regel 29: | Regel 29: | ||
|width=200 | |width=200 | ||
|height=50 | |height=50 | ||
+ | }} | ||
+ | |||
+ | === Alternatieve HTML5 players === | ||
+ | |||
+ | * Plyr: [https://github.com/sampotts/plyr Op Github] | ||
+ | * Widget: [[Widget:Plyr-1]] | ||
+ | |||
+ | {{#widget:Plyr-1 | ||
+ | | autoplay=1 | ||
+ | | src_mp3=http://theatercollectie.uva.nl/media/550001604.001a.mp3 | ||
}} | }} |
Huidige versie van 4 apr 2020 om 16:44
Uit zichzelf ondersteunt MediaWiki het afspelen van audio- en videobestanden niet. In de meest voorkomende situaties wordt hiervoor de Extensie:TimedMediaHandler geïnstalleerd.
HTML5
De komst van HTML5 biedt de mogelijkheid om <audio>
en <video>
-tags te gebruiken en daarmee de afspeelmogelijkheden van de eigen browser te gebruiken. Ondersteuning hiervan in moderne browsers is nog niet perfect en ook ondersteunt de standaard wikitext deze mogelijkheid (nog) niet.
Het gebruik van een eenvoudig widget kan hiervoor een uitkomst zijn.
Dit is de inhoud van Widget:HTML5 Media, dat op zijn beurt weer gebruik maakt van html5media.min.js. Dit widget is gericht op video (geen audio).
<noinclude>__NOTOC__ This widget allows you to embed '''[https://github.com/etianen/html5media HTML5 Media]''' on your wiki page. Created by [http://www.mediawikiwidgets.org/User:Taipan taipan] == Using this widget == For information on how to use this widget, see [http://www.mediawikiwidgets.org/Html5media widget description page on MediaWikiWidgets.org]. == Copy to your site == To use this widget on your site, just install [http://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as '''{{FULLPAGENAME}}''' article. </noinclude><includeonly><script src="http://api.html5media.info/1.1.8/html5media.min.js"></script><video src="<!--{$url|validate:url}-->" width="<!--{$width|default:425|validate:int|escape:'html'}-->" height="<!--{$height|default:355|validate:int|escape:'html'}-->" controls preload></video></includeonly>
Voorbeeld: Gebruik Widget:HTML5 Media voor audio
Standaard widget (met video
-tags is ook bruikbaar voor audio alleen, maar geeft alleen play / pause-knop.
Alternatieve HTML5 players
- Plyr: Op Github
- Widget: Widget:Plyr-1