web网页中使用vlc插件播放相机rtsp流视频
可参考：
vlc功能还是很强大的，有很多的现成的二次开发接口，不需配置太多即可轻松做客户端播放器或web网页播放器。
下面代码是web网页中使用vlc插件播放相机rtsp流视频：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <html> <body> <!--[if IE]> <object type='application/x-vlc-plugin' id='vlc' events='True' classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540"> <param name='mrl' value='rtsp://192.168.1.1:8554' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object> <![endif]--> <!--[if !IE]><!--> <object type='application/x-vlc-plugin' id='vlc' events='True' width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz"> <param name='mrl' value='rtsp://192.168.1.1:8554' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object> <!--<![endif]--> </body </html> |
注意：
需提前在打开网页的电脑上安装vlc播放器或vlc的插件
http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab
只支持ie浏览器，现在google浏览器之类的取消了对这些的支持。测试大部分国产浏览器还是没问题的。
如果需要动态修改rtsp路径或其他设置，可以把整个object放进一个div里，然后页面加载前修改这个div的innerHTML，还是没什么难度的
官网已经无法下载cab包了，地址已经失效了，不过我们依然可以下载上海交通大学的cab包
下载地址：http://comic.sjtu.edu.cn/vlc/cab/axvlc.cab
官网已经失效的下载地址：http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab
上海交通大学的cab包是基于0.8.6d的版本制作的，虽然现在的版本到了2.1.3
axvlc.cab包里含有3个文件axvlc.dll、axvlc.inf、vlc-0.8.6d-win32.exe
喜欢开发的可以下载这个cab包试一下。
每个Active X插件即使是微小的版本变化，也会出现不兼容
目前发现，很多代码，比如检测插件版本的代码在火狐和谷歌浏览器上显示正常，但是一旦用IE浏览器就不正常了
1 2 3 4 5 6 7 8 | <object type='application/x-vlc-plugin' id='vlc' events='True' classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540"> <param name='mrl' value='rtsp://192.168.1.1:8554' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object> |
1 | <br><br><br><br> |
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架