Streaming Flash Video in a Slide

Hello Again!

When I began to write up and research my blog posting titled 'Flash video in a slide' I decided to only create directions and an example of adding Progressive Download Flash Video (FLV) into an Articulate Presenter presentation. I had some thought about also adding an example of how to use Streaming Flash Video from a Flash Communication Server (now known as Flash Media Server) inside a slide, but I guess I figured that not enough people were looking for an example of Streaming Flash Video inside of Articulate Presenter to warrant an example. Well, less than 2 days after posting the original article I was contacted by 2 people asking if it was possible to add Streaming Flash Video in a slide. Well, it is, and in this blog posting I will explain how to add Streaming Flash Video from a Flash Communication Server into an Articulate Presenter slide.

In this blog posting I won't get into the specifics of the advantages of using Streaming Video over Progressive download video because it is covered pretty heavily in the Delivery Options for Flash Video developer center on the Macromedia/Adobe website.

What is needed to add Streaming Flash Video into an Articulate Presenter Slide?

  1. Articulate Presenter
  2. Access to a Flash Communication Server, or Streaming Media Service such as VitalStream
  3. Flash MX 2004 or later
  4. A basic understanding of Flash
  5. access to my FLV2apstream.FLA file (click to download)

Like my previous example of adding Progressive Download FLV into Articulate Presenter at the slide level, you will need to create a SWF shell to playback the FLV, which can then be imported into Articulate Presenter for playback. Currently Articulate Presenter only supports direct FLV import into the presenter panel, so in order to get this to work you must first create a SWF shell, that will act as the player for the SWF at the slide level.

To create a SWF that loads an FLV from a streaming server:

  1. Download FLV2apStream.zip
  2. Unzip the file
  3. Open it in Flash MX 2004 or later
  4. Select the Actions panel
  5. On line 2 of the ActionScript you will see a line that looks like this:
    nc.connect("rtmp://serverurl/project/_definst_");
  6. Change the 'rtmp://serverurl/project/_definst_' to the location of your FLV on your Flash Media Server .
  7. On line 7 of the ActionScript you will see a line that looks like this:
    ns.play("shining");
  8. Change the 'shining' value to the instance name of your FLV (it will be the name of your FLV without the FLV extension)
  9. Save the File
  10. Preview

Watch a demo of these steps here.

If you have set this up properly the FLV should now stream into your SWF and should look something like this Streaming Flash Video. For more information on how to do this in Flash check the help file for Flash Communication Server and search for NetStream.play().

To insert the SWF into Articulate Presenter for streaming video in a slide:

  1. Open up PowerPoint
  2. Select Articulate>Insert Flash Movie
  3. Select 'Display in slide'
  4. Click Next
  5. Browse to and select the SWF created earlier
  6. Select 'Move to next slide when user clicks next'
  7. Change the Buffer time to 0
  8. Click Next
  9. Click Finish
  10. Publish your presentation

If everything has been set up properly your FLV should now stream into your Articulate Presenter slide and should look like this Streaming Video Example.

Stay tuned to the blog, eventually this will be a 3 part series on Flash Video. The next installment will be on Streaming LIVE Flash Video into an Articulate Presentation.

Labels: ,

AddThis Social Bookmark Button

7 Responses to “Streaming Flash Video in a Slide”

  1. # Anonymous Anonymous

    Great article. Only thing is that when I view slide 3, all I see is a green pause button. I'm running Flash Player 8 and tested in IE and Firefox.  

  2. # Blogger Dave

    Sorry, I will have to update the presentation again. My hosting company (1planhost.com) did a pretty nasty server upgrade that caused all the issues. I have since dumped 1planhost.com, and gone to another provider. Thanks!  

  3. # Anonymous Anonymous

    Thanks Dave for the information. I responded to your previous blog and later was successful in running a .flv in the presenter window via your .fla/swf file. I take it the previous blog's instructions would work if you are streaming the .flv from a Flash Media Server? Also, 1. do you have to break up a long video so that you have a separate video for every slide? 2. are thee any length of file size limits if you have a video for every page and all videos are running from a Flash Media Server? thanks.  

  4. # Blogger Dave

    Hello Brandan,

    "I take it the previous blog's instructions would work if you are streaming the .flv from a Flash Media Server?"

    Not sure which blog posting you are referring to. Can you give me the link to it, or the blog title?

    1. Yes you do. I tried to work out a cool way around this, using cue points and such, but due to the limited support for cue points in Flash Player 6, unforuntately I couldn't find any way around it.

    2. Nope. Any size should work.  

  5. # Anonymous Anonymous

    Hi,

    I'm Cristina, the url/projects/streamingvideoexample/player.html is not found on this server.

    Why?
    Thanks!  

  6. # Anonymous Anonymous

    I came across this post, and since this is about 2 years old, has there been any updates? With the way that flash has changed for Adobe Flash CS3, do you still have to use a streaming server?
    Thanks,
    Mindy  

  7. # Blogger Dave

    Hello Mindy,

    I have not updated this in awhile, but I have heard that there are ways that you can stream FLV using PHP. Check out this blog post by another user that explains what can be done:

    http://www.flashcomguru.com/index.cfm/2005/11/2/Streaming-flv-video-via-PHP-take-two  

Post a Comment