jakechampion
/
soft335


			
				
					
						
						
							
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title>WebRTC Text Chat</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <script src="./js/firebase.js"> </script>
        <script src="./js/data-connection.js"> </script>
        <link href="./normalize.css" rel="stylesheet">
        <link href="./style.css" rel="stylesheet">
    </head>
    <body>
        <div id="app">
            <div>
                <div id="main">
                    <div id="gradient">
                        <div id="serverControls" class="flex-container">
                            <button id="start">Start</button>
                            <button id="connect">Connect</button>
                        </div>
                        <video></video>
                        <div id="elapsedTime">1:45</div>
                        <div id="duration">6:01</div>
                        <div id="title">Johnny Day - Desert Sand</div>
                    </div>
                </div>
<!--                <div id="placeholder"></div>-->
                <div id="controls" class="flex-container">
                    <progress value=0.1></progress>
                    <button class="icon icon-first" id="previous"></button>
                    <button class="icon icon-play" id="play"></button>
                    <button class="icon icon-pause hide" id="pause"></button>
                    <button class="icon icon-last" id="next"></button>
                </div>
            </div>
            <div id="playlist">
                <form>
                    <input type="url" name="video" autofocus required placeholder="Add video link ...">
                    <input type="text" name="title" autofocus required placeholder="Add video title ...">
                    <button type="submit">Submit</button>
                </form>
                <div>
                    <ul></ul>
                </div>
            </div>
        </div>
        <script src="./js/bundle.js"></script>
    </body>
</html>