Skip to main content
August 14, 2007
Question

Streaming Video

  • August 14, 2007
  • 1 reply
  • 331 views


My People, I am in need of some assistance. I am streaming video from a third party server and all is fine and dandy in regards to the streaming file however my video controls "skin" is not appearing on the bottom of the video when it streams so I have no control over the video.

My hypothesis is that the company that is streaming my video for me needs the skin's .swf file on their server. Please let me know if i'm in the right direction.

Help please. THanks.
    This topic has been closed for replies.

    1 reply

    Participant
    September 22, 2008
    Jose-

    You do need to post the skin .swf to your media server. Here are some basic instructions (If you haven't already resolved this by now):

    Customizing a skin for video files launched from a streaming media server:

    1) Navigate to "C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\FLA\ActionScript 3.0" on your computer.

    2) Select the skin you want to customize (do you want the player below the video, laying over the video, how many buttons do you want, etc.) For me, I selected "SkinUnderAllNoFullNoCaption."

    3) Open this file in Flash. Create a new file called "custom skins" at "C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\FLA " then immediately save the .fla here with a new name like "MyWebsiteSkin" or something.

    4) Unless you really want to rebuild the player (in which case, you're probably better off customizing the individual components), don't touch the ActionScript! From there, simply edit the colors of the individual movie_clips in the library.

    5) Save the file again and then publish it.

    6) Navigate to the file in which you just saved the skin ("C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\FLA/CustomSkins ") and find the published .swf file. Cut the .swf skin file and paste it in "C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\ActionScript 3.0"

    7) Next, start a new AS 3.0 file. You can give it any name. Let's just name it "MyWebsiteVideo". Then, select "import/import video". Select your video file for import (this is assuming that your video is edited and ready to go).

    8) You'll get a prompt window that asks you where your video is. You can either select one that you have stored on your computer or you can add a custom skin to a video that is already deployed to a web or media server. You'll need to get your http:// or rtmp:// address from your server site if you're using a video already deployed to a media server.

    9) Next, you'll be asked how you would like to deploy your video. I have just been selecting "Progressive download." You'll need to find out whether or not your server supports Flash Media streaming or Flash Video service in order to select one of the other options.

    10) Finally, you will be prompted to select a skin. If you've done everything right, your skin should show up in the drop down menu here. You should be able to select your skin and then click "finish". Once you save the file again, you'll see the video and skin show up on your stage.

    11) To test your movie with the skin, select "enable simple buttons". Then test movie.

    12) If everything works, click "publish" (this might be a redundant step...).

    13) Finally, upload the .flv (if it isn't already deployed to your server), the skin .swf that appears in your published files and the MyWebsiteVideo.swf file.

    14) Once everything is up there, you'll need the code to get it to work on your html page. As we all know, this can be tricky...Here is a sample code that works on VistaCampus:

    <object width="410" height="350" classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" swflash.cab#version="6,0,0,0" id="flaMovie1"> <param name="movie" value=" http://sas-origin.OnstreamMedia.com/origin/2etrassociates/VISTA%20Campus/VCBuiltSuccess.swf" /> <param autoplay="false" name="quality" value="high" /> <param name="base" value=" http://sas-origin.OnstreamMedia.com/origin/2etrassociates/VISTA%20Campus/" /><embed width="410" height="350" src=" http://sas-origin.OnstreamMedia.com/origin/2etrassociates/VISTA%20Campus/VCBuiltSuccess.swf" mce_src=" http://sas-origin.OnstreamMedia.com/origin/2etrassociates/VISTA%20Campus/VCBuiltSuccess.swf" base=" http://sas-origin.OnstreamMedia.com/origin/2etrassociates/VISTA%20Campus/" autoplay="false" quality="high" bgcolor="#FFFFFF" name="flaMovie1" type="application/x-shockwave-flash" pluginspage=" http://www.macromedia.com/go/getflashplayer" /> </object>*Obviously, you'll need to change some pieces of code as necessary, including the file name, file base and .swf dimensions.

    *Obviously, you'll need to change some pieces of code as necessary, including the file name, file base and .swf dimensions.