index2.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <html>
  2. <head>
  3. <meta charset="UTF-8" />
  4. <title>socket.io客户端</title>
  5. <!-- <script src="./js/socket.io.js"></script> -->
  6. <script src="./socket.io.min.js"></script>
  7. </head>
  8. <body>
  9. <button id="startCall">startCall开始</button>
  10. <button id="stopCall">stopCall结束</button>
  11. <div>
  12. <h3>服务器响应的消息:</h3>
  13. <i id="msg"></i>
  14. </div>
  15. <script>
  16. // 'http://47.115.43.159:3000'
  17. var socket = io("http://0.0.0.0:3000", {
  18. path: "/test",
  19. query: {
  20. userId: "user_002",
  21. sceneNum: "t-GusppsiKEC",
  22. role: "AGENT",
  23. from: 0,
  24. roomType: "1v1",
  25. nickName: "测试2",
  26. roomId: "001",
  27. myHeadUrl: "http://downza.img.zz314.com/edu/pc/wlgj-1008/2016-06-23/64ec0888b15773e3ba5b5f744b9df16c.jpg",
  28. },
  29. });
  30. socket.on("vr_request", function (data) {
  31. alert("vr_request", data);
  32. console.log(data);
  33. });
  34. socket.on("roomClose", function (data) {
  35. console.log("roomClose", data);
  36. });
  37. socket.on("action", function (data) {
  38. alert("acticon", data);
  39. console.log("--acticon--", data);
  40. });
  41. socket.on("vr_response", function (data) {
  42. let res = data;
  43. alert("vr_response", `${res.customerId}: ${res.content}`);
  44. console.log(`${res.customerId}: ${res.content}`);
  45. });
  46. var startCall = document.querySelector("#startCall");
  47. startCall.addEventListener("click", function () {
  48. socket.emit("startCall");
  49. });
  50. var stopCall = document.querySelector("#stopCall");
  51. stopCall.addEventListener("click", function () {
  52. socket.emit("stopCall");
  53. });
  54. </script>
  55. </body>
  56. </html>