[发明专利]页面交互方法和装置

说明书

本申请是关于一种页面交互方法、页面交互装置、电子设备和非临时性计算机可读存储介质。页面交互方法包括：通过图像输入设备采集用户的第一视频流；对所述第一视频流进行特征检测，并提取关键数据；实时根据所述关键数据对所述第一视频流进行动态效果渲染，得到第二视频流并在交互页面中显示相应的视频画面；以及根据定格指令，基于所述第二视频流生成效果处理图像，进行裂变传播，可以自交互页面实时互动地进行魔法表情处理。

技术领域

本申请属于计算机软件应用领域，尤其是一种页面交互方法和装置。

背景技术

随着微信朋友圈、微博等SNS(social network services，社会性网络服务)的兴起，新的信息传播时代开始到来。很多移动应用APP(application)都利用这些社交平台进行裂变传播，增强自己的品牌曝光度。现有的移动应用APP大多采用H5(HTML5.0)页面在社交平台进行裂变传播。

目前，很多短视频应用APP都带有魔法表情的功能，为了吸引更多的站外用户，这些短视频应用APP通常采用制作包含魔法表情处理结果的H5页面在社交平台上进行裂变传播的方法。现有的裂变传播是用户上传一种自己的照片，H5页面把照片通过网络传到服务器，服务器调用魔法表情处理功能，然后把处理之后的结果通过网络传回H5页面，用户将H5页面的结果分享到社交平台，进行裂变传播。

现有的裂变传播具有以下的不足：

(1)现有的裂变传播是基于服务器端的方式，用户必须上传一张自己的照片到H5页面，然后通过网络传递到服务器端进行魔法表情处理，在这个过程中需要进行网络传输，在网络环境不好的情况下需要用户等待很长时间，极大地影响了用户体验。

(2)在现有的裂变传播中，用户只能在H5页面看到魔法表情处理的结果，不能看到实时互动的变化过程，趣味性比较差，影响了裂变传播的效果。

发明内容

为克服相关技术中存在的问题，本申请公开一种用于裂变传播的页面交互方法和装置，可以实时互动地进行魔法表情处理。

根据本申请实施例的第一方面，提供一种页面交互方法，包括：

通过图像输入设备采集用户的第一视频流；

对所述第一视频流进行特征检测，并提取关键数据；

实时根据所述关键数据对所述第一视频流进行动态效果渲染，得到第二视频流并在交互页面中显示相应的视频画面；以及

根据定格指令，基于所述第二视频流生成效果处理图像。

可选的，所述特征检测包括：人脸关键点检测、人体动作检测、平面检测以及表情动作检测。

可选的，所述动态效果渲染包括：图案和/或视频的动态叠加、全局或局部形状的变化、色调变化和/或像素大小的变化。

可选的，所述页面交互方法基于客户端进行所述动态效果渲染。

可选的，所述交互页面由HTML5实现。

可选的，基于深度学习模型对所述第一视频流进行特征检测。

可选的，所述深度学习模型包括MobileNet模型。

可选的，所述根据定格指令，基于所述第二视频流生成效果处理图像包括：

根据定格指令对所述第二视频流进行截屏操作以得到截屏画面；

将所述截屏画面、预设文本以及链接地址标识组合得到所述效果处理图像。

可选的，所述链接地址标识包括二维码。

可选的，所述的页面交互方法还包括本地存储所述效果处理图像。