TL;DR
I need to convert full RTSP (A/V) stream from Axis IP cameras to be viewed in a fully-contained/not-full-screen div in an iOS browser. Think: "Youtube live stream as viewed from iOS browser". I've seen several links that hint at the issue. . .
- Streaming via RTSP or RTP in HTML5
- RTSP tunneled HTTP, FFMPEG
- How can I display an RTSP video stream in a web page?
- Embed RTSP Stream into Browser
. . .but they're either "incomplete" or out of date.
The solution must be local and remain behind site firewall (so no external services).
MORE DETAIL
I'm currently writing a custom "Axis IP Camera Manager" Vue/Laravel web app for a client. The initial requirements were very simple:
scan network for axis devices and store addresses/info for future use
display grid of MJPEG for selected camera(s).
The initial requirements were fairly straightforward. Now, though, there are additional requirements:
Record RTSP stream to [seconds] long MP4 streams.
Convert an RTSP stream from AXIS IP CAMERA to something viewable in both desktop and mobile browsers with full A/V.
I've successfully managed #3 by using ffmpeg to capture and store the stream to MP4. However, I'm no video aficionado, and the nature of #4 is still a bit fuzzy to me. Per my understanding I can't watch RTSP streams in a browser in iOS, but I also can't stream an "in-process" MP4 over HTTP. I've seen references to several items such as Red5, Live555, Wowza, ffserver (discontinued?), etc. but I'm completely unfamiliar with them. In the short term, I'm looking for a quick "live" conversion solution. In the long term, I'm interested in a deeper understanding of the issue(s) at hand. Any current info/expertise/links/manuals would be appreciated.