(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211355421.7 (22)申请日 2022.11.01 (71)申请人 易方信息科技股份有限公司 地址 510006 广东省广州市番禺区大 学城 中心北大街66号402室 (72)发明人 彭云飞　白剑　黄海亮　梁瑛玮　 张海林　鲁和平　李长杰　陈焕然　 李乐　王浩　洪行健　冷冬　丁一　 (74)专利代理 机构 广州帮专高智知识产权代理 事务所 (特殊普通合伙) 44674 专利代理师 胡洋 (51)Int.Cl. G06F 9/451(2018.01) H04L 67/02(2022.01)H04L 67/04(2022.01) (54)发明名称 一种基于I OS WebView的应用内外 悬浮窗实 现方法 (57)摘要 本发明提出了一种基于I OS WebView的应用 内外悬浮窗实现方法， 包括在原生app中新建 WKWebView， 将allowsPictureInPicture MediaPlayback属性设置为YES， 在HTML5中添加 Video标签的监听方法， 与所述原生app建立交流 通道， 将监听到的方法通知给WKWebView， 开启画 中画时， 调用requestPictureInPict ure()API方 法， 以生成画中画； 关闭画中画时， 点击关闭按钮 或恢复按钮或调用exitPictureInPicture()API 方法， 以使画中画关闭， 本发明更加便捷的实现 了应用内外悬浮窗的功能， 无需原生 开发能力。 权利要求书1页 说明书3页 附图1页 CN 115408094 A 2022.11.29 CN 115408094 A 1.一种基于IOS  WebView的应用内外悬浮窗实现方法， 其特 征在于， 包括： 在原生app中新建WKWebView， 将allowsP ictureInP ictureMediaP layback 属性设置为 YES， 使所述 WebView中的Video标签具 备开启画中画的能力； 在HTML5 中添加Video标签 的监听方法， 与所述原生app建立交流通道， 将监听到的方 法通知给WKWebView， 以使原生Ap p获得所述WKWebView  画中画的开启或者关闭状态； 开启画中画时， 通过  HTML5 调用 Video 标签requestPictureInPicture()  API方法， Video标签生成画中画； 关闭 画中 画时 ， 点击关闭 按钮或 恢复 按钮或 调 用HTML5  d ocument的 exitPictureI nPicture()  API 方法， 以使画中画归 还给持有它的WebView  。 2.根据权利要求1所述的基于IOS  WebView的应用内外悬浮窗实现方法， 其特征在于， 所述添加Video标签的监听方法中包括 enterpicturei npicture监听方法： 使所述Video标签进入画中画模式； leavepicturei npicture监听方法： 使所述Video标签离开画中画模式  。 3.根据权利要求2所述的基于IOS  WebView的应用内外悬浮窗实现方法， 其特征在于， 在开启画中画时， 还 包括以下步骤： HTML5 接收到 enterpictureinpicture的回调指令， 通知原生APP； 原生App条状并加 载其它WebView页面， 同时拥有画中画的WebView会被其它方式持有。 4.根据权利要求2所述的基于IOS  WebView的应用内外悬浮窗实现方法， 其特征在于， 在关闭画中画时， 还包括以下步骤： HTML5  接收到leavepictureinpicture的回调指令， 通 知所述原生AP P， 所述原生AP P销毁此WebView  以释放内存。 5.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质中存储有计算机 程序指令， 当所述计算机程序指令被运行时， 实现如权利要求1至4中任一项所述的方法。权　利　要　求　书 1/1 页 2 CN 115408094 A 2一种基于IOS  WebView的应用内外悬浮窗 实现方法 技术领域 [0001]本发明涉及应用程序技术领域， 具体涉及一种基于IOS  WebView的应用内外悬浮 窗实现方法。 背景技术 [0002]在手机应用中， 悬浮窗的应用非常广 泛， 由于应用悬浮窗需要实现跨应用交流、 应 用后台运行等功能， 因此需要系统权限许可， 主流的应用搭建平台主要分为安卓和苹果， 其 中苹果平台的对于应用权限的 限制严格， 实现跨应用悬浮窗常通过PIP功能实现， 该功能从 原生开发到接入点PIP任务量比较大， 并且需要  AVPlayerViewController或   AVPictureInPictureController  的方式来实现， 这两种方式首先需要有原生的开发能力， 了解两种方式实现的方法， 并且需要Webview和原 生应用进 行负责的数据交互， 这很可能在 一定程度上出现交互异常。 因此迫切需要一种开发步骤更加便捷的跨应用悬浮窗实现方 法。 发明内容 [0003]针对现有技术的不足， 本发明提出一种基于IOS  WebView的应用内外悬浮窗实现 方法， 缩短开发周期， 同时能够实现通过WebView 跨应用的小窗播 放。 [0004]自iOS8开始， 苹果推出了新框架WebKit， 其提供了替换UIWebView的WKWebView组 件， 一个用来展示网页的组件。 [0005]本发明的技 术方案是这样实现的： 一种基于IOS  WebView的应用内外悬浮窗实现方法， 包括： 在原生app中新建WKWebView， 将allowsPictureInPictureMediaPlayback  属性设 置为YES， 使所述 WebView中的Video标签具 备开启画中画的能力； 在HTML5 中添加Video标签的监听方法， 与所述原生app建立交流通道， 将监听到 的方法通知给WKWebView， 以使原生Ap p获得所述WKWebView  画中画的开启或者关闭状态； 开启画中画时， 通过  HTML5 调用 Video 标签requestPictureInPicture()  API 方法， 以使Video标签生成画中画； 关闭画中画时， 点击关闭按钮或恢复按钮或调用HTML5  document的 exitPictureI nPicture()  API 方法， 以使画中画归 还给持有它的WebView  。 [0006]进一步地， 所述添加Video标签的监听方法中包括 enterpicturei npicture监听方法： 使所述Video标签进入画中画模式； leavepicturei npicture监听方法： 使所述Video标签离开画中画模式  。 [0007]进 一 步 地 ，在 开 启 画 中 画 时 ，还 包 括 以 下 步 骤 ：H T M L 5  接 收 到  enterpictureinpicture的回调指令， 通知原生APP； 原生App条状并加载其它WebView页面， 同时拥有画中画的WebView会被其它方式持有； 进 一 步 地 ，在 关 闭 画 中 画 时 ，还 包 括 以 下 步 骤 ：H T M L 5  接 收 到说　明　书 1/3 页 3 CN 115408094 A 3