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

Question

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

我正在使用VLC，并且使用图形方法，我能够在VLC上查看视频流。我使用的步骤如下：

1. 媒体 - ＆gt;流 - ＆gt;网络标签 - ＆gt;对于网络网址字段http://10.8.0.6:8080/path/stream/
2. 流 - ＆gt;下一步 - ＆gt;对于目的地，从文件更改为HTTP - ＆gt;检查本地显示 - ＆gt;添加
3. 对于路径字段，我将/stream/live - ＆gt;未选中激活转码（否则无法正常工作）[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用作多路复用，以便我可以只需使用<img>标记将其显示在网页上（这比使用<video>更受欢迎）。我创建了一个名为“Video - MJPEG”的新配置文件。在“封装”选项卡下，我选择了MJPEG。在“视频编解码器”选项卡下，我选中了“视频”，从下拉列表中选择了M-JPEG编解码器，将比特率保持为800kb / s，将帧速率提高到30 fps，并将1设置为分辨率比例。尽管使用此配置文件，但在我的index.html中使用<img src="my.ip.address:8181/stream/live />时，流未显示。请帮忙！