Nov 8, 2009

Live Video (using Webcam) On Site? - just like jennycam

free web hosting
Open Discussion > MODERATED AREA > Computers > Programming Languages > HTML, XML etc..

Live Video (using Webcam) On Site? - just like jennycam

leiaah
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.

Comment/Reply (w/o sign-up)

imacul8
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.

 

 

 


Comment/Reply (w/o sign-up)

Paul
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

Comment/Reply (w/o sign-up)

(G)sreenu
how to add live video to free web site
Live Video (using Webcam) On Site?

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? Can I do in html Please help me Thanks.   

-reply by sreenu

 


Comment/Reply (w/o sign-up)

(G)alexferri
Try 1AVStreamer
Live Video (using Webcam) On Site?

I use 1AVStreamer. It streams live video from my DV camera in MMS in the format mms://<IP>:<port> like mms://192.168.1.101:8070 for example, and it creates and uploads a customized webpage to my website via FTP already with the live video feed in it. It is really simple, no hassle, and in no time you will be able to invite people to your live video feed which by the way the software also does, send invitations.

To find 1AVStreamer:
Http://www.Pcwinsoft.Com/1avstreamer/

Best,
Alex


Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : live, video, webcam, site, jennycam

  1. How Can Rss Feed From Other Web Site?
    (3)
  2. Creating Rss Feeds For Wapsites
    How to display rss feeds in a php enabled site (5)
    Anyone who wants to help me? I want my site to have this feature but I don't know how.
    /sad.gif" style="vertical-align:middle" emoid=":(" border="0" alt="sad.gif" /> Hope you could me
    with embedding these xml files in my wml pages.. Moved to the HTML, XML ect.. forum ....
  3. Help Aligning My Site Into The Centre In Firefox
    site aligns to the centre in ie but not in firefox (5)
    I'm developing a new layout and so far, in my opinion, everything's going fine except for
    one thing. That's the way in which the whole layout is aligned. In IE6, the entire thing aligns
    beautifully in the centre whereas in firefox, it aligns leftwards. To get around this so far I'm
    using this java script: CODE         if (screen.width > 880 && navigator.appName !==
    "Microsoft Internet Explorer")  {        window.resizeTo(880,window.screen.availHeight);     }
       As you can imagine, people won't be too happy about having their browser r....
  4. Integerate Your Site With Talking Characters - Ms Agents
    (7)
    Hello All Have You ever seen the above MS Agents in any of the websites ? They Demonstrate
    things,Explain,Greet your visitor, Give Information about the user and above all they give a pretty
    cool cool to your website! Want them on your site? This tutorial will explain on how to Integerate
    MS Agents in your website! For those who cannot understand what I am talking about or want to see
    a sample check them on sample page! ->->-> http://www.technik.co.in/docs/agent_sample.htm This
    tutorial may feel every long but beleieve me I have made it easy as much as possible Ad....
  5. Basic Ways To Speed Up Your Web Site
    (26)
    Speed is certainly one of the most important factors when it comes to making a successful web site.
    These days’ people have high expectations, they expect a web site to load as fast as an application
    on their operating system, and therefore even a few seconds of waiting can frustrate them or leave
    altogether. A good website should take about 8-12 seconds (for a 56K) to load. The website owner is
    going to have to decide how fast its pages are going to be, for example for a multimedia or a flash
    site they can afford to be a bit slower than others provided that the users k....
  6. Ie5 Mac Does Not See My Site
    It shows the body bg image only... (11)
    Remember that site layout I was hacking down for IE? Which by the way I didnt really like, but it
    was the customer's design... and yes, he is not a graphic designer hehe... Anyway I was really
    surprised that I got to the solution and fixed it... but as I'm testing between browsers, I come
    to see that Internet Explorer in Mac does not show nothing of my page, yet the source code is there,
    if you click command + e in order to see the html source code, its all there! But all I can see from
    the page itself is the body background-image... I tried removing the docty....
  7. Redesigning A Web Site For Php?
    Or Modifying an existing one? (4)
    I have recently built (by hand coding) a web site that includes about 27 pages and a two-level
    folder structure, and since I've been learning a few things about php includes and that
    sidebar-ul link generator (and hopefully some more stuff soon), I am thinking that I will re-create
    the same site using these new-found tools. What I would like to get out of this topic is your
    opinion about whether I should go about this by one of the following two methods: First, I could
    start from scratch and use Includes and the side bar generator and build an entirely new site, o....
  8. What Is It.....
    what is the site (3)
    Hello i was wondering what is the site for XML forums i want to put a xml forum on my server when i
    get it running please tell me....
  9. A Good Space For Learn Html
    web site link (5)
    Hi i find this web site you can learn html lan very fast and very easy woow i found it many
    tutorials go http://www.w3schools.com/ its really good website /rolleyes.gif' border='0'
    style='vertical-align:middle' alt='rolleyes.gif' /> ....
  10. Add Individuation To Your Site
    very good try... (4)
    lots of html fans make varied and beautiful webpage,which look larruping...i will introduce a way to
    add individuation as if not very good.lol:exactly speaking,it is a easy script. type the code below
    in : CODE 100) { seed--; var cmd="scroll(" + seed + ")";
    timerTwo=window.setTimeout(cmd,100); } else if (seed 0) { for (c=0; c in the code you
    can change the words in the fifth line which you want to say and you can also control the speed of
    rolling words by the code above CODE timerTwo=window.setTimeout("scroll(100)",7); } } }
    timerONE=window....
  11. Music On Site
    Site Music (44)
    Ne one know the tag for background music.......
  12. Set site as homepage
    (9)
    CODE Click here to set this as your home page Under "PUT YOUR URL HERE" you insert
    something like trap17.com or something....

    1. Looking for live, video, webcam, site, jennycam

Searching Video's for live, video, webcam, site, jennycam
See Also,
advertisement


Live Video (using Webcam) On Site? - just like jennycam

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com