I decided to post this here, in the hope that someone in the Domino or web community will be able to offer some guidance to Tanny and me, as we prepare to post a number of screen movies on this site.
Here's what I'd like to accomplish:
I'm looking for a quick and easy way to post screen movies to this blog. The actual video files will be hosted on a media server and the calling code will be part of the page. In other words, the video will be embedded as opposed to playing in an external window. As you may know, I use ProjectDX (DominoBlog) content management system for this and other sites. ProjectDX allows me to easily manage my content in one database.
I plan to record the screen movies with Camtasia Studio and then export them in either Windowsmedia or Flash - whatever I end up using must work well across a variety of browsers. On a regular web server this would normally be a simple matter of uploading the html and media files to the server. Since I use a content management system, it can be a little tricky to figure out the first time.
This evening, Tanny and I experimented with posting a Flash movie to my blog. If we post just the file, it works and the process is very easy. This invokes the viewer's Flash plug-in in their web browser. Unfortunately, the video starts playing immediately and there are no controls for start, pause, stop, etc.
Camtasia Studio generates a custom html control panel, however, we've not been able to make this work yet from within DominoBlog. I suspect this is a matter of editing to provide the correct relative URLs. While I'm sure we can get this method to work, it's clear that it will be cumbersome to use as there are many lines of code to edit. I'm looking for something easy - If it's too hard, I know I won't post often.
So my questions:
1. What format would you like to see: WindowsMedia, Flash, or Quicktime? Why should I use this format? (The screen movies will be 640x480 and 800x600)
2. Are you aware of a way to launch the media file from within a web page with controls but won't require extensive coding for each screen movie I want to display?
3. Are you aware of anyone doing this presently with DominoBlog or other Domino-based web publishing tool?
Thanks!
UPDATE: I recorded a brief screen movie in Camtasia Studio and exported the project in Flash. I've attached the resulting files. If you detach all of these files to a directory on your desktop, you can test them.
videotest.html
videotest.swf
videotest_config.xml
videotest_controller.swf
Discussion/Comments (3):
You would need to rewrite the DOM to swap a screen capture with the actual video. A JS function like this would do the trick (this uses windows media player):
function swap_in_video(swap_target, video_url) {
swap_target.innerHTML = '<object id="MediaPlayer" width="320" height="290" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="Loading Windows Media Player components..." type="application/x-oleobject"><param name="filename" value="' + video_url + '"/><param name="autoStart" value="true"/><param name="animationatStart" value="true"><param name="ShowStatusBar" value="true"/><param name="Volume" value="1"/><param name="ShowTracker" value="true"/><param name="ShowAudioControls" value="true"/><param name="ShowPositionControls" value="true"/><embed type="application/x-mplayer2" src="' + video_url + '" width="320" height="290" autoStart="true" ShowStatusBar="true" Volume="0" ShowTracker="false" ShowAudioControls="false" ShowPositionControls="false"></embed></object>';
swap_target.onclick = swap_done;
}
Then call it like this:
<td onclick="swap_in_video(this, 'video_url')" style="cursor: pointer; cursor: hand;"><br /><img src="original_image" width="320" height="240" border="0" /><br /></td>
Posted at 04/24/2006 9:52:34 by Jeff Crossett
I do it here
{ Link }
Although I have it in a separate window because most people are still running 1024x768 so it looks cleaner, but the file is served up by domino with the file etc. all in a single document. One key is to attach the file not compressed, then domino can byte serve it, in your case though you'll be pointing somwhere else.
I don't mind helping out if I can understand better your exact need.
Carl
Posted at 04/24/2006 16:56:17 by Carl Tyler
I haven't revised this code in years... but it worked great for me when i wanted to post a mini-movie of my son at 5 mins old. I believe it loads the entire avi before starting to play..which may not be what you want. Just put the code below into a document.
<tr><td><center><OBJECT ID="NSPlay" WIDTH=320 HEIGHT=240
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<PARAM NAME="FileName" VALUE="/BabyHerman/227.avi ">
<PARAM NAME="AutoStart" VALUE="true">
<PARAM NAME="ShowControls" VALUE="1">
<PARAM NAME="AnimationAtStart" VALUE="1">
<PARAM NAME="AllowScan" VALUE="0">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="ShowPositionControls" VALUE="1">
<PARAM NAME="DisplaySize" VALUE="4">
<PARAM NAME="AutoSize" VALUE="1">
</OBJECT></td></tr>
Posted at 04/25/2006 6:53:58 by Michael
Discussion for this entry is now closed.