Handling Stream Frames

[shayaanahmed]

Kindly provide any demo to convert frames to video in Angular/HTML. Below is my code in which I'm receiving FRAMES (as BLOB Object) and then convert it into BASE64 but its not working!

const socket = new WebSocket('ws://localhost:5000');

     socket.addEventListener('open', function (event) {
         socket.send('Connected to Websocket');
     });
    
    socket.addEventListener('message', function (event) {
      const reader = new FileReader();
      reader.onload = function () {
        const dataUrl: any = reader.result;
        const base64 = dataUrl.split(',')[1];
        $("#image").attr("src", "data:image/png;base64," + base64);
      };
      reader.readAsDataURL(event.data); 
    });

[lexgp]

it video, no images but i dont run successful too)