Jump to content

Display Video In Web Page - BroadCam


juleswilliams

Recommended Posts

  • 2 weeks later...

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 post
Share on other sites

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 post
Share on other sites
  • 4 weeks later...

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 post
Share on other sites
  • 2 months later...

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 post
Share on other sites

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 post
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...