Нет описания

index.html 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
  7. <meta name="viewport"
  8. content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  9. <meta name="Author" content="foruok" />
  10. <meta name="description" content="JsSIP based example web application." />
  11. <link href="css/mui.min.css" rel="stylesheet" />
  12. <link href="css/iconfont.css" rel="stylesheet" />
  13. <script>
  14. if(!getParam("a")){
  15. window.location.href="index.html?a="+Math.random()
  16. }
  17. function getParam(paramName) {
  18. paramValue = "", isFound = !1;
  19. if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
  20. arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
  21. while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
  22. }
  23. return paramValue == "" && (paramValue = null), paramValue
  24. }
  25. </script>
  26. <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
  27. <link rel="stylesheet" type="text/css" href="css/mobileMeeting.css?v=1.2" />
  28. <title>微信页</title>
  29. </head>
  30. <body style="height: 100%; background: #000000;">
  31. <div class="mui-content mui-input-group">
  32. <div class="mui-logo-box">
  33. <div class="img-box2">
  34. <img src="img/logo_banner.png" alt="" />
  35. </div>
  36. <div class="text-logo">安阳市12345</div>
  37. </div>
  38. <div class="mui-input-row" style="display: none;">
  39. <label><span class="mui-icon iconfont icon-yonghu"></span></label>
  40. <input id="account" value="" type="number" class="mui-input-clear mui-input accountNum" disabled="disabled"
  41. placeholder="请输入账号">
  42. </div>
  43. <div class="mui-input-row">
  44. <label><span class="mui-icon iconfont icon-yonghu" onclick="trunPage()"></span></label>
  45. <input id="telephone" value="" type="number" class="mui-input-clear mui-input" placeholder="请输入手机号">
  46. </div>
  47. <div class="registStatus" style="margin-top: 20px;">已注册</div>
  48. <div class="btnStyle">
  49. <div class="mui-content-padded">
  50. <button data-attr="0" class="mui-btn mui-btn-block mui-btn-warning loginbtn">督办专员登录</button>
  51. </div>
  52. </div>
  53. <div class="btnStyle">
  54. <div class="mui-content-padded" style="margin-top: 30px;">
  55. <button data-attr="1" class="mui-btn mui-btn-block mui-btn-warning videoCall">视频呼叫</button>
  56. <!-- <button onclick="playAudio()" type="button">播放音频</button>
  57. <button onclick="pauseAudio()" type="button">暂停音频</button> -->
  58. </div>
  59. </div>
  60. <div class="reminderText">
  61. ( (视频诉求受理时间: 每日8:00-12:00,14:30-17:30<br />
  62. 其他时间您可致电12345,谢谢。) )
  63. </div>
  64. <a href="acceptingMan.html" class="aTextStyle superviseBtn" style="margin-top: 10px; display: none;">我是督办专员</a>
  65. </div>
  66. <div class="internetSpeed">
  67. <img class="refreshImg" src="img/refresh.png"/>
  68. <div class="receiverSpeedVideo">黑屏重置按钮</div>
  69. </div>
  70. <!-- 呼叫界面 -->
  71. <div class="callHtml" >
  72. <div class="customerImg">
  73. <div class="leftText"></div>
  74. </div>
  75. <div class="voiceBox muteBtn" style="display: block;">
  76. <img src="img/muteIcon.png">
  77. </div>
  78. <div class="voiceBox unMuteBtn">
  79. <img src="img/unMute.png">
  80. </div>
  81. <!-- <div class="voiceBox cameraBtn" style="display: block;">
  82. <img src="img/cameraOff.png">
  83. </div>
  84. <div class="voiceBox unCameraBtn">
  85. <img src="img/cameraOn.png">
  86. </div> -->
  87. <div class="videoCutBtn shotCut" onclick="shotCut()">
  88. <img src="img/shotCut.png">
  89. </div>
  90. <div class="buttonDiv">
  91. <div onclick="hangupCall()" class="dropIcon" style="display: none;"><img src="img/dropCall.png"></div>
  92. <div onclick="answerCall()" class="answerIcon" style="display: none;"><img src="img/answerCall.png"></div>
  93. </div>
  94. <div class="showView">
  95. <div class="videoYour">
  96. <video id="yourVideo" autoplay></video>
  97. </div>
  98. <div class="videoMy">
  99. <video id="myVideo" autoplay="true" playsinline></video>
  100. </div>
  101. </div>
  102. <!-- <audio controls="controls" loop id="music_bg">
  103. <source src="img/incoming.mp3" type="audio/ogg" />
  104. </audio> -->
  105. <audio controls="controls" loop id="music_bg">
  106. <source src="img/waiting.mp3" type="audio/ogg" />
  107. </audio>
  108. </div>
  109. </body>
  110. </html>
  111. <script src="js/jquery-1.8.js"></script>
  112. <script src="js/jssip.js"></script>
  113. <script src="js/jquery.md5.js"></script>
  114. <script src="js/huayi.config.js"></script>
  115. <script src="js/main.js?v=0.1"></script>
  116. <!--<script src="js/mobileSip.js"></script>-->
  117. <script>
  118. document.write("<script src='js/mobileSip.js?ver="+Math.random()+"'><\/script>")
  119. </script>