usage in angular

[KyanCwl]

Hi, I am able to run the project successfully. I am now trying to adapt it into an angular project. adding the client code in component.html doesn't show the jsmpeg player canvas. I got no errors my console. my ws server stream is working as I am able to stream using the same client code on another non angular .html.

Thanks

[augster]

Here is what I did to get it working in Angular

[Aditya-Ace]

I am working on a project where i am streaming video from an IP Camera using node-rtsp-stream from the node backend and getting the stream on the Angular frontend using Web Socket and Jsmpeg. Streaming is working but it's very distorted and not at all watchable. Can anyone help me to find the issue ?? I researched on it but did not find any solution to it, Since when i streamed via vlc using the same rtsp link, it works fine and stream great. I am also adding the image of the stream. Please take a look at it and help me if you can. Also I am using the JSMpeg npm package that linked me to check here

[phoboslab]

JSMpeg does not support RTSP. It can only decode the MPEG-TS streaming format.

[Aditya-Ace]

This is the code on the angular

[Aditya-Ace]

I am using node-rtsp-stream in the backend to stream the video, let me show you

[Aditya-Ace]

this is what I am getting in the console.

[DarkStarGit]

@Aditya-Ace Add "-rtsp_transport", "tcp", "-thread_queue_size", "512" to the beginning of this.spawnOptions options in node_modules/node-rtsp-stream/mpeg1muxer.js:23.

[witchaotic]

I am having the same issue, the only diff is I use electron and react. @DarkStarGit I tried adding your options, but the video is still glitchy