You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
2.0KB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>WebRTC Text Chat</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <script src="./js/firebase.js"> </script>
  8. <script src="./js/data-connection.js"> </script>
  9. <link href="./normalize.css" rel="stylesheet">
  10. <link href="./style.css" rel="stylesheet">
  11. </head>
  12. <body>
  13. <div id="app">
  14. <div>
  15. <div id="main">
  16. <div id="gradient">
  17. <div id="serverControls" class="flex-container">
  18. <button id="start">Start</button>
  19. <button id="connect">Connect</button>
  20. </div>
  21. <video></video>
  22. <div id="elapsedTime">1:45</div>
  23. <div id="duration">6:01</div>
  24. <div id="title">Johnny Day - Desert Sand</div>
  25. </div>
  26. </div>
  27. <!-- <div id="placeholder"></div>-->
  28. <div id="controls" class="flex-container">
  29. <progress value=0.1></progress>
  30. <button class="icon icon-first" id="previous"></button>
  31. <button class="icon icon-play" id="play"></button>
  32. <button class="icon icon-pause hide" id="pause"></button>
  33. <button class="icon icon-last" id="next"></button>
  34. </div>
  35. </div>
  36. <div id="playlist">
  37. <form>
  38. <input type="url" name="video" autofocus required placeholder="Add video link ...">
  39. <input type="text" name="title" autofocus required placeholder="Add video title ...">
  40. <button type="submit">Submit</button>
  41. </form>
  42. <div>
  43. <ul></ul>
  44. </div>
  45. </div>
  46. </div>
  47. <script src="./js/bundle.js"></script>
  48. </body>
  49. </html>