Help:Editing

From MMVLWiki
(Difference between revisions)
Jump to: navigation, search
m (External Links)
m (Embedding Adobe Shockwave Videos)
 
(5 intermediate revisions by one user not shown)
Line 8: Line 8:
  
 
=Embedding Adobe Shockwave Videos=
 
=Embedding Adobe Shockwave Videos=
<html><div class="thumb tright"><div style="width:240px;">
+
<html>
<embed style="width:240px; height:180px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://vision.eng.shu.ac.uk/jan/foodautomation/flvplayer.swf" width="240" height="180" flashvars="file=http://vision.eng.shu.ac.uk/jan/foodautomation/foodautomation.flv&image=http://vision.eng.shu.ac.uk/jan/foodautomation/foodautomation.jpg&displayheight=180" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
+
  <div class="thumb tright"><div style="width:240px;">
<div class="thumbcaption" >Embedding Shockwave in a Mediawiki page</div></div></div></html>
+
    <object type="application/x-shockwave-flash" data="http://vision.eng.shu.ac.uk/jan/flv/flvplayer.swf" width="240" height="177">
 +
      <param name="flashvars" value="file=http://vision.eng.shu.ac.uk/jan/flv/foodautomation.flv&amp;image=http://vision.eng.shu.ac.uk/jan/flv/foodautomation.jpg&amp;searchbar=false&amp;displayheight=177" />
 +
      <param name="movie" value="http://vision.eng.shu.ac.uk/jan/flv/flvplayer.swf" />
 +
      <param name="allowfullscreen" value="true" />
 +
    </object>
 +
    <div class="thumbcaption">Embedding Shockwave in a Mediawiki page</div>
 +
  </div></div>
 +
</html>
  
 
You can create and embed [http://www.adobe.com/products/shockwaveplayer/ Adobe Shockwave] videos in MediaWiki. This is only possible
 
You can create and embed [http://www.adobe.com/products/shockwaveplayer/ Adobe Shockwave] videos in MediaWiki. This is only possible
Line 16: Line 23:
 
this is a safety issue and therefore requires [http://www.mediawiki.org/wiki/Manual:%24wgWhitelistEdit $wgWhitelistEdit] to be ''true'' as well.
 
this is a safety issue and therefore requires [http://www.mediawiki.org/wiki/Manual:%24wgWhitelistEdit $wgWhitelistEdit] to be ''true'' as well.
 
# Create a public directory for the web-server.
 
# Create a public directory for the web-server.
# Get Jeroen Wijering's free and open source [http://www.jeroenwijering.com/?item=JW_FLV_Player JW_FLV_Player] and copy the file '''flvplayer.swf''' into this directory.
+
# Get Jeroen Wijering's free and open source [http://www.longtailvideo.com/players/jw-flv-player/ JW_FLV_Player] and copy the file '''flvplayer.swf''' into this directory.
 
# [http://www.mplayerhq.hu/DOCS/HTML/en/menc-feat-selecting-codec.html Convert your video to Shockwave using MEncoder] and store the result in the same directory.
 
# [http://www.mplayerhq.hu/DOCS/HTML/en/menc-feat-selecting-codec.html Convert your video to Shockwave using MEncoder] and store the result in the same directory.
 
# Use [http://www.mplayerhq.hu/ MPlayer] with option ''-vo jpeg'' to create a preview image.
 
# Use [http://www.mplayerhq.hu/ MPlayer] with option ''-vo jpeg'' to create a preview image.
Line 32: Line 39:
 
<pre>
 
<pre>
 
&lt;html&gt;
 
&lt;html&gt;
   <div class="thumb tright">
+
   <div class="thumb tright"><div style="width:240px;">
    <div style="width:360px;">
+
    <object type="application/x-shockwave-flash" data="http://vision.eng.shu.ac.uk/mypath/flvplayer.swf" width="240" height="177">
      <embed style="width:360px; height:270px;" id="VideoPlayback" type="application/x-shockwave-flash"
+
      <param name="flashvars"
        src="http://vision.eng.shu.ac.uk/mypath/flvplayer.swf" width="360" height="270"
+
            value="file=http://vision.eng.shu.ac.uk/mypath/myvideo.flv&amp;amp;image=http://vision.eng.shu.ac.uk/mypath/mypreview.jpg&amp;amp;searchbar=false&amp;amp;displayheight=177" />
        flashvars="file=http://vision.eng.shu.ac.uk/mypath/myvideo.flv&image=http://vision.eng.shu.ac.uk/mypath/mypreview.jpg&displayheight=270"
+
      <param name="movie" value="http://vision.eng.shu.ac.uk/mypath/flvplayer.swf" />
        pluginspage="http://www.macromedia.com/go/getflashplayer"/>
+
       <param name="allowfullscreen" value="true" />
       <div class="thumbcaption" >
+
    </object>
        This is my description. <a href="Wikipage">And here's a link to another page ...</a>
+
     <div class="thumbcaption">My caption</div>
      </div>
+
   </div></div>
     </div>
+
   </div>
+
 
&lt;/html&gt;
 
&lt;/html&gt;
 
</pre>
 
</pre>
Line 54: Line 59:
 
=External Links=
 
=External Links=
 
* [http://meta.wikimedia.org/wiki/MediaWiki_User's_Guide Mediawiki User's Guide]
 
* [http://meta.wikimedia.org/wiki/MediaWiki_User's_Guide Mediawiki User's Guide]
 +
* [http://www.mediawiki.org/ Mediawiki documentation]</html></pre>

Latest revision as of 14:06, 10 June 2010

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