hbaqai/gist:ba5162485edb2dc4ad99

## gistfile1.txt
<!DOCTYPE HTML>
<html>
	<head>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="http://static.opentok.com/webrtc/v2.2/js/TB.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript" charset="utf-8">

			//environment test
			console.log("environment test: " + window.location.href.indexOf("http"));
			console.log("OT version: " + OT.properties.version);

			//Enter your own values
			var apiKey = YOUR_API_KEY;
			var sessionId = "YOUR_SESSION_ID";
			var tokenId = "YOUR_TOKEN_ID=";

			//Add OT handler and set log level
			OT.on("exception", exceptionHandler);
			OT.setLogLevel(OT.DEBUG);

			//initialize the session, publisher
			var session = OT.initSession(apiKey, sessionId);
			var publisher = OT.initPublisher(null, {resolution:'1280x720'});
			var subscriber;

			//session callbacks
			session.on("sessionConnected", sessionConnectedHandler);
			session.on("connectionCreated", connectionCreatedHandler);
			session.on("streamCreated", streamCreatedHandler);
			session.on("streamPropertyChanged", streamPropertyChangededHandler);

			//connect to the session
			session.connect(tokenId);

			//implement event handlers
			function sessionConnectedHandler(event) {
				console.log("sessionConnectedHandler event executed.");
				session.publish(publisher);
			}

			function connectionCreatedHandler(event){
				console.log("connectionCreatedHandler event executed");
			}

			function streamCreatedHandler(event) {
				console.log("streamCreatedhandler event executed.");
				subscriber = session.subscribe(event.stream, subscriber, function (error) {
					if (!error) {
						subscriber.restrictFrameRate(true);
					}
				});
			}

			function streamPropertyChangededHandler(event) {
				console.log("streamPropertyChangededHandler event executed");
			}

			function exceptionHandler(event) {
				console.log("exceptionHandler event executed: ");
				console.log("event.code: " + event.code);
				console.log("event.message: " + event.message);
			}

		</script>
    </head>
    <body>
    </body>
</html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script src="http://static.opentok.com/webrtc/v2.2/js/TB.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript" charset="utf-8">

	//environment test
	console.log("environment test: " + window.location.href.indexOf("http"));
	console.log("OT version: " + OT.properties.version);

	//Enter your own values
	var apiKey = YOUR_API_KEY;
	var sessionId = "YOUR_SESSION_ID";
	var tokenId = "YOUR_TOKEN_ID=";

	//Add OT handler and set log level
	OT.on("exception", exceptionHandler);
	OT.setLogLevel(OT.DEBUG);

	//initialize the session, publisher
	var session = OT.initSession(apiKey, sessionId);
	var publisher = OT.initPublisher(null, {resolution:'1280x720'});
	var subscriber;

	//session callbacks
	session.on("sessionConnected", sessionConnectedHandler);
	session.on("connectionCreated", connectionCreatedHandler);
	session.on("streamCreated", streamCreatedHandler);
	session.on("streamPropertyChanged", streamPropertyChangededHandler);

	//connect to the session
	session.connect(tokenId);

	//implement event handlers
	function sessionConnectedHandler(event) {
	console.log("sessionConnectedHandler event executed.");
	session.publish(publisher);
	}

	function connectionCreatedHandler(event){
	console.log("connectionCreatedHandler event executed");
	}

	function streamCreatedHandler(event) {
	console.log("streamCreatedhandler event executed.");
	subscriber = session.subscribe(event.stream, subscriber, function (error) {
	if (!error) {
	subscriber.restrictFrameRate(true);
	}
	});
	}

	function streamPropertyChangededHandler(event) {
	console.log("streamPropertyChangededHandler event executed");
	}

	function exceptionHandler(event) {
	console.log("exceptionHandler event executed: ");
	console.log("event.code: " + event.code);
	console.log("event.message: " + event.message);
	}

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