使用VLC重新传输实时流并使用HTML5视频标记进行显示

Question

我目前使用OpenVPN通过隧道连接服务器和客户端.我的目标是使用服务器使用HTML5视频标记从服务器上的客户端抓取并重新播放相机Feed.服务器具有公共IP,因此我们的想法是允许人们通过此服务器查看客户端的视频流.

我正在使用VLC,并使用图形方法,我能够在VLC上查看视频流.我使用的步骤如下:

1. 媒体 - >流 - >网络选项卡 - >用于网络URL字段, http://10.8.0.6:8080/path/stream/
2. 流 - >下一步 - >为目标,从文件更改为HTTP - >选中本地显示 - >添加
3. 对于Path字段,我把/stream/live- > unchecked激活转码(否则它不起作用)[EDIT2:将端口更改为8181]
4. 流.

该视频显示在VLC中,但是当我将以下行添加到服务器上的index.html文件时,它不起作用:

<video id="id" width="640" height="480" src="http://203.xxx.yyy.zzz:8080/stream/live" autoplay="autoplay">
</video>

其中203.xxx.yyy.zzz是我服务器的公共IP地址.

视频没有显示; 只有黑屏.谁能帮我？

编辑:我不介意它不是一个图形解决方案; 命令行解决方案也很好.

EDIT2:我意识到输入和输出流都在同一个端口上,所以我将输出更改为端口8181.除此之外,我还尝试使用MJPEG来代替mux,以便我可以简单地显示它在使用<img>标签的网页上(这比使用更受欢迎<video>).我创建了一个名为"Video - MJPEG"的新配置文件.在"封装"选项卡下,我选择了MJPEG.在"视频编解码器"选项卡下,我选中了"视频",从下拉列表中选择了M-JPEG编解码器,将比特率保持为800kb/s,将帧速率提高到30 fps,并将1设置为分辨率比例.尽管使用此配置文件,但<img src="my.ip.address:8181/stream/live />在我的index.html中使用时,流未显示.请帮忙!