Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Live Video (using Webcam) On Site?, just like jennycam
leiaah
post Mar 22 2006, 09:03 AM
Post #1


Super Member
*********

Group: Members
Posts: 436
Joined: 21-January 05
From: Koronadal City, Philippines
Member No.: 3,358



I have a webcam and I want my site to have a live video of me (or my room, whatever) whenever I'm online (e.g. JennyCam, etc.). I want it to occupy a small portion of my webpage and it should be unobtrusive. It doesn't even matter if the video is choppy or grainy. Is there a script or a free program for this? I'm sure there is but does anyone here know it? Thanks.
Go to the top of the page
 
+Quote Post
imacul8
post Jun 5 2006, 08:50 PM
Post #2


Member [Level 3]
******

Group: Members
Posts: 95
Joined: 21-May 06
From: Adelaide, Australia
Member No.: 24,017



First of all you need --> "Windows Media Encoder" - creates the streaming media (video and audio) by encoding images from the web cam and encoding sound from the microphone, and broadcasting the streaming media output on a designated port on your PC.

or something similar.

Then of course u need ur fixed space hosting which u have.

then u need to run and configure windows media encoder

When the Windows Media Encoder first starts, the configuration wizard asks you for the port number to broadcast on (which you must reference in your web pages, see below). The default port number provided is 8080, but I recommend you change this to 1121 because some Internet service providers cause issues with port 8080. The configuration wizard also asks you for the type of output. I suggest you choose something sensible that is for Internet broadcasting opposed to local area network broadcasting.


You can either create your web pages so that the web cam output is embedded in your web page, or so the web cam output is displayed in the Windows Media Player application separately. The HTML that is listed below in listing 1 and listing 2 are examples of how to embed the web cam output in your web page. The section on invoking Windows Media Player provides examples of how to get your web cam output is displayed in the Windows Media Player application separately.

Embedding the web cam output : web cam HTML Listing 1
The HTML that is listed below in listing 1 will detect if Media Player is installed and if necessary will ask users of IE to install Media Player by providing the link to the download.

The following is the HTML listing (listing 1) which you would place in your web page where you want the web cam output to appear.
CODE

<!--- BEGIN PLAYER --->
<!-- webbot bot="HTMLMarkup" startspan ---->
<object ID="MediaPlayer" WIDTH="320" HEIGHT="270" CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">

<param name="autoStart" value="True">
<param name="filename" value="http://wisbey.hopto.org:1121">
<param NAME="ShowControls" VALUE="False">
<param NAME="ShowStatusBar" VALUE="False">
<embed TYPE="application/x-mplayer2" SRC="wisbey.hopto.org:1121" NAME="MediaPlayer" WIDTH="320" HEIGHT="270" autostart="1" showcontrols="0"></embed></object>
<!-- webbot bot="HTMLMarkup" endspan ---->
<!--- end PLAYER --->

In listing 1 you should:

change the width and height of the output with the width and height values (these should match output dimensions of your Windows Media Encoder session if you want the image to appear undistorted)
set the domain name and port number (the domain name must be what you registered with no-ip.com or dyndns.org, and the port number must match what you set in Windows Media Encoder)
In listing 1 you can also:

enable/disable the controls (1/0 and true/false) of the Media Player session which appear in the IE Browser
enable/disable the status bar (1/0 and true/false) of the Media Player session which appear in the IE Browser
enable/disable autostart (1/0 and true/false) of the Media Player session so that the web cam output either automatically starts or has to be started manually (if you put this to "true" then you must enable the controls so that the viewers of the page can manually start the feed themselves)
Click here to see the type of web cam stream that Listing 1 presents in your browser.

Embedding the web cam output - web cam HTML Listing 2
The following is the HTML listing (listing 2) which you would place in your HTML where you want the image to appear.
CODE

<p>
<object id="Player" width="176" height="144"
classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="URL" value="http://wisbey.hopto.org:1121">
<param name="uiMode" value="none">
</object>


</p>
<p>
<input type="BUTTON" name="BtnPlay2" value="Play" onClick="StartMeUp()">
<input type="BUTTON" name="BtnStop2" value="Stop" onClick="ShutMeDown()">
</p>


<script>
<!--
function StartMeUp ()
{
Player.controls.play();
}

function ShutMeDown ()
{
Player.controls.stop();
}
-->
</script>


<script language="VBScript">
<!--
On error resume next
Player.URL = ""
if err then msgbox "You need Windows Media Player 7. Go to" & chr(13) &_
"http://www.microsoft.com/windowsmedia"
err.clear
-->
</script>

In listing 2 you should:

change the width and height of the output with the width and height values (these should match output dimensions of your Windows Media Encoder session if you want the image to appear undistorted)
set the domain name and port number (the domain name must be what you registered with no-ip.com or dyndns.org, and the port number must match what you set in Windows Media Encoder)
If you set the width and height bigger a than that of the Windows Encoder Session, a black border will appear around the streaming window.

The buttons functions are required, otherwise the viewer of the page would have to right mouse click the window and select play to start the video stream.

The first set of JAVA Script sets the use of the buttons, and the second set of Java Script provides a dialogue box suggesting that the user go and download Windows Media Player (should they not have Windows Media Player installed). The second set of JAVA Script is not compulsory, but is highly recommended if you want to make sure that your viewers have Windows Media Player installed.

Click here to see the type of web cam stream that Listing 2 presents in your browser.

Invoking Windows Media Player to view the web cam output
The HTML required for opening the web cam output in Windows Media Player separately is very simple. You simply place the following HTML within your web page where you want the text and hyperlink to appear:
CODE

<p>You can also view this live feed directly in Windows Media Player by <a href="webcam.asx" target="_blank">clicking here</a>.</p>

This HTML will create the following text and link:

You can also view this live feed directly in Windows Media Player by clicking here.

In addition to the HTML listed above you need to create a webcam.asx file in a text editor such as Notepad. The following listing is the the contents of a webcam.asx file:
CODE

<ASX version="3.0">
<Entry>
<ref HREF="http://wisbey.hopto.org:1121"/>
</Entry>
</ASX>

Within the webcam.asx file you must specify the domain name and port number (the domain name must be what you registered with no-ip.com or dyndns.org, and the port number must match what you set in Windows Media Encoder).

Hope this helps you out..... smile.gif

Notice from rejected:
Please put code within code tags.
Go to the top of the page
 
+Quote Post
Paul
post Jun 5 2006, 09:27 PM
Post #3


Premium Member
********

Group: Members
Posts: 174
Joined: 25-February 06
From: Austin, TX
Member No.: 19,113



Thats some great information imacul8! Great work/research wink.gif. I've been looking for something like this, but the only issue is bandwidth! Streaming live video onto a website takes up a LOT of bandwidth and users looking to use this should be aware that they might run out of bandwidth real soon if using shared hostinf accounts.

Also, imacul8, please note that you have to paste you code in code tags! so it would appear like this:
CODE
Code goes here


The mods might issue a warning for this, so watch out wink.gif
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Music On Site(44)
  2. Add Individuation To Your Site(4)
  3. A Good Space For Learn Html(5)
  4. What Is It.....(3)
  5. Redesigning A Web Site For Php?(4)
  6. Ie5 Mac Does Not See My Site(11)
  7. Basic Ways To Speed Up Your Web Site(25)
  8. Integerate Your Site With Talking Characters - Ms Agents(7)
  9. Help Aligning My Site Into The Centre In Firefox(5)
  10. Creating Rss Feeds For Wapsites(5)
  11. How Can Rss Feed From Other Web Site?(3)


 



- Lo-Fi Version Time is now: 6th September 2008 - 08:36 PM