(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210276139.3 (22)申请日 2022.03.21 (71)申请人 慧之安信息技 术股份有限公司 地址 100000 北京市海淀区昆明湖南路51 号A座二层217号 (72)发明人 余丹　邢智涣　兰雨晴　王丹星　 于艺春　 (74)专利代理 机构 北京广技专利代理事务所 (特殊普通 合伙) 11842 专利代理师 张国香 (51)Int.Cl. H04N 21/4402(2011.01) H04N 21/4782(2011.01) H04N 21/442(2011.01) H04N 21/426(2011.01)H04N 21/262(2011.01) H04L 65/60(2022.01) H04L 65/65(2022.01) H04L 67/02(2022.01) G06F 9/445(2018.01) G06F 16/957(2019.01) (54)发明名称 一种跨平台多浏览器兼容的监控视频实时 预览方法 (57)摘要 本发明的实施例公开一种跨平台多浏览器 兼容的监控视频实时预览方法， 涉及视频播放技 术领域。 所述方法， 用于浏览器平台， 包括： 接收 监控视频 实时预览请求； 所述监控视频实时预览 请求至少包括待播放的实时监控视频采集设备 标识； 根据浏览器页面的实时显示状态， 确定是 否播放所述待播放的实时监控视频； 若确定播放 所述待播放的实时监控视频， 则将所述待播放的 实时监控视频 发送至用户端， 以使所述用户端通 过预设的本地视频转码程序将所述待播放的实 时监控视频流转码为所述浏览器页面可以直接 渲染播放的目标视频流； 接收所述用户端返回的 目标视频流； 播放所述目标视频流。 本发明具有 跨平台优点， 程序更新效率 也比较高。 权利要求书3页 说明书8页 附图2页 CN 114727152 A 2022.07.08 CN 114727152 A 1.一种跨平台多浏 览器兼容的监控视频实时预览方法， 其特征在于， 用于浏览器平台， 所述方法包括： 接收监控视频实时预览请求； 所述监控视频实时预览请求至少包括待播放的实时监控 视频采集设备 标识； 根据浏览器页面的实时显示状态， 确定是否播 放所述待播 放的实时监控视频； 若确定播放所述待播放的实时监控视频， 则将所述待播放的实时监控视频发送至用户 端， 以使所述用户端通过预设的本地视频转码程序将所述待播放的实时监控视频流转码为 所述浏览器页面可以直接渲染播 放的目标视频流； 接收所述用户端返回的目标视频流； 播放所述目标视频流。 2.如权利要求1所述的一种跨平台多浏览器兼容的监控视频实时预览方法， 其特征在 于， 所述根据浏览器页面的实时显示状态， 确定是否播放所述待播放的实时监控视频， 包 括： 根据浏览器页面的实时显示状态， 判断所述浏览器页面中是否存在完整的视频播放 区 域； 若所述浏 览器页面中存在完整的视频播放 区域， 则确定播放所述待播放的实时监控视 频。 3.如权利要求2所述的一种跨平台多浏览器兼容的监控视频实时预览方法， 其特征在 于， 在确定所述浏览器页面中存在完整的视频播放区域之后， 确定播放所述待播放的实时 监控视频之前， 还 包括： 若所述浏 览器页面中存在完整的视频播放 区域， 则向用户提供所述浏 览器页面中当前 存在的至少一个完整的视频播 放区域的标识； 接收用户对所述完整的视频播 放区域的标识的选 定； 将当前被选 定的视频播 放区域的标识对应的视频播 放区域确定为目标视频播 放区域； 其中， 所述通过所述浏览器页面播放所述目标视频流， 包括： 通过所述浏览器页面中的 所述目标视频播 放区域播放所述目标视频流。 4.如权利要求3所述的一种跨平台多浏览器兼容的监控视频实时预览方法， 其特征在 于， 所述根据浏览器页面的实时显示状态， 判断所述浏览器页面中是否存在完整的视频播 放区域， 包括： 根据第一公式计算浏览器页面中出现的每个视频播放区域全部显示在所述浏览器页 面中的判定值； 判断每个视频播 放区域全部 显示在所述浏览器页面中的判定值是否等于第一预设值； 若有至少一个视频播放 区域全部显示在所述浏览器页面中的判定值等于第 一预设值， 则确定所述浏览器页面中存在完整的视频播放区域， 否则， 确定所述浏览器页面中不存在 完整的视频播 放区域； 其中， 所述第一公式为：权　利　要　求　书 1/3 页 2 CN 114727152 A 2在第一公式中， F(t_a)表示当前时刻t浏览器页面中出现的第a个视频播放区域全部显 示在所述浏览器页面中的判定值； i表示所述浏览器页面中的第i个像素点； G(t_a)表示当 前时刻所述浏览器页面中出现的第a个视频播放区域对应的像素集合； i＝1,2, …,D(t)； D (t)表示当前时刻所述浏览器页面中的像素点总数； 表示求取所述浏览器 页面中属于第a个视频播放区域的像素点个数； S表示预设的单个完整的视频播放区域所需 要的像素点总数； 在所述将当前被选定的视频播放区域的标识对应的视频播放区域确定为目标视频播 放区域之后， 确定播 放所述待播 放的实时监控视频之前， 还 包括： 接收用户对所述目标视频播 放区域中播 放进度条的滚动操作； 判断当前时刻与所述滚动操作结束时刻之间的时间 间距是否等于预设时长； 若当前时刻与 所述滚动操作 结束时刻 之间的间隔时间等于预设时长， 则根据第 二公式 计算所述目标视频播 放区域播放RTSP视频流的控制值； 判断所述目标视频播 放区域播放RTSP视频流的控制值是否等于第二预设值； 若所述目标视频播放区域播放RTSP视频流的控制值等于第二预设值， 则执行所述确定 播放所述待播 放的实时监控视频的步骤； 其中， 所述第二公式为： 在第二公式中， W(t)表示当前 时刻t所述目标视频播放区域播放RTSP视频流的控制值， n(t)表示当前时刻所述浏览器页面中存在的视频播放区域总数； u[ ]表示非零函数， 若括 号内的数为非零数则函数值为1， 反之函数值为0； Δt为预设时长； H(t ‑Δt)和H(t)分别表 示t‑Δt时刻和t时刻所述浏览器页面的像素值集合； R,H(t ‑Δt)→H(t)‑表示在t‑Δt时刻 到t时刻的间隔时间内所述浏览器页面的像素值保持静止的输出值， 若在t ‑Δt时刻到t时 刻的间隔时间内所述浏览器平台页面的像素值保持静止， 则R[H(t ‑Δt)→H(t)]＝1， 反之R [H(t‑Δt)→H(t)]＝0 。 5.如权利要求4所述的一种跨平台多浏览器兼容的监控视频实时预览方法， 其特征在 于， 所述预设时长 Δt为2s。 6.如权利要求4所述的一种跨平台多浏览器兼容的监控视频实时预览方法， 其特征在 于， 在确定播放所述待播放的实时监控视频之后， 将所述待播放的实时监控视频发送至用 户端之前， 还 包括： 根据第三公式计算所述待播 放的实时监控视频流的转码使能控制值；权　利　要　求　书 2/3 页 3 CN 114727152 A 3