See those spiffy live desktop cams on every website these days? Even I have one, click here
to see mine. This tutorial teaches you how youget one. Go ahead and read the tutorial now.
» Download this file. Unzip and save it on your desktop.
» Double click the icon to start program, click 'config' from the menu on the left.
» Login to your FTP server and make a new folder for your desktop cam picture to be stored, lets call it cam.
» Make your setting slike mine, as shown below in the picture. Change your server name, password and path etc. ofcourse
» If you called that folder cam your remote path will be /cams
» If you want a different picture to be shown when your cam is offline, make it and save it some folder on your computer and change the path to offline pic accordingly.
» Change the ftp server, password, port (usually it is 21), border if you wat to, the test on cam "live deaktop cam" to somethign else if you like. Leave all other settings like this only for time being.
» Open notepad and make a new page where you can show your desktop cam to visitors. Code it normally and insert your desktop cam image tag there (<img src="http://yoursite.com/cam/cam.jpg">).
» Upload the page to your server, lets call it deskcam.html.
» Start the SCWebcam program again by clicking the icon on desktop and minimize it, you will see its icon in the taskbar now, right click it and select 'begin'.
» It will take a screenshot of your desktop in the configuration, the delay was set to 30 seconds, you can change it if you want, it mean the cam will upload new image every 30 seconds.
» You can pause the upload by right clicking at the taskbar icon and clicking pause anytime.
» Go to your desktop cam page, http://yoursite.com/deskcam.html for example and see if everything works fine, you should see the screenshot of your desktop there.
» If you want to show a thumbnail of the desktop cam on your main layout and link it to the bigger image page, you can do so by inserting this tag on your page
<img src="http://yoursite.com/cam/sm_cam.jpg">
» That is the name of thumbnail image of your cam is sm_yourmaincamimagename.jpg.
» You can make your desktop cam page look more spiffy by making it auto-refreshing using javascripts. See my
desktop cam page, it refreshes every 20 seconds.
» Add this piece of code between the <head> and </head> section of your desktop cam page.
<META HTTP-EQUIV=REFRESH CONTENT="15">
Change "15" to the number of seconds after which you want the page to refresh automatically.
» Thats it, you have a live desktop cam now! Enjoy!
TIP: This is just a tip, don't let the whole world see all files stored on your computer with desktop cam, I myself start it to show my desktop wallpaper most of the time, not anythign else on my computer, thats why the 'pause' function comes handy :)
Note: Questions regarding this tutorial should be asked
here.
« Back
