PUBLISH TO MEDIA SERVER
advertisement
PRODUCING STREAMING VIDEO
PUBLISH TO MEDIA SERVER
Please contact Jo Cannon, Assistant Director of Educational Technology, for permission to
upload media to the Smith College media server. Make sure your video is compressed and
prepared for hinted streaming.
Connect to media server. Open Fugu and type in your server authorization username and
password.
Navigate to volumes > orthanc > qtmedia. Drag and drop your compressed and hinted video
into the qtmedia folder. You can create a subfolder within qtmedia to keep your movie files
organized.
PRODUCING STREAMING VIDEO
Open QuickTime Pro.
Go to File > Open URL, and type in the address to the file you just
uploaded to the server.
Example: If your movie filename is sahara.mov and you saved it to the test subfolder in
the qtmedia folder, type in: rtsp://media.smith.edu/test/sahara.mov
Save file as a reference movie. Go to File > Save As and select Save as a reference movie.
Navigate to orthanc > http_data and save your movie in the your test sub folder.
Create a web site link to the http file. The source link for your streamed video in this example
is: http://media.smith.edu/test/sahara.mov For example, if you want to create a text line on your
web page that hyperlinks to your reference movie, use the following tag:
<td class="style1"><a href="http://media.smith.edu/test/sahara.mov">Click here to view movie.</a></td>
Click here to see an example of a web link to a reference movie.
PRODUCING STREAMING VIDEO
Embed your reference video in a web page. To embed your movie in a webpage, use the
Object/Embed tag in the webpage’s HTML. For example, if your reference movie is 320 x 240
pixels and is named sahara.mov, use the following tag:
<OBJECTCLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"
HEIGHT=256 WIDTH=320>
<PARAM NAME="src" VALUE="http://media.smith.edu/test/sahara.mov">
<PARAM NAME="CONTROLLER" VALUE="True" >
<PARAM NAME="AutoPlay" VALUE="True" >
<PARAM NAME="Loop" VALUE="True" >
<EMBED SRC="http://media.smith.edu/test/sahara.mov"
HEIGHT=256 WIDTH=320
TYPE="video/quicktime"
PLUGINSPAGE="http://www.apple.com/quicktime/download/"
CONTROLLER="True
AUTOPLAY="True"
LOOP="True" />
</OBJECT>
Explanation:
CLASSID is set to the Microsoft-authorized ID for the QuickTime ActiveX control.
CODEBASE is set the URL for the QuickTime ActiveX control.
WIDTH should be set to the movie width. For an audio movie with a control bar, WIDTH should
be set to at least 150 pixels.
HEIGHT should be set to the movie height plus 16 pixels, assuming the movie control bar is
displayed. An audio movie should have a height of 16, which is the height of the controller.
The URL of the QuickTime movie is the complete source address of your video or audio file.
PRODUCING STREAMING VIDEO
Use additional parameters to control QuickTime on the web. There are a number of
parameters that can be used to control QuickTime from HTML, including syntax and usage. For
example, if you want your reference movie to begin play automatically, include a controller bar,
and loop play, set the autoplay, controller and loop parameters to ‘true.’
Click here to see an example of an embedded reference movie, using these parameters.
For a complete list of QuickTime parameters, go to QuickTime <Embed> and <Object>
Parameters.
Use JavaScript to automatically display QuickTime content on the web. Copy this external
JavaScript file to a shared location on your website. Add a JavaScript include statement in the
<HEAD> section of your web page that includes QT content. For example, if you place the
AC_QuickTime.js file in the javascript folder located in ets > training > examples, use the
following script in your <HEAD> section.
<script src="http://www.smith.edu/its/ets/training/examples/javascript/AC_QuickTime.js"
language="JavaScript" type="text/javascript"></script>
Replace your web page embed/object tags with the following function:
<script language="JavaScript" type="text/javascript">
QT_WriteOBJECT_XHTML('http://media.smith.edu/test/test_h_30med.mov', '320', '256', '',
'autoplay', 'true',
'emb#bgcolor', 'black',
'align', 'middle');
</script>
Click here to see an example of an embedded reference movie, using JavaScript.
