zhangyupeng
/
chatIM


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
							<html>
  <head>
    <meta charset="UTF-8" />
    <title>socket.io客户端</title>
    <!-- <script src="./js/socket.io.js"></script> -->
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.min.js"
      integrity="sha512-iqRVtNB+t9O+epcgUTIPF+nklypcR23H1yR1NFM9kffn6/iBhZ9bTB6oKLaGMv8JE9UgjcwfBFg/eHC/VMws+g=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
  </head>

  <body>
    <iframe src="./index.html"></iframe>

    <button id="changeVoiceStatusOpen">开MIC</button>
    <button id="changeVoiceStatusClose">关MIC</button>
    <!-- <button id="stopCall">stopCall结束</button> -->
    </div>

    <script>
      localStorage.debug = "socket.io-client:socket";
      // 'http://47.115.43.159:3000'
      // var socket = io("http://0.0.0.0:3000");
      // const { roomId, userId, sceneNum, isClient, role, userLimitNum, roomType } = user
      var socket = io("http://0.0.0.0:3000", {
        path: "/test",
        query: {
          userId: "user_001",
          sceneNum: "t-GusppsiKEC",
          role: "LEADER",
          from: 1,
          roomType: "normal",
          nickName: "测试1",
          roomId: "001",
          myHeadUrl: "http://downza.img.zz314.com/edu/pc/wlgj-1008/2016-06-23/64ec0888b15773e3ba5b5f744b9df16c.jpg",
        },
      });
    
      socket.on("connect", function (data) {
        console.log(data);
      });

      var changeVoiceStatusOpen = document.querySelector("#changeVoiceStatusOpen");
      changeVoiceStatusOpen.addEventListener("click", function () {
        socket.emit("changeVoiceStatus",{status:true});
      });
      var changeVoiceStatusClose = document.querySelector("#changeVoiceStatusClose");
      changeVoiceStatusClose.addEventListener("click", function () {
        socket.emit("changeVoiceStatus",{status:false});
      });

    
      
    </script>
  </body>
</html>