index.html 1.4 KB

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