Skip to content
本页目录
html
<img ref="imageContainerRef" class="image-container" src="" />
js
const getVideo = () => {
  socket = new WebSocket(
    `wss://172.16.10.116:8099/video_feed?targetPosition=a`
  );
  socket.onopen = () => {
    console.log("WebSocket连接已打开");
  };
  socket.onmessage = (event: any) => {
    const data = event.data;
    // // 将接收到的二进制数据转换为Blob对象
    const blob = new Blob([data], { type: "image/jpeg" });

    // 使用URL.createObjectURL()将Blob对象转换为图片的URL
    const imageUrl = URL.createObjectURL(blob);

    // 更新图片的src属性,展示图片
    imageContainerRef.value.src = imageUrl;
  };
};