ste*_*rda 3 html media html5 vlc video-streaming
我有一个安全凸轮通过rtsp发送,我可以在vlc播放器上捕获,但我想将其嵌入到我的网页中.我一直在寻找如何做到这一点的几个小时,但未能找到有关如何执行此操作的最新文档.
我也没有设置在vlc,所以我基本上试图从cam - > rtsp - >播放器(如果需要) - > html嵌入.
任何帮助,将不胜感激.我知道这是一个悬而未决的问题,但我没能在网上找到我需要的东西,所以我对任何解决方案持开放态度.
话虽如此,我不是在寻找第三方提供商将流发送给我.出于安全原因,流不会退出化合物.
请不要发送旧链接到旧文章.我已经洗过,可能已经读完了,我的经验是事情发生了变化.我正在寻找那些经历过类似问题并能够解决问题的人的答案.谢谢!
I.打开VLC并通过"媒体"菜单选择"打开网络流".
II.输入您的IP摄像机的RTSP字符串(包括凭据),即
rtsp://test:test@192.168.0.37:554/cam/realmonitor?channel=1&subtype=1
用于我的IP摄像机.
III.单击"播放"按钮旁边的向下箭头,然后选择"流".
IV.对于目标,将其设置为"HTTP",然后选择"ADD".在端口字段中,您可以在此处设置VLC用于流式传输视频的端口.在这个例子中,我使用了8080.你可以留下"/"的路径.
V.选中激活转码复选框,将配置文件设置为"Video - Theora + Vorbis(OGG)".
VI.单击Screwdriver + Wrench图标,将封装设置为Ogg/Ogm,将视频编解码器设置为"Theora",然后将比特率设置为您想要将流广播到您的站点的位置(因为它的价值我只需使用相同的比特率我正在使用相机流.此外,您还可以设置帧速率
七.使用子选项卡"分辨率",可以使用"自动"作为比例,宽度和高度.如果您的相机没有麦克风或者不想播放音频,则可以禁用音频编解码器,并禁用字幕.最后点击"保存",然后点击"下一步".
八.选中"流所有基本流"框,然后单击"流".请记住,VLC会显示一个黑盒子,其中通常是视频.您应该看到视频计时器正好在暂停/播放按钮上方移动.
IX.然后将此代码放入您的页面:
<video id="video" src="http://IP_of_VLC_computer:VLC_Port" autoplay="autoplay" width="videowidth" height="videoheight"></video>
我的一个如下:
<video id="video" src="http://192.168.0.4:8080" autoplay="autoplay" width="704" height="480"></video>
X.加载您的网页以查看视频的外观.如果您看到看起来像绿屏的东西,请不要担心.只需每5秒左右刷新一次页面,强制页面更新流.这在RTSP视频传输中很常见.
总而言之,您正在通过VLC将PC转换为代码转换器,以吐出HTML5友好的RTSP视频.
我向youtube 上传了1分46秒的视频,向您展示如何完成此过程: