Unable to render external RTSP stream

[jaimish11]

What I'm trying to do:
I'm trying to receive RTSP frames from an external RTSP link and then render those frames in my application. I'm working on an Electron app with React and Node. Basically, I want to render an external RTSP feed in my Electron app which runs on React.

In your node example, you use this line const pipeline = new pipelines.CliMp4Pipeline(config); to initiate an RTSP connection. When I pipe these to VLC it is able to render the stream but if I try and parse the data in my own application, I'm unable to render the stream. I do receive raw data frames but they don't seem to be the actual data.

Do I need to use const pipeline = new pipelines.RtspPipeline(config); instead?
If yes then how can I go about using this?

If not, then could anyone help me by telling me why I can't render the stream on my own application. Here's how I'm doing this:

1. Converting the stream to a base64 string from the buffer
   const imageURL = 'data:image/jpeg;base64,' + Buffer.from(frameInfo.image).toString('base64');
2. Simply using the above string in my tag:
   <img src={imageURL} />

Been at this for days. Any help would be appreciated.

[steabert]

I'm not sure I understand what you are trying to do?

The CliMp4Pipeline will produce MP4 data, which you'll have to feed to a video element using MSE. However, there is already a pipeline that does this which is Html5VideoPipeline. Did you try to follow one of the examples?

[github-actions]

This issue is stale because it has been open for 90 days with no activity.