
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
   <title>Webcam Photobooth Online - Take photos online - Effects & Filters.</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="Online Photobooth - Take photos online with an array of webcam effects, filters and themes. Fun webcam effects and photo hosting and sharing applications." /> 
<meta name="robots" content="index, follow" />
<link rel="canonical" href="http://webcam.htmlsnap.com/Snapshot" />
<link rel="icon" href="http://htmlsnap.com/Icons/snap.ico" type="image/x-icon" />
<link rel="stylesheet" href="http://htmlsnap.com/resources/CSS/Styles2.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="http://htmlsnap.com/resources/CSS/jquery.fancybox-1.3.4.css" type="text/css" charset="utf-8" />
<style type="text/css">
#info2{clear:both;}#snapPanel{border:solid 1px #00AEC9;height:24px;line-height:21px;padding-left:10px;padding-right:10px;clear:both;}
#PreHeader{height:40px;border-bottom:2px #00AEC9 solid;width:100%;}.bbdr{border-bottom:solid #00AEC9 2px;color:#2A567B;}.blu{color:#00f;}
.info_heading{margin:1px;color:#fff;padding:3px 10px;cursor:pointer;background-color:#00AEC9;background-image:-webkit-gradient(linear,0 0,0 100%,from(#00AEC9),to(#000000));background-image:-moz-linear-gradient(top, #00AEC9, #000000);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#000000',StartColorstr='#00AEC9',GradientType=0);
}.tempAd{/*background:#bbbbbb;*/}.gradH{background-image:-webkit-gradient(linear,0 0,0 100%,from(#00AEC9),to(#ffffff));background-image:-moz-linear-gradient(top, #00AEC9, #ffffff);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#ffffff',StartColorstr='#00AEC9',GradientType=0);
}.gradHb{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#00AEC9));background-image:-moz-linear-gradient(top, #ffffff, #00AEC9);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#00AEC9',StartColorstr='#ffffff',GradientType=0);}.b_list ul li{padding-top:3px;padding-bottom:3px;}.link{color:#00f;cursor:pointer;}.link:hover{text-decoration:underline;}
#fancybox-overlay,.app_bckcol{background-color:#00AEC9!important;}.terms, #Footer{background-image:-webkit-gradient(linear,0 0,0 100%,from(#838080),to(#000000));background-image:-moz-linear-gradient(top, #838080, #000000);filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#000000',StartColorstr='#838080',GradientType=0);}
#snaps .img{margin:2px;border:1px solid #00AEC9;height:auto;width:auto;}#snaps .img img{display:inline;margin:3px;border:1px solid #ffffff;}#snaps .img a:hover img{border:1px solid #00AEC9;}#snaps .desc{font-weight:normal;width:160px;margin:2px;}
.b_l{border-left:1px solid #00AEC9;}.b_r{border-right:1px solid #00AEC9;}.b_t{border-top:1px solid #00AEC9;}.b_b{border-bottom:1px solid #00AEC9;}
#mySnaps,#Galls{clear:both;margin-top:15px;margin-left:10px;}
#mySnaps dl,#Galls dl{font-size:12px;margin-top:25px;text-align:center;}
#mySnaps dt,#mySnaps dd{width:8.5em;float:left;}#Galls dt,#Galls dd{width:150px;float:left;}
#mySnaps dt,#Galls dt{margin-bottom:2.5em;}#Galls dd{margin:75px 10px 0 -150px;}
#mySnaps dd{margin:75px 10px 0 -8.5em;}#Galls dt img{width:120px;height:120px;vertical-align:bottom;}
#mySnaps dt img{width:120px;height:90px;vertical-align:bottom;border:2px solid #00AEC9;padding:2px;background:#fff;}
#mySnaps em,Galls em{display:block;}#mySnaps em input{cursor:pointer;float:right;position:relative;top:-80px;width:20px;height:18px;padding-bottom:2px;background:#BF0000;color:#fff;font-weight:bold;font-size:13px;}
#Galls em span{float:right;position:relative;top:-80px;background:#7F50C0;color:#fff;}#Galls .spn{position:relative;top:10px;float:left;background:#AD3795;}
#mySnaps a:hover img,#mySnaps a:active img,#mySnaps a:focus img{background:#00AEC9;}#appFunc dd{margin:8px;}
#chklbl{border:1px solid #00AEC9;position:relative;left:-6px;top:8px;text-align:center;cursor:pointer;font-size:13px;}
.menu_head{margin-top:15px;margin-left:-5px;height:51px;width:355px;background:url('http://resources.htmlsnap.com/images/layout/headerbck.png') #00AEC9;}
#my_Galleries .tbl{cursor:pointer;border:1px solid #527EA6;margin-top:20px;font-size:17px;}#my_Galleries .td{width:55px;text-align:left;background:url('http://resources.htmlsnap.com/images/layout/gallbck.gif')no-repeat 8px -8px;}
#my_Galleries .dbtn{cursor:pointer;width:20px;height:18px;padding-bottom:2px;background:#BF0000;color:#fff;font-weight:bold;font-size:13px;}.del_btn{background:#BF0000;color:#fff;font-size:10px;cursor:pointer}
.m_h4{padding:8px;color:#000;padding-left:10px;}

.extlnk{color:#004700;}
.bcol{background-color:#00AEC9;}
#Ad_main{height:0px!important;}/*remove header ad*/
</style>

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-2172027-8']);
  _gaq.push(['_setDomainName', '.htmlsnap.com']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript">
google.load("jquery", "1.6");//6
pripol_loaded=false;

var appName    = "Snapshot";
var memberID   = "";
var memberName = "";
var ajax_load  = "<img class='loading' src='http://resources.htmlsnap.com/Images/Layout/Loader.gif' alt='loading.' \/>";
var appFlashID;
</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
function openURL(app){
window.location = "http://webcam.htmlsnap.com/"+app;
}
window.onload = function(){
//fancyAlert("");
};
function loadApp(key,cam){
appFlashID=key;
var head=document.getElementsByTagName('head')[0];var script=document.createElement('script'); script.type='text/javascript';
   script.src='http://htmlsnap.com/app.asp?key='+appFlashID;head.appendChild(script);
}
$.ajaxSetup ({cache: false});

function openMod(path,h,w){
var url = ""; if(path.indexOf("://") != -1){
url=path;
if (!confirm("Are you sure you want to open a chat window\n that may contain content of an adult nature ?")){return false;}
}else{url="http://htmlsnap.com/"+path;}
window.open(url,"","width="+w+"px,height="+h+"px,resizable=1,scrollbars=1");
}
</script>

  </head>
  <body>
<div id="PreHeader" class="gradH"><!-- start before header -->
  <div id="Header" class="center"><!-- start header -->
  <a href="http://htmlsnap.com">
<img src="http://resources.htmlsnap.com/Images/Layout/snap.png" height="39" width="232" />
</a>

<div id="acc_hold" class="f_r p_t marg_t p_r p_b p_l txt_center curve">
<a href="#show_create" class="td_n" id="form_create">Create Account</a> | <a href="#SignIn" id="SigninPage" class="td_n">Sign In</a>
</div>

<div class="f_r marg_t p_r p_b p_l txt_center">
<form action="http://www.google.com" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-3445002631436000:1593691069" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="55" />
    <input type="submit" name="sa" value="Search" class="curve p_r p_b p_l p_t" style="background:#fff;cursor:pointer;color:#00f;margin-right:20px;" />
  </div>
</form>
</div>

  </div><!-- end header -->
</div>
<div style="height:15px;" class=""></div>
<!-- inc Container.asp -->
<!-- start container -->
<div id="Container" class="center">
<!-- start content -->
<!--
<object id="loader1" type="application/x-shockwave-flash" data="http://resources.htmlsnap.com/Swf/load.swf?type={603F47A9-F8FC-4FDE-973D-7500FB95AF54}" width="1" height="1">
<param name="movie" value="http://resources.htmlsnap.com/Swf/load.swf?type={603F47A9-F8FC-4FDE-973D-7500FB95AF54}" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" /> 
</object>
-->
<h1 class="txt-shadow marg_t marg_b p_b" id="pageHeading">Online Photobooth</h1>
<div id="Ad_main" class="tempAd b_l b_t b_r">
<!--<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* HTML Snap - Main Header Ad */
google_ad_slot = "7112526058";
google_ad_width = 728;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>-->
</div>
<div id="Navbar" class="f_r b_r">
<!-- second unit ad -->
<div id="Ad_nav" class="center nav_width marg_t p_t tempAd">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3445002631436000";
/* HTMLSnap - Left Nav Ad */
google_ad_slot = "4594477967";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="Applist" class="center">
<div class="nav_width center marg_b menu_head"><h4 class="m_h4">More Webcam Effects Applications</h4></div>
<ul style="display:table">
<li class="app_li" onclick="openURL('Snapshot2');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico snapshot2 table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Snapshot2" class="lnk">Snapshot 2.0</a></div>
</li>
<li class="app_li" onclick="openURL('Anime');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico anime table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Anime" class="lnk">Ani-Me</a></div>
</li>
<li class="app_li" onclick="openURL('Color-Channels');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico colcha table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Color-Channels" class="lnk">Colour Channels</a></div>
</li>
<li class="app_li" onclick="openURL('Liquefy');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico liquefy table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Liquefy" class="lnk">Liquefy</a></div>
</li>
<li class="app_li" onclick="openURL('Colorize');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico colourise table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Colorize" class="lnk">Colourise</a></div>
</li>
<li class="app_li" onclick="openURL('Overlay');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico overlay table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Overlay" class="lnk">OverLay</a></div>
</li>
<li class="app_li" onclick="openURL('Blender');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico blender table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Blender" class="lnk">Blender</a></div>
</li>
<li class="app_li" onclick="openURL('Colorize2');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico colourise2 table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Colorize2" class="lnk">Colourise 2.0</a></div>
</li>
<li class="app_li" onclick="openURL('Mycelium');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico mycelia table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Mycelium" class="lnk">Mycelium</a></div>
</li>

</ul>
<div class="nav_width center marg_b menu_head"><h4 class="m_h4">Webcam Themed Effects</h4></div>
<ul style="display:table">
<li class="app_li" onclick="openURL('Halloween');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico halloween table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Halloween" class="lnk">Halloween</a></div>
</li>
<li class="app_li" onclick="openURL('Valentines');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico valentines table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Valentines" class="lnk">Valentine's</a></div>
</li>
<li class="app_li" onclick="openURL('Easter');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico easter table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Easter" class="lnk">Easter</a></div>
</li>
<li class="app_li" onclick="openURL('Christmas');">
<img src="http://resources.htmlsnap.com/Images/Layout/t.gif" height="71" width="72" class="ico xmas table_cell" />
<div class="table_cell p_l va_m w_100"><a href="http://webcam.htmlsnap.com/Christmas" class="lnk">Christmas</a></div>
</li>

</ul>
<div class="nav_width center marg_b menu_head"><h4 class="m_h4">Other Site Links</h4></div>
<ul style="display:table">
<li class="app_li" onclick="window.open('http://chat.htmlchat.net/');">
<img width="72" height="71" class="ico table_cell chat" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://chat.htmlchat.net/">Chat Online</a></div>
</li>
<li class="app_li" onclick="window.open('http://pastsnaps.htmlchat.net/');">
<img width="72" height="71" class="ico table_cell psts" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://pastsnaps.htmlchat.net/">Past Snaps</a></div>
</li>
<li onclick="window.open('http://hdbooth.net/');" class="app_li">
<img width="72" height="71" src="http://resources.htmlchat.net/Images/Layout/hdb.png" class="table_cell">
<div class="table_cell p_l va_m w_100"><a href="http://hdbooth.net/" class="lnk">HD Booth</a></div>
</li>
<li class="app_li" onclick="window.open('http://quicksnap.webcamwall.net/');">
<img width="72" height="71" class="ico table_cell wcw" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://quicksnap.webcamwall.net/">WebcamWall</a></div>
</li>
<li class="app_li" onclick="window.open('http://afbconfessions.com/?id=random&noad');">
<img width="72" height="71" class="ico table_cell fb" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://afbconfessions.com/?id=random&noad">AFB Confession</a></div>
</li>
<li class="app_li" onclick="window.open('http://tumblr.htmlsnap.com/');">
<img width="72" height="71" class="ico table_cell tum" src="http://resources.htmlsnap.com/Images/Layout/t.gif">
<div class="table_cell p_l va_m w_100"><a class="lnk" href="http://tumblr.htmlsnap.com/">Tumbr</a></div>
</li>
</ul>
</div>

</div>
<div id="Main" class="f_l">
	

<div id="AppLoader" class="b_l b_b">

<object id="snapApp" name="snapApp" type="application/x-shockwave-flash" data="../Resources/Swf/Apps/Snapshot.swf?name=&id="
    width="640" height="550">
      <param name="movie" value="../Resources/Swf/Apps/Snapshot.swf?name=&id=" />
      <param name="allowScriptAccess" value="always" />
      <param name="quality" value="best" />
      <param name="wmode" value="transparent" /> 
      <param name="scale" value="Scale" />
      <param name="salign" value="TL" />
      <param name="name" value="snapApp" />
      <param name="FlashVars" value="playerMode=embedded" />
</object>
</div>
<div class="p_t p_b f_r bcol txt_center" style="width:100%;">

<!--
<input type="button" class="btn curve" value="Post To Tumblr" onclick="upTumblr()" />
-->

<input type="button" class="btn curve" value="Vertical Flip" onclick="flipV()" />
<input type="button" class="btn curve" value="Horizontal Flip" onclick="flipH()" />

<input type="button" class="btn curve" value="Remove Logo" onclick="logoGo()" />
</div>

<div class="center marg_t txt_center">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3445002631436000";
/* BannerUnderApp */
google_ad_slot = "3505734974";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div id="Socialbar" class="curve app_bckcol w_100 marg_t marg_b center">
<div class="f_r" style="margin-right:140px;padding-top:3px;">
<button class="f_l btn curve" onclick="window.open('http://chat.htmlchat.net/');">Share Snaps And Chat</button>
</div>
<div class="addthis_toolbox addthis_default_style p_r p_l p_t p_b">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div> 
<script type="text/javascript"> 
var addthis_config = {"data_track_clickback":true};
function createscript(url,id){var oNode=document.createElement("script");document.getElementsByTagName("head")[0].appendChild(oNode);oNode.setAttribute("type", "text/javascript", 0);oNode.setAttribute("src", url, 0);}
createscript('http://s7.addthis.com/js/250/addthis_widget.js#username=123546789');
</script> 
<div style="position:relative;left:550px;top:-30px;width:80px;"><g:plusone size="medium"></g:plusone></div>
</div>
<div class="bbdr center marg_b marg_t">Your last few photos.</div>
<div id="snaps">
(Empty)
</div>
<hr class="bbdr marg_b marg_t cb" />
<div class="cb">
<p>
Note that the list of photos above will be cleared when;
</p>
<ul>
<li> 1.] You leave or refresh the page.</li>
<li> 2.] You click to another <a href="http://snapshot2.htmlchat.net/" target="_blank" style="color:#000">webcam effects</a> application.</li>
</ul>
<p>
If you're not signed in be sure you save your Snapshot links before you exit this application page.
</p>
<hr class="bbdr marg_b marg_t" />
</div>
<div id="info1">
<p class="info_heading curve"><span class="expand">+</span> Tips For Taking The Best Webcam Photo. </p>
<div class="info_content curve">
<p>When taking your webcam photo, whether or not you have a high quality and expensive webcam you can still follow some basic steps to get the best photo possible out of your web-camera.</p>
<p>One of the main important things to focus on when taking a photo is the lighting. Be sure that the light source is not behind the subject (you), as it will likely flood the webcam lens with light and cast the subject as a black/dark shadow.</p>
<p>To prevent this you simple need the source light to shine on the subject and to be behind the web-camera (see sample image below).</p>
<p><img src="http://resources.htmlsnap.com/images/layout/CamSetUp.jpg" height="304" width="104" /></p>
</div>

<p class="info_heading curve"><span class="expand">+</span> Links To This App To Share Or Add To Your Site. </p>
<div class="info_content curve">
<div>
It is recommended that you also bookmark the alternative page to this application which is here <a href="http://htmlchat.net/99/Snapshot/">Snapshot</a> and is hosted on a different server, so you should always be able to host a photo online using these effects.
<p>
Share This URL&nbsp;<input value="http://webcam.htmlsnap.com/Snapshot/Default.asp" readonly="true" onclick="this.select();" style="border:solid 1px #000;width:350px;" /></p><p>
Add This Link&nbsp;&nbsp;&nbsp;<input value='<a href="http://webcam.htmlsnap.com/Snapshot/Default.asp" target="_Blank">HTML Snap</a>' readonly="true" onclick="this.select();" style="border:solid 1px #000;width:350px;" /></p>
</div>
</div>




<p class="info_heading curve"><span class="expand">+</span> Filters &amp; Effects Descriptions. </p>
<div class="info_content curve">

<p>The following is a list and a small description of the webcam effects that can be applied with this photo booth application.</p>
<ul>
<li><span class="blu" title="No Effect">None         - </span> No filters will be applied.</li>
<li><span class="blu" title="Reflect Left">Mirror Left  - </span> This effect will take the left half of the webcam photo booth display and mirror/reflect it on the right side.</li>
<li><span class="blu" title="Reflect Right">Mirror Right - </span> This effect will take the right half of the webcam photo booth display and mirror/reflect it on the left side.</li>
<li><span class="blu" title="Reflect Top">Mirror Top   - </span> This effect will take the top half of the webcam photo booth display and mirror/reflect it on the bottom half.</li>
<li><span class="blu" title="Reflect Bottom">Mirror Bottom - </span> This effect will take the bottom half of the webcam image and mirror/reflect it on the top half.</li>
<li><span class="blu" title="Inverse">Inverse      - </span> This effect will split the photo booth display at the horizontal centre and reverse/invert each half to their opposite points.</li>
<li><span class="blu" title="Mirror Quad">Mirror Quad  - </span> This effect will reflect four instances of the photo booth display with the reflection from the center point, through the horizontal and vertical axis.</li>
<li><span class="blu" title="Mirror">Mirror       - </span> This effect will mirror the opposite of "none".</li>
<li><span class="blu" title="Upside Down">Upside Down  - </span> This effect will display the webcam photo upside down.</li>
<li><span class="blu" title="Divide">Divide       - </span> This effect will split the web-cam photo at the horizontal centre and delay the timing of the display time of each half with respects to each other.</li>
<li><span class="blu" title="FilmStrip">FilmStrip    - </span> This effect will show a filmstrip reel of small web-cam instances each with a slight delay in gradient giving the image capturing movie reel effect.</li>
<li><span class="blu" title="Fragment">Fragment     - </span> This effect will fragment your webcam by superimposing and enlarging selected pixels over the webcam instance.</li>
<li><span class="blu" title="Ghost">Ghost   - </span> This effect will capture and overlay a delayed instance over the original real-time webcam photo, giving the delayed instance an alpha filter to create the ghost effect.</li>
<li><span class="blu" title="Bulge">Bulge   - </span> This effect among other things, will make your nose huge! :(.</li>
<li><span class="blu" title="Fish Bowl">FishBowl - </span> This effect curves the photo booth display.</li>
<li><span class="blu" title="Dent">Dent     - </span> This effect gives the impression of a dent to the centre of the webcam capture.</li>
<li><span class="blu" title="Squeeze ">Squeeze  - </span> This effect squeezes your webcam image image to a central point.</li>
<li><span class="blu" title="Water">Water   - </span> This effect allows you to take dip without getting wet, the classic water effect.</li>
<li><span class="blu" title="Fire">Fire		- </span> This effect will produce flames around any objects within the photo booth display, including you!. If the object is moving the flames intensify.</li>
<li><span class="blu" title="Plasma">Plasma	- </span> This filter displays balls of motion detecting plasma onto the webcam picture (move around and watch them track you!).</li>
<li><span class="blu" title="Snow">Snow 	- </span> This effect as the name suggests will cause it to snow wherever you are whatever the weather.</li>
<li><span class="blu" title="Steam">Steam   - </span> This filter gives the impression of steam on the webcam photo lens, movement will momentarily remove the steam.</li>
<li><span class="blu" title="Swarm">Swarm   - </span> This effect adds a swarm of motion detecting 'flies' to the webcam instance.</li>
<li><span class="blu" title="Pixelate">Pixelate  - </span> This effect will reduce the pixel rate of your webcam instance.</li>
<li><span class="blu" title="RGB">RGB       - </span> This filter returns an interlace of Reds Greens and Blues (RGB).</li>
<li><span class="blu" title="Half Tone">HalfTone     - </span> This effect resolves your webcam instance data into black dots with a white background.</li>
<li><span class="blu" title="Mono Chrome">MonoChrome   - </span> This photo filter will add a grayscale or black-and-white shades to your webcam instance.</li>
<li><span class="blu" title="Sepia">Sepia   - </span> This filter will give your webcam instance a warmer tone and to enhance its archival qualities and return an old style image.</li>
<li><span class="blu" title="Hulk">Hulk     - </span> This effect adds and subtracts an offset on the colour green within a loop.</li>
<li><span class="blu" title="Rainbow">Rainbow  - </span> This effect adds and subtracts an offset on the colours red, blue and green within a loop outputting the result to the webcam picture.</li>
<li><span class="blu" title="Rush Of Red">Seething Red - </span> This effect adds and subtracts an offset on the colour red within a loop returning the filtered image of the webcam.</li>
<li><span class="blu" title="Rush of Blue">Rush Of Blue - </span> This effect adds and subtracts an offset on the colour blue within a loop removing the reds and greens from the webcam photo.</li>
<li><span class="blu" title="Ascii">Ascii   - </span> This effect will turn your webcam photo booth display into green text (similar to Matrix).</li>
<li><span class="blu" title="Xray">X-ray    - </span> This effect will create and apply an x-ray style effect onto the photo booth display.</li>
<li><span class="blu" title="Warhol">Warhol - </span> This effect is known as the Andy Warhol Photo Effect.</li>
<li><span class="blu" title="Glow">Glow     - </span> This photo filter inverts the glow effect onto the photo booth display.</li>
<li><span class="blu" title="Split Screen">Split Screen - </span> This effect scrolls two instances of your webcam photo through a central horizontal split.</li>
<li><span class="blu" title="Vertical Rainbow">Rainbow Vertical   - </span> This filter will slice up the photo booth display into vertical pieces and color them in a rainbow sequence.</li>
<li><span class="blu" title="Horizontal Rainbow">Rainbow Horizontal - </span> This filter will slice up the photo booth display into horizontal pieces and color them in a rainbow sequence.</li>
</ul>	


</div>




<p class="info_heading curve"><span class="expand">+</span> General Application Functionality. </p>
<div class="info_content curve">
<p>This is a general description of all of the HTMLSnap applications and their functions, so keep in mind that some parts of this description may only apply to specific applications.</p>
<dl id="appFunc">
<dt>[Capture]</dt>
<dd>Clicking the 'Capture' button will freeze a single frame from your webcam and open up new options for printing or saving the webcam frame as a JPEG file (or a GIF file and multiple frames within the Ani-Me application).</dd>
<dt>[Delete]</dt>
<dd>Clicking the 'Delete' button will remove the webcam frame you previously captured and give you the ability to capture another new frame.</dd>
<dt>[Snap It]</dt>
<dd>Clicking the 'Snap' button will upload and save your cuptured webcam frame to the HTMLSnap server(s) for free hosting. Depending on whether you're logged in when snapping the photo, your snapshot may expire and auto delete after 2 months.</dd>
<dt>[Snag It]</dt>
<dd>Clicking the 'Snag' button will save your captured webcam frame as a JPEG file (or GIF within Ani-Me) locally to your computer to any folder/local location that you decide to choose.</dd>
<dt>[Print]</dt>
<dd>Clicking the 'Print' button will send the captured webcam frame to your selected printer handler for printing (or PDF file creation).</dd>
<dt>[Previous]</dt>
<dd>Clicking the 'Previous' button (where applies) will set the previous filter, effect or image within the webcam effects application you're currently using.</dd>
<dt>[Next]</dt>
<dd>Clicking the 'Next' button (where applies) will set the next filter, effect or image within the webcam effects application you're currently using.</dd>
<dt>[Time Delay]</dt>
<dd>Setting a 'Time Delay' from the drop-down list will enable you to delay the frame capture of your photo by X number of seconds, giving you time to set a pose. Where 'X' is a minimum of 3 seconds and a maximum of 60 seconds.</dd>
<dt>[Reset]</dt>
<dd>Clicking the 'Reset' button (where applies) will reset the webcam instance to its normal state.</dd>
<dt>[Load Image]</dt>
<dd>Clicking the 'Load Image' button (where applies) will allow you to add a local image from your computer to the webcam application for unique personalised effects.</dd>
<dt>[Post To Tumblr]</dt>
<dd>Clicking the 'Post To Tumblr' button will open a new popup window that will allow you to send your snapshot photo to the HTMLSnap.Com <a href="http://tumblr.htmlsnap.com">Tumblr account</a>. There will also be an option for you to add your own Tumblr account name. This will give visitors the chance to click straight through to your Tumblr and who knows, maybe increase your follows.</dd>
<dt>[Vertical Flip]</dt>
<dd>Clicking the 'Vertical Flip' button under the application (where applies) will flip your webcam instance upside down.</dd>
<dt>[Horizontal Flip]</dt>
<dd>Clicking the 'Horizontal Flip' button under the application (where applies) will mirror your webcam instance.</dd>
<dt>[Remove Logo]</dt>
<dd>Clicking the 'Remove Logo' button will remove the HTMLSnap.com logo from your snapshot(s), however this option is for logged in members only.</dd>
</dl> 
</div>
<p class="info_heading curve"><span class="expand">+</span> Public Or Private Licence. </p>
<div class="info_content curve">
<p>(Members Only) When setting your galleries to public all of the snapshots you put in to that public gallery will be assigned with a "Public Domain" Creative Commons licence (view site Terms).</p>
<p>Alternatively all snapshots are otherwise considered private and full responsibility belongs solely with the uploader and are attached with a private licence.</p>
</div>
</div><div id="info2">
<p class="info_heading curve terms marg_t"><span class="expand">+</span> Terms &amp; Conditions - Quick Overview.</p>
<div class="info_content curve">
<h4>Violations.</h4>
<p> Snapshots containing race hate, spam, harassment, gore or anything considered to be any of those things by site moderator(s) reviewing the reported snapshot(s) are completely forbidden from this site.</p>
</div>
<p class="info_heading curve terms"><span class="expand">+</span> Terms &amp; Conditions - Full Version.</p>
<div class="info_content curve">
<a href="http://htmlsnap.com/terms.html" onclick="openMod('terms.html',600,600);return false;">Click Here To Read The Full Site Terms</a>.
</div>
<p class="info_heading curve terms" id="ppp"><span class="expand">+</span> Privacy Policy.</p>
<div id="pripol" class="info_content curve">
</div>
</div>
<br />
<img onclick="openMod('http://chat.htmlchat.net',750,850);return false;" src="http://resources.htmlchat.net/Images/Layout/Images.aspx?img=chaticon.png" style="position:fixed;top:43px;right:0px;height:40px;" id="chat" alt="Chat" class="cp" title="Share your snaps in chat.">


</div>
<!-- end content -->
</div>
<div style="display:none">
<div class="show" id="show_create" style="width:800px;height:550px">
<div id="SignupContainer" class="center" style="width:600px;">
<form class="cform" id="signupForm" method="post" action="?signup=1">
	<fieldset>
		<legend>HTML Snap Sign Up</legend>
		<p><label for="username">User Name: </label><input id="username" name="username" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_user" width="16" height="16" /></p>
		<p><label for="password">Password: </label><input id="password" name="password" type="password" onkeyup="testPassword(this.value);" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_pass" width="16" height="16" /> <span id="passmeter">&nbsp;</span></p>
		<p><label for="confirm_password">Confirm Password: </label><input id="confirm_password" name="confirm_password" type="password" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_passc" width="16" height="16" /></p>
		<p><label for="email">Email Address: </label><input id="email" name="email" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_email" width="16" height="16" /></p>
		<p><label for="agree">Check the box to agree to the <a href="terms.html" onclick="openMod('terms.html',600,600);return false;">Terms</a></label><input type="checkbox" class="checkbox" id="agree" name="agree" /></p>
		<center><p><input class="btn curve" type="submit" value="Submit Sign Up Form" /></p></center>
	</fieldset>
</form>
</div>
<br />
<div class="marg_l marg_r p_l p_r" style="padding:15px;border:groove 2px #00ff00;">
<p class="r p_l p_r">&nbsp;&nbsp;</p>
<br />
<div class="b_list">
<ul>
<li> 1.] Your User Name should only contain upper and/or lower case letters, numbers and the underscore ("_") characters and be no less than 3 characters and no more than 17.</li>
<li> 2.] It is recommended that your password is no less than "mild" in strength.</li>
<li> 3.] Your e-mail address must be valid and will be used to confirm your new account.</li>
<li> 4.] You must agree to the terms by clicking the checkbox before the form will submit successfully (click the "Terms" link to read the site terms).</li>
</ul>
</div>
</div>
</div>
</div>

<div style="display:none">
<div class="show" id="SignIn" style="width:800px;height:400px">
<div id="SigninContainer" class="center" style="width:600px;">
<form class="sform" id="signinForm" method="post" action="?signin=1">
	<fieldset>
		<legend>HTML Snap Sign In</legend>
		<p><label for="user">User Name: </label><input id="user" name="user" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_user" width="16" height="16" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_email" width="16" height="16" /><span> Or email address.</span></p>
		<p><label for="pass">Password: </label><input id="pass" name="pass" type="password" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_pass" width="16" height="16" /> <span class="link" onclick="passRemindDiv();">Forgot ?</span></p>
		<p>&nbsp;</p>
		<center><p><input class="btn curve" type="submit" value=" Sign In " /></p></center>
	</fieldset>
</form>
</div>
<p class="r p_l p_r">&nbsp;&nbsp;</p>

<div id="passReminder" style="display:none">
<form class="sform" id="RemindForm" method="post" action="Reminder.asp"><center>
<p><label for="ResetRqu">Your E-mail Address: </label><input id="ResetRqu" name="ResetRqu" /><img src="http://resources.htmlsnap.com/Images/Layout/t.gif" class="ico_form  ico_email" width="16" height="16" /></p>
		<p>&nbsp;</p>
		<p><input class="btn curve" type="submit" value=" Request Reset Password " /></p></center>
</form>
</div>
</div>
</div>
<!-- end container -->
<!-- ### Container -->
<div id="Footer" class="txt_center"><!-- start footer -->
<p style="line-height:230%;font-size:12px;">HTML Snap 2013&nbsp;|&nbsp;<a href="https://www.google.com/adplanner/site_profile?s=htmlsnap.com&amp;b=1" style="color:#fff">Ad Planner</a>&nbsp;|&nbsp; <a href="http://htmlchat.net" style="color:#fff">HTML Chat</a> &nbsp;|&nbsp; <a href="mailto:report@htmlsnap.com?subject=Reported%20Problem" style="color:#fff">Report A Problem</a>&nbsp;|&nbsp;<a href="http://tumblr.htmlsnap.com" style="color:#fff" target="_blank">Tumblr</a>&nbsp;|&nbsp;<a target="_blank" style="color:#fff" title="Online Confessions" href="http://afbconfessions.com">AFB</a>&nbsp;|&nbsp;<a target="_blank" style="color:#fff" title="High-Definition Webcam Photo Booth" href="http://hdbooth.net">HD Booth</a></p>
</div><!-- end footer -->
<!-- ### foot -->
<script type="text/javascript" src="http://resources.htmlsnap.com/JScript/passwordmeter.js"></script>
<script type="text/javascript">
$("a.grouped_elements").fancybox();
$("#AccPage").fancybox();

$(document).ready(function() {
$("#form_create").fancybox({'onComplete':openForm,'padding':0,'cyclic':true,'width':'80%','height':'80%','padding':0,'margin':0,'speedIn':300,'speedOut':300,'transitionIn':'elastic','transitionOut':'elastic','easingIn':'swing','easingOut':'swing','titleShow':false}); 
//$("#form_create").trigger('click');
$("#SigninPage").fancybox({'onComplete':openSForm,'padding':0,'cyclic':true,'width':'80%','height':'80%','padding':0,'margin':0,'speedIn':300,'speedOut':300,'transitionIn':'elastic','transitionOut':'elastic','easingIn':'swing','easingOut':'swing','titleShow':false}); 
//$("#SigninPage").trigger('click');
  });

function open_account(){
$("#form_create").trigger('click');
}

function fancyAlert(msg){
jQuery.fancybox({'modal' : true,
'content' : "<div style=\"width:240px;\">"+msg+"<div style=\"text-align:right;margin:10px;\"><input class=\"bnt curve\" type=\"button\" onclick=\"jQuery.fancybox.close();\" value=\"    OK    \"><\/div><\/div>"
});
}	
function openForm() {$('#username').focus();}
function openSForm(){$('#user').focus();}
function removeLoader(){  
$('#AppLoader').css('background','#ffffff');
getFlashMovie("snapApp").loadKey(appFlashID);
}

function flipH(){getFlashMovie("snapApp").flipH();}
function flipV(){getFlashMovie("snapApp").flipV();}
function logoGo(){getFlashMovie("snapApp").logoGo();}
function upTumblr(){getFlashMovie("snapApp").upTum();}

function getFlashMovie(movieName) {
  var isIE = navigator.appName.indexOf("Microsoft") != -1;
  return (isIE) ? window[movieName] : document[movieName];
}

function loadError(err) {
var briefDiscription = "";
switch(err){
case "Banned":
    briefDiscription = "(error)<b>"+err+"<\/b>: You appear to be banned from saving snaps.<br \/><br \/><b>Solution:<\/b> e-mail: Admin@htmlsnap.com.";
  break;
case "MaxLimit":
    briefDiscription = "(error)<b>"+err+"<\/b>: You have hit the maximum limit for non-members for today.<br \/><br \/><b>Solution:<\/b> Try again in 24 hours or simply sign up and take unlimited snapshots.";
  break;
case "Duplicate":
    briefDiscription = "(error)<b>"+err+"<\/b>: Your last snapshot taken matches the exact pixel data of another snapshot.<br \/><br \/><b>Solution:<\/b> Try again with different settings/effects or arrangement.";
  break;
case "ImageNameFailed":
    briefDiscription = "(error)<b>"+err+"<\/b>: The server failed to create a unique snapshot name.<br \/><br \/><b>Solution:<\/b> Try again.";
  break;
case "sizeLimt":
    briefDiscription = "(error)<b>"+err+"<\/b>: The server rejected the last snaphot because there wasn't enough data.<br \/><br \/><b>Solution:<\/b> Make sure your snapshot contains sufficient pixel data (ie: if your room is too dark, turn on a light).";
  break;
case "NoData":
    briefDiscription = "(error)<b>"+err+"<\/b>: The server could not find any image data.<br \/><br \/><b>Solution:<\/b> Try again.";
  break;
default:
	briefDiscription = "<b>An unknown error occurred.<\/b>";
	}
	fancyAlert(briefDiscription);
}

var i_img=0;

function loadImg(img,sub) {
if($("#snaps").html().indexOf("Empty") !== -1){$("#snaps").html(buildImg(img, sub));
}else{
$("#snaps").html(buildImg(img, sub) + $("#snaps").html());}
$("a.grouped_elements").fancybox({'padding':0,'cyclic':true,'width':460,'height':400,'padding':0,'margin':0,'speedIn':300,'speedOut':300,'transitionIn':'elastic','transitionOut':'elastic','easingIn':'swing','easingOut':'swing','titleShow':false,'type':'iframe'});
$("#snap"+i_img).trigger('click');
i_img++;
}

function buildImg(img,sub){
var htmlImg = '<div class="img txt_center f_l">'
+'<a href="http:\/\/htmlsnap.com\/SnapshotHolder.asp?img='+img+'&sub='+sub+'"'
+' target="_blank" title="Snap" class="grouped_elements" id="snap'+i_img+'">'
+'<img width="130" height="98" alt="Snapshots" src="http:\/\/'+sub+'.htmlsnap.com\/?img='+img+'&size=4">'
+'<\/a><\/div>';
return htmlImg;
}

function passRemindDiv(){
$("#passReminder").toggle();
}

function prop_dropLists(){$(".info_content").hide();$(".info_heading").click(function(){if($(this).children("span").html()=="+"){$(this).children("span").html("-");}else{$(this).children("span").html("+");}$(this).next(".info_content").slideToggle(200);});$("#ppp").click(function(){var loadUrl="../private_policy.html";if(!pripol_loaded){$("#pripol").html(ajax_load).load(loadUrl);pripol_loaded=true;}})}
prop_dropLists();


</script>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
  </body>
</html>