index.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title> URTC DEMO PureJS </title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link type="text/css" rel="stylesheet" href="css/index.css"/>
  8. <link type="text/css" rel="stylesheet" href="css/mediaPlayer.css"/>
  9. </head>
  10. <body>
  11. <div class="App">
  12. <div class="room">
  13. <label>房间号:<span id="roomId"></span>(<span id="roomStatus">未加入</span>)</label>
  14. <p>当前选中的流:<span id="selectedStream">未选择</span></p>
  15. <h3>本地(发布)流</h3>
  16. <div id="pushers"></div>
  17. <h3 id="pullers-title">远端(订阅)流</h3>
  18. <div id="pullers"></div>
  19. <h3>操作</h3>
  20. <button id="joinRoomBtn">加入房间</button>
  21. <button id="publishBtn">发布</button>
  22. <button id="publishScreenBtn">屏幕共享</button>
  23. <button id="unPublishBtn">取消发布/屏幕共享</button>
  24. <button id="subscribeBtn">订阅</button>
  25. <button id="unSubscribeBtn">取消订阅</button>
  26. <button id="leaveRoomBtn">离开房间</button>
  27. </div>
  28. <br/>
  29. <a href="https://github.com/ucloud/urtc-sdk-web" target="_blank" rel="noopener noreferrer">
  30. API 文档请看这里
  31. </a>
  32. </div>
  33. <script type="text/javascript" src="https://github.com/video-dev/can-autoplay/blob/master/lib/index.js"></script>
  34. <script type="text/javascript" src="./lib/index.js"></script>
  35. <script type="text/javascript" src="js/config.js"></script>
  36. <script type="text/javascript" src="js/index.js"></script>
  37. </body>
  38. </html>