index2.html 2.0 KB

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