前端 web 在谷歌Chrome网页中播放海康威视RTSP视频流在播放窗口内叠加网页元素？

问：我们有需求在谷歌Chrome网页不仅低延迟播放海康威视RTSP视频流，并且在播放窗口内叠加我们的网页 元素，比如红框、文字等？

答：

第一步：

下载并安装Edge WebView2 Runtime，下载链接：WebView2 - Microsoft Edge DeveloperLearn more about WebView2https://developer.microsoft.com/en-us/microsoft-edge/webview2/#download-section

请选择自动在线安装，系统会根据你的电脑自动推荐下载版本并自动安装，如下图：

第二步：

下载猿大师播放器最新版（网络版2.2.9.2/单机版1.5.9.2）已经支持在网页播放窗口内叠加网页内容了。请先升级为最新版后体验。

 打开VUE框架测试网址测试，先选择一个公网RTSP流播放，然后输入叠加内网网址，点击叠加显示即可。

注意：

播放窗口内叠加元素目前仅支持Windows8及以上版本系统。 部分系统自带Edge WebView2 Runtime无需下载。 操作系统与VLC播放器对应，即：32位操作系统下载32位VLC，64位操作系统下载64位VLC。

参考链接

 您阅读本篇文章共花了：