iframe과 함께 사용하기 위한 역방향 프록시

Question

기상관측-II

이 웹페이지에는 다음 링크가 있습니다:

기상 상황 비디오 피드

이 페이지는 iframe 링크를 호출합니다.

<iframe width-"1300" height="731" src="http://c500.duckdns.org:8889/backyard"></iframe>

/backyard는 webRTC를 스트리밍하는 비디오 카메라입니다. Wyze-Bridge 도커 컨테이너를 실행하는 Raspberry Pi에서. 비디오 구성표는 http로만 사용할 수 있습니다. 혼합된 콘텐츠이므로 차단됩니다.

nginx 리버스 프록시를 사용할 수 있습니까? 그러면 /backyard 비디오가 https 체계를 사용할 수 있나요?

저는 c500.duckdns.org의 Duckdns를 사용하고 있습니다. Letsencypt 인증서가 있습니다. iframe 호출에서 비디오를 생성할 수 없습니다.

/etc/nginx/available-site/c500.duckdns.org에는 무엇이 포함되어야 합니까?

server {
    listen 80;
    server_name observeredweather.000webhostapp.com;

    location / {
        proxy_pass http://localhost:443;  # Forward HTTP requests to HTTPS
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

server {
    listen 443 ssl;
    server_name c500.duckdns.org;

    ssl_certificate /etc/letsencrypt/live/npm-3/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/npm-3/privkey.pem;

    # Additional SSL configuration here if needed
    location / {
        # Configure your proxy settings for the HTTPS server here
        proxy_pass http://10.0.0.16:8889/backyard;  # Replace with your backend server's address
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}