Hello,
I've attached a diagram of the setup I'm trying to achieve. Hopefully its clearer than trying to explain it with text...
Basically I'm trying to stream the camera to a selfhosted webpage.
The camera is connected to the VPN server
The stream is picked up on the Media Server (MediaMTX)
The stream is available from anywhere on the local network via whatever protocol MediaMTX offers. All good here.
The webserver set up is Nginx. Works fine.
A basic Wordpress site is set up and I can access it via a domain name over the internet with HTTPS.
What I'm struggling with is getting the "local stream" (read local IP) in to the website. I have WP plugins that let me embed streams, but I suspect the issue is the local IP is not available over the internet so you cant just point it to 192.X.X.X. Saying that though, even on my local network I cant see the stream.
So the questions are,
- how can I serve the stream to nginx/ wordpress and
- can I somehow have nginx treat the stream as a locally hosted resource that can proxy the stream to remote web browsers?
Ideally I dont want to open up a port on the LAN for a direct streaming to the internet which the website then points to as it seems a unsafe... But if that's the only way then I guess it can''t be helped.
Happy to provide more info if needed.
TIA
Edit: Wordpress is for a separate website project outside of the scope of this post. Only 1 page will be for the video player/ stream but there will be other uses for the website. Not just streaming
Edit 2: Seems the general consensus is that I do need to publicise my video stream.
I've just made my website accessible through its local IP and gotten embedded HLS and WebRTC streams working. Putting the domain back no longer plays the videos so its certainly a networking access issue or even a https issue as the streams are currently http.
I didn't realise you could reverse proxy a video stream! (Even though i did once upon a time use the nginx rtmp server).
I've also been made aware of tailscale + funnel which does a similar thing without exposing my own domain.
I'll have a go at reverse proxying it, which should also sort out the https issue and hopefully be done 🤞
You guys rock!
That's the way to do it. The problem is that the request originates from the browser of you website visitor. You need to open a path for them to you media server. Nginx and it's reverse proxy functionality is exactly what you need for that.
Seems this is the way to go amongst all the replies. Didn't realise i could reverse proxy a camera stream! Thank you