yellis/gist:46b0b720d97916e686a4 Secret

## gistfile1.html
<!DOCTYPE html>
<html>
<head>
    <title>OpenTok Test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script src="http://static.opentok.com/webrtc/v2.0/js/TB.min.js"></script>
    <script type="text/javascript">
        var apiKey = "API KEY HERE";
        var sessionId = "SESSION ID HERE";
        var token = "TOKEN HERE";

        function sessionConnectedHandler(event) {
            session.publish(publisher);
            subscribeToStreams(event.streams);
        }

        function subscribeToStreams(streams) {
            for (var i = 0; i < streams.length; i++) {
                var stream = streams[i];
                if (stream.connection.connectionId != session.connection.connectionId) {
                    session.subscribe(stream);
                }
            }
        }
        function streamCreatedHandler(event) {
            subscribeToStreams(event.streams);
            TB.log("test log stream created: " + event);
        }

        var pubProps = { reportMicLevels: true };
        var publisher = TB.initPublisher(apiKey, null, pubProps);
        var session = TB.initSession(sessionId);
        session.publish(publisher);

        session.addEventListener("sessionConnected", sessionConnectedHandler);
        session.addEventListener("streamCreated", streamCreatedHandler);
        session.addEventListener("microphoneLevelChanged", microphoneLevelChangedHandler);
        session.connect(apiKey, token);

        function microphoneLevelChangedHandler(event) {
            TB.log("The microphone level for stream " + event.streamId + " is: " + event.volume);
        }
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>OpenTok Test</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Bootstrap -->
	<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
	</head>
	<body>
	<script src="https://code.jquery.com/jquery.js"></script>
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	<script src="http://static.opentok.com/webrtc/v2.0/js/TB.min.js"></script>
	<script type="text/javascript">
	var apiKey = "API KEY HERE";
	var sessionId = "SESSION ID HERE";
	var token = "TOKEN HERE";

	function sessionConnectedHandler(event) {
	session.publish(publisher);
	subscribeToStreams(event.streams);
	}

	function subscribeToStreams(streams) {
	for (var i = 0; i < streams.length; i++) {
	var stream = streams[i];
	if (stream.connection.connectionId != session.connection.connectionId) {
	session.subscribe(stream);
	}
	}
	}
	function streamCreatedHandler(event) {
	subscribeToStreams(event.streams);
	TB.log("test log stream created: " + event);
	}

	var pubProps = { reportMicLevels: true };
	var publisher = TB.initPublisher(apiKey, null, pubProps);
	var session = TB.initSession(sessionId);
	session.publish(publisher);

	session.addEventListener("sessionConnected", sessionConnectedHandler);
	session.addEventListener("streamCreated", streamCreatedHandler);
	session.addEventListener("microphoneLevelChanged", microphoneLevelChangedHandler);
	session.connect(apiKey, token);

	function microphoneLevelChangedHandler(event) {
	TB.log("The microphone level for stream " + event.streamId + " is: " + event.volume);
	}
	</script>
	</body>
	</html>