在网页上分时显示视频信息的方法及装置制造方法及图纸

本公开揭示了一种在网页上分时显示视频信息的方法及装置。所述方法包括：在当前网页内嵌入视频播放器，且在视频播放器的画布上显示文本信息生成的视图；当视图上的触控事件被触发时，移除视图且生成用于播放视频内容的指令；接收指令后，在画布上显示图像帧。该方法通过在视频播放器的画布上显示用于描述视频的文本信息生成的视图，并在视图上的触控事件被触发时，移除视图且生成用于播放视频的指令，接收指令后，在画布上显示视频的图像帧，从而实现在同一页面分时显示视频信息，而不用进行不同页面之间的跳转，解决了由于不同页面之间跳转，导致视频信息在不同页面上分时显示的时间间隔较长的技术问题。

Method and device for displaying video information on page

The present disclosure discloses a method and a device for displaying video information on a web page at a time share. The method includes: in the current page is embedded in the video player, and display the text information generated by the view in the video player on the canvas; when the touch event view is triggered, and remove the view generated for playing video content instruction; after receiving the command, the image displayed in the picture frame on the cloth. That is used to describe the video text information generated by the view in the video player on the canvas by this method, and in the view of the touch event is triggered, remove view and generate for broadcast video instructions, after receiving the instruction, the image frame of the video display on the canvas, so as to realize the display of the video information on the same page instead, different jump between pages, solve the jump between different pages, leading to technical problems to display the video information in different time intervals on the page long.

【技术实现步骤摘要】
在网页上分时显示视频信息的方法及装置
本公开涉及互联网应用
，特别涉及一种在网页上分时显示视频信息的方法及装置。
技术介绍
在相关技术中，视频信息包括解析视频内容后得到的图像帧，以及视频片方或观看用户针对视频内容进行描述的文本信息，图像帧和文本信息在不同页面分时显示。利用与文本信息类型对应的布局器将该文本信息转化为视图，该视图在第一页面显示，当在第一页面上检测到触控事件时，第一页面跳转到嵌入有视频播放器的第二页面，并且生成用于在视频播放器内播放视频内容的指令。然而，由于当第一页面跳转到第二页面时，需要创建第二页面且视频播放器接收上述指令之后，在视频播放器的画布上才能显示视频内容的图像帧，导致从显示视图到显示图像帧的时间间隔较长。
技术实现思路
为了解决相关技术中由于不同页面之间跳转，导致视频信息在不同页面上分时显示的时间间隔较长的技术问题，本公开提供了一种在网页上分时显示视频信息的方法及装置。一种在网页上分时显示视频信息的方法，所述视频信息包括用于描述视频内容的文本信息和解析所述视频内容后得到的图像帧，所述方法包括：在当前网页内嵌入视频播放器，且在所述视频播放器的画布上显示所述文本信息生成的视图；当所述视图上的触控事件被触发时，移除所述视图且生成用于播放所述视频内容的指令；接收所述指令后，在所述画布上显示所述图像帧。一种在网页上分时显示视频信息的装置，所述装置包括：视图显示模块，用于在当前网页内嵌入视频播放器，且在所述视频播放器的画布上显示所述文本信息生成的视图；视图移除模块，用于当所述视图上的触控事件被触发时，移除所述视图且生成用于播放所述视频内容的指令；图像显示模块，用于接收所述指令后，在所述画布上显示所述图像帧。本公开的实施例提供的技术方案可以包括以下有益效果：在当前网页内嵌入视频播放器，且在视频播放器的画布上显示文本信息生成的视图；当视图上的触控事件被触发时，移除视图且生成用于播放视频内容的指令；接收指令后，在画布上显示图像帧。该方法通过在视频播放器的画布上显示用于描述视频的文本信息生成的视图，并在视图上的触控事件被触发时，移除视图且生成用于播放视频的指令，接收指令后，在画布上显示视频的图像帧，从而实现在同一页面分时显示视频信息，而不用进行不同页面之间的跳转，解决了由于不同页面之间跳转，导致视频信息在不同页面上分时显示的时间间隔较长的技术问题。应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并于说明书一起用于解释本专利技术的原理。图1是根据一示例性实施例示出的一种在网页上分时显示视频信息的方法的流程图；图2是图1对应实施例的在当前网页内嵌入视频播放器，且在视频播放器的画布上显示文本信息生成的视图在一个实施例的流程图；图3是图1对应实施例的当视图上的触控事件被触发时，移除视图且生成用于播放视频内容的指令在一个实施例的流程图；图4是图1对应实施例的接收指令后，在画布上显示图像帧在一个实施例的流程图；图5是现有技术中用于描述视频内容的文本信息的视图在一个实施例中的示意图；图6是现有技术中用于显示图像帧的视频播放器的画布在一个实施例中的示意图；图7是在网页上分时显示视频信息的方法中在视频播放器的画布上显示视图在一个实施例中的示意图；图8是根据一示例性实施例示出的一种在网页上分时显示视频信息的装置框图；图9是图8对应实施例的视图显示模块在一个实施例的框图；图10是图8对应实施例的视图移除模块在一个实施例的框图；图11是图8对应实施例的图像显示模块在一个实施例的框图。具体实施方式这里将详细地对示例性实施例执行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本专利技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本专利技术的一些方面相一致的装置和方法的例子。图1是根据一示例性实施例示出的一种在网页上分时显示视频信息的方法的流程图。如图1所示，该在网页上分时显示视频信息的方法可以包括以下步骤。在步骤110中，在当前网页内嵌入视频播放器，且在视频播放器的画布上显示文本信息生成的视图。其中，网页中含有进行播放视频资源的页面，网页的页面内嵌入的视频播放器用于实现视频资源的播放。通过在页面中初始化视频播放器，将视频播放器嵌入到网页内。网页内配置加载视频资源并播放视频资源的画布。当触发进行视频资源访问后，进行网页的加载，并显示该网页。并在显示的网页的页面中，显示画布，从而通过画布实现视频的加载和播放。视图为显示视频资源的描述信息的界面。在视图上显示视频资源的描述信息，比如视频资源的名称，导演介绍，演员介绍，内容简介等等信息。在显示的页面配置的画布上，显示视图，从而在网页上，同时显示加载并播放视频资源的画布和显示视频资源的描述信息的视图。在步骤130中，当视图上的触控事件被触发时，移除视图且生成用于播放视频内容的指令。其中，触控事件是指对视图上的控件进行触控的行为。视图上的控件包括进行视频资源播放的控件。通过网页上预设的检测区域，对触控事件是否被触发进行检测。当检测到触控事件时，在网页中，将视图进行移除，并随着视图的移除，在网页的页面上显示配置的画布。之后生成用于播放视频的指令。播放视频的指令为执行视频资源播放的控制指令。当需进行视频资源的播放时，接收自身发出的播放视频的指令，从而根据指令，实现视频资源的播放。在步骤150中，接收指令后，在画布上显示图像帧。其中，网页接收到生成的用于播放视频的指令后，在显示的画布上播放加载后的视频资源，并根据该指令，在画布上播放视频资源。从而实现了在网页的页面上分时显示包含视频信息的视图和播放视频的画布。此实施例实现了在同一页面分时显示视频信息，从而解决了由于不同页面之间跳转，导致视频信息在不同页面上分时显示的时间间隔较长的技术问题。图2是根据一示例性实施例示出的对步骤110的细节进行描述。如图2所示，该步骤110可以包括以下步骤。在步骤111中，在网页的页面中，初始化视频播放器并配置视频播放器所需数据。其中，视频播放器用于播放视频资源。通过在页面中，通过初始化视频播放器，来做好播放视频资源的准备。初始化视频播放器的过程为通过播放模块为基础在视频播放器创建一个画布来作为视频的载体。配置所述视频播放器所需数据为将播放所需的视频流和/或音频流地址数据传入视频播放器以供视频播放器调用，从而播放视频数据。在步骤113中，在视频播放器的画布上显示视图，并使画布的部分区域和视图同时显示。其中，将视图显示于页面配置的画布上，可在视图显示视频资源的描述信息的同时，在页面中的画布上加载视频资源，为页面播放视频资源提供支持。从而在需要播放视频资源时，节省加载视频资源的时间，在页面中播放加载完毕的视频资源。画布可对视频资源进行加载，加载视频资源需在画布可见的状态下进行，因此，将视图显示在页面时，使画布的部分区域和视图同时显示，防止视图覆盖画布后，视频资源的加载不能正常进行。因此根据画布的显示尺寸，调整视图的在画布上的显示尺寸，从而使画布的部分区域和视图同时显示，即画布处于可见状态本文档来自技高网...

【技术保护点】
一种在网页上分时显示视频信息的方法，所述视频信息包括用于描述视频内容的文本信息和解析所述视频内容后得到的图像帧，其特征在于，所述方法包括：在当前网页内嵌入视频播放器，且在所述视频播放器的画布上显示所述文本信息生成的视图；当所述视图上的触控事件被触发时，移除所述视图且生成用于播放所述视频内容的指令；接收所述指令后，在所述画布上显示所述图像帧。

【技术特征摘要】
1.一种在网页上分时显示视频信息的方法，所述视频信息包括用于描述视频内容的文本信息和解析所述视频内容后得到的图像帧，其特征在于，所述方法包括：在当前网页内嵌入视频播放器，且在所述视频播放器的画布上显示所述文本信息生成的视图；当所述视图上的触控事件被触发时，移除所述视图且生成用于播放所述视频内容的指令；接收所述指令后，在所述画布上显示所述图像帧。2.根据权利要求1所述的方法，其特征在于，所述在当前网页内嵌入视频播放器，且在所述视频播放器的画布上显示所述文本信息生成的视图步骤包括：在所述网页的页面中，初始化视频播放器并配置所述视频播放器所需数据；在所述视频播放器的画布上显示所述视图，并使所述画布的部分区域和所述视图同时显示；将所述图像帧加载到所述视频播放器。3.根据权利要求2所述的方法，其特征在于，所述在所述视频播放器的画布上显示所述视图，并使所述画布的部分区域和所述视图同时显示步骤包括：通过设置所述画布长度大于所述视图的长度，或/和，所述画布宽度大于所述视图的宽度，使所述画布的部分区域和所述视图同时显示。4.根据权利要求1所述的方法，其特征在于，所述当所述视图上的触控事件被触发时，移除所述视图且生成用于播放所述视频内容的指令步骤包括：在网页的页面上预设检测区域，在所述检测区域内检测是否有触控事件被触发；当存在触控事件被触发时，生成用于指示从所述视频播放器上隐藏所述视图的属性信息；当调用所述属性信息时，隐藏所述视图，同时生成用于播放所述视频的指令。5.根据权利要求1所述的方法，其特征在于，所述接收所述指令后，在所述画布上显示所述图像帧步骤包括：当在所述视频播放器上检测到触控事件时，生成用于停止播放所述视频的指...

【专利技术属性】
技术研发人员：曲晓奎，
申请(专利权)人：聚好看科技股份有限公司，
类型：发明
国别省市：山东,37