juleswilliams Posted August 25, 2009 Share Posted August 25, 2009 I am trying to do what Google Video and YouTube allow you to do where you can embed and play video directly in your web page content. Is there a way that this can be achieved using BroadCam. Link to comment Share on other sites More sharing options...
jaysmoke Posted September 8, 2009 Share Posted September 8, 2009 Same question here. I would like to embed video feed from broadcam on my webpage....is there a way to do this? I know that it has a page called broadcam.html or something but I can't even find it so that I can copy the code and paste in my webpage. Link to comment Share on other sites More sharing options...
stuesr Posted September 10, 2009 Share Posted September 10, 2009 I am trying to do what Google Video and YouTube allow you to do where you can embed and play video directly in your web page content. Is there a way that this can be achieved using BroadCam. jpg view View the sauce code of the Broadcam generated page playing the vid and copy the javascript in the head tag and put that in your new webpage (don't forget to add the full URL to the line) return;}pl.onload=display;pl.src = "broadcamframe.jpg?src=1&speed=1&id=" + c; becomes, for example... return;}pl.onload=display;pl.src = "http://someIP.com:86/broadcamframe.jpg?src=1&speed=1&id=" + c; Then add the onload to the body tag... <body onLoad="StartScreen();>" . Add the img src to the page where you want the vid to be displayed. again, don't forget to add the full URL to the broadcam sauce file. <img width=650 name="img" src="http://someIP.com:86/broadcamframe.jpg?src=1&speed=1"> Don't forget to add the audio applet if you want sound... Embedded media view Same deal with embedding the actual media file in the page...just replace the Filename and src with the URL to the Broadcamauto.html page... <OBJECT ID="MediaPlayer" WIDTH="600" HEIGHT="400" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1"> <PARAM name="autostart" VALUE="false"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1" NAME="MediaPlayer" WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hope this helps Link to comment Share on other sites More sharing options...
jaysmoke Posted September 10, 2009 Share Posted September 10, 2009 cool. I will try that as soon as possible. Link to comment Share on other sites More sharing options...
jaysmoke Posted September 10, 2009 Share Posted September 10, 2009 ...mac solution below Link to comment Share on other sites More sharing options...
jaysmoke Posted September 10, 2009 Share Posted September 10, 2009 Great. I checked the source and modified it to work on my Mac. Here's the code for all mac users. <div align="center"><img name="img" src="http://youripaddress:86/broadcam.jpg?src=1&speed=1"><applet name="BroadCam" archive="http://youripaddress:86/audiostream.jar" code="main.Main" width=0 height=0> <param name="AUDIO_DOWNLOAD_URL" value="http://youripaddress:86/broadcam.gsm"/></div> Link to comment Share on other sites More sharing options...
jcedeno Posted October 9, 2009 Share Posted October 9, 2009 jpg view View the sauce code of the Broadcam generated page playing the vid and copy the javascript in the head tag and put that in your new webpage (don't forget to add the full URL to the line) return;}pl.onload=display;pl.src = "broadcamframe.jpg?src=1&speed=1&id=" + c; becomes, for example... return;}pl.onload=display;pl.src = "http://someIP.com:86/broadcamframe.jpg?src=1&speed=1&id=" + c; Then add the onload to the body tag... <body onLoad="StartScreen();>" . Add the img src to the page where you want the vid to be displayed. again, don't forget to add the full URL to the broadcam sauce file. <img width=650 name="img" src="http://someIP.com:86/broadcamframe.jpg?src=1&speed=1"> Don't forget to add the audio applet if you want sound... Embedded media view Same deal with embedding the actual media file in the page...just replace the Filename and src with the URL to the Broadcamauto.html page... <OBJECT ID="MediaPlayer" WIDTH="600" HEIGHT="400" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1"> <PARAM name="autostart" VALUE="false"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1" NAME="MediaPlayer" WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hope this helps the flash scrip please??? Link to comment Share on other sites More sharing options...
N2KI Posted January 9, 2010 Share Posted January 9, 2010 Can someone help me a little further with this? I have made the necessary alteration but the jpg video is not appearing. I get a broken link icon. Here is a copy of my code. Thank you. <script language="javascript" src="ajax.js"></script> <script type="text/javascript">function doTimer() { loadhtml("viewerpoll.html?speed=1&title=BroadCam%20Video%20Streaming%20Server%20Live%201&type=2"); } setInterval("doTimer()", 2000); </script><script type="text/javascript"> var c = 86063562; var pl = new Image(); var browser=navigator.appName;function updatelink() { if (browser != "Microsoft Internet Explorer") { document.img.src = "broadcam.jpg?src=1&speed=1"; return; } pl.onload=display; pl.src = "http://www.myip.com:8070/broadcamframe.jpg?src=1&speed=1&id=" + c; c++; } function display() { document.img.src = pl.src; setTimeout('updatelink()', 50); } function StartScreen() { setTimeout('updatelink()', 0); } onLoad=StartScreen(); </script> jpg view View the sauce code of the Broadcam generated page playing the vid and copy the javascript in the head tag and put that in your new webpage (don't forget to add the full URL to the line) return;}pl.onload=display;pl.src = "broadcamframe.jpg?src=1&speed=1&id=" + c; becomes, for example... return;}pl.onload=display;pl.src = "http://someIP.com:86/broadcamframe.jpg?src=1&speed=1&id=" + c; Then add the onload to the body tag... <body onLoad="StartScreen();>" . Add the img src to the page where you want the vid to be displayed. again, don't forget to add the full URL to the broadcam sauce file. <img width=650 name="img" src="http://someIP.com:86/broadcamframe.jpg?src=1&speed=1"> Don't forget to add the audio applet if you want sound... Embedded media view Same deal with embedding the actual media file in the page...just replace the Filename and src with the URL to the Broadcamauto.html page... <OBJECT ID="MediaPlayer" WIDTH="600" HEIGHT="400" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1"> <PARAM name="autostart" VALUE="false"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1" NAME="MediaPlayer" WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hope this helps Link to comment Share on other sites More sharing options...
N2KI Posted January 9, 2010 Share Posted January 9, 2010 I was able to get the JPG image to display but it is not streaming. It is just a single snapshot. The src=1 & speed=1 but its not streaming. What am I doing incorrect? Thank you please. jpg view View the sauce code of the Broadcam generated page playing the vid and copy the javascript in the head tag and put that in your new webpage (don't forget to add the full URL to the line) return;}pl.onload=display;pl.src = "broadcamframe.jpg?src=1&speed=1&id=" + c; becomes, for example... return;}pl.onload=display;pl.src = "http://someIP.com:86/broadcamframe.jpg?src=1&speed=1&id=" + c; Then add the onload to the body tag... <body onLoad="StartScreen();>" . Add the img src to the page where you want the vid to be displayed. again, don't forget to add the full URL to the broadcam sauce file. <img width=650 name="img" src="http://someIP.com:86/broadcamframe.jpg?src=1&speed=1"> Don't forget to add the audio applet if you want sound... Embedded media view Same deal with embedding the actual media file in the page...just replace the Filename and src with the URL to the Broadcamauto.html page... <OBJECT ID="MediaPlayer" WIDTH="600" HEIGHT="400" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1"> <PARAM name="autostart" VALUE="false"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="http://SomeIP.com:86/broadcamauto.html?src=1&speed=1" NAME="MediaPlayer" WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hope this helps Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now