时的工作中常会遇到一些系统集成的需求,需要在软件平台集成视频监控系统。而软件开发者往往不懂安防弱电系统,不知道如何在自己的软件界面中集成一些监控的实时画面。而监控厂家提供的SDK比较复杂,很难在短时间完成集成的任务。最终导致软件平台的一些功能无法实现,影响项目的质量。
本文提供的方法主要基于VLC播放器的ActiveX插件,通过这个插件,在网页中调用摄像机的RTSP流,实现图像的实时预览,音频的监听等等功能。文章以海康的IP网络摄像机为例给出具体的调用方法,供大家学习参照。
登录VLC官网 https://www.videolan.org/,选择windows(32位)版本下载。
下载VLC软件
运行安装文件
选择软件安装位置
一定记得要勾选网页浏览器插件
完成安装
可选用记事本(notepad)或专业的编辑器,输入如下代码,保存为html网页文件。
<html>
<body>
<title>TESTVDEIO-1-TEST</title>
<head>
<table>
<tbody>
<caption>视频监控演示</caption>
<tr>
<td>
<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410">
<param name='mrl' value='rtsp://admin:q66668888@172.16.200.88:554/h264/ch1/main/av_stream' />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='false' />
<param name='controls' value='false' />
</td>
<td>
<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410">
<param name='mrl' value='rtsp://admin:q66668888@172.16.200.89:554/h264/ch1/main/av_stream' />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='false' />
<param name='controls' value='false' />
</td>
</tr>
<tr>
<td>
<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410">
<param name='mrl' value='rtsp://admin:q66668888@172.16.200.89:554/h264/ch1/main/av_stream' />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='false' />
<param name='controls' value='false' />
</td>
<td>
<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410">
<param name='mrl' value='rtsp://admin:q66668888@172.16.200.88:554/h264/ch1/main/av_stream' />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='false' />
<param name='controls' value='false' />
</td>
</tr>
</tbody>
</table>
</object>
</body>
</html>代码编辑截图
具体请参看海康专业文档
先用Google Chrome浏览器测试,提示插件不支持。
Chrome浏览器提示插件不受支持
用微软IE测试,需要安装插件。
IE浏览器提示要安装ActiveX插件
确认安装插件
浏览器只显示了第一个画面。
IE浏览器显示不完整
用编辑器测试,2种内核都能正常显示。
编辑器里测试效果
改用360浏览器,呈现2X2的画面,实现最终的显示效果。
360浏览器显示的最终效果图
本文参考了一些专业文章,就不一 一列出了,在这一并谢过!
由于本人水平有限,有不对的地方敬请指正。文章旨在抛砖引玉,通过讨论,相互学习,共同进步。
我是WoNew弱电蜗牛,一名从业多年的弱电工程师,在头条传播弱电专业知识和行业信息,分享工作中的经验和心得。
喜欢我的文章或视频,欢迎点赞和转发。有疑问或建议,也欢迎留言,我会尽力解答。
茄 jiangqie.com
如果厌倦了WordPress一成不变的默认注册登录页面,可以通过代码美化样式《WordPress后台注册登录界面LOGO和链接怎么修改》 ,也可以安装登录页面美化插件Login Designer,随意更换背景图片,实现一键美化。上图就是酱茄小编diy的界面,是不是美极了?
后台插件搜索:Login Designer,安装启用插件后进行设置即可。
酱茄 jiangqie.com
原文来自:酱茄 https://www.jiangqie.com/jc/5891.html
Tampermonkey 战斗力 1100万+
中文常被称作"油猴",是一款极为实用的浏览器插件。它是目前最流行的用户脚本管理器,支持多种主流浏览器包括Chrome, Microsoft Edge, Safari, Opera Next, 和Firefox。他的主要功能有:
Notion-zh_CN
notion的汉化脚本。它支持Notion的网页端、桌面端(Windows / Mac)以及Android端的汉化。
SciHub CRX
帮助用户轻松获取学术文献的脚本 。它能够在学术文献页面上的DOI/PMID/PMCID后面添加SciHub CRX图标,点击图标即可获取详细的文章信息,如影响因子(IF)、分区、引用次数、文章网页和PDF等。在某些网站中显示的文章信息还能进一步展示期刊的评级信息,如该期刊被哪些数据库收录、JCR分区、CAS分区、EI检索、CSCD检索、北大和思念检索、CSSCI检索等。
视频网页全屏
让所有视频网页全屏,开启画中画功能的脚本。可以让网页中任何一个视频网页全屏播放的「神器」,目前支持有多个视频的任意网页、HTML5 格式的视频。
MoreMovieRatings
可以在豆瓣和 IMDb 互相显示评分的脚本,电影党必备。
My Novel Reader
小说阅读脚本,统一阅读样式,内容去广告、修正拼音字、段落整理,自动下一页
AC-baidu
可实现绕过百度、搜狗搜索结果中的自己的跳转链接的脚本。直接访问原始网页(间接缩短访问目标网页的时间),可去除百度搜索结果中多余广告。
拦截广告
AdblockPlus 战斗力 4500万+
是一款非常流行的广告拦截插件,在全球范围内有大量的用户。它支持多款主流浏览器,包括Chrome、Firefox、Safari、Android 和iOS。简要介绍:
uBlock Origin 战斗力 3600万+
是一款开源且跨平台的内容过滤扩展,是目前主流网页广告拦截中最为高效及低占用的工具。以下是它的一些主要特性:
AdGuard 战斗力 1300万+
是一款功能强大的广告拦截插件。不仅能屏蔽广告,还可以保障你的网络安全和隐私,改善你的浏览体验。以下是一些有效的主要特点和功能:
下载
IDM (IDM Integration Module) 战斗力 1000万+
是一种专门用于Windows系统的下载工具,它拥有众多优秀的功能和特点:
视频下载扩展-CocoCut-video downloader 战斗力⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ 60万+
是一款功能强大的浏览器插件,它是一种全能的网页媒体下载工具,能够帮助用户在线下载网页的视频和音乐。以下是关于CocoCut的一些主要特点和功能:
猫抓 战斗力⭐️⭐️⭐️⭐️⭐️ 30万+
是一款十分强大且易用的浏览器插件,它能抓取几乎所有基于Chrome内核的浏览器的网页视频链接数据。以下是关于猫抓插件的一些特性:
AIX智能下载器 战斗力⭐️⭐️⭐️⭐️⭐️ 30万+
是一款非常强大和高效的下载管理插件。它可以在网页中嗅探并下载图片、视频、音频等多种格式的内容。以下是它的一些特性:
网页剪藏
Fireshot 战斗力⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ 90万+
是一款非常好用的浏览器截图插件,主要用于帮助用户在浏览器中快速截图。以下是关于FireShot的一些主要特点和功能:
简悦(SimpRead) 战斗力⭐️⭐️⭐️⭐️⭐️ 20万+
是一款专为提供“沉浸式阅读体验”的浏览器扩展插件。以下是关于简悦的一些主要特点和功能:
Save to Notion 战斗力⭐️⭐️⭐️⭐️⭐️ 20万+
是一款独立的插件,基于Notion API开发,以满足用户对于信息管理的复杂需求。以下是关于"Save to Notion"的一些主要特点和功能:
SingleFile 战斗力⭐️⭐️⭐️⭐️ 10万+
是一款强大而实用的浏览器插件,能帮助用户将整个网页保存为一个HTML文件。以下是关于SingleFile的一些主要特点和功能:
页面转换
MarkDownload 战斗力⭐️⭐️⭐️⭐️ 7万+
是一款非常实用的浏览器插件,它可以帮助用户将网页上的内容转化为Markdown格式。以下是关于MarkDownload的一些主要特性:
EpubPress 战斗力⭐️⭐️⭐️ 2万+
是一个强大的浏览器插件,主要功能是将网页内容转化为电子书格式。以下是关于EpubPress的一些主要特性:
翻译
Deepl 战斗力 300万+
是一种顶级的机器翻译服务,能为用户提供高质量的翻译效果。以下是关于DeepL的一些重要特性:
沙拉查词 战斗力 ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ 90万+
是一款专业的浏览器划词翻译插件,对于经常需要查词、阅读外语文档的用户来说,沙拉查词无疑是一个非常实用的工具。以下是它的一些核心特性:
1. 支持多种翻译源:沙拉查词包含了Google翻译、百度翻译、有道翻译、腾讯翻译君、彩云小译等多个翻译引擎,能够提供丰富的翻译选择。
2. 聚合多种词典:除了翻译,沙拉查词还集合了英汉、英英、俚语、词源、权威例句、汉语等超多词典,涵盖了所有领域,对于学习和理解单词非常有帮助。
3. 复杂划词操作:用户可以通过单击、双击和划选等多种方式触发查词,非常方便。
4. 生词本功能:用户可以将不熟悉的单词添加到生词本,方便后续复习。
5. 支持PDF查词:沙拉查词还支持PDF文档内的查词和翻译。
6. 网页划词:用户可以在网页上划选单词或句子进行翻译,非常适合阅读外语网站。
7. 个性化配置:用户可以根据需要个性化配置词典,删除不需要的,添加常用的,进行排序等等。
8. OCR功能以及浏览器外划词:沙拉查词还支持OCR以及在浏览器外部进行划词查词。支持多种翻译源:沙拉查词包含了Google翻译、百度翻译、有道翻译、腾讯翻译君、彩云小译等多个翻译引擎,能够提供丰富的翻译选择。
9. 聚合多种词典:除了翻译,沙拉查词还集合了英汉、英英、俚语、词源、权威例句、汉语等超多词典,涵盖了所有领域,对于学习和理解单词非常有帮助。
10. 复杂划词操作:用户可以通过单击、双击和划选等多种方式触发查词,非常方便。
11. 生词本功能:用户可以将不熟悉的单词添加到生词本,方便后续复习。
12. 支持PDF查词:沙拉查词还支持PDF文档内的查词和翻译。
13. 网页划词:用户可以在网页上划选单词或句子进行翻译,非常适合阅读外语网站。
14. 个性化配置:用户可以根据需要个性化配置词典,删除不需要的,添加常用的,进行排序等等。
15. OCR功能以及浏览器外划词:沙拉查词还支持OCR以及在浏览器外部进行划词查词。沉浸式翻译 战斗力⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ 70万+
是一款非常出色的浏览器插件,为用户提供双语对照网页翻译,以及支持多种文档和视频字幕的翻译功能。以下是它的一些主要特性:
AI
SiderChatGpt 战斗力 200万+
是一款出色的人工智能助手,被广泛用于聊天、写作、阅读、翻译、解释、图片测试等使用场景。以下是关于SiderChatGPT的一些特性:
哔哩哔哩字幕列表 战斗力 ⭐️⭐️⭐️ 1万+
是一款浏览器扩展插件,旨在帮助用户更高效、便捷地获取和控制哔哩哔哩视频的信息。以下是一些其主要功能:
Walls.AI 战斗力 ⭐️ 0.2万+
是一款AI助手浏览器插件。它通过使用GPT-4智能算法,提供沉浸式的翻译,能够回答复杂问题,并理解长篇文本。有了这款插件,你可以将AI应用到你的日常生活和工作中,无论你正使用什么应用。下面是Walles.AI插件的一些主要特性:
BibiGPT 战斗力 ⭐️ 0.1万+
是一款使用GPT-3.5技术的AI工具,它可以快速准确地为如Bilibili等平台的视频内容生成纲要。以下是有关BibiGPT的一些重要信息:
解除复制
SuperCopy 战斗力 ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ 100万+
是一款在浏览器中使用的网页复制的辅助工具。这款插件可以破解大部分网站的禁止复制功能,并且具有联想功能,可以在打开同一站点的其他页面时自动破解禁止复制。
导航首页插件
iTab新标签页 战斗力 ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ 100万+
是一款可以高度自定义的浏览器插件。通过它,用户可以自定义新标签页上的网站、壁纸以及搜索引擎,而且提供了大量的实用功能和丰富的细节调整选项。以下是关于iTab新标签页的一些要点:
其他工具
Zotero Connector 战斗力 200万+
是一个免费的浏览器拓展工具,它为 Zotero提供了与网页交互的能力。 Zotero是一个强大而容易使用的研究工具,可以帮助你收集、组织、分析源资料并分享你的研究成果。以下是关于Zotero Connector的一些要点:
Bitwarden 战斗力 ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ 100万+
是一款功能强大的、免费的密码管理器插件。它使得密码管理变得简单易用,可以安全地存储并同步你的所有登录用户名和密码。使用Bitwarden,你可以在任何地方、任何时候、任何设备上管理、储存、保护和分享无限个密码。它甚至还支持自动填充,当你浏览的网页与密码库中的条目匹配时,Bitwarden插件可以自动为你填充密码和用户名。
购物党自动比价工具 战斗力⭐️⭐️⭐️⭐️⭐️ 30万+
是一款非常实用的网购辅助插件。当你浏览商品页面时,它会自动查询过去180天的历史价格,比较同款商品的全网最低价,并提示促销和隐藏优惠券。此外,它还能跟踪价格变化,并通过微信提醒你商品降价。主要功能包括:
Quicker Connector 战斗力⭐️⭐️⭐️⭐️ 5万+
是Quicker软件的浏览器插件。通过这一插件,用户可以在浏览器中运行Quicker的动作,从而控制浏览器或网页,实现自动化操作。它能帮助用户自动填表,触发网页事件,或运行JavaScript脚本来自定义控制网页。同时,它也可以运行后台脚本,以进一步扩大其控制范围。
如果你觉得内容还算实用,欢迎关注点赞分享给你的朋友。
如果你想更快的看到后续内容的更新,请戳“点赞”、“分享”、“喜欢”,这些免费的鼓励将会影响后续有关内容的更新速度。
*请认真填写需求信息,我们会在24小时内与您取得联系。