index.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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. <!-- <button id="send">发送消息到服务器</button> -->
  12. <div>
  13. <h3>服务器响应的消息:</h3>
  14. <i id="msg"></i>
  15. </div>
  16. <script>
  17. localStorage.debug = "socket.io-client:socket";
  18. // 'http://47.115.43.159:3000'
  19. // var socket = io("http://0.0.0.0:3000");
  20. // const { roomId, userId, sceneNum, isClient, role, userLimitNum, roomType } = user
  21. var socket = io("wss://test-socket.4dkankan.com", {
  22. path: "/fsl-node",
  23. query: {
  24. userId: "user_001",
  25. sceneNum: "t-GusppsiKEC",
  26. role: "LEADER",
  27. from: 0,
  28. roomType: "normal",
  29. nickName: "测试1",
  30. roomId: "001",
  31. myHeadUrl: "http://downza.img.zz314.com/edu/pc/wlgj-1008/2016-06-23/64ec0888b15773e3ba5b5f744b9df16c.jpg",
  32. },
  33. });
  34. socket.on("roomIn", function (data) {
  35. console.log("roomIn", data);
  36. });
  37. socket.on("connection", function (data) {
  38. console.log(data);
  39. });
  40. socket.on("action", function (data) {
  41. alert("acticon", data);
  42. console.log("--acticon--", data);
  43. });
  44. var startCall = document.querySelector("#startCall");
  45. startCall.addEventListener("click", function () {
  46. socket.emit("startCall");
  47. });
  48. var stopCall = document.querySelector("#stopCall");
  49. stopCall.addEventListener("click", function () {
  50. socket.emit("stopCall");
  51. });
  52. </script>
  53. </body>
  54. </html>