index.html

<!DOCTYPE html>
<html>
<head>
	<script src="tb.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<style>

		video{
			width:300px;
			height:300px;
			border:1px solid #eee;
		}
		video.mine{
			background:#069;
		}
	</style>
</head>
<body>
	<h1>WebRTC</h1>
	<video class="mine"></video>
<script>


var publisher = TB.initPublisher('video').on({
	started : function(){
		// Flip content horizontally
		publisher.el.style.webkitTransform = "scaleX(-1)";

		console.log('The users media has been bound to the page');
	},
	failure : function(event){
		console.error( "Camera not available: " + (event&&event.code===1
			?'user denied'
			:'unknown'));
	}
});


var session  = TB.initSession();
session.on({
	sessionConnected : function(event){
		console.log('hurrah, connected to session');
		session.publish(publisher);
	},
	streamCreated : function(event){

		var video = document.createElement('video');
		video.src = window.URL.createObjectURL(event.stream);
		video.autoplay = true;
		video.onerror = function(){
			alert('streamdestroyed');
		}
		document.body.appendChild(video);

	},
	streamDestroyed : function(event){
		console.log('streamdestroyed');
	},
	message : function(event){
		console.log('message');
		console.log(event);
	},
	connectionDestroyed : function(){}
});

session.connect();


</script>
</body>
</html>