Nessuna descrizione

index.html 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  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>
  37. <div class="mui-input-row" style="display: none;">
  38. <label><span class="mui-icon iconfont icon-yonghu"></span></label>
  39. <input id="account" value="" type="number" class="mui-input-clear mui-input accountNum" disabled="disabled"
  40. placeholder="请输入账号">
  41. </div>
  42. <div class="mui-input-row">
  43. <label><span class="mui-icon iconfont icon-yonghu"></span></label>
  44. <input id="telephone" value="" type="number" class="mui-input-clear mui-input" placeholder="请输入手机号">
  45. </div>
  46. <div class="registStatus" style="margin-top: 20px;">已注册</div>
  47. <div class="btnStyle">
  48. <div class="mui-content-padded">
  49. <button data-attr="0" class="mui-btn mui-btn-block mui-btn-warning loginbtn">督办专员登录</button>
  50. </div>
  51. </div>
  52. <div class="btnStyle">
  53. <div class="mui-content-padded" style="margin-top: 30px;">
  54. <button data-attr="1" class="mui-btn mui-btn-block mui-btn-warning videoCall">视频呼叫</button>
  55. <!-- <button onclick="playAudio()" type="button">播放音频</button>
  56. <button onclick="pauseAudio()" type="button">暂停音频</button> -->
  57. </div>
  58. </div>
  59. <div class="reminderText">
  60. (正在内部测试中,有需要请直接电话拨打12345 )
  61. </div>
  62. <a href="acceptingMan.html" class="aTextStyle superviseBtn" style="margin-top: 10px;">我是督办专员</a>
  63. </div>
  64. <div class="internetSpeed">
  65. <img class="refreshImg" src="img/refresh.png"/>
  66. <div class="receiverSpeedVideo">黑屏重置按钮</div>
  67. </div>
  68. <!-- 呼叫界面 -->
  69. <div class="callHtml">
  70. <div class="customerImg">
  71. <div class="leftText"></div>
  72. </div>
  73. <div class="voiceBox muteBtn" style="display: block;">
  74. <img src="img/muteIcon.png">
  75. </div>
  76. <div class="voiceBox unMuteBtn">
  77. <img src="img/unMute.png">
  78. </div>
  79. <!-- <div class="voiceBox cameraBtn" style="display: block;">
  80. <img src="img/cameraOff.png">
  81. </div>
  82. <div class="voiceBox unCameraBtn">
  83. <img src="img/cameraOn.png">
  84. </div> -->
  85. <div class="videoCutBtn shotCut" onclick="shotCut()">
  86. <img src="img/shotCut.png">
  87. </div>
  88. <div class="buttonDiv">
  89. <div onclick="hangupCall()" class="dropIcon" style="display: none;"><img src="img/dropCall.png"></div>
  90. <div onclick="answerCall()" class="answerIcon" style="display: none;"><img src="img/answerCall.png"></div>
  91. </div>
  92. <div class="showView">
  93. <div class="videoYour">
  94. <video id="yourVideo" autoplay></video>
  95. </div>
  96. <div class="videoMy">
  97. <video id="myVideo" autoplay></video>
  98. </div>
  99. </div>
  100. <!-- <audio controls="controls" loop id="music_bg">
  101. <source src="img/incoming.mp3" type="audio/ogg" />
  102. </audio> -->
  103. <audio controls="controls" loop id="music_bg">
  104. <source src="img/waiting.mp3" type="audio/ogg" />
  105. </audio>
  106. </div>
  107. </body>
  108. </html>
  109. <script src="js/jquery-1.8.js"></script>
  110. <script src="js/jssip.js"></script>
  111. <script src="js/jquery.md5.js"></script>
  112. <script src="js/huayi.config.js"></script>
  113. <script src="js/main.js?v=0.1"></script>
  114. <!--<script src="js/mobileSip.js"></script>-->
  115. <script>
  116. document.write("<script src='js/mobileSip.js?ver="+Math.random()+"'><\/script>")
  117. </script>