Keine Beschreibung

index.html 4.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  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,minimal-ui">
  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 src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
  14. <link rel="stylesheet" type="text/css" href="css/mobileMeeting.css" />
  15. <title>微信页</title>
  16. </head>
  17. <body style="height: 100%; background: #000000;">
  18. <div class="mui-content mui-input-group">
  19. <div class="mui-logo-box">
  20. <div class="img-box2">
  21. <img src="img/logo_banner.png" alt="" />
  22. </div>
  23. </div>
  24. <div class="mui-input-row">
  25. <label><span class="mui-icon iconfont icon-yonghu"></span></label>
  26. <input id="account" value="" type="number" class="mui-input-clear mui-input accountNum" disabled="disabled"
  27. placeholder="请输入账号">
  28. </div>
  29. <div class="mui-input-row">
  30. <label><span class="mui-icon iconfont icon-yonghu"></span></label>
  31. <input id="telephone" value="" type="number" class="mui-input-clear mui-input" placeholder="请输入手机号">
  32. </div>
  33. <div class="registStatus" style="margin-top: 20px;">已注册</div>
  34. <div class="btnStyle">
  35. <div class="mui-content-padded">
  36. <button data-attr="0" class="mui-btn mui-btn-block mui-btn-warning loginbtn">督办专员登录</button>
  37. </div>
  38. </div>
  39. <div class="btnStyle">
  40. <div class="mui-content-padded" style="margin-top: 30px;">
  41. <button data-attr="1" class="mui-btn mui-btn-block mui-btn-warning videoCall">视频呼叫1</button>
  42. </div>
  43. </div>
  44. <div class="reminderText">
  45. (正在内部测试中,有需要请直接电话拨打12345 )
  46. </div>
  47. <a href="superviseMan.html" class="aTextStyle superviseBtn" style="margin-top: 10px;">我是督办专员</a>
  48. <!-- <a class="aTextStyle" style="margin-top: 30px;"
  49. href="https://webrtc.github.io/samples/src/content/devices/input-output/">打开测试链接 </a> </br></br>
  50. <a style="width: 100%; text-align: center; display: block;" href="index4.html">打开测试链 </a> </br></br> -->
  51. </div>
  52. <!-- 呼叫界面 -->
  53. <div class="callHtml"">
  54. <div class="customerImg">
  55. <div class="leftText">连接中...</div>
  56. <!-- <div class="rightImg"><img src="img/customer.png"></div> -->
  57. </div>
  58. <div class="voiceBox muteBtn" style="display: block;">
  59. <img src="img/muteIcon.png">
  60. </div>
  61. <div class="voiceBox unMuteBtn">
  62. <img src="img/unMute.png">
  63. </div>
  64. <!-- <div class="voiceBox cameraBtn" style="display: block;">
  65. <img src="img/cameraOff.png">
  66. </div>
  67. <div class="voiceBox unCameraBtn">
  68. <img src="img/cameraOn.png">
  69. </div> -->
  70. <div class="videoCutBtn shotCut" onclick="shotCut()">
  71. <img src="img/shotCut.png">
  72. </div>
  73. <div class="buttonDiv">
  74. <div onclick="hangupCall()" class="dropIcon" style="display: block;"><img src="img/dropCall.png"></div>
  75. <div onclick="answerCall()" class="answerIcon" style="display: none;"><img src="img/answerCall.png"></div>
  76. </div>
  77. <div class="showView">
  78. <div class="videoYour">
  79. <video id="yourVideo" autoplay></video>
  80. </div>
  81. <div class="videoMy">
  82. <video id="myVideo" autoplay></video>
  83. </div>
  84. </div>
  85. <audio controls="controls" loop id="music_bg">
  86. <source src="img/incoming.mp3" type="audio/ogg" />
  87. </audio>
  88. </div>
  89. </body>
  90. </html>
  91. <script src="js/jquery-1.8.js"></script>
  92. <script src="js/jssip-3.0.13.js"></script>
  93. <script src="js/jquery.md5.js"></script>
  94. <script src="js/huayi.config.js"></script>
  95. <script src="js/main.js"></script>
  96. <script src="js/mobileSip.js"></script>
  97. <script>
  98. </script>