WEBサーバと同一LAN内にあるカメラをWebサイト内で確認したい

Question

実現したいこと

家庭内にwebサーバと、IPカメラ（ブラウザで確認できるもの）を同一LAN内に複数設置し、
Webサイト内で切り替えることでカメラの映像を確認したい。

###現状
現在2台のIPカメラA（192.168.0.10）、IPカメラB（192.168.0.11）を設置している。
一時的にカメラにそれぞれ8000番と8001番を割り当てポート開放・ルーティングし、スマホ（外部インターネット）から
「<グローバルIPアドレス>:8000」で操作画面に入れることを確認できた。

ただし、求めているのは操作画面ではなく撮影中の映像のみであり、操作画面を外から見れるようにするのは危なそうなので避けたい。
カメラの画角などはローカルで入ったPCで操作する為、外部からは定点カメラとして見られれば十分。
そこでカメラに直接アクセスするのではなく、窓口的なWEBサーバを設置することにした。下記のように映像のみをindex.htmlに埋め込み、
ポートの入力とボタン操作でカメラを切り替えるようにできた。
（AXISとはカメラの名前です。）

ポート：<input type="text" id="port" size="40">
<input type="button" value="カメラにアクセス" onclick="ChangeCamera();"></br>
<img src="http://<グローバルIPアドレス>:8000/axis-cgi/mjpg/video.cgi?resolution=800x450" class="camera center"/>

function ChangeCamera(){
	camera.location.href ="ht"+"tp://<グローバルIPアドレス>:"
		+document.getElementById("port").value
		+"/axis-cgi/mjpg/video.cgi?resolution=800x450";
	return;
}

現在はカメラを一時的にポート8000番と8001番をポート開放・ルーティングしているためimgのソースを
グローバルIPアドレス：ポートとしているが、同一LAN内にあるためこれをローカルIPアドレスで呼び出せないか。
IPカメラも実質webサーバとしての働きがあるので、本質的には同一LAN内に複数存在するWEBサーバ同士でのやり取りである。
（これが実現すると、外部からはカメラに直接アクセスできず、必ずWEBページを経由するようになるはず・・・）

これから必要になるのはネットワークの設定でしょうか。html側だけで何とかできるのでしょうか。
ご教授お願いします。

Answer 1

これから必要になるのはネットワークの設定でしょうか。html側だけで何とかできるのでしょうか。

まず、HTMLはクライアント側で自由に改竄が出来るものであるという認識が必要です。
そのため、仮にHTMLで何とか出来たとしてもセキュリティ的には問題のある状態になります。

また、ルーターやファイアウォールが高機能なものであれば、ネットワークの設定だけで可能（:8000については/axis-cgi/mjpg/video.cgi?resolution=800x450だけアクセスを許可する）という事も可能ですが、家庭用のルータでは出来ないと思います。

---

現状はクライアントと各webサーバ（webサーバとそれぞれのカメラ）がそれぞれ通信している状態なので、まずはクライアントとwebサーバのみが通信する様にする必要があります。

例えば

ポート：<input type="text" id="port" size="40">
<input type="button" value="カメラにアクセス" onclick="ChangeCamera();"></br>
<img src="/cam_a" class="camera center"/>

みたいな感じです（JavaScriptの方はcam_a↔cam_bを差し替えるような形に修正）

次に、webサーバ側で、/cam_aのリクエストを受けた場合にhttp://192.168.0.10/axis-cgi/mjpg/video.cgi?resolution=800x450にアクセスして結果をブラウザに返すような設定を行います。
これはリバースプロキシの設定を行うか、HTMLでは無く適当なサーバサイド言語でwebアプリケーションとして実装することで実現が可能です。

例えば、使用しているwebサーバがApacheなら
Apache リバースプロキシをキーワードにして検索すると必要な設定について調べられますので、調べてみてください。