Sample Glass app

Glass demo app send audio and video This fiddle send only audio to Glass app

HTML

<script src="https://api.bistri.com/bistri.conference.min.js"></script>
<div class="container">
    <div id="connecting" class="pane">connecting ...</div>
    <div id="home" class="pane" style="display: none;">
        <input type="text" id="room-name" value="conference-room"/>
        <input type="button" id="join-room" value="Join Room"/><br />
    </div>
    <div id="room" class="pane" style="display: none;">
        <div id="video-container"></div>
        <input type="button" id="quit-room" value="Quit Room"/>
    </div>
</div>

CSS

.container {
    position: relative;
    width: 800px;
    height: 600px;
}
.pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

JavaScript

var roomName;

onBistriConferenceReady = function(){

    // Browser's WebRTC compatibility is tested
    if( BistriConference.isCompatible() ){
        // if the browser is WebRTC compatible
        
        /*********************************
         *	     DOM binding part        *
         *********************************/
        
        function hideShow( hide, show ){
            document.querySelector( hide ).style.display = "none";
            document.querySelector( show ).style.display = "block";
        }
        
        document.querySelector( "#join-room" ).addEventListener( "click", function(){
            BistriConference.startStream( "audio", function(){
                roomName = document.querySelector( "#room-name" ).value;
                BistriConference.joinRoom( roomName );
            } );
        } );
        
        document.querySelector( "#quit-room" ).addEventListener( "click", function(){
            BistriConference.quitRoom( roomName );
        } );
        
        /*********************************
         *	     Bistri API part         *
         *********************************/
        
        // api is initialize with the application id & key
        BistriConference.init( {
            appId: "53645511",
            appKey: "b38d96c20edbed08474960169b4d6a40",
            debug: true
        } );
        
        // set handler for "onError" event: an error occured
        BistriConference.signaling.addHandler( "onError", function( error /*Object: error properties*/ ){
            // an error popup is displayed
            alert( error.text + " " + error.code );
        } );
        
        // set handler for "onConnected" event: user is successfully connected to the signalling server
        BistriConference.signaling.addHandler( "onConnected", function( data /*Object: session data*/ ){
            // hide/show DOM nodes
            hideShow( "#connecting", "#home" );
        } );
        
        // set handler for...