Help:Editing

From MMVLWiki
Revision as of 13:06, 10 June 2010 by Engjw (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Contents

[edit] Editing-Help

[edit] Embedding Adobe Shockwave Videos

Embedding Shockwave in a Mediawiki page

You can create and embed Adobe Shockwave videos in MediaWiki. This is only possible if $wgRawHtml is true in the configuration of the Mediawiki system. Note that this is a safety issue and therefore requires $wgWhitelistEdit to be true as well.

  1. Create a public directory for the web-server.
  2. Get Jeroen Wijering's free and open source JW_FLV_Player and copy the file flvplayer.swf into this directory.
  3. Convert your video to Shockwave using MEncoder and store the result in the same directory.
  4. Use MPlayer with option -vo jpeg to create a preview image.
  5. Use the tags html and embed to embed the video in a page.

This is an example for a command line creating a Shockwave video (FLV):

mencoder input.avi -o output.flv -vop scale -zoom -xy 320 -of lavf \
    -oac mp3lame -lameopts abr:br=56 -srate 22050 -ovc lavc \
    -lavcopts vcodec=flv:vbitrate=500:mbd=2:mv0:trell:v4mv:cbp:last_pred=3:keyint=6

You may have to specify -lavfopts i_certify_that_my_video_stream_does_not_use_b_frames as additional parameter.

This is some example HTML-code for embedding a Shockwave video in a page of the Mediawiki:

<html>
  <div class="thumb tright"><div style="width:240px;">
    <object type="application/x-shockwave-flash" data="http://vision.eng.shu.ac.uk/mypath/flvplayer.swf" width="240" height="177">
      <param name="flashvars"
             value="file=http://vision.eng.shu.ac.uk/mypath/myvideo.flv&amp;image=http://vision.eng.shu.ac.uk/mypath/mypreview.jpg&amp;searchbar=false&amp;displayheight=177" />
      <param name="movie" value="http://vision.eng.shu.ac.uk/mypath/flvplayer.swf" />
      <param name="allowfullscreen" value="true" />
    </object>
    <div class="thumbcaption">My caption</div>
  </div></div>
</html>

[edit] See Also

[edit] External Links

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox