getting embedded flowplayer to play a local video file - html

I embedded flowplayer on an html page using the following <object tag .It successfully plays the mentioned video from their site (ie from url http://stream.flowplayer.org/KimAronson-TwentySeconds1318.flv
However,I would like to play a video from my local filesystem. say /home/me/videos/test.flv
How do I mention the url in this case? What baseurl ,url values should I provide?
<object width="320" height="200" id="undefined" name="undefined"
data="http://releases.flowplayer.org/swf/flowplayer-3.2.10.swf" type="application/x-shockwave-flash">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.10.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value='config={"clip":{"baseUrl":"http://stream.flowplayer.org","url":"http://stream.flowplayer.org/KimAronson-TwentySeconds1318.flv"},"canvas":{"backgroundColor":"#112233"},"plugins":{"controls":{"time":false,"volume":true,"fullscreen":false},"content":{"url":"flowplayer.content-3.2.8.swf"}}}' />
</object>

You cannot directly ask the flowplayer to load a file from your local file system. Think about all this flash (swf) files trying to load this file from a remote server, they just cannot simply use whatever in your file system as a resource.
The easiest way to test it out is set up a local server. Be it Apache, IIS, or whatever server you like or easy for you. And then change the config's url to the video's url on your local server, which will solve your problem.
You don't need to change any thing for baseUrl as this is where all this flowplayer flash files being loaded. For example, the content url in your provided code will be baseurl + content.url => http://stream.flowplayer.org/flowplayer.content-3.2.8.swf.
However, once you put your page into production, you may need to consider about hosting this flash files locally to avoid fetch the remote flowplayer server every time. In that case, you need to change the baseUrl to whatever the new server should be.

Related

Embedding WMV video file in HTML page using Silverlight plugin

I need to embed a video file codified in Windows Media Video format (WMV). The video files are send in streaming using Windows Media Services(in on Demand Mode) over HTTP protocol, and the client need to reproduce them.
I need to dinamically create a page with a video file embedded (each time the file and its path can change).
If I simply put in browser client the path of the file to reproduce, like:
http://myMediaServer:8000/stremVideo/pinball.wmv
automatically Windows Media Player opens, and I can control the reproduction of the video (seek forward, seek backward, pause or resume), without any problem, while if the video file is embedded in an HTML page, using the following code I can't seek the reproduction but I can only pause and resume the video.
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="480" height="360" codebase="http://www.microsoft.com/Windows/MediaPlayer/">
<param name="Filename" value="http://remoteServer:8000/stremVideo/pinball.wmv">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="InvokeURLs" value="false">
<embed src="http://remoteServer:8000/stremVideo/pinball.wmv" type="application/x-mplayer2" autostart="1" enabled="1" showstatusbar="1" showdisplay="1" showcontrols="1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,0,0" width="480" height="360"></embed>
</object>
So, the questions are the following:
How can I obtain all the control for the embedded video file?
Someone suggest to use Silverlight plugin. How can I embed video in a HTML page using Silverlight plugin? I need to create a Silverlight application? If yes, I need to have one application for each video file I want reproduce?
You need to create one Silverlight player app and use it as more times as you want.
And you can control it via JS.
Silverlight is best solution for high-quality WMV on pages.
Params, which you defined, are params of Silverlight app and you must specify in app which params you must have and how they will be used.
There is an open source player frame work which may help: Have you looked at this? http://playerframework.codeplex.com/

Flash file not playing on browser from server

I have a flash file on my server and I am trying to open it on my browser. If I call for it directly, it downloads the file. If I embed it in html file and then call the html file, it does not display the flash file. Is there any other way to access it without converting flash file into any other format?
Following is my code in html:-
<html>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="498" height="380" id="test1">
<param name="movie" value="game.swf" />
<embed src="game.swf" width="498"
height="380" name="test1" type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</html>
It sounds to me that your web server is not configured to serve SWF's (aka: it doesn't know what it is). This is typical on barebones IIS installations. Therefore, it forces a "download file" header when you request the file.
Check your web server config to ensure it is allowing SWF files to be served.

embed video object in html

I embed a video in html page with swf file. that is running on local host but when i run this on live server. than it dosent work properly.
I link flv video in swf file and embed it in html.
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','338','title','testing','src','Edit_video/9vi/home-page2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Edit_video/9vi/home-page2' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="600" height="338" title="testing">
<param name="movie" value="Edit_video/9vi/home-page2.swf" />
<param name="quality" value="high" />
<embed src="Edit_video/home-page2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="338"></embed>
</object></noscript>
These two urls don't match:
<param name="movie" value="Edit_video/9vi/home-page2.swf" />
<embed src="Edit_video/home-page2.swf" ... />
running on local host but when i run this on live server
One reason for that can be careless handling of case.
Windows native filesystems you are case-insensitive, so you can refer to Edit_video and if the real name of the directory is actually edit_video with a small e it doesn't care. But if you then upload it to a server running a case-sensitive filesystem (like most Linux hosts), that won't work any more; the two are different filenames and won't match.
Additionally you need to ensure that the file system on your local server matches that of your live server.
I.e. make sure that the file path
Edit_video/9vi/home-page.swf
is valid from where the HTML is being stored online.

How do you dynamically load different streaming F4V files into one SWF player?

I need to figure out how to utilize one SWF player/file to load different streaming F4V files dynamically.
As it stands now, I have:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="500" height="314" id="something" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="/images/flash/' . $video . '" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="/images/flash/' . $video . '" quality="high" bgcolor="#ffffff" width="500" height="314" name="something" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
Currently I am publishing a separate SWF player/file for each F4V, but this is unacceptable. I need to use one SWF file to load different F4V files. I'm not that knowledgeable in the ways of Flash, but I believe that the "src" attribute of the embed tag and the "name='movie'" attribute of the object's param tag needs to point to the SWF player/file. So does anybody know how I can manipulate the object and embed tags to make them load a different F4V file into the SWF player?
Well since nobody responded it was up to me to continue my search for the answer to this one. I modified a solution taken from: http://www.webdeveloper.com/forum/showthread.php?t=185784 by infinityspiral.
It requires you to add the following line of code to the SWF player/file.
FLVPlayerInstanceName.play(this.loaderInfo.parameters.file);
After doing this and uploading it to your web server, you can access FlashVars. The one I needed to access was "file" and I simply had to feed it an rtmp call (such as "rtmp://yourserver.vod/mp4:Whatever.f4v") once in a param tag inside the object tag and once as an attribute inside the embed tag and it worked.
There does appear to be a bug with the version of Flash Media Server I'm using though... You need to be careful what directory you're putting your F4V files in on your streaming server until Adobe corrects the issue (so I had to fiddle with my rtmp call above by removing a directory level inside the call to get it to work).

Flash SWF not playing!

I created a custom video skin for my movie, and published the swf. The file plays on my Mac (using Flash player v9) but it will not play on my PC (using Flash player 10). When I uploaded it to the host, neither players will play the swf. The bitmaps in the flash file show up, but the movie won't play. I don't know if it is how I exported it or what, but it will not play! Any Idea why this is happening?
The video is hosted here:
http://hqinternetsolutions.com/YOGIPATCH/index.html
Here is my Actionscript:
flvPlayback.playPauseButton = playpausebtn;
flvPlayback.muteButton = mutebtn;
flvPlayback.volumeBar = volbar;
flvPlayback.seekBar = seekbar;
And my HTML embedded flash:
<div id="movie">
<object id="movie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="273">
<param name="movie" value="file.swf">
<param name="quality" value="high">
<embed src="file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440"
height="273"></embed></object>
</div>
Just had a look using Firebug. Your swf appears to be referencing the following URL:
http://hqinternetsolutions.com/Users/larrykain/Desktop/flash%20skin/fullaquatic.flv
It's returning a 404 so it can't find the file. Looking at the URL, check the reference to how you've embedded it in the swf file.
This might be caused by different things:
Make sure the flv file is uploaded to the server along with the SWF.
Your FLV file might be blocked on the web server. Make sure it's not by pointing your browser to the actual FLV file directly (example: http://hqinternetsolutions.com/YOGIPATCH/myvideo.flv)
The flv path set in the FLVPlayback component might be too long.
Try adding a preceding / to the path of FLV in the component.