首页 > 解决方案 > 如何从 Websocket Reactjs 接收二进制消息

问题描述

这就是我要的

在此处输入图像描述

但这就是我得到的:

在此处输入图像描述

这是我的代码:

    function App() {
  const greeting = 'Hello Function Component!';


  const socket = new WebSocket('ws://192.168.99.9/video');

  socket.binaryType = 'arraybuffer';

  socket.onopen = (event) => console.log('Video connected');
 

  socket.onmessage = (event) => {
         // Show the Binary messages 
         console.log('Testing:')
         console.log(event.data)
  }

  return <h1> {greeting} </h1>;
}

export default App;

在此处输入图像描述

WebSocket 连接已成功创建,但我仍然没有收到二进制消息。我想当连接建立时,我会收到消息。

我在哪里做错了

标签: javascriptreactjswebsocketbinary-dataarraybuffer

解决方案


推荐阅读