CN114205675A - 视频预览方法及装置 - Google Patents

视频预览方法及装置 Download PDF

Info

Publication number
CN114205675A
CN114205675A CN202111482159.8A CN202111482159A CN114205675A CN 114205675 A CN114205675 A CN 114205675A CN 202111482159 A CN202111482159 A CN 202111482159A CN 114205675 A CN114205675 A CN 114205675A
Authority
CN
China
Prior art keywords
video
target
player
preview
cover
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202111482159.8A
Other languages
English (en)
Other versions
CN114205675B (zh
Inventor
杨志博
刘浩
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN202111482159.8A priority Critical patent/CN114205675B/zh
Publication of CN114205675A publication Critical patent/CN114205675A/zh
Priority to PCT/CN2022/099677 priority patent/WO2023103325A1/zh
Application granted granted Critical
Publication of CN114205675B publication Critical patent/CN114205675B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/442—Monitoring of processes or resources, e.g. detecting the failure of a recording device, monitoring the downstream bandwidth, the number of times a movie has been viewed, the storage space available from the internal hard disk
    • H04N21/44213—Monitoring of end-user related data
    • H04N21/44222—Analytics of user selections, e.g. selection of programs or purchase activity
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438—Window management, e.g. event handling following interaction with the user interface
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content

Abstract

本申请提供视频预览方法及装置，其中视频预览方法包括：检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作；在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器；加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。用户只需针对目标视频封面执行预览操作，即可在目标视频封面处自动预览对应的完整视频内容，便于用户充分解读视频，提高视频预览效果。

Description

视频预览方法及装置
技术领域
本申请涉及视频处理技术领域，特别涉及一种视频预览方法。本申请同时涉及一种视频预览装置，一种计算设备，以及一种计算机可读存储介质。
背景技术
随着计算机技术和网络技术的快速发展，诞生了各种各样的视频，人们工作和生活中许多方面都会涉及到视频，相比于静态的图片，视频携带了更丰富、更具表现力的信息，从而越来越受到用户的关注和喜爱。
现有技术中，视频预览页面中可以展示有多个视频，每个视频展示单张静态图片封面或多张图片帧，以供用户定位自己感兴趣的视频。
然而，图片帧仅是视频内容的概略，内容不完整可能会导致用户解读视频不全面，且图片帧是从视频中截取得到，清晰度有限，无法适应不同的屏幕大小，也无法支持现场类视频，导致视频预览效果较差，用户无法快速准确选择自己感兴趣的视频，导致频繁播放再退出，误播放率较高。
发明内容
有鉴于此，本申请实施例提供了一种视频预览方法。本申请同时涉及一种视频预览装置，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中存在的视频预览效果较差、误播放率较高的技术问题。
根据本申请实施例的第一方面，提供了一种视频预览方法，包括：
检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作；
在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器；
加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
根据本申请实施例的第二方面，提供了一种视频预览装置，包括：
检测模块，被配置为检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作；
确定模块，被配置为在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器；
播放模块，被配置为加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
根据本申请实施例的第三方面，提供了一种计算设备，包括：
存储器和处理器；
存储器用于存储计算机可执行指令，处理器用于执行计算机可执行指令，以实现下述方法：
检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作；
在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器；
加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
根据本申请实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机可执行指令，该计算机可执行指令被处理器执行时实现任意视频预览方法的步骤。
本申请提供的视频预览方法，可以检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作；在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器；加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
这种情况下，视频预览页面中包括的各个视频封面处均设置有对应的页面容器，该页面容器可以提供针对相应视频封面的预览操作的检测能力，也即目标视频封面的页面容器可以检测到预览操作，在预览操作的操作持续时长达到时长阈值时，可以确定目标视频封面的页面容器关联的播放器容器，通过该播放器容器中承载的目标播放器在目标视频封面处播放目标视频封面对应的视频内容。如此，用户只需针对视频预览页面中的任一视频封面执行预览操作，即可在该视频封面处自动预览对应的完整视频内容，便于用户充分解读视频，且预览过程是直接播放原始完整的视频内容，无需截图，可以适应不同分辨率的屏幕，也可以支持现场类视频，极大提高了视频预览效果，用户在视频预览页面即可预览完整的视频内容，从而可以快速准确地确定自己是否感兴趣，降低误播放率；另外，只有在预览操作的操作持续时长达到时长阈值时，才调用相应的播放器在视频封面处播放对应的视频内容，以进行预览，避免了滑动过程中的误操作，节省了播放资源。
附图说明
图1是本申请一实施例提供的一种视频预览方法的流程图；
图2是本申请一实施例提供的一种视频预览页面的示意图；
图3是本申请一实施例提供的一种视频内容的播放流程示意图；
图4是本申请一实施例提供的另一种视频预览方法的流程图；
图5是本申请一实施例提供的一种视频预览装置的结构示意图；
图6是本申请一实施例提供的一种计算设备的结构框图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。
在本申请一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请一个或多个实施例。在本申请一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本申请一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解，尽管在本申请一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
在本申请中，提供了一种视频预览方法，本申请同时涉及一种视频预览装置，一种计算设备，以及一种计算机可读存储介质，在下面的实施例中逐一进行详细说明。
图1示出了根据本申请一实施例提供的一种视频预览方法的流程图，具体包括以下步骤：
步骤102：检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作。
具体的，视频预览页面可以是指包括多个视频以供用户选择播放的页面，视频预览页面展示的是视频的视频封面，该视频封面可以是对视频进行简介的封面图，也可以是从视频内容中截取的图片帧，用户点击选择某个视频封面后可以进入该视频封面对应的视频的播放界面。
另外，目标视频封面是视频预览页面中包括的多个视频封面中的任一个，每个视频封面对应一个页面容器，该页面容器，即cardContainer，可以提供针对相应的视频封面的预览操作的检测能力，即通过页面容器可以检测是否接收到相应的视频封面的预览操作。其中，预览操作可以是指预先设置的、预览某个视频封面对应的视频内容的操作。
一种可能的实现方式中，针对目标视频封面的预览操作可以是指控制选择控件移动进入目标视频封面的操作，如页面容器可以通过自身的鼠标事件，提供播放入口，即可以检测鼠标移入事件(mouseenter)，用户可以操作鼠标，使得通过鼠标控制的选择控件移动进入目标视频封面，此时即检测到针对目标视频封面的预览操作；或者，页面容器还可以检测键盘控制信号，即用户可以操作键盘，使得通过键盘控制的选择控件移动进入目标视频封面，此时即检测到针对目标视频封面的预览操作。
另一种可能的实现方式中，对于触摸屏类的设备来说，可以通过手指或者触摸笔来控制屏幕滑动，以选择某个视频封面对应的视频进行播放，因而针对目标视频封面的预览操作还可以为手指或者触摸笔触摸目标视频封面的操作，即手指或者触摸笔触摸目标视频封面时，检测到针对目标视频封面的预览操作；或者，针对目标视频封面的预览操作还可以为将目标视频封面滑动至页面边缘的操作等，即目标视频封面滑动至视频页面的页面边缘时，检测到针对目标视频封面的预览操作。
实际应用中，视频预览页面中可以包括多个视频封面，每个视频封面的位置处均设置有页面容器，各个页面容器可以确定是否检测到预览操作，检测到预览操作的页面容器对应的视频封面即为目标视频封面，后续可以调用该页面容器关联的播放器容器中承载的播放器，播放目标视频封面对应的完整视频内容，以进行预览，从而提高预览效果。
另外，用户在查看视频预览页面的过程中，往往会滑动视频预览页面，在滑动过程中，有可能会误触发针对目标视频封面的预览操作，因而为了避免误触发，还可以确定预览操作的操作持续时长，后续可以基于操作持续时长，确定检测到的针对目标视频封面的预览操作是否为误操作，在不是误操作的情况下，再播放相应的视频内容，提高预览准确率，节省播放资源。
具体实现时，若预览操作为选择控件移动进入目标视频封面的操作，那么操作持续时长为选择控件位于目标视频封面中的持续时长；若预览操作为手指或者触摸笔触摸目标视频封面的操作，那么操作持续时长可以为触摸目标视频封面的持续时长；若预览操作为将目标视频封面滑动至页面边缘的操作，那么操作持续时长可以为目标视频封面位于页面边缘的持续时长。
示例的，图2是本申请一实施例提供的一种视频预览页面的示意图，如图2所示，视频预览页面中包括6个视频的视频封面，分别为视频封面1、视频封面2、视频封面3、视频封面4、视频封面5和视频封面6，其中，视频封面1处设置有页面容器1，视频封面2处设置有页面容器2，视频封面3处设置有页面容器3，视频封面4处设置有页面容器4，视频封面5处设置有页面容器5，视频封面6处设置有页面容器6。假设页面容器3检测到了鼠标移入事件(即预览操作)，那么目标视频封面为视频封面3，此时说明用户想要预览视频封面3的视频内容，然后可以确定鼠标移入视频封面3的持续时长，便于后续可以确定检测到的针对视频封面3的预览操作是否为滑动过程中的误操作。
本实施例一个可选的实施方式中，还可以预先封装、创建各个视频对应的播放器，并与页面容器关联，从而便于在检测到视频预览页面中针对目标视频封面的预览操作时，可以通过相应的播放器播放视频内容，也即检测视频预览页面中针对目标视频封面的预览操作之前，还可以包括：
获取目标视频封面对应的视频元数据和播放参数；
根据视频元数据和播放参数，创建目标视频封面对应的视频内容的目标播放器；
根据目标播放器，创建播放器容器，将播放器容器嵌入为目标视频封面的页面容器的子元素。
需要说明的是，元数据(Metadata)，又称中介数据、中继数据，为描述数据的数据(data about data)，主要是描述数据属性(property)的信息，用来支持如指示存储位置、历史数据、资源查找、文件记录等功能，视频元数据，即option，可以是指描述目标视频封面对应的视频内容的数据。播放参数，即config，可以是指控制目标视频封面对应的视频内容的播放进程的参数，如延迟时间、播放清晰度、播放速度、播放时长等。
实际应用中，目标视频封面可以是指视频预览页面中的任一视频封面，针对目标视频封面，可以获取其对应的视频内容的视频元数据和播放参数，然后根据获取到的视频元数据和播放参数，创建目标视频封面对应的视频内容的目标播放器，该目标播放器后续可以用于播放目标视频封面对应的视频内容。
另外，创建得到目标视频封面对应的视频内容的目标播放器之后，还可以根据目标播放器，创建播放器容器，也即播放器容器用于承载创建的目标播放器。之后，还可以将播放器容器和页面容器相关联，从而在页面容器检测到预览操作后，可以找到关联的播放器容器，调用其中承载的播放器播放相应的视频内容。
具体实现时，可以根据目标播放器的类型，基于编程语言调用相应的创建方法，创建对应的播放器容器，即播放器承载容器(playerContainer)，该播放器容器可以承载创建的目标视频封面对应的视频内容的目标播放器。另外，可以调用HTML(Hyper Text MarkupLanguage，超文本标记语言)中的CardDO M.appendChild()方法，将播放器容器(内层容器)嵌入为页面容器(外层容器)的子元素，以将播放器容器和页面容器关联。
本申请实施例中，视频预览页面中包括多个视频的视频封面，每个视频封面对应的视频的内容、类型、时长各不相同，因而每个视频封面可以创建对应的播放器，并承载于对应的播放器容器中，与该视频封面对应的页面容器相关联，以便后续可以通过相应的播放器播放该视频封面的视频内容。
本实施例一个可选的实施方式中，在创建目标视频封面对应的视频内容的目标播放器之前，还可以预先封装不同视频类型对应的播放器，也即根据视频元数据和播放参数，创建目标视频封面对应的视频内容的目标播放器之前，还可以包括：
分别封装至少两个视频类型对应的播放器实例；
相应地，根据视频元数据和播放参数，创建目标视频封面对应的视频内容的目标播放器，具体实现过程可以如下：
解析视频元数据，确定目标视频封面对应的目标视频类型和内容标识；
根据目标视频类型，调用预先封装好的至少两个视频类型对应的播放器实例中目标视频类型对应的播放器实例，结合内容标识和播放参数，创建目标视频封面对应的目标播放器。
具体的，视频类型可以是指视频的播放类型，如视频类型可以为直播类型或者点播类型，其中，实例可以称为一个对象，一个对象就叫一个实例，实例化是指实例一个对象的过程，播放器实例可以是指封装的播放器对象。
需要说明的是，不同视频类型的视频往往需要通过不同的播放器播放，因而可以预先分别封装至少两个视频类型对应的播放器实例，预先封装的每个播放器实例返回统一的方法，以供后续创建某个视频对应的播放器时调用，即后续可以根据某个视频具体的视频内容的相关信息，实例化不同的播放器。例如，可以统一规范分别封装点播播放器和直播播放器，每个返回统一的方法replay(加载)、connect(初始化)、close(关闭)等。
实际应用中，预先封装有至少两个视频类型对应的播放器实例后，在根据视频元数据和播放参数，创建目标视频封面对应的视频内容的目标播放器时，可以调用预先封装的、目标视频封面对应类型的播放器，结合目标视频封面对应的视频内容的内容特点，通过构造函数创建对应的播放器，即实例化目标视频封面对应的视频内容的播放器。
具体实现时，可以解析视频元数据，确定目标视频封面对应的目标视频类型和内容标识，其中，目标视频类型是指目标视频封面对应的视频内容的类型，后续可以调用相应类型的播放器实例，另外，内容标识可以是指目标视频封面对应的视频内容的标识，基于该内容标识可以获取到目标视频封面对应的视频内容，该内容标识可以是目标视频封面对应的视频内容的存储地址，或者文件名称标识等。之后，可以根据目标视频类型，调用预先封装好的至少两个视频类型对应的播放器实例中目标视频类型对应的播放器实例，结合内容标识和播放参数，创建目标视频封面对应的目标播放器，创建得到的目标播放器是可以对目标视频封面对应的视频内容进行播放的播放器。
本实施例一个可选的实施方式中，除了预先分别封装至少两个视频类型对应的播放器实例之外，还可以封装中间操作层，也即分别封装至少两个视频类型对应的播放器实例之后，还可以包括：
封装中间操作层，其中，中间操作层用于确定检测到的预览操作对应的播放操作。
需要说明的是，中间操作层可以接收页面容器检测到的预览操作，并基于该预览操作，结合预先设置的控制策略(如延迟策略、防抖策略等)，控制该页面容器关联的播放器容器中的目标播放器，如初始化、播放、暂停等，从而实现对目标播放器的控制。
一种可能的实现方式中，封装的中间操作层中承载有mouselns(鼠标操作状态实例)、playerEvents(播放器生命周期事件实例)、player(播放器实例)等模块。其中，mouselns(鼠标操作状态实例)可以获取到页面容器检测到的预览操作；player(播放器实例)可以根据页面容器检测到的预览操作，确定控制播放器执行什么操作，如初始化、播放、暂停等；playerEvents(播放器生命周期事件实例)可以存储和记录播放器的初始化、播放、暂停等生命周期状态，即播放器执行相应的操作后，可以将自身的生命周期状态返回给中间操作层，中间操作层可以记录，并将相应到的生命周期状态通过JS(JavaScript)的CustomEvent(自定义事件)传给外层的页面容器。
实际应用中，通过目标视频封面处设置的页面容器检测到针对目标视频封面的预览操作后，可以将该预览操作同步给预先封装好的中间操作层，通过中间操作层确定预览操作的操作持续时长，从而确定页面容器检测到的预览操作是否为误操作，并进一步确定控制目标视频封面的视频内容对应的目标播放器执行什么操作。
作为一种示例，页面容器可以提供承载器，承载器的鼠标事件可以作为播放操作的出入口(mouseenter-鼠标移动时间，mouseleave移出事件)，鼠标事件触发之后，会响应给中间操作层，中间操作层接收到鼠标事件给到的指令后，可以结合自身预设的策略通知播放器播放相应的视频内容。
本申请实施例中，视频预览页面中可以包括多个视频封面，每个视频封面的位置处均设置有页面容器，各个页面容器可以确定是否检测到预览操作，检测到预览操作的页面容器对应的视频封面即为目标视频封面，后续可以调用该页面容器关联的播放器容器中承载的播放器，播放目标视频封面对应的完整视频内容，以进行预览，从而提高预览效果。另外，还可以确定预览操作的操作持续时长，便于后续可以基于操作持续时长，确定检测到的针对目标视频封面的预览操作是否为误操作，在不是误操作的情况下，再播放相应的视频内容，提高预览准确率，节省播放资源。
步骤104：在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器。
具体的，时长阈值可以是指预先设置的、判断预览操作是否为误操作的数值，如时长阈值可以为200ms、300ms等。
需要说明的是，若操作持续时长未达到时长阈值，则说明检测到的预览操作可能只是用户正常滑动视频预览页面的操作，并不是想要预览目标视频封面对应的视频内容，因而此时可以不响应检测到的预览操作。若操作持续时长达到时长阈值，则说明检测到的预览操作是用户想要预览目标视频封面对应的视频内容而触发的操作，此时可以确定目标视频封面的页面容器关联的播放器容器，从而便于后续通过页面容器关联的播放器容器中承载的目标播放器播放相应的视频内容，以进行预览。
实际应用中，通过页面容器检测到针对目标视频封面的预览操作后，页面容器可以将检测到的预览操作同步给中间操作层，通过中间操作层可以确定操作持续时长是否达到时长阈值，从而确定是否调用目标视频封面的页面容器关联的播放器容器，以控制播放器进行播放操作。
本申请实施例中，中间操作层可以预先设置有延迟策略，只有在预览操作的操作持续时长达到时长阈值时，才调用相应的播放器在视频封面处播放对应的视频内容，以进行预览，避免了滑动过程中的误操作，节省了播放资源。
步骤106：加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
需要说明的是，确定出目标视频封面的页面容器关联的播放器容器后，即可加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容，以直接在视频预览页面中目标视频封面处播放完整的视频内容，以供用户预览。
其中，目标视频封面对应的视频内容可以包括目标视频封面对应的视频的音视频数据，还可以包括目标视频封面对应的视频中的弹幕数据，即目标视频封面对应的视频中的弹幕数据也可以跟随视频进度，在视频预览页面中目标视频封面处进行播放，以供用户预览，从而增强内容互动体验。
沿用上例，可以通过视频封面3对应的目标播放器，在视频预览页面中视频封面3的位置处播放视频封面3对应的视频的音视频数据和弹幕数据，以供用户直接在视频预览页面中的视频封面3的位置处预览对应的视频的完整内容。
本申请实施例中，用户只需针对视频预览页面中的任一视频封面执行预览操作，即可在该视频封面处自动预览对应的完整视频内容，便于用户充分解读视频，且预览过程是直接播放原始完整的视频内容，无需截图，可以适应不同分辨率的屏幕，也可以支持现场类视频，极大提高了视频预览效果，用户在视频预览页面即可预览完整的视频内容，从而可以快速准确地确定自己是否感兴趣，降低误播放率。
本实施例一个可选的实施方式中，在控制播放器播放对应的视频内容时，还可以先确定播放器是否完成初始化，也即加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容，具体实现过程可以如下：
确定目标播放器是否完成初始化；
在目标播放器未完成初始化的情况下，对目标播放器进行初始化，初始化成功后，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
需要说明的是，若目标播放器没有完成初始化，则可以先对目标播放器进行初始化，初始化之后，再控制目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
本实施例一个可选的实施方式中，初始化完成后，还可以确定当前用户是否具备视频播放权限，再控制播放器播放对应的视频内容，也即通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容之前，还可以包括：
确定是否具备目标视频封面对应的视频内容的播放权限；
若具备播放权限，则确定预览操作是否取消；
在预览操作未取消的情况下，执行通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容的操作步骤；
在预览操作取消的情况下，在目标视频封面处暂停播放目标视频封面对应的视频内容。
实际应用中，由于有些视频是需要播放权限才可以播放，如付费视频、会员视频、不同用户等级对应的视频等，因而在对目标播放器初始化成功后，还可以确定触发预览操作的用户是否具备目标视频封面对应的视频内容的播放权限。例如，目标视频封面对应的视频内容为会员视频，则此时可以确定触发预览操作的用户是否登录，若未登录，则确定不具备播放权限；若已登录，则进一步确定该用户的用户信息中是否包括会员标识，若包括，则说明该用户是会员用户，具备播放权限，若不包括，则说明该用户不是会员用户，不具备播放权限。
需要说明的是，对于需要播放权限的视频，可以在目标播放器完成初始化后，进一步确定是否具备目标视频封面对应的视频内容的播放权限，从而保证需要播放权限的视频只有具备播放权限的用户才可以预览，提高视频的安全性。
另外，用户针对目标视频封面触发预览操作后，还可能取消预览操作，因而在确定具备播放权限后，还可以确定预览操作是否取消，从而确定是否需要继续控制目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
具体实现时，对于预览操作为选择控件移动进入目标视频封面的操作来说，确定预览操作是否取消，可以为确定是否检测到选择控件移出目标视频封面，如对于预览操作为鼠标移入事件来说，确定预览操作是否取消，可以为确定是否检测到鼠标移出事件。另外，对于预览操作为手指或者触摸笔触摸目标视频封面的操作，确定预览操作是否取消，可以为确定是否检测到手指或者触摸笔抬起；对于预览操作为将目标视频封面滑动至页面边缘的操作，确定预览操作是否取消，可以为确定目标视频封面是否远离视频页面的页面边缘。
本申请实施例中，若预览操作未取消，则说明用户希望继续在目标视频封面处预览相应的视频内容，因而此时可以执行通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容的操作步骤；若检测到预览操作取消，则说明用户暂时不需要继续在目标视频封面处预览相应的视频内容，因而此时可以在目标视频封面处暂停播放目标视频封面对应的视频内容，但是并不关闭播放器，当再次检测到针对目标视频封面对应的预览操作时，可以直接控制播放器播放相应的视频内容，方便短时间内用户多次预览同一视频封面对应的视频内容。
进一步地，在目标视频封面处暂停播放目标视频封面对应的视频内容时，还可以记录暂停播放的时间点，以供后续用户短时间内再次预览目标视频封面对应的视频内容时，可以直接定位至上次暂停播放的时间点，继续播放，无需从头重新播放目标视频封面对应的视频内容。
本实施例一个可选的实施方式中，若确定出目标播放器初始化完成，则可以直接控制目标播放器播放相应的视频内容，无需重新初始化，也即确定目标播放器是否完成初始化之后，还可以包括：
在目标播放器完成初始化的情况下，确定预览操作是否取消；
若未取消，则通过目标播放器在目标视频封面处重新播放目标视频封面对应的视频内容。
需要说明的是，如果上次初始化目标播放器后，只是在目标视频封面处暂停播放目标视频封面对应的视频内容，并未关闭播放器，那么再次检测到针对目标视频封面对应的预览操作时，目标播放器已经完成初始化，此时可以直接控制播放器播放相应的视频内容。
进一步，也可以确定用户是否取消预览操作，从而确定是否需要继续控制目标播放器在目标视频封面处播放目标视频封面对应的视频内容。若未取消预览操作，则说明用户希望继续在目标视频封面处预览相应的视频内容，因而此时可以直接通过目标播放器在目标视频封面处重新播放目标视频封面对应的视频内容；若取消预览操作，则暂停播放。
本申请实施例中，用户再次想要预览目标视频封面对应的视频内容时，可以无需再次初始化播放器，直接通过初始化完成的目标播放器在目标视频封面处重新播放目标视频封面对应的视频内容即可，节省初始化播放器耗费的处理资源。
另外，除了可以直接通过目标播放器在目标视频封面处重新播放目标视频封面对应的视频内容之外，若在上次暂停播放目标视频封面对应的视频内容时，记录了暂停播放的时间点，那么可以直接通过目标播放器在目标视频封面处从暂停播放的时间点继续播放目标视频封面对应的视频内容。
实际应用中，可以基于此次检测到预览操作的时间与上次暂停播放目标视频封面对应的视频内容之间的时间间隔，确定是重新从头播放目标视频封面对应的视频内容，还是从记录的暂停播放的时间点继续播放目标视频封面对应的视频内容。例如，若此次检测到预览操作的时间与上次暂停播放目标视频封面对应的视频内容之间的时间间隔大于间隔阈值，则重新从头播放目标视频封面对应的视频内容，若此次检测到预览操作的时间与上次暂停播放目标视频封面对应的视频内容之间的时间间隔不大于间隔阈值，则可以获取上次暂停播放的时间点，从该时间点继续播放目标视频封面对应的视频内容。
本申请实施例中，用户短时间内再次预览目标视频封面对应的视频内容时，可以直接定位至上次暂停播放的时间点继续播放，无需从头重新播放目标视频封面对应的视频内容，使得短时间内用户再次触发预览操作时，可以衔接至上次暂停播放的位置，提高用户观看体验，节省了播放资源。
本实施例一个可选的实施方式中，用户取消针对目标视频封面的预览操作后，并不关闭对应的目标播放器，而仅是暂停播放，方便短时间内用户再次预览目标视频封面对应的视频内容，而如果用户长时间未再次预览目标视频封面对应的视频内容，则可以关闭对应的目标播放器，也即通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容之后，还可以包括：
检测预览操作是否取消；
在预览操作取消的情况下，确定取消预览操作后的第二预设时长内是否再次检测到针对目标视频封面的预览操作；
若否，则关闭目标播放器。
具体的，第二预设时长可以是预先设置的时间段，用于确定一段时间内用户是否针对某个视频封面再次发起预览操作，如第二预设时长可以为3分钟、5分钟或10分钟等。
需要说明的是，检测到针对目标视频封面的预览操作取消的情况下，可以暂停通过目标播放器在目标视频封面的位置处播放对应的视频内容，之后可以确定取消预览操作后的第二预设时长内是否再次检测到针对目标视频封面的预览操作，若是，则说明用户再次触发针对目标视频封面的预览操作，想要再次预览相应的视频内容，此时可以无需初始化目标播放器，直接控制初始化完成的目标播放器播放相应的视频内容；若否，则说明用户长时间未再次触发针对目标视频封面的预览操作，此时可以关闭目标播放器，节省处理资源和空间，若用户之后再次触发针对目标视频封面的预览操作，则可以重新对目标播放器进行初始化，以在视频封面的位置处播放相应的视频内容。
另外，关闭目标播放器后，可以删除目标播放器相关的数据，以节省内存空间，如播放器的初始化数据、运行数据、暂停播放的时间点等数据。
示例的，图3是本申请一实施例提供的一种视频内容的播放流程示意图，如图3所示，检测到针对目标视频封面的预览操作后，可以确定预览操作的操作持续时长，若预览操作的操作持续时长未达到时长阈值，则不执行动作。若预览操作的操作持续时长达到时长阈值，则确定目标视频封面的页面容器关联的播放器容器，确定该播放器容器中承载的目标播放器是否完成初始化。若未完成初始化，则对目标播放器进行初始化，初始化成功后，确定是否具备目标视频封面对应的视频内容的播放权限，若具备播放权限，则确定预览操作是否取消，若未取消，则正常播放视频内容，若已取消，则暂停播放视频内容；若不具备播放权限，则销毁播放器。若初始化失败，则销毁播放器。
若已完成初始化，则说明目标视频封面对应的视频内容暂停播放，此时可以确定是否具备目标视频封面对应的视频内容的播放权限，若具备播放权限，则确定预览操作是否取消，若未取消，则跳转至片头重新开始播放视频内容，若已取消，则不执行动作；若不具备播放权限，则销毁播放器。
另外，如图3所示，每针对目标播放器执行一个动作后，均可以上报事件给中间操作层，以供中间操作层可以记录目标播放器的初始化、播放、暂停等生命周期状态。
本实施例一个可选的实施方式中，若预先封装了中间操作层，那么可以通过中间操作层，控制目标播放器的播放操作，也即通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容，具体实现过程可以如下：
通过封装完成的中间操作层，确定预览操作对应的播放操作；
根据播放操作，控制目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
需要说明的是，中间操作层可以接收页面容器检测到的预览操作，然后基于该预览操作确定出对应的播放操作，根据该播放操作控制目标播放器的工作状态，如初始化、播放、暂停等。
作为一种示例，中间操作层接收到的预览操作为鼠标移入事件，中间操作层中可以预先封装有预设的延迟策略，检测到预览操作后，若该预览操作的操作持续时长达到时长阈值时，则确定鼠标移入事件对应的播放操作为初始化播放器，此时可以加载对应的目标播放器，控制目标播放器进行初始化。
本实施例一个可选的实施方式中，加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容之后，还可以包括：
向页面容器反馈目标播放器的加载状态和/或播放状态。
其中，目标播放器的加载状态可以包括是否完成初始化，播放状态包括播放、暂停等状态。实际应用中，目标播放器执行相应的操作后，还可以向中间操作层返回执行结果，即加载状态和/或播放状态等生命周期状态，中间操作层可以记录接收到的加载状态和/或播放状态等，并反馈给外层的页面容器，通过外层的页面容器，可以统计各个视频封面对应的目标播放器的加载次数等信息，以供分析使用。
本实施例一个可选的实施方式中，除了预先设置延迟策略，以避免滑动视频预览页面的过程中误触发预览操作之外，还可以预先设置防抖策略，避免短时间内多次响应同一视频封面的预览操作，也即加载播放器容器中承载的目标播放器之前，还可以包括：
确定预览操作是否为第一预设时长内针对目标视频封面首次检测到的预览操作；
若是，则执行加载播放器容器中承载的目标播放器的操作步骤。
具体的，第一预设时长可以是指预先设置的时间段，用于判断用户是否在短时间内多次针对目标视频封面触发预览操作，如第一预设时长可以为1秒、5秒、8秒等。
需要说明的是，在加载播放器容器中承载的目标播放器之前，还可以确定检测到的预览操作是否为第一预设时长内针对目标视频封面首次检测到的预览操作，若是，则说明检测到的预览操作是短时间内用户针对目标视频封面首次发起预览操作，此时可以响应该预览操作，加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。若否，则说明短时间内用户针对目标视频封面发起了多次预览操作，只在用户首次针对目标视频封面发起预览操作时进行响应即可，因而此时可以不响应该预览操作，即不执行加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容的操作步骤。如此，可以避免短时间内频繁触发目标视频封面的预览操作，避免短时间内频繁在目标视频封面处播放目标视频封面对应的视频内容，节省播放资源。
本申请提供的视频预览方法，视频预览页面中包括的各个视频封面处均设置有对应的页面容器，该页面容器可以提供针对相应视频封面的预览操作的检测能力，也即目标视频封面的页面容器可以检测到预览操作，在预览操作的操作持续时长达到时长阈值时，可以确定目标视频封面的页面容器关联的播放器容器，通过该播放器容器中承载的目标播放器在目标视频封面处播放目标视频封面对应的视频内容。如此，用户只需针对视频预览页面中的任一视频封面执行预览操作，即可在该视频封面处自动预览对应的完整视频内容，便于用户充分解读视频，且预览过程是直接播放原始完整的视频内容，无需截图，可以适应不同分辨率的屏幕，也可以支持现场类视频，极大提高了视频预览效果，用户在视频预览页面即可预览完整的视频内容，从而可以快速准确地确定自己是否感兴趣，降低误播放率。
另外，只有在预览操作的操作持续时长达到时长阈值时，才调用相应的播放器在视频封面处播放对应的视频内容，以进行预览，避免了滑动过程中的误操作，节省了播放资源。并且，只在用户首次针对目标视频封面发起预览操作时进行响应即可，避免短时间内频繁在目标视频封面处播放目标视频封面对应的视频内容，节省播放资源。
图4示出了本申请一实施例提供的另一种视频预览方法的流程图，具体包括以下步骤：
步骤402：分别封装直播类型和点播类型对应的播放器实例，每个播放器实例返回统一的方法。
步骤404：封装中间操作层，其中，中间操作层用于确定检测到的预览操作对应的播放操作。
步骤406：针对视频预览页面中包括的每个视频封面，获取该视频封面对应的视频元数据和播放参数。
步骤408：解析视频元数据，确定目标视频封面对应的目标视频类型和内容标识。
步骤410：根据目标视频类型，调用预先封装好的直播类型和点播类型对应的播放器实例中目标视频类型对应的播放器实例，结合内容标识和播放参数，创建目标视频封面对应的目标播放器。
步骤412：根据目标播放器，创建播放器容器。
步骤414：通过调用HTML中的Append方法将播放器容器嵌入为目标视频封面的页面容器的子元素，以将播放器容器和页面容器进行关联。
步骤416：通过视频预览页面中各个视频封面处设置的页面容器监听鼠标移入事件。
步骤418：监听到鼠标移入事件的页面容器将鼠标移入事件同步给中间操作层，通过中间操作层确定鼠标移入事件的操作持续时长是否达到时长阈值。
步骤420：在操作持续时长达到时长阈值的情况下，通过封装完成的中间操作层，确定鼠标移入事件对应的播放操作，加载该页面容器关联的播放器容器中承载的目标播放器，根据该播放操作，控制目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
其中，目标视频封面为监听到鼠标移入事件的页面容器对应的视频封面。
本实施例一个可选的实施方式中，除了预先设置延迟策略，以避免滑动视频预览页面的过程中误触发预览操作之外，还可以预先设置防抖策略，避免短时间内多次响应同一视频封面的预览操作，也即加载播放器容器中承载的目标播放器之前，还可以包括：
确定预览操作是否为第一预设时长内针对目标视频封面首次检测到的预览操作；
若是，则执行加载播放器容器中承载的目标播放器的操作步骤。
步骤422：通过该页面容器监听鼠标移出事件，在监听到鼠标移出事件时，控制目标播放器在目标视频封面处暂停播放目标视频封面对应的视频内容。
步骤424：目标播放器向中间操作层返回加载状态和/或播放状态，通过中间操作层将该加载状态和/或播放状态反馈给页面容器。
本申请提供的视频预览方法，视频预览页面中包括的各个视频封面处均设置有对应的页面容器，该页面容器可以提供针对相应视频封面的预览操作的检测能力，也即目标视频封面的页面容器可以检测到预览操作，在预览操作的操作持续时长达到时长阈值时，可以确定目标视频封面的页面容器关联的播放器容器，通过该播放器容器中承载的目标播放器在目标视频封面处播放目标视频封面对应的视频内容。如此，用户只需针对视频预览页面中的任一视频封面执行预览操作，即可在该视频封面处自动预览对应的完整视频内容，便于用户充分解读视频，且预览过程是直接播放原始完整的视频内容，无需截图，可以适应不同分辨率的屏幕，也可以支持现场类视频，极大提高了视频预览效果，用户在视频预览页面即可预览完整的视频内容，从而可以快速准确地确定自己是否感兴趣，降低误播放率。
另外，只有在预览操作的操作持续时长达到时长阈值时，才调用相应的播放器在视频封面处播放对应的视频内容，以进行预览，避免了滑动过程中的误操作，节省了播放资源。并且，只在用户首次针对目标视频封面发起预览操作时进行响应即可，避免短时间内频繁在目标视频封面处播放目标视频封面对应的视频内容，节省播放资源。
与上述方法实施例相对应，本申请还提供了视频预览装置实施例，图5示出了本申请一实施例提供的一种视频预览装置的结构示意图。如图5所示，该装置包括：
检测模块502，被配置为检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作；
确定模块504，被配置为在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器；
播放模块506，被配置为加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
可选地，该装置还包括创建模块，被配置为：
获取目标视频封面对应的视频元数据和播放参数；
根据视频元数据和播放参数，创建目标视频封面对应的视频内容的目标播放器；
根据目标播放器，创建播放器容器，将播放器容器嵌入为目标视频封面的页面容器的子元素。
可选的，创建模块进一步被配置为：
分别封装至少两个视频类型对应的播放器实例；
解析视频元数据，确定目标视频封面对应的目标视频类型和内容标识；
根据目标视频类型，调用预先封装好的至少两个视频类型对应的播放器实例中目标视频类型对应的播放器实例，结合内容标识和播放参数，创建目标视频封面对应的目标播放器。
可选地，创建模块进一步被配置为：
封装中间操作层，其中，中间操作层用于确定检测到的预览操作对应的播放操作；
相应地，播放模块506进一步被配置为：
通过封装完成的中间操作层，确定预览操作对应的播放操作；
根据播放操作，控制目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
可选地，该装置还包括执行模块，被配置为：
确定预览操作是否为第一预设时长内针对目标视频封面首次检测到的预览操作；
若是，则执行加载播放器容器中承载的目标播放器的操作步骤。
可选地，播放模块506进一步被配置为：
确定目标播放器是否完成初始化；
在目标播放器未完成初始化的情况下，对目标播放器进行初始化，初始化成功后，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
可选地，播放模块506进一步被配置为：
确定是否具备目标视频封面对应的视频内容的播放权限；
若具备播放权限，则确定预览操作是否取消；
在预览操作未取消的情况下，执行通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容的操作步骤；
在预览操作取消的情况下，在目标视频封面处暂停播放目标视频封面对应的视频内容。
可选地，播放模块506进一步被配置为：
在目标播放器完成初始化的情况下，确定预览操作是否取消；
若未取消，则通过目标播放器在目标视频封面处重新播放目标视频封面对应的视频内容。
可选地，该装置还包括检测模块，被配置为：
检测预览操作是否取消；
在预览操作取消的情况下，确定取消预览操作后的第二预设时长内是否再次检测到针对目标视频封面的预览操作；
若否，则关闭目标播放器。
可选地，该装置还包括反馈模块，被配置为：
向页面容器反馈目标播放器的加载状态和/或播放状态。
本申请提供的视频预览装置，视频预览页面中包括的各个视频封面处均设置有对应的页面容器，该页面容器可以提供针对相应视频封面的预览操作的检测能力，也即目标视频封面的页面容器可以检测到预览操作，在预览操作的操作持续时长达到时长阈值时，可以确定目标视频封面的页面容器关联的播放器容器，通过该播放器容器中承载的目标播放器在目标视频封面处播放目标视频封面对应的视频内容。如此，用户只需针对视频预览页面中的任一视频封面执行预览操作，即可在该视频封面处自动预览对应的完整视频内容，便于用户充分解读视频，且预览过程是直接播放原始完整的视频内容，无需截图，可以适应不同分辨率的屏幕，也可以支持现场类视频，极大提高了视频预览效果，用户在视频预览页面即可预览完整的视频内容，从而可以快速准确地确定自己是否感兴趣，降低误播放率；另外，只有在预览操作的操作持续时长达到时长阈值时，才调用相应的播放器在视频封面处播放对应的视频内容，以进行预览，避免了滑动过程中的误操作，节省了播放资源。
上述为本实施例的一种视频预览装置的示意性方案。需要说明的是，该视频预览装置的技术方案与上述的视频预览方法的技术方案属于同一构思，视频预览装置的技术方案未详细描述的细节内容，均可以参见上述视频预览方法的技术方案的描述。
图6示出了根据本申请一实施例提供的一种计算设备的结构框图。该计算设备600的部件包括但不限于存储器610和处理器620。处理器620与存储器610通过总线630相连接，数据库650用于保存数据。
计算设备600还包括接入设备640，接入设备640使得计算设备600能够经由一个或多个网络660通信。这些网络的示例包括公用交换电话网(PSTN)、局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。接入设备640可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC))中的一个或多个，诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口，等等。
在本申请的一个实施例中，计算设备600的上述部件以及图6中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图6所示的计算设备结构框图仅仅是出于示例的目的，而不是对本申请范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。
计算设备600可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或PC的静止计算设备。计算设备600还可以是移动式或静止式的服务器。
其中，处理器620用于执行如下计算机可执行指令，以实现下述方法：
检测视频预览页面中针对目标视频封面的预览操作，确定预览操作的操作持续时长，其中，视频预览页面中包括至少两个视频的视频封面，每个视频封面处设置有页面容器，页面容器用于检测对应视频封面的预览操作；
在操作持续时长达到时长阈值的情况下，确定目标视频封面的页面容器关联的播放器容器，其中，播放器容器用于承载播放视频内容的目标播放器；
加载播放器容器中承载的目标播放器，通过目标播放器在目标视频封面处播放目标视频封面对应的视频内容。
上述为本实施例的一种计算设备的示意性方案。需要说明的是，该计算设备的技术方案与上述的视频预览方法的技术方案属于同一构思，计算设备的技术方案未详细描述的细节内容，均可以参见上述视频预览方法的技术方案的描述。
本申请一实施例还提供一种计算机可读存储介质，其存储有计算机可执行指令，该计算机可执行指令被处理器执行时以用于实现任意视频预览方法的步骤。
上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的视频预览方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述视频预览方法的技术方案的描述。
上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
计算机指令包括计算机程序代码，计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读介质可以包括：能够携带计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，RandomAccess Memory)、电载波信号、电信信号以及软件分发介质等。
需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。
以上公开的本申请优选实施例只是用于帮助阐述本申请。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本申请的内容，可作很多的修改和变化。本申请选取并具体描述这些实施例，是为了更好地解释本申请的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本申请。本申请仅受权利要求书及其全部范围和等效物的限制。

Claims (13)

1.一种视频预览方法，其特征在于，包括：
检测视频预览页面中针对目标视频封面的预览操作，确定所述预览操作的操作持续时长，其中，所述视频预览页面中包括至少两个视频的视频封面，每个所述视频封面处设置有页面容器，所述页面容器用于检测对应视频封面的预览操作；
在所述操作持续时长达到时长阈值的情况下，确定所述目标视频封面的页面容器关联的播放器容器，其中，所述播放器容器用于承载播放视频内容的目标播放器；
加载所述播放器容器中承载的目标播放器，通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容。
2.根据权利要求1所述的视频预览方法，其特征在于，所述检测视频预览页面中针对目标视频封面的预览操作之前，还包括：
获取所述目标视频封面对应的视频元数据和播放参数；
根据所述视频元数据和所述播放参数，创建所述目标视频封面对应的视频内容的目标播放器；
根据所述目标播放器，创建播放器容器，将所述播放器容器嵌入为所述目标视频封面的页面容器的子元素。
3.根据权利要求2所述的视频预览方法，其特征在于，所述根据所述视频元数据和所述播放参数，创建所述目标视频封面对应的视频内容的目标播放器之前，还包括：
分别封装至少两个视频类型对应的播放器实例；
相应地，所述根据所述视频元数据和所述播放参数，创建所述目标视频封面对应的视频内容的目标播放器，包括：
解析所述视频元数据，确定所述目标视频封面对应的目标视频类型和内容标识；
根据所述目标视频类型，调用预先封装好的至少两个视频类型对应的播放器实例中所述目标视频类型对应的播放器实例，结合所述内容标识和所述播放参数，创建所述目标视频封面对应的目标播放器。
4.根据权利要求3所述的视频预览方法，其特征在于，所述分别封装至少两个视频类型对应的播放器实例之后，还包括：
封装中间操作层，其中，所述中间操作层用于确定检测到的预览操作对应的播放操作；
相应地，所述通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容，包括：
通过封装完成的所述中间操作层，确定所述预览操作对应的播放操作；
根据所述播放操作，控制所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容。
5.根据权利要求1-4任一项所述的视频预览方法，其特征在于，所述加载所述播放器容器中承载的目标播放器之前，还包括：
确定所述预览操作是否为第一预设时长内针对所述目标视频封面首次检测到的预览操作；
若是，则执行加载所述播放器容器中承载的目标播放器的操作步骤。
6.根据权利要求1-4任一项所述的视频预览方法，其特征在于，所述加载所述播放器容器中承载的目标播放器，通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容，包括：
确定所述目标播放器是否完成初始化；
在所述目标播放器未完成初始化的情况下，对所述目标播放器进行初始化，初始化成功后，通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容。
7.根据权利要求6所述的视频预览方法，其特征在于，所述通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容之前，还包括：
确定是否具备所述目标视频封面对应的视频内容的播放权限；
若具备所述播放权限，则确定所述预览操作是否取消；
在所述预览操作未取消的情况下，执行所述通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容的操作步骤；
在所述预览操作取消的情况下，在所述目标视频封面处暂停播放所述目标视频封面对应的视频内容。
8.根据权利要求6所述的视频预览方法，其特征在于，所述确定所述目标播放器是否完成初始化之后，还包括：
在所述目标播放器完成初始化的情况下，确定所述预览操作是否取消；
若未取消，则通过所述目标播放器在所述目标视频封面处重新播放所述目标视频封面对应的视频内容。
9.根据权利要求1-4任一项所述的视频预览方法，其特征在于，所述通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容之后，还包括：
检测所述预览操作是否取消；
在所述预览操作取消的情况下，确定取消所述预览操作后的第二预设时长内是否再次检测到针对所述目标视频封面的预览操作；
若否，则关闭所述目标播放器。
10.根据权利要求1-4任一项所述的视频预览方法，其特征在于，所述加载所述播放器容器中承载的目标播放器，通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容之后，还包括：
向所述页面容器反馈所述目标播放器的加载状态和/或播放状态。
11.一种视频预览装置，其特征在于，包括：
检测模块，被配置为检测视频预览页面中针对目标视频封面的预览操作，确定所述预览操作的操作持续时长，其中，所述视频预览页面中包括至少两个视频的视频封面，每个所述视频封面处设置有页面容器，所述页面容器用于检测对应视频封面的预览操作；
确定模块，被配置为在所述操作持续时长达到时长阈值的情况下，确定所述目标视频封面的页面容器关联的播放器容器，其中，所述播放器容器用于承载播放视频内容的目标播放器；
播放模块，被配置为加载所述播放器容器中承载的目标播放器，通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容。
12.一种计算设备，其特征在于，包括：
存储器和处理器；
所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，以实现下述方法：
检测视频预览页面中针对目标视频封面的预览操作，确定所述预览操作的操作持续时长，其中，所述视频预览页面中包括至少两个视频的视频封面，每个所述视频封面处设置有页面容器，所述页面容器用于检测对应视频封面的预览操作；
在所述操作持续时长达到时长阈值的情况下，确定所述目标视频封面的页面容器关联的播放器容器，其中，所述播放器容器用于承载播放视频内容的目标播放器；
加载所述播放器容器中承载的目标播放器，通过所述目标播放器在所述目标视频封面处播放所述目标视频封面对应的视频内容。
13.一种计算机可读存储介质，其特征在于，其存储有计算机可执行指令，该计算机可执行指令被处理器执行时实现权利要求1至10任意一项所述视频预览方法的步骤。
CN202111482159.8A 2021-12-06 2021-12-06 视频预览方法及装置 Active CN114205675B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202111482159.8A CN114205675B (zh) 2021-12-06 2021-12-06 视频预览方法及装置
PCT/CN2022/099677 WO2023103325A1 (zh) 2021-12-06 2022-06-20 视频预览方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111482159.8A CN114205675B (zh) 2021-12-06 2021-12-06 视频预览方法及装置

Publications (2)

Publication Number Publication Date
CN114205675A true CN114205675A (zh) 2022-03-18
CN114205675B CN114205675B (zh) 2023-04-11

Family

ID=80650825

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111482159.8A Active CN114205675B (zh) 2021-12-06 2021-12-06 视频预览方法及装置

Country Status (2)

Country Link
CN (1) CN114205675B (zh)
WO (1) WO2023103325A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023103325A1 (zh) * 2021-12-06 2023-06-15 上海哔哩哔哩科技有限公司 视频预览方法及装置
WO2024032087A1 (zh) * 2022-08-09 2024-02-15 腾讯科技（深圳）有限公司 局部动态化页面生成方法、装置、电子设备、计算机可读存储介质及计算机程序产品

Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110016000A1 (en) * 2009-07-15 2011-01-20 Brian David Cronshaw Creating content experience with video widgets
US20120173981A1 (en) * 2010-12-02 2012-07-05 Day Alexandrea L Systems, devices and methods for streaming multiple different media content in a digital container
CN103634686A (zh) * 2013-12-19 2014-03-12 北京奇艺世纪科技有限公司 一种用于预览视频的方法及装置
CN106791953A (zh) * 2016-12-22 2017-05-31 北京奇艺世纪科技有限公司 多播放器控制方法、服务器及客户端
US20180024717A1 (en) * 2016-07-25 2018-01-25 Google Inc. Playback of media content inline within a scrollable mixed multimedia display background
US20180146225A1 (en) * 2015-06-03 2018-05-24 Nokia Technologies Oy A method, an apparatus, a computer program for video coding
CN110611844A (zh) * 2019-10-18 2019-12-24 网易（杭州）网络有限公司 应用中播放器的控制方法、装置和视频播放装置
CN110636366A (zh) * 2019-10-25 2019-12-31 百度在线网络技术（北京）有限公司 视频的播放处理方法、装置、电子设备和介质
CN110691282A (zh) * 2019-10-16 2020-01-14 北京字节跳动网络技术有限公司 视频处理方法、装置、存储介质及电子设备
CN111432278A (zh) * 2020-02-27 2020-07-17 北京达佳互联信息技术有限公司 视频控制方法、装置、终端及存储介质
CN111970566A (zh) * 2020-08-26 2020-11-20 北京达佳互联信息技术有限公司 视频播放方法、装置、电子设备及存储介质
CN112770168A (zh) * 2020-12-23 2021-05-07 广州虎牙科技有限公司 视频的播放方法以及相关装置、设备
CN113286189A (zh) * 2021-04-23 2021-08-20 北京奇艺世纪科技有限公司 视频播放方法、装置、服务器及存储介质
CN113365150A (zh) * 2021-06-04 2021-09-07 上海哔哩哔哩科技有限公司 视频处理方法和视频处理装置

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10685471B2 (en) * 2015-05-11 2020-06-16 Facebook, Inc. Methods and systems for playing video while transitioning from a content-item preview to the content item
CN106231437A (zh) * 2016-07-25 2016-12-14 深圳Tcl新技术有限公司 视频节目预览方法及装置
CN108810641A (zh) * 2018-06-04 2018-11-13 北京潘达互娱科技有限公司 一种视频播放方法、装置及电子设备
CN109246461A (zh) * 2018-11-30 2019-01-18 北京微播视界科技有限公司 视频预加载的方法、应用客户端及电子设备
CN111327917B (zh) * 2020-03-09 2022-10-04 北京达佳互联信息技术有限公司 直播内容的预览方法、装置、设备及存储介质
CN114205675B (zh) * 2021-12-06 2023-04-11 上海哔哩哔哩科技有限公司 视频预览方法及装置

Patent Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110016000A1 (en) * 2009-07-15 2011-01-20 Brian David Cronshaw Creating content experience with video widgets
US20120173981A1 (en) * 2010-12-02 2012-07-05 Day Alexandrea L Systems, devices and methods for streaming multiple different media content in a digital container
CN103634686A (zh) * 2013-12-19 2014-03-12 北京奇艺世纪科技有限公司 一种用于预览视频的方法及装置
US20180146225A1 (en) * 2015-06-03 2018-05-24 Nokia Technologies Oy A method, an apparatus, a computer program for video coding
US20180024717A1 (en) * 2016-07-25 2018-01-25 Google Inc. Playback of media content inline within a scrollable mixed multimedia display background
CN106791953A (zh) * 2016-12-22 2017-05-31 北京奇艺世纪科技有限公司 多播放器控制方法、服务器及客户端
CN110691282A (zh) * 2019-10-16 2020-01-14 北京字节跳动网络技术有限公司 视频处理方法、装置、存储介质及电子设备
CN110611844A (zh) * 2019-10-18 2019-12-24 网易（杭州）网络有限公司 应用中播放器的控制方法、装置和视频播放装置
CN110636366A (zh) * 2019-10-25 2019-12-31 百度在线网络技术（北京）有限公司 视频的播放处理方法、装置、电子设备和介质
CN111432278A (zh) * 2020-02-27 2020-07-17 北京达佳互联信息技术有限公司 视频控制方法、装置、终端及存储介质
CN111970566A (zh) * 2020-08-26 2020-11-20 北京达佳互联信息技术有限公司 视频播放方法、装置、电子设备及存储介质
CN112770168A (zh) * 2020-12-23 2021-05-07 广州虎牙科技有限公司 视频的播放方法以及相关装置、设备
CN113286189A (zh) * 2021-04-23 2021-08-20 北京奇艺世纪科技有限公司 视频播放方法、装置、服务器及存储介质
CN113365150A (zh) * 2021-06-04 2021-09-07 上海哔哩哔哩科技有限公司 视频处理方法和视频处理装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
JULIUS SCHÖNING等: ""Providing Video Annotations in Multimedia Containers for Visualization and Research"" *
马艳阳; 刘玉磊: ""视频容器交互设计探索"" *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023103325A1 (zh) * 2021-12-06 2023-06-15 上海哔哩哔哩科技有限公司 视频预览方法及装置
WO2024032087A1 (zh) * 2022-08-09 2024-02-15 腾讯科技（深圳）有限公司 局部动态化页面生成方法、装置、电子设备、计算机可读存储介质及计算机程序产品

Also Published As

Publication number Publication date
CN114205675B (zh) 2023-04-11
WO2023103325A1 (zh) 2023-06-15

Similar Documents

Publication Publication Date Title
CN114205675B (zh) 视频预览方法及装置
US11399090B2 (en) Page control for history pages of browsed data
US11232481B2 (en) Extended applications of multimedia content previews in the cloud-based content management system
US11210610B2 (en) Enhanced multimedia content preview rendering in a cloud content management system
US10685460B2 (en) Method and apparatus for generating photo-story based on visual context analysis of digital content
US9098474B2 (en) Preview pre-generation based on heuristics and algorithmic prediction/assessment of predicted user behavior for enhancement of user experience
US9195519B2 (en) Disabling the self-referential appearance of a mobile application in an intent via a background registration
WO2017107441A1 (zh) 截取视频动画的方法及装置
CA2837677C (en) Method and system for browser-based control of a remote computer
CN112241227A (zh) 界面显示方法、装置、终端及存储介质
JP2018520450A (ja) 情報処理方法、端末、およびコンピュータ記憶媒体
CN111796884B (zh) 一种访问控制方法、装置、设备和计算机可读存储介质
WO2021218221A1 (zh) 一种网页的显示方法、装置、客户端及存储介质
CN112169320B (zh) 应用程序的启动及存档方法、装置、设备及存储介质
CN105279431B (zh) 一种移动设备中操作信息的记录方法、装置和系统
CN113938731A (zh) 一种录屏方法及显示设备
CN106528735A (zh) 控制浏览器播放媒体资源的方法及装置
CN112055164A (zh) 信息互动方法、装置、终端及存储介质
CN110941464B (zh) 一种轻曝光方法、设备、系统及存储介质
CN110798521A (zh) 分享文件的方法、装置、电子设备及存储介质
CN112667852B (zh) 基于视频的搜索方法、装置、电子设备及存储介质
US20170199634A1 (en) Methods and systems for managing media content of a webpage
CN110087137B (zh) 视频播放帧信息的获取方法、装置、设备及介质
CN111491183A (zh) 一种视频处理方法、装置、设备及存储介质
WO2013116365A1 (en) Extended applications of multimedia content previews in the cloud-based content management system

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant