hemletLive.html 4.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="renderer" content="webkit">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
  8. <meta http-equiv="expires" content="0">
  9. <meta name="viewport"
  10. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  11. <title>实时位置</title>
  12. <link rel="stylesheet" href="../../css/vanindex.css">
  13. <link rel="stylesheet" id="linkSource" href="../../css/style.css">
  14. <link rel="stylesheet" href="../../css/iconfont.css">
  15. <script src="../../js/vue.min.js"></script>
  16. <script src="../../js/vant.min.js"></script>
  17. <script src="../../js/jquery.min.js"></script>
  18. <script type="text/javascript" src="../../js/hel/jswebrtc_v1.js"></script>
  19. <script type="text/javascript">
  20. document.write('<script src="../../assets/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  21. document.write('<script src="../../assets/ajax.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  22. </script>
  23. <script>
  24. checkLogin();
  25. </script>
  26. </head>
  27. <body>
  28. <div class="appBox">
  29. <div class="li_box">
  30. <div class="videoBox">
  31. <div class="noBg playSucc"></div>
  32. <video id="playWind" autoplay controls style="width: 100%;height: 100%;"></video>
  33. </div>
  34. <div class="_helme" style="display: none;">
  35. <video id="helmeVi" controls></video>
  36. </div>
  37. </div>
  38. <div class="li_box">
  39. <div class="flex">
  40. <img src="../../img/default.jpeg" alt="" style="height: 80px;width: 80px;border-radius: 50%;">
  41. <div class="margin-left-sm">
  42. <div class="text-bold text-white" id="helName" style="font-size: 15px;"></div>
  43. <div>ID:<span id="helId">---</span></div>
  44. <div class="flex align-end text-center margin-top-xs">
  45. <div>
  46. <div class="iconfont icon-battery" style="margin: 0;"></div>
  47. <div><span id="Elec"></span>%</div>
  48. </div>
  49. <div class="margin-lr">
  50. <div class="iconfont icon-wendu" style="margin: 0;"></div>
  51. <div><span id="Temp"></span>℃</div>
  52. </div>
  53. <div>
  54. <div class="iconfont icon-jiantoujiaohuan" style="margin: 0;"></div>
  55. <div><span id="Flow"></span>MB</div>
  56. </div>
  57. <div class="margin-left">
  58. <div class="iconfont icon-wifi_" style="margin: 0;"></div>
  59. <div id="Signal">弱</div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="padding-tb flex justify-around">
  65. <div style="font-size: 40px;" class="iconfont icon-bofang playSucc" onclick="changePlay()"></div>
  66. <div style="font-size: 40px;" class="iconfont icon-zhuxiaoguanji text-red" onclick="stopPlay()"></div>
  67. <div style="color: #55aaff;font-size: 40px;" class="iconfont icon-mic-on-full"></div>
  68. <div style="font-size: 40px;" class="iconfont icon-mic-on-full" onclick="handleLight()"></div>
  69. <div style="font-size: 40px;" class="iconfont icon-camera-full text-blue" onclick="handleCamer()"></div>
  70. </div>
  71. </div>
  72. <div class="li_box">
  73. <div class="text-bold text-white" style="font-size: 15px;">录像/图片</div>
  74. <div class="flex align-center text-center">
  75. <div class="tabli" onclick="jumpToSee('wireRope')">
  76. <div class="icon_box" style="flex: auto;"><img src="../../img/backVid.png"></div>
  77. <div>视频回放</div>
  78. </div>
  79. <div class="tabli" onclick="jumpToSee('wireRopeHis')">
  80. <div class="icon_box" style="flex: auto;"><img src="../../img/picVid.png"></div>
  81. <div>抓拍图片</div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <script src="../../js/hel/TcPlayer-2.3.1.js" type="text/javascript" charset="utf-8"></script>
  87. <script src="../../js/hel/jswebrtc_v1.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="../../js/hel/ZLMRTCClient.js" type="text/javascript" charset="utf-8"></script>
  89. <script src="../../js/hel/sip-0.13.6.min.js" type="text/javascript" charset="utf-8"></script>
  90. <script type="text/javascript">
  91. document.write('<script src="../../assets/phone/hLiveManage.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  92. </script>
  93. </body>
  94. </html>