网页视频播放的控制方法、系统、设备和存储介质技术方案

本发明专利技术公开了一种网页视频播放的控制方法、系统、设备和存储介质，所述控制方法包括：预先在网页中设置一个绘制图像标签，并根据绘制图像标签获取画布；预先确定第一目标图像、第一目标图像对应的目标时间点和目标背景图；获取目标视频对应的播放时间点；判断播放时间点是否属于目标时间点，若是，则获取第一目标图像对应的目标背景区域，并将其设置为透明状态；获取第二目标图像；将第二目标图像和与播放时间点对应的目标背景图进行重叠，获取与播放时间点对应的目标播放图像并控制播放。本发明专利技术中采用自定义的背景图对网页视频中的不同时间点的背景图进行灵活替换，极大地增强了视频播放内容的多样性，提高了网页展示视频的能力。

【技术实现步骤摘要】
网页视频播放的控制方法、系统、设备和存储介质
本专利技术涉及视频播放
，特别涉及一种网页视频播放的控制方法、系统、设备和存储介质。
技术介绍
随着网络的日益普及，信息技术的不错发展，多媒体信息交流达到了前所未有的深度和广度，多媒体数据发布的形式愈加丰富。在手机端，通常通过视频的形式向用户传递信息，但往往视频播放的效果比较单一，展示内容主要是以视频内容为主。当需要对同一视频的不同时间点的背景图进行更换，达到同一视频展示不同的播放效果时，现有的方式是通过制作多个视频来满足该需求，显然地该方式一定程度上增加了运营人员的负担，且易造成资源浪费等问题。因此，现有的网页视频播放存在同一视频无法做到灵活更换背景图，难以满足给不同用户基于同一个视频展示不同的播放需求。
技术实现思路
本专利技术要解决的技术问题是现有技术中网页视频播放存在同一视频无法做到灵活更换背景图，难以满足给不同用户基于同一个视频展示不同的播放需求等缺陷，目的在于提供一种网页视频播放的控制方法、系统、设备和存储介质。本专利技术是通过下述技术方案来解决本文档来自技高网...

【技术保护点】
1.一种网页视频播放的控制方法，其特征在于，所述控制方法包括：/n预先在网页中设置一个绘制图像标签，其中所述绘制图像标签用于提供播放目标视频的画布；/n预先确定所述目标视频中需要替换背景图的第一目标图像、所述第一目标图像对应的目标时间点和目标背景图；/n控制所述目标视频在所述画布中播放，并获取所述目标视频对应的播放时间点；/n判断所述播放时间点是否属于所述目标时间点，若是，则将所述播放时间点对应的所述第一目标图像放置至所述画布中，获取所述第一目标图像对应的目标背景区域，并将所述目标背景区域设置为透明状态；/n获取所述第一目标图像中除所述目标背景区域之外的第二目标图像；/n将所述第二目标图像和与...

【技术特征摘要】
1.一种网页视频播放的控制方法，其特征在于，所述控制方法包括：
预先在网页中设置一个绘制图像标签，其中所述绘制图像标签用于提供播放目标视频的画布；
预先确定所述目标视频中需要替换背景图的第一目标图像、所述第一目标图像对应的目标时间点和目标背景图；
控制所述目标视频在所述画布中播放，并获取所述目标视频对应的播放时间点；
判断所述播放时间点是否属于所述目标时间点，若是，则将所述播放时间点对应的所述第一目标图像放置至所述画布中，获取所述第一目标图像对应的目标背景区域，并将所述目标背景区域设置为透明状态；
获取所述第一目标图像中除所述目标背景区域之外的第二目标图像；
将所述第二目标图像和与所述播放时间点对应的所述目标背景图进行重叠，获取与所述播放时间点对应的目标播放图像；
控制所述目标视频在所述播放时间点播放所述目标播放图像。


2.如权利要求1所述的网页视频播放的控制方法，其特征在于，所述获取所述第一目标图像对应的目标背景区域的步骤包括：
获取所述第一目标图像中每个像素点的像素值；
根据所述像素值确定所述第一目标图像对应的目标背景区域。


3.如权利要求2所述的网页视频播放的控制方法，其特征在于，所述根据所述像素值确定所述第一目标图像对应的目标背景区域的步骤包括：
获取所述第一目标图像对应的数据长度；
根据所述数据长度获取所述第一目标图像对应的像素点数量；
根据所述像素点数量遍历比较所述第一目标图像中每一个像素点的所述像素值与设定阈值，若所述像素值与所述设定阈值相匹配，则确定所述像素点为目标像素点；
将所述目标像素点形成的区域作为所述目标背景区域；
所述将所述目标背景区域设置为透明状态的步骤包括：
将所述目标背景区域内的所述目标像素点设置为透明状态。


4.如权利要求3所述的网页视频播放的控制方法，其特征在于，当所述第一目标图像的背景图中包括一种颜色时，所述根据所述像素点数量遍历比较所述第一目标图像中每一个像素点的所述像素值与设定阈值，若所述像素值与所述设定阈值相匹配，则确定所述像素点为目标像素点的步骤包括：
根据所述第一目标图像的背景图设置一个第一设定阈值；
根据所述像素点数量遍历比较所述第一目标图像中每一个像素点的所述像素值与所述第一设定阈值，当所述像素值与所述第一设定阈值相等时，则确定所述像素点为目标像素点。


5.如权利要求3所述的网页视频播放的控制方法，其特征在于，当所述第一目标图像的背景图中包括一种颜色时，所述根据所述像素点数量遍历比较所述第一目标图像中每一个像素点的所述像素值与设定阈值，若所述像素值与所述设定阈值相匹配，则确定所述像素点为目标像素点的步骤包括：
根据所述第一目标图像的背景图设置一个第一设定阈值；
选择所述第一目标图像中任意一个像素点作为第一像素点；
判断所述第一像素点周围设定数量的像素点对应的所述像素值是否均等于所述第一设定阈值，若是，则确定所述第一像素点为目标像素点；或，
判断所述第一像素点的设定半径范围内的像素点对应的所述像素值是否均等于所述第一设定阈值，若是，则确定所述第一像素点为目标像素点。


6.如权利要求3所述的网页视频播放的控制方法，其特征在于，当所述第一目标图像的背景图中包括两种以上颜色时，所述根据所述像素点数量遍历比较所述第一目标图像中每一个像素点的所述像素值与设定阈值，若所述像素值与所述设定阈值相匹配，则确定所述像素点为目标像素点的步骤包括：
根据所述第一目标图像的背景图设置多个不同的第二设定阈值，其中所述第二设定阈值的数量与所述第一目标图像的背景图中包括的颜色种类数量相等；
将所述第一目标图像中每一个像素点的所述像素值与所述第二设定阈值进行比较，当所述像素值与任意一个所述第二设定阈值相等时，则确定所述像素点为目标像素点。


7.如权利要求3所述的网页视频播放的控制方法，其特征在于，当所述第一目标图像的背景图中包括两种以上颜色时，所述根据所述像素点数量遍历比较所述第一目标图像中每一个像素点的所述像素值与设定阈值，若所述像素值与所述设定阈值相匹配，则确定所述像素点为目标像素点的步骤包括：
根据所述第一目标图像的背景图设置多个不同的第二设定阈值，其中所述第二设定阈值的数量与所述第一目标图像的背景图中包括的颜色种类数量相等；
选择所述第一目标图像中任意一个像素点作为第二像素点；
判断所述第二像素点周围设定数量的像素点对应的所述像素值是否等于所述第二设定阈值，若是，则确定所述第二像素点为目标像素点；或，
判断所述第二像素点的设定半径范围内的像素点对应的所述像素值是否等于所述第二设定阈值，若是，则确定所述第二像素点为目标像素点。


8.如权利要求1所述的网页视频播放的控制方法，其特征在于，所述预先在网页中设置一个绘制图像标签的步骤之前还包括：
获取与网页视频的播放操作对应的目标页面脚本；
将所述目标页面脚本与视频播放事件监听函数进行绑定；
所述控制所述目标视频在所述画布中播放的步骤包括：
当接收到点击网页视频的播放按钮的触发操作时，更新所述目标页面脚本；
当所述视频播放事件监听函数监听到更新后的所述目标页面脚本时，确定所述目标视频开始播放。


9.如权利要求8所述的网页视频播放的控制方法，其特征在于，所述获取与网页视频的播放操作对应的目标页面脚本的步骤之前包括：
对网页的脚本进行初始化处理；和/或，
所述预先在网页中设置一个绘制图像标签的步骤包括：
在网页的DOM树中预先插入一个绘制图像标签。


10.如权利要求1所述的网页视频播放的控制方法，其特征在于，所述预先确定所述目标视频中需要替换背景图的第一目标图像、所述第一目标图像对应的目标时间点和目标背景图的步骤包括：
从后台服务器中获取不同用户的用户画像数据；
根据所述用户画像数据确定用户的观看喜好；
根据所述观看喜好预先确定所述目标视频中需要替换背景图的第一目标图像、所述第一目标图像对应的目标时间点和目标背景图；
所述控制所述目标视频在所述画布中播放的步骤之前还包括：
获取目标用户的目标用户画像数据；
获取与所述目标用户画像数据对应的目标观看喜好；
获取所述目标视频中与所述目标观看喜好对应的需要替换背景图的第一目标图像、所述第一目标图像对应的目标时间点和目标背景图。


11.一种网页视频播放的控制系统，其特征在于，所述控制系统包括第一预设模块、第二预设模块、播放时间点获取模块、判断模块、目标背景区域获取模块、状态设置模块、目标图像获取模块、目标播放图像获取模块和控制模块；
所述第一预设模块用于...

【专利技术属性】
技术研发人员：单开元，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京;11