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,

  1. how can I serve the stream to nginx/ wordpress and
  2. 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!

  • @abominable_pandaOP
    link
    English
    2
    edit-2
    4 hours ago

    Apologies if it wasn’t clear.

    Yes, I have an RTSP stream all the way to my local network. I can pick up the RTSP stream and also HLS, WebRTC etc. all locally. For all intents and purposes I have a stream ready to go on the local network at 192.168.X.A

    The webserver is also on 192.168.X.Y and serves wordpress just fine.

    I just dont know how to make the two talk. When I go to https:// website. com the embedded stream looking for 192.168.X.A doesn’t work

    However if I go directly to 192.168.X.A in my browser the stream works just fine (I’ve ommited ports in this comment)

    • @just_another_person
      link
      English
      24 hours ago

      Then you need to go looking in your logs. You mentioned nginx, so go check those logs, or the WordPress logs and see if you can get any info. Wouldn’t hurt to also check your browser console output and see if there are any errors there when attempting to load the page.

      • @abominable_pandaOP
        link
        English
        13 hours ago

        Nothing obvious in the browser logs. Not even a 404 but ill check the other logs again. Thanks!