webcamworld.com : WebCam Lab : JavaScript WebCam Template

Webcam Search:

Advanced Search

FREE MEMBERSHIP to
view live adult webcams
& webcam chat rooms at the best Web Cam Chat network

Main
  •
  •
  •
  •
  •

Users
  •
  •
  •
  •
  •

Resources
  •
  •

JavaScript Template

Follow these easy instructions and you'll have your WebCam up and running in less than 5 minutes!

Click here to select the template HTML code below.
On your keyboard, press Ctrl-C to copy the selected text.
Open up a text editor, such as MS Notepad. Create a new file.
On your keyboard, press Ctrl-V to paste the copied code into the new file.
Customize it.
Save (or upload) the file onto your server.
You're done!

<html>
 <head>
  <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  <META NAME="KEYWORDS" CONTENT="put keywords separated by commas here">
  <META NAME="DESCRIPTION" CONTENT="brief description of your site goes here">
  <title>YOUR SITE TITLE GOES HERE</title>
  <script language="Javascript">
   <!-- hide
    var x = 30;
    var y = 1;
    var now;
  
    function caminawin()
    { window.open('URLTOWEBCAMIMAGE', 'popwin', 'scrollbars=0,status=0,toolbar=0,resizable=0,width=346,height=265,top=150,left=185'); }

function startClock() {
     x = x-y;
     document.form1.clock.value = x;
     if (x <= 1) reload();
     timerID = setTimeout("startClock()", 1000);
    }
  
    function reload() {
     now = new Date();
     var camImg = "URLTOWEBCAMIMAGE" + "?" + now.getTime();
     document.campicture.src = camImg;
     x = 30;
     document.form1.clock.value = x;
    }
   // end hide -->
  </script>
 </head>
 <body bgcolor="white" onLoad="startClock()">
  <center>
   <font face="Arial,Helvetica,Verdana" size=-1>
    <h1>MY WEBCAM PAGE NAME</h1>
    <h2>My WebCam page slogan</h2><p><br>
    <img name="campicture" src="URLTOWEBCAMIMAGE" border=1 width=320 height=240 alt="My WebCam Image"><br>
    <form NAME="form1"><b><font size="-1" face="Arial">AutoReload in ~ </font>
     <input TYPE="text" NAME="clock" SIZE="2" VALUE> <font size="-1" face="Arial">seconds.</font></b><br>
    [ <a href="javascript:caminawin();">OPEN IN FLOATING WINDOW</a> ]</form>
    Please DO NOT hit RELOAD on your browser.
    <p><br><br><br>
     <h3>Misc stuff here (personal info, WebCam info,...)</h3>
    <p><br><br><br>
    <hr width=225>
    <font size=-2>Base Template courtesy of 
     <b><i><a href="http://www.webcamworld.com/" target="_top">WebCam World</a></i></b>.
    </font><p><br>
   </font>
  </center>
 </body>
</html>

Please leave the link back to us unmodified if you plan to use this template. Thanks!

[ PREVIEW IN WINDOW ]

Things to modify:

Keywords for search engines to find your site.
Eg. webcams, cameras, live, images, webcam32
Description for your site.
Eg. This is my personal WebCam page. Come and see me live!
Title of your WebCam site.
Eg. John Doe's WebCam Page
In the SCRIPT section:
URLTOWEBCAMIMAGE: full URL or WebCam Image filename to the image the WebCam software grabs and stores in your server.
Eg. http://myserver.com/myaccount/image.jpg
Change var x = RELOADSECONDS to match the image refresh rate you wish.
Eg.: var x = 30
In the BODY section:
MyWebCamPage title and slogan text lines.
URLTOWEBCAMIMAGE: full URL or WebCam Image filename to the image the WebCam software grabs and stores in your server.
Eg. http://myserver.com/myaccount/image.jpg

That's all! The rest of attributes can go into the FONT and BODY tags. Refer to an HTML guide to change font size, type and default colors, adding images, etc.

Once you have started your own WebCam after viewing some samples, it's time to PROMOTE it, make it available to people so other users may be able to find it and return to it once they've bookmarked your site. Follow our tips in our new section "Promote It!" or use any other template.

Need help with the templates? Visit the WebCam Support Forums!

  • LIVE Adult Webcams
  • REAL people, Live Chat
  • FREE Instant Access

Link to WebcamWorld.com