MJPEG streaming in frontend is never canceled and leads to Memory leaks

[oulianov]

Hiding the React component or even routing to another page keeps the camera video streaming as alive in the backend.

This means that every time a camera is displayed, a new video stream is started. It only stops when tab is closed.

It leads to memory leaks and lower performance of the frontend.

This is an issue with MJPEG streaming using the tag in browsers since the 2010s and that will not be fixed as it's "working as intended" according to Google devs.

Alternatives :

• mp4 streaming
• custom MJPEG streaming in frontend
• WebRTC

[oulianov]

Using WebRTC for media streaming could be a great alternative