Tutorial: Create a web movie from your Slide Effect presentation
Introduction
In this tutorial, I will explain you how to create a flash presentation embedded in your favorite webpage, like this:
First step: Export your movie from Slide Effect
Please launch Slide Effect, then open the presentation you wish to export on the web (Menu File/Open...).
In this tutorial we will use the "Funky" sample available here.
Then click on menu File/Export Presentation..., a small wizard dialog will popup.
On the first step, please press on Export presentation to a movie (...) button.
On the next pane, please select Flash Movie in the radio buttons and enter a filename for your output file (a flv file):
Then click Next button, Slide Effect will display a small warning about disabling your screensaver: Sometimes, if screensaver appears during export, some frames on the output movies will be plain black.
Where is the option to disable my screensaver?
|
|---|
On Slide Effect Wizard, press Next to start export. Wait some minutes (export can be a bit long... well, go take a coffee, it is sometimes really loooong) and when it is finished click Ok and close Slide Effect.
Second step: use a flash player to publish your movie
In this tutorial we will use JW Player to publish our video on the web.
So, first, please download the archive on the following website: http://www.jeroenwijering.com/?item=JW_FLV_Media_Player
Then unzip it.
Copy your brand new flv file you just created with Slide Effect into the mediaplayer directory.
Now we will create a test web page to show our video: launch your favorite text editor, for instance Notepad and type in the following HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Publish a presentation on the web using Slide Effect</title> </head> <body> <h3>Let's get funky!</h3> <embed src="mediaplayer.swf" width="400" height="300" allowscriptaccess="always" allowfullscreen="true" flashvars="height=300&width=400&file=funky.flv&searchbar=false" /> </body> </html>
Save it as "test.htm" on the media player directory.
You can now open this file using your favorite web browser and, voilà, you have got your favorite presentation on a web page.
Then copy the whole media player directory on your webhost to have your movie online.
You can check the live result by clicking here.
Do you want to know more?
JW Player can be customized to your own taste and color layout of your website, just use the online setup wizard to create your own unique player.
Follow us on Twitter
Follow us on Facebook
Slide Effect RSS
thanks! now i can put this "movie" into my powerpoint presentation
We bought this software a couple weeks ago, and as far as entertaining ourselves, we have done well.
I am having issues getting my slideshow, turned avi, to embed on my site.
I am severely geekly challenged, but have tried to do so, implementing the code in the tutorial, and (heh) stealing the code from the sample page and replacing the name and site info, but to no avail.
The best I have managed is to make it so the user has to DL the file to see it.
Heeeelp!!
Hi MetalMan,
Maybe it is a typo, but you have to create a FLV file, not an AVI one (exporting as movie, then, on the combo box, choose flash movies).
Hope it helps.
Yeah I made it an avi, I have no idea why. lol
so, I have spent 3 hours more trying to embed the flv file.
This is doing what the avi was, and asking to be DLed to my puter for viewing.
Maybe someone will be so kind as to page source my mess, and tell me what I did, or dodnlt do. lol
www.billweaversmachineproducts.com
Thanx in advance..
- copy mediaplayer.swf to the root of your website (ie: www.billweaversmachineproducts.com/mediaplayer.swf)
- Then change this part:
by (changes are underlined)
then it should work better.. like this:
Thank you *very* much for walking me through that.
I sourced this page and got it. I was missing some kinda somethin', that I guess no longer matters!
It works, and I am overjoyed! lol
MB