通过sta_ip获取ip地址，此时你已经可以在同一内网中访问该地址了

访问sta_ip地址，点击下方的Start Stream即可

观察源码可以看到这里

document.addEventListener('DOMContentLoaded', function (event) {

var baseHost = document.location.origin

var streamUrl = baseHost + ':81'

const startStream = () => {

view.src = `${streamUrl}/stream`

show(viewContainer)

streamButton.innerHTML = 'Stop Stream'

• var streamUrl = baseHost + ':81'
  这行代码把当前网页地址（例如 http://192.168.1.9）加上端口 :81，拼接出视频流服务器的地址：
  streamUrl = 'http://192.168.1.9:81'

• view.src = ${streamUrl}/stream``
  这行代码在刚才拼好的地址后面再加上 /stream，变成完整的视频流地址（例如：http://192.168.1.9:81/stream），然后将这个地址设置给一个图像控件 view，这样网页上就能看到来自摄像头的图像了。

这也是为什么httpd.conf中，你需要加上这句的原因

 # 先写 /stream 的代理规则（更精确）
    ProxyPass        /stream http://192.168.1.9:81/stream
    ProxyPassReverse /stream http://192.168.1.9:81/stream

现在，你可以通过隧道域名+/stream的方式查看，是否有图像传回

最后，使用其他设备的流量或者连接其他wifi来模拟外网，来看一下是否可以读取到视频呢?

4. 你可能遇见的问题