Difference between revisions of "Embedding Audio and Video"

From SCI Wiki
Jump to navigationJump to search
Line 8: Line 8:
  
 
==Embedding Video==
 
==Embedding Video==
 +
 +
===<br /> mp4 ===
 +
 +
For locally uploaded content the process for displaying it on a page is the same as an image.  [https://www.mediawiki.org/wiki/Help:Images#Syntax See the image syntax documentation] on MediaWiki.org for complete reference on this feature.
 +
 +
This example would display a video in page using a HTML5 <code><nowiki><video></nowiki></code> tag.
 +
 +
<div align="center"><code><nowiki>[[File:Example.mp4]]</nowiki></code></div>
 +
 +
To specify the start and end timestamps in the media use the start and end parameters.  The timestamp can be formatted as one of: ss, :ss, mm:ss, hh:mm:ss, or dd:hh:mm:ss.
 +
 +
<div align="center"><code><nowiki>[[File:Example.mp4|start=2|end=6]]</nowiki></code></div>
 +
 +
<div align="center"><code>[[File:SeasonedPro.mp4|center]]</code></div>
 +
 +
[[File:SeasonedPro.mp4|center]]
 +
<div align="center">''[[Christmas Card 1990 - The Seasoned Professional (VGA)|1990 Christmas Card - The Seasoned Pro (256 colors)]]''</div>
 +
<!--
 +
<pre>[[File:SeasonedPro.mp4|thumb|thumbtime=0:02|320px|center|<div align="center">1990 Christmas Card - The Seasoned Pro (256 colors)</div>]]</pre><br /> -->
 +
<!-- <div align="center"><div style="border-bottom:1px solid #fad67d; padding:0.4em 1em 0.3em; width:640px"></div></div> -->
 +
<!-- <br />
 +
{{Motd|width=640|float=center}} -->
 +
<!-- "http://sierrahelp.com/Assets/Movies/Camelot.flv" -->
  
 
===OGV===
 
===OGV===
 +
 
Theora (OGV and OGG) is a [http://www.xiph.org/ Xiph.Org's] (Vorbis audio format and the OGG container) free lossy video compression format, distributed without licensing fees. Videos can be encoded to Theora with the free [http://www.minicoder.minitech.org/download.html MiniCoder batch encoder]. The following code can be used to embed an OGV video. It uses the same code as images. The "thumbtime=" specifies what video frame to use for the thumbnail image.
 
Theora (OGV and OGG) is a [http://www.xiph.org/ Xiph.Org's] (Vorbis audio format and the OGG container) free lossy video compression format, distributed without licensing fees. Videos can be encoded to Theora with the free [http://www.minicoder.minitech.org/download.html MiniCoder batch encoder]. The following code can be used to embed an OGV video. It uses the same code as images. The "thumbtime=" specifies what video frame to use for the thumbnail image.
 
<pre>[[File:SeasonedPro.ogv|thumb|thumbtime=0:02|320px|center|<div align="center">1990 Christmas Card - The Seasoned Pro (256 colors)</div>]]</pre><br />
 
<pre>[[File:SeasonedPro.ogv|thumb|thumbtime=0:02|320px|center|<div align="center">1990 Christmas Card - The Seasoned Pro (256 colors)</div>]]</pre><br />

Revision as of 21:54, 16 March 2019

Embedding Audio

OGG
To be done.

File:KQ4 Dwarves Mine.ogg

KQ4 Dwarve's Mine

Embedding Video


mp4

For locally uploaded content the process for displaying it on a page is the same as an image. See the image syntax documentation on MediaWiki.org for complete reference on this feature.

This example would display a video in page using a HTML5 <video> tag.

[[File:Example.mp4]]

To specify the start and end timestamps in the media use the start and end parameters. The timestamp can be formatted as one of: ss, :ss, mm:ss, hh:mm:ss, or dd:hh:mm:ss.

[[File:Example.mp4|start=2|end=6]]

File:SeasonedPro.mp4

OGV

Theora (OGV and OGG) is a Xiph.Org's (Vorbis audio format and the OGG container) free lossy video compression format, distributed without licensing fees. Videos can be encoded to Theora with the free MiniCoder batch encoder. The following code can be used to embed an OGV video. It uses the same code as images. The "thumbtime=" specifies what video frame to use for the thumbnail image.

[[File:SeasonedPro.ogv|thumb|thumbtime=0:02|320px|center|<div align="center">1990 Christmas Card - The Seasoned Pro (256 colors)</div>]]


File:SeasonedPro.ogv
Problems Playing this file?


{{Embedding Audio and Video}}

 


Flash

The following code can be used to embed a Flash video.

<oflash file="http://sierrahelp.com/Assets/Movies/Camelot.flv" width="640" height="480" />

will give:

<oflash file="http://sierrahelp.com/Assets/Movies/Camelot.flv" width="640" height="480" />