Difference between revisions of "Widget:Html5media"

From Hackerspace ACKspace
Jump to: navigation, search
m (added filepath info)
m (added video format + conversion info)
Line 3: Line 3:
  
 
Created by [http://www.mediawikiwidgets.org/User:Taipan taipan]
 
Created by [http://www.mediawikiwidgets.org/User:Taipan taipan]
 +
 +
== preparing a video ==
 +
For format compatibility, go to [https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats Mozilla], or caniuse.com ([http://caniuse.com/#feat=mpeg4 MPEG-4/H.264], [http://caniuse.com/#feat=webm WebM], [http://caniuse.com/#feat=ogv Ogg/Theora])
 +
To convert a video (to progressive h264 mp4), use FFmpeg:
 +
<code>ffmpeg -i inputfile.avi -c:v libx264 -pix_fmt yuv420p -movflags faststart outputfile.mp4</code>
  
 
== Using this widget ==
 
== Using this widget ==

Revision as of 11:04, 20 March 2017

This widget allows you to embed HTML5 Media on your wiki page.

Created by taipan

preparing a video

For format compatibility, go to Mozilla, or caniuse.com (MPEG-4/H.264, WebM, Ogg/Theora) To convert a video (to progressive h264 mp4), use FFmpeg: ffmpeg -i inputfile.avi -c:v libx264 -pix_fmt yuv420p -movflags faststart outputfile.mp4

Using this widget

For information on how to use this widget, see widget description page on MediaWikiWidgets.org.

You can use the filepath special template reference like this: {{#Widget:Html5media|height=30|url={{filepath:voice.mp3}}}}

Copy to your site

To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:Html5media article.