index.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435
  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="https://unpkg.com/browse/normalize.css@8.0.1/normalize.css"/>
  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>远端(订阅)流</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">API 文档请看这里</a>
  30. </div>
  31. <script type="text/javascript" src="https://ucloud.github.io/urtc-sdk-web/lib/index.js"></script>
  32. <script type="text/javascript" src="js/config.js"></script>
  33. <script type="text/javascript" src="js/index.js"></script>
  34. </body>
  35. </html>