<!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" lang="en" xml:lang="en">
<head>
    <title>HTML Chat - With Webcam Effect To Take Photos Online With Your Webcam.</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="Webcam Effects and HTML Chat - Chat online with real html tags. Take webcam photobooth images online with over 100 different effects, filters, styles and themes to choose from with HTML Snap. It's completely free to snap photos with this photobooth app and host them as well as saving them directly to you computer and now nearly all apps have a time delay setting enabled." /> 
<meta name="robots" content="index, follow" />
<link rel="canonical" href="http://htmlchat.net" />
<link rel="icon" href="ico/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="Resources/CSS/Styles3.asp?ch=21" type="text/css" charset="utf-8" />
<style type="text/css">
dt{color:#00f;}#preheader{background:#4DCFCF;}#fancybox-overlay{background-color:#4DCFCF!important;}
#body{border-right:solid #4DCFCF 1px;border-left:solid #4DCFCF 1px;}
.bxbrd{border:1px #4DCFCF solid;background-color:#4DCFCF;}.ml35{margin-left:35px;}
.info_heading{background-color:#4DCFCF;background-image:-webkit-gradient(linear,0 0,0 100%,from(#4DCFCF),to(#000000));background-image:-moz-linear-gradient(top, #4DCFCF, #000000);filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#000000',StartColorstr='#4DCFCF',GradientType=0);}
</style>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.6.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script type="text/javascript">
var idKey     = "";
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2172027-5']);
_gaq.push(['_setDomainName', 'htmlchat.net']);
_gaq.push(['_setAllowLinker', true]);
_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>
</head>
<body>

<div id="container">
    <div id="main">
       <div id="preheader" class="cc">
        <div id="header" class="cc">
		<div id="gda" class="fl">

<a href="http://htmlchat.net"><img src="http://resources.htmlchat.net/Images/Layout/t.gif" class="sprites htmlchat" width="172" height="110" alt="HTML CHAT" /></a>
		</div>
	<div id="rheader" class="ctr"><a href="http://www.youtube.com/watch?v=4Z9WVZddH9w" target="_blank"><img alt="Zeitgeist" src="http://resources.htmlchat.net/Images/Layout/zeitmf.jpg" width="632" height="46"  /></a></div>
	<div id="lheader" class="ctr">
		<a href="http://www.youtube.com/watch?v=KphWsnhZ4Ag" target="_blank"><img alt="Venus Project" src="http://resources.htmlchat.net/Images/Layout/vp.jpg" width="402" height="46" title="Resource-Based Economy" /></a>
	</div>
        </div>
    </div>
 <div class="cc" id="tbdr">
 <div class="fl left_b w17 h13 bb"></div><div class="ctrb fl center_b h13 bb"></div><div class="fl right_b w17 h13 bb"></div>
 </div>
        <div id="body" class="cc">
            <div id="left-sidebar" class="fl">

<div class="hinfo h1"><h1>HTML Chat</h1></div>
<ol>
<li><a href="http://htmlchat.org/?name=htmlchat" target="_blank" title="Chat">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="chat sprites" alt="HTML Chat" /><span class="applnk">Chat Room</span></a>
</li>
</ol>
<div id="yop" class="p_t p_b">
<div id="gdc" class="gd">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3445002631436000";
/* Skyscrap - Above Nav */
google_ad_slot = "9514569047";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<div class="hinfo h1"><h1>Webcam Effect Apps</h1></div>
<ol>
<li><a href="http://snapshot.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="snapshot sprites" alt="Webcam snapshot Effect App" /><span class="applnk">Snapshot</span></a>
</li>
<li><a href="http://snapshot2.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="snapshot2 sprites" alt="Webcam snapshot2 Effect App" /><span class="applnk">Snapshot 2.0</span></a>
</li>
<li><a href="http://anime.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="anime sprites" alt="Webcam anime Effect App" /><span class="applnk">Ani-Me</span></a>
</li>
<li><a href="http://color-channels.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="color-channels sprites" alt="Webcam color-channels Effect App" /><span class="applnk">Colour Channels</span></a>
</li>
<li><a href="http://liquefy.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="liquefy sprites" alt="Webcam liquefy Effect App" /><span class="applnk">Liquefy</span></a>
</li>
<li><a href="http://colorize.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="colorize sprites" alt="Webcam colorize Effect App" /><span class="applnk">Colourise</span></a>
</li>
<li><a href="http://overlay.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="overlay sprites" alt="Webcam overlay Effect App" /><span class="applnk">OverLay</span></a>
</li>
<li><a href="http://blender.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="blender sprites" alt="Webcam blender Effect App" /><span class="applnk">Blender</span></a>
</li>
<li><a href="http://colorize2.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="colorize2 sprites" alt="Webcam colorize2 Effect App" /><span class="applnk">Colourise 2.0</span></a>
</li>
<li><a href="http://mycelium.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="mycelium sprites" alt="Webcam mycelium Effect App" /><span class="applnk">Mycelium</span></a>
</li>
<li><a href="http://green-screen.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="green-screen sprites" alt="Webcam green-screen Effect App" /><span class="applnk">Green Screen</span></a>
</li>
<li><a href="http://campad.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="campad sprites" alt="Webcam campad Effect App" /><span class="applnk">CamPad</span></a>
</li>
<li><a href="http://anime2.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="anime2 sprites" alt="Webcam anime2 Effect App" /><span class="applnk">Ani-Me2</span></a>
</li>

<li><a href="http://stickersnap.htmlchat.net/" title="Stickers">
<img src="http://resources.htmlchat.net/Images/Layout/sticker.png" height="71" width="72" class="stickersnap" alt="Stickers" /><span class="applnk">StickerSnap</span></a>
</li>

</ol>
<div class="hinfo h1"><h1>Webcam Themed Apps</h1></div>
<ol>
<li><a href="http://halloween.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="halloween sprites" alt="Webcam halloween Theme App" /><span class="applnk">Halloween</span></a>
</li>
<li><a href="http://valentines.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="valentines sprites" alt="Webcam valentines Theme App" /><span class="applnk">Valentine's</span></a>
</li>
<li><a href="http://easter.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="easter sprites" alt="Webcam easter Theme App" /><span class="applnk">Easter</span></a>
</li>
<li><a href="http://christmas.htmlchat.net">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="christmas sprites" alt="Webcam christmas Theme App" /><span class="applnk">Christmas</span></a>
</li>

</ol>
<div class="hinfo h1"><h1>Other Games &amp; Apps</h1></div>
<ol>

<li><a href="http://artpad.htmlchat.net/" title="Art Pad">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="artpad sprites" alt="ArtPad" /><span class="applnk">ArtPad</span></a>
</li>

<li><a href="http://redballoons.htmlchat.net/" title="Balloon Popper">
<img src="http://resources.htmlchat.net/Images/Layout/redballoon.png" height="71" width="72" class="99red" alt="Red Balloons" /><span class="applnk">Ballon Popper</span></a>
</li>

</ol>
<div class="hinfo h1"><h1>Other Site Links</h1></div>
<ol>
<li><a href="http://hdbooth.net" target="_blank" title="High-Definition Webcam Booth">
<img src="http://resources.htmlchat.net/Images/Layout/hdb.png" height="71" width="71" alt="HDBooth" />
<span class="applnk">HD Booth</span></a>
</li>
<li><a href="http://webcamwall.net" target="_blank" title="Webcam wall">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="72" class="wcw sprites" alt="Webcam Wall" /><span class="applnk">Webcam Wall</span></a>
</li>
<li><a href="http://pastsnaps.htmlchat.net" target="_blank" title="Past 60 Webcam Snapshots">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="71" class="psts links" alt="Past Snaps" />
<span class="applnk">Past Snaps</span></a>
</li>
<li><a href="http://grooze.com" target="_blank" title="Grooze">
<img src="http://resources.htmlchat.net/Images/Layout/grooze.png" height="71" width="71" alt="Grooze" />
<span class="applnk">GrOoZe</span></a>
</li>
<li><a href="http://afbconfessions.com/?id=random&amp;noad" target="_blank" title="Confessions Online">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="71" class="fb links" alt="AFB" />
<span class="applnk">Confessions</span></a>
</li>
<li><a href="http://tumblr.htmlsnap.com" target="_blank" title="Tumblr">
<img src="http://resources.htmlchat.net/Images/Layout/t.gif" height="71" width="71" class="tum links" alt="Tumblr" />
<span class="applnk">Tumblr</span></a>
</li>

</ol>
<div class="pd">
<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* Bottom Nav txt Ad */
google_ad_slot = "1318464042";
google_ad_width = 200;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
		</div>
     <div id="content" class="fl">
<div id="maincontent">
<div class="ctr hdb">
<h1>HTML Chat.</h1>
</div>
<!--
<div class="pd marg_t fr"><form action="http://www.google.com/cse" id="cse-search-box"><div><input type="hidden" name="cx" value="partner-pub-3445002631436000:7820492212" /><input type="hidden" name="ie" value="UTF-8" /><input type="text" name="q" size="55" /><input type="submit" name="sa" value="Search" class="pd bc11" /></div></form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script></div>-->
<p class="marg_t cb"><acronym title="Hyper-Text Markup Language">HTML</acronym> Chat is a free advanced <strong>HTML</strong> (<span class="und">H</span>yper <span class="und">T</span>ext <span class="und">M</span>arkup <span class="und">L</span>anguage) rich, multimedia enabled chat application that has been specifically designed with full user functionality in mind.
 Functions such as posting and playing youtube videos in-chat, posting and viewing images at real-time as well as using <strong>REAL HTML tags</strong> to create a uniquely customised user alias.</p>
<p>Click the - <a href="http://htmlchat.org/?name=htmlchat" target="_blank" title="Chat"><span>Chat Room</span></a> - link and get chatting!.</p>
<h2>Creating Tags</h2>
<p>To create alias tags you can use REAL HTML. It is recommended that you use a HTML &lt;Table&gt; tag when creating an alias tag and inline CSS to style your tag. You can also try the online <a href="http://tags.jj4.org" target="_blank" title="Tag Editor" >Tag Creator</a> which will help users that are new to HTML coding in the creation of their alias tag.</p>
<h2>Video Sharing</h2>
<p>To send &amp; share Youtube videos, simply post the link that appears in the address bar of the Youtube page (eg:<a href="http://www.youtube.com/watch?v=MkaEKXJe9uk" target="_blank">http://www.youtube.com/watch?v=MkaEKXJe9uk</a>) directly into the chat. The video will play within a video container window so that you can view it in-chat without switching windows/tabs.</p>
<h2>Image Posting</h2>
<p>When posting images, simply post the direct image URL into to the chat as you would with an ordinary text post (eg:<a href="http://i982.photobucket.com/albums/ae305/murphoioioi/Animatedcat1gif.gif" target="_blank" title="Image Posting">http://i982.photobucket.com/albums/ae305/murphoioioi/Animatedcat1gif.gif</a>). The image will need to be hosted somewhere online. If however you want to post an image from your computer, then you can use the uploader app to upload and host/post your image directly.</p>
<h2>Video Call</h2>
<p>The in chat <b>Video Call</b> Flash application will allow you to chat one-to-one via a webcam and microphone with a friend (similar to Skype), using high quality streaming through UDP ports.</p>
<h2>Public Webcam</h2>
<p>As an alternative to the private one-to-one webcam connection offered by <b>Video Call</b>, you can also use the more public webcam broadcasting application that will display your webcam to all users that connect to your webcam stream.</p>
<div class="ctr hdb"><h1>Screenshots</h1>
<hr />
<h2>HTML Chat Old Non-IE Version</h2>
<p>
<a href="http://s3.amazonaws.com/data.tumblr.com/tumblr_lvo3tsGrdc1r676vco1_1280.jpg" target="_blank"><img src="http://resources.htmlchat.net/Images/ChromeChat.png" width="400" height="165" alt="HTMLChat Preview non-IE" /></a>
</p>
<h2>HTML Chat Old IE Version</h2>
<p>
<a href="http://28.media.tumblr.com/tumblr_lvqvco1jQL1r676vco1_1280.jpg" target="_blank"><img src="http://resources.htmlchat.net/Images/IEChat.png" width="400" height="165" alt="HTMLChat Preview IE" /></a>
</p>
</div>
<h4>Other URLs List</h4>
<ul type="disc" class="pd">
 <li><a href="http://htmlchat.org" title="HTML Chat" target="_blank">HTMLChat.Org</a></li>
 <li><a href="http://chatwithjustin.com" title="Justin Chat Room" target="_blank">ChatWithJustin.Com</a></li>
 <li><a href="http://addachat.com" title="Embedable HTML Based Chat" target="_blank">Add A Chat</a></li>
 <li><a href="http://99.com" title="Javascript - HTML Based Chat" target="_blank">99.Com</a></li>
</ul> 
<div id="ccodecontainer">
<h2>Chat Room Code Generator</h2>
<pre>
<label for="roomname">Room Name          :</label> <input type="textbox" class="text" id="roomname" name="roomname" value="99" onchange="roomName=this.value.replace(/\./g,'');updateCode()" />
<label for="username">Name Your Visitors :</label> <input type="textbox" class="text" id="username" name="username" value="htmlchat" onchange="userName=this.value;updateCode()" />
<label for="height">ChatRoom Height    :</label> <input type="textbox" class="text" id="height" name="height" value="600" onchange="chatHeight=this.value;updateCode()" />
<label for="width">ChatRoom Width     :</label> <input type="textbox" class="text" id="width" name="width" value="850" onchange="chatWidth=this.value;updateCode()" />
</pre>
<h4>Advance Options</h4>
<pre>
<label for="sidebar">Chat SideBar       :</label> <select id="sidebar" name="sidebar" onchange="isSidebar=this.value;updateCode();">
                                            <option value="on"> On </option>
                                            <option value="off"> Off </option>
                                           </select>
<label for="format">Chat Format        :</label> <select id="format" name="format" onchange="isFormat=this.value;updateCode();">
                                            <option value="on"> On </option>
                                            <option value="off"> Off </option>
                                           </select>
<label for="images">Chat Images        :</label> <select id="images" name="images" onchange="isImages=this.value;updateCode();">
                                            <option value="on"> On </option>
                                            <option value="off"> Off </option>
                                            <option value="small"> Small </option>
                                           </select>
                                           
<label for="format">BG Default         :</label> <select id="format" name="format" onchange="bgs=this.value;updateCode();">
                                            <option value="on"> On </option>
                                            <option value="off"> Off </option>
                                           </select>
<label for="bg">Chat Background    :</label> <input type="textbox" class="text" id="bg" name="bg" value="black" onchange="chatBackground=this.value;updateCode()" />
<small>(Hex color codes or even an image url will also work as backgound inputs)</small>
<small>example:  http://99.com/_images/stars.gif </small>  
</pre>
<h4 class="ctr">Copy &amp; Paste This Code To Your Website's HTML</h4>
<textarea id="copyCode"></textarea>
</div>

<script>
var domain,bgs,chatBackground,userName,roomName,isSidebar,isFormat,isImages,chatHeight,chatWidth='';
domainName='99.htmlchat.org';
bgs='on';
chatBackground='black'
userName='htmlchat';
roomName='99';
isSidebar='on';
isFormat='on';
isImages='on';
chatHeight='600';
chatWidth='850';      
function getURL(){
return '&lt;iframe src="http://' + domainName
     + '/?bgs=' + bgs + '&bg=' + escape(chatBackground) + '&name=' + userName
     + '&room=' + roomName
     + '&sidebar=' + isSidebar + '&format=' + isFormat 
     + '&images=' + isImages + '" height="' + chatHeight 
     + '" width="' + chatWidth 
     + '"&gt;&lt;/iframe&gt;';
}
function updateCode(){document.getElementById("copyCode").innerHTML = getURL();}
updateCode();
</script>



</div><!--End main-->
<div id="siteinfo">
<p class="info_heading bc11 terms"><span class="expand">+</span> Terms &amp; Conditions - Quick Overview.</p>
<div class="info_content bc11 dpn"><h4>Violations.</h4>
<p> Snapshots containing race hate, spam, harassment, gore or anything considered to be any of those things by the site moderator(s) reviewing the public or reported snapshot(s) are completely forbidden from this site.</p>
</div>
<p class="info_heading bc11 terms"><span class="expand">+</span> Terms &amp; Conditions - Full Version.</p>
<div class="info_content bc11 dpn">
<a onclick="openMod('terms.html',600,600);return false;" href="http://htmlsnap.com/terms.html">Click Here To Read The Full Site Terms</a>.
</div>
<p id="ppp" class="info_heading bc11 terms"><span class="expand">+</span> Privacy Policy.</p>
<div class="info_content bc11 dpn" id="pripol"></div>
</div>
<div style="margin-left:-8px;margin-top:15px;">
<script type="text/javascript">
google_ad_client = "ca-pub-3445002631436000";
/* ATF - Entire Site Header Ad */
google_ad_slot = "5851063812";
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>
      </div>
    </div>
<div class="cc" id="bbdr">
<div class="fl left_b w17 h13 bt"></div><div class="ctrb fl center_b h13 bt"></div><div class="fl right_b w17 h13 bt"></div>
</div>
<div id="footer" class="cc">
   <div class="fl footc">
<ul>
 <li><a href="http://tumblr.htmlchat.org" title="HTML Tumblr Page" target="_blank">Tumblr</a></li>
 <li><a href="http://afbconfessions.com" title="Online Confessions" target="_blank">AFB</a></li>
 <li><a href="http://htmlsnap.com" title="HTML Snap" target="_blank">HTMLSnap</a></li>
 <li><a href="http://www.zeitgeistmovie.com/" title="Join The Movement" target="_blank">Zeitgeist</a></li>
</ul> 
   </div>
   <div class="fl footc ctr">
<ul>
 <li><a href="http://99.com" title="Javascript - HTML Based Chat" target="_blank">99.Com</a></li>
 <li><a href="http://htmlchat.org" title="HTML Chat" target="_blank">HTMLChat.Org</a></li>
 <li><a href="http://chat.htmlchat.net" title="Chat Rooms Online" target="_blank">Online Chat</a></li>
 <li><a href="http://hdbooth.net" title="High Definition Webcam Photo Booth" target="_blank">HD Booth</a></li>
</ul> 
   </div>
   <div class="fl footc ctr">
<ul>
 <li><a href="http://chatwithjustin.con" title="Justin Chat" target="_blank">Chat With Justin</a></li>
 <li><a href="http://quicksnap.webcamwall.net" title="Webcam Wall - Quick Snaps" target="_blank">Quick Webcam Snap</a></li>
</ul> 
   </div>
   <div class="fl footc tar">
<ul>
 <li><a href="mailto:report@htmlchat.net?subject=Report%20Problem" title="HTML Chat Problem" target="_blank">Report A Problem</a></li>
 <li><a href="https://www.google.com/adplanner/site_profile#siteDetails?uid=domain%253A%2520htmlchat.net&amp;geo=001&amp;lp=false" title="Advertising On HTMLChat" target="_blank">Ad Planner</a></li>
</ul> 
   </div>
</div>
</div>
<script type="text/javascript">var appID="0";var t;var appName="htmlchat";var cache="2.5";</script>
<script type="text/javascript" src="http://resources.htmlchat.net/JS/Main2.1.js?c=20"></script>
<script type="text/javascript" src="http://resources.htmlchat.net/JS/thumbscroll.js"></script>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
</body>
</html>
