网页端进行视频播放的方法及装置制造方法及图纸

本申请实施例提供一种网页端进行视频播放的方法，所述网页端包括焦点展示区域，所述焦点展示区域包括若干张轮换展示的图片，至少一张所述图片对应有视频，所述方法包括：在当前展示图片对应有第一视频的情况下，获取所述第一视频；在所述当前展示图片的展示时长达到第一预设时长的情况下，在所述焦点展示区域中播放所述第一视频；在达到预设切换条件的情况下，切换至所述焦点展示区域的另一图片进行展示。本申请实施例提供的网页端进行视频播放的方法，可以较好地提高用户点击焦点图的兴趣，提高焦点图的点击转化率。提高焦点图的点击转化率。提高焦点图的点击转化率。

【技术实现步骤摘要】
网页端进行视频播放的方法及装置


[0001]本申请涉及计算机
，特别涉及一种网页端进行视频播放的方法、装置、计算机设备及存储介质。

技术介绍

[0002]在网站上，通常会以焦点图形式集中展现网站中的焦点，用户可以根据需要点击焦点图中的图片来切换至相应的详细页面；也可以根据需要点击来切换焦点图来浏览不同的焦点；还可以等待焦点图自动切换，在感兴趣时再点击焦点图中的图片来切换至详细页面。
[0003]然而，目前焦点图均是通过图片的形式来实现，而图片承载的信息较为有限，难以提高用户点击焦点图的兴趣，焦点图的点击转化率较低。

技术实现思路

[0004]本申请的目的在于提供一种网页端进行视频播放的方法、装置、计算机设备及存储介质，用于解决目前通过图片形式实现的焦点图难以提高用户点击的兴趣、焦点图的点击转化率较低的技术问题。
[0005]本申请实施例的一个方面提供了一种网页端进行视频播放的方法，所述网页端包括焦点展示区域，所述焦点展示区域包括若干张轮换展示的图片，至少一张所述图片对应有视频，所述方法包括：在当前展示图片对应有第一视频的情况下，获取所述第一视频；在所述当前展示图片的展示时长达到第一预设时长的情况下，在所述焦点展示区域中播放所述第一视频；在达到预设切换条件的情况下，切换至所述焦点展示区域的另一图片进行展示。
[0006]可选地，获取所述第一视频，包括：获取与所述当前展示图片对应的标识；从服务端中获取与所述标识对应的视频作为所述第一视频。
[0007]可选地，所述在达到预设切换条件的情况下，切换至所述焦点展示区域的另一图片进行展示，包括：在所述第一视频在预设时间内未起播，且所述当前展示图片的展示时长达到第二预设时长的情况下，切换至所述焦点展示区域的下一图片进行展示。
[0008]可选地，所述焦点展示区域包括若干个切换控件，所述切换控件用于切换所述图片且与一张所述图片对应，所述方法还包括：在所述第一视频正在播放的情况下，将所述当前展示图片对应的切换控件的形式设置为进度条，所述进度条用于展示所述第一视频的播放进度。
[0009]可选地，所述焦点展示区域还包括底部，所述方法还包括：获取所述当前展示图片的色彩；在所述当前展示图片无对应视频的情况下，根据所述当前展示图片的色彩设置所述底部的色彩，否则将所述底部的色彩设置为预设色彩。
[0010]可选地，网页端进行视频播放的方法还包括：在所述焦点展示区域在可视区域外且所述第一视频正在播放的情况下，暂停所述第一视频的播放；在所述焦点展示区域中的
至少部分重新进入所述可视区域的情况下，继续所述第一视频的播放。
[0011]可选地，所述在所述焦点展示区域中播放所述第一视频，包括：获取所述视频对应的弹幕；在所述焦点展示区域中播放所述第一视频，并展示与所述第一视频对应的弹幕。
[0012]可选地，所述在所述焦点展示区域中播放所述第一视频，包括：在所述第一视频正在播放的情况下，在所述焦点展示区域中显示用于控制所述第一视频声音的开关。
[0013]本申请实施例的一个方面又提供了一种网页端进行视频播放的装置，所述网页端包括焦点展示区域，所述焦点展示区域包括若干张轮换展示的图片，至少一张所述图片对应有视频，所述装置包括：获取模块，用于在当前展示图片对应有第一视频的情况下，获取所述第一视频；播放模块，用于在所述当前展示图片的展示时长达到第一预设时长的情况下，在所述焦点展示区域中播放所述第一视频；切换模块，用于在达到预设切换条件的情况下，切换至所述焦点展示区域的另一图片进行展示。
[0014]本申请实施例的一个方面又提供了一种计算机设备，所述计算机设备包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时用于实现上述的网页端进行视频播放的方法的步骤。
[0015]本申请实施例的一个方面又提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行上述的网页端进行视频播放的方法的步骤。
[0016]本申请实施例提供的网页端进行视频播放的方法、装置、计算机设备及存储介质，包括以下优点：
[0017]通过获取与焦点展示区域中图片对应的视频，在当前展示图片的展示时长达到第一预设时长且当前展示的图片对应有视频的情况下，在焦点展示区域中播放第一视频；在达到预设切换条件的情况下，切换至焦点展示区域中的另一图片进行展示，可以将视频显示在焦点展示区域(对应焦点图)中并实现视频的自动播放，由于视频相对图片具有更为丰富的信息，因此可以有效地提高用户点击焦点图的兴趣，从而提高焦点图的点击转化率。
附图说明
[0018]图1示意性示出了本申请实施例的环境架构图；
[0019]图2示意性示出了本申请实施例一的网页端进行视频播放的方法的流程图；
[0020]图3为图2中步骤S410子步骤的流程图；
[0021]图4为焦点展示区域的示意图；
[0022]图5为图2中新增步骤的流程图；
[0023]图6为图2中新增步骤的另一流程图；
[0024]图7为图2中步骤S420子步骤的流程图；
[0025]图8示意性示出了本申请实施例二的网页端进行视频播放的装置的框图；
[0026]图9示意性示出了本申请实施例三的计算机设备的硬件架构图。
具体实施方式
[0027]为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不
用于限定本申请。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0028]需要说明的是，在本申请实施例中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
[0029]在本申请的描述中，需要理解的是，步骤前的数字标号并不标识执行步骤的前后顺序，仅用于方便描述本申请及区别每一步骤，因此不能理解为对本申请的限制。
[0030]下面为本申请涉及的术语解释：
[0031]焦点图：在网站中较为显眼的位置显示的一组图片，在没有点击的情况下自动进行图片的切换，也可以根据用户的点击切换至相应的图片，在点击图片时，会跳转到与图片对应的详细页面。
[0032]inline视频：在网页中以非全屏方式播放的视频。
[0033]控件：是一种图形用户界面元素，其显示的信息排列可由用户改变本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页端进行视频播放的方法，其特征在于，所述网页端包括焦点展示区域，所述焦点展示区域包括若干张轮换展示的图片，至少一张所述图片对应有视频，所述方法包括：在当前展示图片对应有第一视频的情况下，获取所述第一视频；在所述当前展示图片的展示时长达到第一预设时长的情况下，在所述焦点展示区域中播放所述第一视频；在达到预设切换条件的情况下，切换至所述焦点展示区域的另一图片进行展示。2.根据权利要求1所述的网页端进行视频播放的方法，其特征在于，所述获取所述第一视频，包括：获取与所述当前展示图片对应的标识；从服务端中获取与所述标识对应的视频作为所述第一视频。3.根据权利要求1所述的网页端进行视频播放的方法，其特征在于，所述在达到预设切换条件的情况下，切换至所述焦点展示区域的另一图片进行展示，包括：在所述第一视频在预设时间内未起播，且所述当前展示图片的展示时长达到第二预设时长的情况下，切换至所述焦点展示区域的下一图片进行展示。4.根据权利要求1所述的网页端进行视频播放的方法，其特征在于，所述焦点展示区域包括若干个切换控件，所述切换控件用于切换所述图片且与一张所述图片对应，所述方法还包括：在所述第一视频正在播放的情况下，将所述当前展示图片对应的切换控件的形式设置为进度条，所述进度条用于展示所述第一视频的播放进度。5.根据权利要求4所述的网页端进行视频播放的方法，其特征在于，所述焦点展示区域还包括底部，所述方法还包括：获取所述当前展示图片的色彩；在所述当前展示图片无对应视频的情况下，根据所述当前展示图片的色彩设置所述底部的色彩，否则将所述底部的色彩设置为预设色彩。6.根据权利要求1
‑
5任一项所述的网页端进行视频播放的方法，其特征在于，还包括：在所述焦点展示区域在可...

【专利技术属性】
技术研发人员：李彦，陈姗，刘磊，吴俊毅，周浩磊，于梦源，秦健，刘柏良，刘浩，张敬强，
申请(专利权)人：上海哔哩哔哩科技有限公司，
类型：发明
国别省市：