在浏览器中播放视频的方法和装置制造方法及图纸

本发明专利技术公开了一种在浏览器中播放视频的方法和装置。其中，该方法包括：在浏览器中接收到用于请求加载第一视频的加载请求；响应加载请求在浏览器中加载并显示第一蒙版；在浏览器中加载第一视频的视频资源，并在开始播放第一视频的视频资源时在浏览器中取消对第一蒙版的显示。本发明专利技术解决了相关技术在打开网页页面自动加载播放视频时页面出现黑屏现象影响用户观看体验的技术问题。

【技术实现步骤摘要】

本专利技术涉及视频播放领域，具体而言，涉及一种在浏览器中播放视频的方法和装置。
技术介绍
随着视频播放需求的不断增多，存在一种视频闪屏需求，即浏览器网页页面打开时需要自动播放视频，并在该视频播放完毕后在网页页面中自动消失，比如网页页面中嵌入动态广告视频。对于视频闪屏需求，现有技术通常采用渲染并加载视频，自动播放视频后将其进行移除的方式，但是，该方式由于受到视频文件大小或者网络时延等因素的影响，在打开页面加载视频时页面会出现黑屏现象，待视频加载完成后直接从黑屏跳转至播放画面，画面跳变明显，严重影响用户观看体验。现有技术还可以采用逐帧加载并播放视频的方式，即在打开页面至加载并播放视频的第一帧图片，与此同时异步加载其他视频帧，待视频的所有帧全部播放完毕后将其进行移除。这种方式工作量较大，需要较多的设计资源，前端工作也需要大量的调试来调整视频帧的加载和播放。此外，现有技术在视频播放完毕后通常采用淡出的方式将其移除，该方式会提前暴露页面内容，严重影响用户体验。针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种在浏览器中播放视频的方法和装置，以至少解决相关技术在打开网页页面自动加载播放视频时页面出现黑屏现象影响用户观看体验的技术问题。根据本专利技术实施例的一个方面，提供了一种在浏览器中播放视频的方法，包括：在浏览器中接收到用于请求加载第一视频的加载请求；响应加载请求在浏览器中加载并显示第一蒙版；在浏览器中加载第一视频的视频资源，并在开始播放第一视频的视频资源时在浏览器中取消对第一蒙版的显示。根据本专利技术实施例的另一方面，还提供了一种在浏览器中播放视频的装置，包括：接收模块，用于在浏览器中接收到用于请求加载第一视频的加载请求；第一加载模块，用于响应加载请求在浏览器中加载并显示第一蒙版；第二加载模块，用于在浏览器中加载第一视频的视频资源，并在开始播放第一视频的视频资源时在浏览器中取消对第一蒙版的显示。在本专利技术实施例中，采用在浏览器中接收到用于请求加载第一视频的加载请求；响应加载请求在浏览器中加载并显示第一蒙版；在浏览器中加载第一视频的视频资源，并在开始播放第一视频的视频资源时在浏览器中取消对第一蒙版的显示的方式，通过在加载视频时加载用于遮挡视频的蒙版，在加载视频时显示蒙版，待开始播放视频时取消显示蒙版，达到了避免打开页面视频加载时页面出现黑屏的目的，从而实现了提高用户观看效果，提高用户观看体验的技术效果，进而解决了相关技术在打开网页页面自动加载播放视频时页面出现黑屏现象影响用户观看体验的技术问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本发明的不当限定。在附图中：图1是本专利技术实施例的一种在浏览器中播放视频的方法的计算机终端的硬件结构框图；图2是根据本专利技术实施例的在浏览器中播放视频的方法的流程图；图3是根据本专利技术一种优选实施例的在浏览器中播放视频的方法的流程图；图4是根据本专利技术实施例的在浏览器中播放视频的装置的示意图；图5是根据本专利技术实施例的一种可选的在浏览器中播放视频的装置的示意图；图6是根据本专利技术实施例的另一种可选的在浏览器中播放视频的装置的示意图；图7是根据本专利技术实施例的再一种可选的在浏览器中播放视频的装置的示意图；图8是根据本专利技术实施例的又一种可选的在浏览器中播放视频的装置的示意图；以及图9是根据本专利技术实施例的一种计算机终端的结构框图。具体实施方式为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。首先，在对本专利技术实施例进行描述的过程中出现的部分名词或术语适用于如下解释：浏览器，是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。蒙版，是指选框的外部，选框的内部就是选区，蒙版通俗含义为蒙在上面的板子，本专利技术实施例是指蒙在网页页面或者是页面中某部分的遮罩。实施例1根据本专利技术实施例，还提供了一种在浏览器中播放视频的方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。本申请实施例一所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例，图1是本专利技术实施例的一种在浏览器中播放视频的方法的计算机终端的硬件结构框图。如图1所示，计算机终端10可以包括一个或多个(图中仅示出一个)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器104、以及用于通信功能的传输装置106。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端10还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。存储器104可用于存储应用软件的软件程序以及模块，如本专利技术实施例中的在浏览器中播放视频的方法对应的程序指令/模块，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的在浏览器中播放视频的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存本文档来自技高网...

【技术保护点】
一种在浏览器中播放视频的方法，其特征在于，包括：在浏览器中接收到用于请求加载第一视频的加载请求；响应所述加载请求在所述浏览器中加载并显示第一蒙版；在所述浏览器中加载所述第一视频的视频资源，并在开始播放所述第一视频的视频资源时在所述浏览器中取消对所述第一蒙版的显示。

【技术特征摘要】
1.一种在浏览器中播放视频的方法，其特征在于，包括：
在浏览器中接收到用于请求加载第一视频的加载请求；
响应所述加载请求在所述浏览器中加载并显示第一蒙版；
在所述浏览器中加载所述第一视频的视频资源，并在开始播放所
述第一视频的视频资源时在所述浏览器中取消对所述第一蒙版的显
示。
2.根据权利要求1所述的方法，其特征在于，在所述浏览器中加载所述
第一视频的视频资源时，还包括：
在所述浏览器中加载第二蒙版，其中，所述第二蒙版用于在所述
第一视频的视频资源退出播放时，显示在所述浏览器中。
3.根据权利要求2所述的方法，其特征在于，在所述浏览器中加载第二
蒙版之后，还包括：
在所述第一视频的视频资源退出播放时，在所述浏览器中显示所
述第二蒙版，并从之后的第一预定时间点开始，在所述浏览器中取消
对所述第二蒙版的显示。
4.根据权利要求3所述的方法，其特征在于，在所述浏览器中取消对所
述第二蒙版的显示之前，还包括：
根据所述第一视频的播放长度，和/或，所述浏览器接收所述视频
资源的速度，和/或，所述浏览器加载所述视频资源的速度来设置所述
第一预定时间点与开始加载所述第一视频的视频资源的加载时间点
之间的时间间隔。
5.根据权利要求2所述的方法，其特征在于，在所述浏览器中加载第二
蒙版之后，还包括：
在所述浏览器中加载页面内容，其中，所述第一蒙版加载在所述

\t浏览器的第一层，所述第一视频的视频资源加载在所述浏览器的第二
层，所述第二蒙版加载在所述浏览器的第三层，所述页面内容加载在
所述浏览器的第四层，所述第一层至所述第四层按顺序叠加显示在所
述浏览器中，所述第一层为所述浏览器的最上层。
6.根据权利要求1所述的方法，其特征在于，在开始播放所述第一视频
的视频资源时在所述浏览器中取消对所述第一蒙版的显示包括：
从在所述浏览器中开始加载所述第一视频的视频资源之后的第
二预定时...

【专利技术属性】
技术研发人员：刘希呈，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44