Appearance
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;
};
};