Download swfobject from
Using tool to generate HTML page with swfobject
Setup the correct parameter
http://code.google.com/p/swfobject/downloads/list
http://code.google.com/p/swfobject/
http://www.bobbyvandersluis.com/swfobject/generator/
Download swfobject from
Using tool to generate HTML page with swfobject
Setup the correct parameter
http://code.google.com/p/swfobject/downloads/list
http://code.google.com/p/swfobject/
http://www.bobbyvandersluis.com/swfobject/generator/
Flowplayer is an Open Source video player for the web. Embed the video streams into your web pages. User will get rich media experience by viewing video streams from your site. Player could be extended with Flash plug-ins, JavaScript plug-ins or Streaming plug-ins. Give a new look and feel to the player by extending it.
It could play the video irrespective of location. The video could be stored in any CDN network like Akamai, Amazon Cloudfront or even local web server. It has built-in slow motion and fast forward support. Social sharing is an important need for almost all web sites. Its viral plug-in helps to spread the videos to most popular social media.
It has ability to detect bandwidth speed and adjust the bit-rate transferred. It supports MPG, WMV, MOV and AVI formats.
http://flowplayer.org/plugins/streaming/rtmp.html
http://code.google.com/p/flowplayer-plugins/source/checkout
svn checkout http://flowplayer-plugins.googlecode.com/svn/ flowplayer-plugins-read-only
For each flash file, setup a HTML file with the same name as the flash file, except for the extension.
The HTML pass the file name to SWF, and SWF play the video.
http://commondatastorage.googleapis.com/red5.zhenglei.net/PlayStreamByPath.7z
Suppose we need to pass the currnet URL from HTML to Flash:
1. Add the following ActionScript into FLA:
# # myVIDEO is the parameter from HTML, and we display it on screen
var my_fmt = new TextFormat();
my_fmt.color = 0xFF0000;
my_fmt.underline = true;
this.createTextField(“myTxt”, 1, 320, 10, 200, 20);
myTxt.autoSize = “left”;
myTxt.setTextFormat(my_fmt);
if (myVIDEO == undefined) {
myTxt.text = “Keynote_1.flv”;
} else {
myTxt.text = myVIDEO;
}
2. Generate the SWF and HTML from FLA
3. Modify the generated HTML to add myVIDEO parameter,
3.1 ==> Add the following line in the AC_FL_RunContent block:
‘flashvars’,”,
3.2 ==> Add the handle of flashvars in function AC_GetArgs, as following:
case “flashvars”:
ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = “myVIDEO=”+window.location;
break;
// Here myVIDEO the variable in AS2, and window.location is the variable in JavaScript indicating the current URL of HTML page
Suppoe we need pass the video name from HTML to Flash.
1. Add the following ActionScript into FLA:
# Display the video in screen
var my_fmt = new TextFormat();
my_fmt.color = 0xFF0000;
my_fmt.underline = true;
this.createTextField(“myTxt”, 1, 320, 10, 200, 20);
myTxt.autoSize = “left”;
myTxt.setTextFormat(my_fmt);
# myVIDEO is the parameter from HTML
if (myVIDEO == undefined) {
myTxt.text = “Keynote_1.flv”;
} else {
myTxt.text = myVIDEO;
}
// create basic netConnection object
var nc:NetConnection = new NetConnection();
// connect to the local Red5 server
nc.connect(“rtmp://192.168.127.127/oflaDemo”);
// create the netStream object and pass the netConnection object in the constructor
var ns:NetStream = new NetStream(nc);
// attach the netStream object to the video object
videoContainer.attachVideo(ns);
// Play the video
ns.play(myTxt.text);
2. Generate the SWF and HTML from FLA
3. Modify the generated HTML to add myVIDEO parameter,
Three parts to be modified in HTML:
A) Add the following line in the AC_FL_RunContent block:
‘FlashVars’,’myVIDEO=Keynote_2.flv’,
B) Add the following line in the Object block:
<param name=”FlashVars” value=”myVIDEO=Keynote_2.flv” />
C) Add the following into the embed scr block:
FlashVars=”myVIDEO=Keynote_2.flv”
http://commondatastorage.googleapis.com/red5.zhenglei.net/Pass_Variable_From_Html_To_Flash.7z