CN106961624B - 一种视频切换方法、装置及系统 - Google Patents

一种视频切换方法、装置及系统 Download PDF

Info

Publication number
CN106961624B
CN106961624B CN201710239396.9A CN201710239396A CN106961624B CN 106961624 B CN106961624 B CN 106961624B CN 201710239396 A CN201710239396 A CN 201710239396A CN 106961624 B CN106961624 B CN 106961624B
Authority
CN
China
Prior art keywords
video
target
video file
file
cascading style
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.)
Active
Application number
CN201710239396.9A
Other languages
English (en)
Other versions
CN106961624A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201710239396.9A priority Critical patent/CN106961624B/zh
Publication of CN106961624A publication Critical patent/CN106961624A/zh
Application granted granted Critical
Publication of CN106961624B publication Critical patent/CN106961624B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • 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/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782—Web browsing, e.g. WebTV
    • 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/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
    • 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/60—Network structure or processes for video distribution between server and client or between remote clients; Control signalling between clients, server and network components; Transmission of management data between server and client, e.g. sending from server to client commands for recording incoming content stream; Communication details between server and client 
    • H04N21/65—Transmission of management data between client and server
    • H04N21/658—Transmission by the client directed to the server
    • 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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/835—Generation of protective data, e.g. certificates
    • H04N21/8355—Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed
    • H04N21/83555—Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed using a structured language for describing usage rules of the content, e.g. REL

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Computer Security & Cryptography (AREA)
  • Human Computer Interaction (AREA)
  • Studio Circuits (AREA)

Abstract

本发明提供了一种视频切换方法、装置及系统，能够在不改变视频播放源的情况下，仅仅通过层叠样式表的变动动态变更视窗实现在视频播放过程中的无缝切换，并且由于视频切换过程中不存在视频源切换和时间重置的问题因而不会出现跳帧和黑屏现象，提升了用户体验。进一步地，本发明实施例还可以应用于其它多种场景中，比如，通过两个或者多个视频的快速无缝切换，为用户造成视觉冲击，提升视频切换过程的趣味性。

Description

一种视频切换方法、装置及系统
技术领域
本发明涉及视频播放领域，尤其涉及一种视频切换方法、装置及系统。
背景技术
在网页视频播放过程中，有时需要在多个视频之间进行切换。传统的做法通常为每个视频对应一个视频播放源，在需要对视频进行切换时，改变视频播放源，并且重置视频播放时间，从而实现视频的切换。然而，传统的视频切换方法存在下述弊端：
(1)改变视频播放源需要一定的缓冲时间，在缓冲时间内播放位置处会产生黑屏现象，无法实现无缝切换，从而影响用户体验的；
(2)重置视频播放时间在不同的浏览器中的实现效果可能存在差别，在部分浏览器中可能失效，从而导致视频切换失败或者视频画面跳帧。
发明内容
为了解决上述技术问题，本发明提出了一种视频切换方法、装置及系统。本发明具体是以如下技术方案实现的：
第一方面，一种视频切换方法，所述方法包括：
在可播放视频文件的播放过程中，获取视频切换指令；所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件；
根据所述视频切换指令获取目标视频文件标识；
获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置；
根据所述目标视频定位参数获取目标层叠样式表；
将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
第二方面，一种视频切换装置，所述装置包括：
切换指令获取模块，用于在可播放视频文件的播放过程中，获取视频切换指令；所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件；
目标视频文件标识获取模块，用于根据所述视频切换指令获取目标视频文件标识；
目标视频定位参数获取模块，用于获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置；
目标层叠样式表获取模块，用于根据所述目标视频定位参数获取目标层叠样式表；
切换模块，用于将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
第三方面，一种视频切换系统，所述系统包括上述的视频切换装置。
本发明提供了一种视频切换方法、装置及系统，具有如下有益效果：
本发明提供了一种视频切换方法、装置及系统，能够在不改变视频播放源的情况下，仅仅通过动态变更视窗实现在视频播放过程中的无缝切换，并且视频切换过程中不会出现跳帧和黑屏现象，提升了用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。
图1是本发明实施例提供的一种视频切换方法的应用环境图；
图2是本发明实施例提供的另一种视频切换方法的应用环境图；
图3是本发明实施例提供的一视频切换方法流程图；
图4是本发明实施例提供的视频切换示意图；
图5是本发明实施例提供的可播放视频文件画面示意图；
图6是本发明实施例提供的视频切换方法的其中一个实施场景图；
图7是本发明实施例提供的视频切换方法的另一个实施场景图；
图8(a)是本发明实施例提供的一个帧画面模板；
图8(b)是本发明实施例提供的另一个帧画面模板；
图9是本发明实施例提供的一种可播放视频文件生成方法流程图；
图10是本发明实施例提供的一种获取目标视频定位参数的方法流程图；
图11是本发明实施例提供的视频播放方法流程图；
图12是本发明实施例提供的另一种获取目标视频定位参数的方法流程图；
图13是本发明实施例提供的视频切换装置框图；
图14是本发明实施例提供的目标视频定位参数获取模块框图；
图15是本发明实施例提供的另一种目标视频定位参数获取模块框图；
图16是本发明实施例提供的目标层叠样式表获取模块框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本发明实施例提供了一种视频切换方法的应用环境图，如图1所示，所述视频切换方法可以应用于由终端110和服务器120构成的视频切换系统之中，终端110比如终端110(1)和终端110(2)。终端110上可运行有用于播放视频的浏览器或其它应用程序，终端110(1)和终端110(2)可通过所述浏览器或所述应用程序与服务器120进行交互。服务器120可以是独立的物理服务器，也可以是服务器集群。
本发明实施例还提供了另一种视频切换方法的应用环境图，如图2所示，所述视频切换方法可以直接应用于终端中。该终端包括通过系统总线连接的处理器、非易失性存储介质、内存储器、网络接口、显示屏和输入装置。其中，终端的非易失性存储介质存储有操作系统，还包括一种视频切换装置，该视频切换装置用于实现一种视频切换方法。该处理器用于提供计算和控制能力，支撑整个终端的运行。终端中的内存储器为非易失性存储介质，该内存储器中可储存有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种视频切换方法。网络接口用于接入互联网与应用服务器进行通信。终端的显示屏可以是液晶显示屏或者电子墨水显示屏等，输入装置可以是显示屏上覆盖的触摸层，也可以是终端外壳上设置的按键、轨迹球或触控板，也可以是外接的键盘、触控板或鼠标等。该终端可以是手机、平板电脑或穿戴式设备等。本领域技术人员可以理解，图2中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的终端的限定，具体的终端可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在上述应用环境下，本发明实施例提供一种视频切换方法，该方法可以应用于终端设备中，也可以应用于由终端和服务器构成的视频切换系统之中，所述方法如图3所示，具体包括：
S101.在可播放视频文件的播放过程中，获取视频切换指令。
所述可播放视频文件由在时间维度上帧重叠的多个子视频文件合并生成，所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件。
在本发明实施例中，所述可播放视频文件由在时间维度上帧重叠多个子视频文件合并生成，即所述可播放视频文件可以满足下述播放效果：即若可播放视频文件在时刻t对应的帧为z(t)，参与生成所述可播放视频文件的第一个子文件在时刻t对应的帧为z1(t)，以此类推，参与生成所述可播放视频文件的第N个子文件在时刻t对应的帧为zN(t)，z(t)的内容包括z1(t)至zN(t)的内容。可播放视频文件的播放过程中，每一帧图像均包含多个分画面，以每一帧图像均包括分画面1和分画面2两个画面为例，则参与生成所述视频文件的子视频文件有两个，分画面1为其中一个子视频文件的画面，分画面2为同一时刻另一个子视频文件的画面。
S102.根据所述视频切换指令获取目标视频文件标识。
具体地，目标视频文件为参与生成所述可播放视频文件的子视频文件。
目标视频文件的播放内容为用户希望通过切换的方式观看的内容，所述目标视频文件标识可以有一个或者多个。
S103.获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置。
S104.根据所述目标视频定位参数获取目标层叠样式表。
所述目标层叠样式表形成的目标视窗能够显露可播放视频文件的播放画面中属于目标视频文件的分画面，并且遮蔽可播放视频文件的播放画面中不属于目标视频文件的分画面。
CSS(Cascading Style Sheets，层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。使用CSS能够灵活地对网页进行布局，并且实现网页元素的像素级的精确控制，依靠CSS布局可以形成视窗以遮蔽不需要显示的元素或者像素，显示需要显示的元素或者像素。由于CSS的灵活性，可通过CSS方便灵活地控制视频播放的效果，从而在视频播放过程中能够不变更视频播放源，而仅仅通过变更CSS形成的视窗达到视频画面切换的效果。
目标层叠样式表通过控制页面布局的方式形成目标视窗，可播放视频文件的播放画面在目标视窗内的部分可以被显示，而不在目标视窗内的部分将会被遮蔽。即视窗以能够在可播放视频文件的播放画面中显示目标视频文件的对应的分画面，并且遮盖可播放视频文件的播放画面中不属于目标视频文件的分画面为目的。如图4所示，以可播放视频文件由在时间维度上帧重叠两个子视频文件合并生成为例，可播放视频文件的播放画面中每一帧均可以包括两个分画面，分画面1和分画面2。若目标视频文件的播放内容为分画面1，则在全屏播放的情况下可以由目标层叠样式表形成目标视窗实现在播放页面上显示分画面1而遮蔽分画面2的效果。若再次进行视频切换，目标视频文件的播放内容为分画面2，则在全屏播放的情况下可以由目标层叠样式表形成目标视窗实现在播放页面上显示分画面2而遮蔽分画面1的效果。
S105.将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的视窗下继续播放所述可播放视频文件。
在视频切换过程中，可播放视频文件不发生变动，即无需变更视频播放源，仅仅目标层叠样式表形成的目标视窗，并以目标视窗替换掉正在播放过程中的当前层叠样式表形成的当前视窗，即可实现视频切换的效果。
具体地，在由终端和服务器构成的视频切换系统中，S101-104可以由服务器执行，S105可以由终端执行，具体地，可以在终端的浏览器之上执行，也可以在终端的其它可显示网页的应用程序上执行。
具体地，图6示出了所述视频切换方法的其中一个实施场景图，在所述实施场景中使用的可播放视频文件的播放画面如图5所示。在由终端和服务器构成的视频切换系统中，用户可以通过终端上的浏览器发送视频播放指令，由服务器向浏览器推送可播放视频文件和当前层叠样式表，由浏览器在所述当前层叠样式表形成的当前视窗下播放所述可播放视频文件。用户继续通过终端上的浏览器发送视频切换指令，由服务器向浏览器推送目标层叠样式表，由浏览器将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
图7示出了所述视频切换方法的另一个实施场景图，在所述实施场景中使用的可播放视频文件的播放画面如图5所示。在由终端和服务器构成的视频切换系统中，用户可以通过终端上的应用程序发送视频播放指令，具体的发送方法不做限定，以用户终端扫描二维码为例，当终端成功读取到二维码后，即可向服务器发送视频播放指令，服务器向浏览器推送可播放视频文件和当前层叠样式表，由终端在所述当前层叠样式表形成的当前视窗下播放所述可播放视频文件。用户继续通过终端上的应用程序发送视频切换指令，由服务器向终端推送目标层叠样式表，由终端将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
在其它可行的实施方式中，可以由单个终端实施S101-S105。所述终端接收用户发出的视频播放指令，自行获取可播放视频文件和当前层叠样式表，并在所述当前层叠样式表形成的当前视窗下播放所述可播放视频文件。继续接收用户发出的视频切换指令，自行获取目标层叠样式表，将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
具体地，根据视频播放指令获取当前层叠样式表的方法与根据视频切换指令获取目标层叠样式表的方法相同，在后续实施例中将进行详细介绍，在此不再赘述。
本发明实施例提供了一种视频切换方法，在视频切换过程中能够通过层叠样式表的变动实现在视频播放过程中的无缝切换。由于视频切换过程中不需要改变视频播放源，因此不存在视频源切换和时间重置的问题，因此不会出现黑屏和跳帧现象，从而提升了用户体验。进一步地，本发明实施例还可以应用于其它多种场景中，比如，通过两个或者多个视频的快速无缝切换，为用户造成视觉冲击，提升用户体验。
本发明另一个实施例提供一种视频切换方法，包括：
S201.在可播放视频文件的播放过程中，获取视频切换指令。
所述可播放视频文件由在时间维度上帧重叠的多个子视频文件合并生成，所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件。
具体地，本发明实施例中根据第一屏显尺寸，在预设的视频合并规则下生成可播放视频文件，并在第二屏显尺寸下，播放所述可播放视频文件。具体地，所述视频合并规则可以由用户进行设定，也可以通过提供帧画面模板供用户选择，并根据用户的选择结果生成可播放视频文件。所述帧画面模板用于配置可播放视频文件中每一帧画面中各个分画面的布局，以图8(a)为例，其示出了一个帧画面模板，图8(b)，其示出了另一个帧画面模板。进一步地，用户对于帧画面模板的选择结果可以以视频合并规则的形式进行记录。
在本发明一个可行的实施例中，可以选择智能终端中较为具有代表性的一个屏显尺寸作为第一屏显尺寸，生成其对应的一个可播放视频文件；并在获取视频播放指令的终端中(第二屏显尺寸)下播放所述可播放视频文件，这种情况下，若第二屏显尺寸与第一屏尺寸相差较大，超出终端浏览器窗口或者视频显示页面的内容会被隐藏。具体地，第一屏显尺寸可以为常用的终端的全屏尺寸，第二屏显尺寸可以为视频播放终端的全屏尺寸。
在另一个可行的实施例中，也可以选择终端中较为具有代表性的多个屏显尺寸作为第一屏显尺寸，生成多个可播放视频文件；并在获取视频播放指令的终端中播放与第二屏显尺寸相近的屏显尺寸对应的可播放视频文件。具体地，第一屏显尺寸可以为常用的终端的全屏尺寸，第二屏显尺寸可以为视频播放终端的全屏尺寸。相对于上一个实施例，本实施例的适配性更好，能够尽量避免由于第二屏显尺寸的多样性导致的视频播放过程中内容显示不全的问题。
具体地，本发明实施例还提供了一种可播放视频文件生成方法，如图9所示，所述方法包括：
A1、获取多个视频流，每个视频流均由一个用于生成所述可播放视频文件的子视频文件解码得到。
A2、逐帧生成可播视频文件中的目标像素数据：获取对应于同一时刻各个视频流中像素数据，并根据视频合并规则和所述像素数据生成目标像素数据。
以图8(a)所示的帧画面模板为例，根据所述帧画面模板，可播放视频文件中每一帧画面包括两个分画面，其对应的可播视频文件由两个子视频文件生成。以iphone5为例，第一屏显尺寸可以为1136*640，若需要在全屏状态显示某个分画面的内容，则每个分画面的尺寸均为1136*640，两个分画面上下排列，因此可播放视频文件中每一帧对应的目标像素的尺寸为1136*1280。
进一步地，以图8(a)所示的帧画面模板为例，为适应其它非iphon5的智能终端，可以以568*320的尺寸为基准，在保持视频宽高比的基础上对视频的宽度或者高度进行调整，使得某个分画面的内容可以在智能终端上进行的全屏显示或者覆盖智能终端中的浏览器窗口。
A3、对按照时间顺序生成的目标像素数据进行编码生成可播放视频文件。
S202.根据所述视频切换指令获取目标视频文件标识。
目标视频文件为参与生成所述可播放视频文件的子视频文件。
S203.获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置。
具体地，本发明实施例提供了一种获取目标视频定位参数的方法，如图10所示，包括：
S2031.获取用于生成所述可播放视频文件的视频合并规则文件；所述视频合并规则文件记录有子视频文件的标识以及子视频文件的播放画面在所述可播放视频文件播放画面中的具体位置。
对应于全屏播放的可播放视频文件，可以按照帧画面模板和第一屏显尺寸确定子视频文件的播放画面在所述可播放视频文件播放画面中的具体位置。具体地，以图8(a)中的帧画面模板为例，使用iphone5的尺寸作为第一屏显尺寸，表1示出了视频合并规则文件的内容。
表1视频合并规则文件的内容
S2032.在所述视频合并规则文件中查询所述目标视频文件的标识。
S2033.若查询结果不为空，则根据查询结果获取所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置。
S204.根据所述目标视频定位参数获取目标层叠样式表。
所述目标层叠样式表形成的目标视窗能够显露可播放视频文件的播放画面中属于目标视频文件的分画面，并且遮蔽可播放视频文件的播放画面中不属于目标视频文件的分画面。
具体地，若目标视频文件标识仅有一个，则根据所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置，生成目标层叠样式表。
若获取到多个目标视频文件的标识，则获取每一个目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置；得到全部目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置；根据所述全部目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置，生成目标层叠样式表。
S205.将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
进一步地，在本发明实施例中，在步骤S201之前，还包括响应用户的视频播放指令进行视频播放的步骤，如图11所示，具体包括：
S1.获取视频播放指令。
S2.根据所述视频播放指令获取可播放视频文件和当前层叠样式表。
具体地，所述视频播放指令中可以包括目标视频文件标识，所述目标视频文件标识即为用户希望观看到的内容，根据目标视频文件标识即可通过步骤S2031-S2033获取获取目标视频定位参数，进而通过步骤S204获取目标层叠样式表(在响应视频播放指令的过程中即为当前层叠样式表)。
S3.在当前层叠样式表形成的当前视窗下播放所述可播放视频播放文件。
本发明实施例提供了具体的视频切换方法和播放方法，其中切换方法能够通过获取目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置的方式动态生成目标层叠样式表，进而形成目标视窗，从而通过将当前视窗切换为目标视窗的方式实现在视频播放过程中的无缝切换。进一步地，本发明实施例提供的播放方法能够实现任意布局下的一个或多个视频播放，比如可播放视频文件的播放画面中包括四个分画面，而播放过程中的当前视窗可以显示出其中1-4个分画面，从而可以实现按照用户的需求同时显示多个视频的画面的效果。
本发明另一个实施例提供一种视频切换方法，包括：
S301.在可播放视频文件的播放过程中，获取视频切换指令。
所述可播放视频文件由在时间维度上帧重叠的多个子视频文件合并生成，所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件。
S302.根据所述视频切换指令获取目标视频文件标识。
目标视频文件为参与生成所述可播放视频文件的子视频文件。
S303.获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置。
具体地，本发明实施例提供了另一种获取目标视频定位参数的方法，如图12所示，包括：
S3031.获取用于生成所述可播放视频文件的视频合并规则；所述视频合并规则用于表征子视频文件的标识与所述子视频文件的位置参数之间的对应关系；每个位置参数对应一个层叠样式表。
具体地，所述视频合并规则可以以视频合并规则文件的形式记录，也可以以数据库表的形式记录。
本实施例中可以按照帧画面模板得到子视频文件的位置参数以及对应的CSS参数，其中CSS参数即为层叠样式表的主要内容。具体地，以图8(a)中的帧画面模板为例，表2示出了视频合并规则文件的内容。
表2视频合并规则
在实际的可播放视频文件的播放过程中，本实施例中可以使用绝对定位的方式确定视窗的具体位置。在CSS中，绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块，CSS绝对定位可以使元素的位置与文档流无关，因此不占据空间，这一点与CSS相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。具体而言，在本发明实施例的可播放视频文件播放过程中，可以通过绝对定位的方式使得视窗相对于其父元素垂直，并且水平居中，在使用绝对定位后，可以通过控制视窗的显示位置，比如left:50％,top:50％；然后再用margin参数(外边距属性)来控制视窗相对于其它元素的位置，从而轻易的控制视窗的位置。
S3032.根据所述视频合并规则和所述目标视频文件标识得到所述目标视频定位参数。
根据所述目标视频定位参数，可获得其对应的CSS参数，即得到了层叠样式表。
S304.根据所述目标视频定位参数获取目标层叠样式表。
所述目标层叠样式表形成的目标视窗能够显露可播放视频文件的播放画面中属于目标视频文件的分画面，并且遮蔽可播放视频文件的播放画面中不属于目标视频文件的分画面。
具体地，若获取到一个目标视频文件标识，则根据所述目标视频文件的位置参数获取目标层叠样式表。以表2中的视频合并规则为例，若目标视频文件标识为ID0001，则目标层叠样式表为top:0，可以使得目标视窗向上对齐，只显示位置参数为top的视频的播放画面；若目标视频文件标识为ID0002，则目标层叠样式表为bottom:0，可以使得目标视窗向下对齐，只显示位置参数为bottom的视频的播放画面。
在其它可行的实施例中，若获取到多个目标视频文件标识，则可以获取每个目标视频文件的位置参数；得到每个目标视频文件对应的层叠样式表；对得到的层叠样式表取并集得到目标层叠样式表。
S305.将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
进一步地，在本发明实施例中，在步骤S301之前，还包括响应用户的视频播放指令进行视频播放的步骤，具体包括：
S10.获取视频播放指令。
S20.根据所述视频播放指令获取可播放视频文件和当前层叠样式表。
具体地，所述视频播放指令中可以包括目标视频文件标识，所述目标视频文件标识即为用户希望观看到的内容，根据目标视频文件标识即可通过步骤S3031-S3032获取获取目标视频定位参数，进而通过步骤S304获取目标层叠样式表(在响应视频播放指令的过程中即为当前层叠样式表)。
S30.在当前层叠样式表形成的当前视窗下播放所述可播放视频播放文件。
本发明实施例提供了另一种具体的视频切换方法与播放方法，其中切换方法能够通过获取子视频文件的位置参数从而获取与位置参数对应的层叠样式表，进而获取目标层叠样式表，进而形成目标视窗，通过将当前视窗切换为目标视窗实现在视频播放过程中的无缝切换。进一步地，本发明实施例提供的播放方法还能够实现任意布局下的一个或多个视频同时播放。
本发明实施例还提供了一种视频切换装置，如图13所示，所述装置包括：
切换指令获取模块401，用于在可播放视频文件的播放过程中，获取视频切换指令。所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件。可用于执行方法实施例中步骤S101、S201和/或S301。
目标视频文件标识获取模块402，用于根据所述视频切换指令获取目标视频文件标识。可用于执行方法实施例中步骤S102、S202和/或S302。
目标视频定位参数获取模块403，用于获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置。可用于执行方法实施例中步骤S103、S203和/或S303。
目标层叠样式表获取模块404，用于根据所述目标视频定位参数获取目标层叠样式表。可用于执行方法实施例中步骤S104、S204和/或S304。
切换模块405，用于将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。可用于执行方法实施例中步骤S105、S205和/或S305。
具体地，如图14所示，所述目标视频定位参数获取模块403包括：
文件获取模块4031，用于获取用于生成所述可播放视频文件的视频合并规则文件；所述视频合并规则文件记录有子视频文件的标识以及子视频文件的播放画面在所述可播放视频文件播放画面中的具体位置。可用于执行方法实施例中步骤S2031。
查询模块4032，用于在所述视频合并规则文件中查询所述目标视频文件的标识。可用于执行方法实施例中步骤S2032。
具体位置获取模块4033，用于若查询结果不为空，则根据查询结果获取所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置。可用于执行方法实施例中步骤S2033。
相应地，所述目标层叠样式表获取模块404还用于根据所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置，生成目标层叠样式表。
具体地，在另一可行的实施例中，如图15所示，所述目标视频定位参数获取模块403包括：
规则获取单元4033，用于获取用于生成所述可播放视频文件的视频合并规则；所述视频合并规则用于表征子视频文件的标识与所述子视频文件的位置参数之间的对应关系；每个位置参数对应一个层叠样式表。可用于执行方法实施例中步骤S3031。
位置参数获取单元4034，用于根据所述视频合并规则和所述目标视频文件标识得到所述目标视频定位参数。可用于执行方法实施例中步骤S3032。
相应地，如图16所示，所述目标层叠样式表获取模块404包括：
层叠样式表获取单元4041，用于根据目标视频文件的位置参数获取层叠样式表。
目标层叠样式表得到单元4042，用于根据得到的层叠样式表获取目标层叠样式表。
进一步地，所述切换装置还包括：
视频文件生成模块，用于根据第一屏显尺寸，在预设的视频合并规则下生成可播放视频文件。可用于执行方法实施例中步骤A1-A3。
本发明的装置实施例与方法实施例均基于同样地发明构思，提供了一种视频切换装置，本实施例能够用于实现上述实施例中提供的视频切换方法。
本发明的实施例还提供了一种存储介质。可选地，在本实施例中，上述存储介质可以用于保存上述实施例用于实现视频切换方法所执行的程序代码。可选地，在本实施例中，上述存储介质可以位于计算机网络的多个网络设备中的至少一个网络设备。可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是：上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (12)

1.一种视频切换方法，其特征在于，所述视频切换方法包括：
在可播放视频文件的播放过程中，获取视频切换指令；所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件；
根据所述视频切换指令获取目标视频文件标识；目标视频文件为参与生成所述可播放视频文件的子视频文件；
获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置；
根据所述目标视频定位参数获取目标层叠样式表；
将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
2.根据权利要求1所述的方法，其特征在于，所述获取目标视频定位参数包括：
获取用于生成所述可播放视频文件的视频合并规则文件；所述视频合并规则文件记录有子视频文件的标识以及子视频文件的播放画面在所述可播放视频文件播放画面中的具体位置；
在所述视频合并规则文件中查询所述目标视频文件的标识；
若查询结果不为空，则根据查询结果获取所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置。
3.根据权利要求2所述的方法，其特征在于，若获取到多个目标视频文件的标识，则所述根据所述目标视频定位参数获取目标层叠样式表包括：
获取每一个目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置；
得到全部目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置；
根据所述全部目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置，生成目标层叠样式表。
4.根据权利要求1所述的方法，其特征在于，所述获取目标视频定位参数包括：
获取用于生成所述可播放视频文件的视频合并规则；所述视频合并规则用于表征子视频文件的标识与所述子视频文件的位置参数之间的对应关系；每个位置参数对应一个层叠样式表；
根据所述视频合并规则和所述目标视频文件标识得到所述目标视频定位参数。
5.根据权利要求4所述的方法，其特征在于，所述获取目标视频定位参数包括：
获取到一个目标视频文件标识，则根据所述目标视频文件的位置参数获取目标层叠样式表；
若获取到多个目标视频文件标识，则获取每个目标视频文件的位置参数；得到每个目标视频文件对应的层叠样式表；对得到的层叠样式表取并集得到目标层叠样式表。
6.根据权利要求1所述的方法，其特征在于，所述视频切换方法还包括：
根据第一屏显尺寸，在预设的视频合并规则下生成可播放视频文件；
在第二屏显尺寸下，播放所述可播放视频文件。
7.一种视频切换装置，其特征在于，所述视频切换装置包括：
切换指令获取模块，用于在可播放视频文件的播放过程中，获取视频切换指令；所述可播放视频文件的播放画面中包括多个分画面，每个分画面的播放内容对应一个子视频文件；
目标视频文件标识获取模块，用于根据所述视频切换指令获取目标视频文件标识；目标视频文件为参与生成所述可播放视频文件的子视频文件；
目标视频定位参数获取模块，用于获取目标视频定位参数；所述目标视频定位参数用于表征所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的位置；
目标层叠样式表获取模块，用于根据所述目标视频定位参数获取目标层叠样式表；
切换模块，用于将当前播放过程中的当前层叠样式表变更为所述目标层叠样式表，在所述目标层叠样式表形成的目标视窗下继续播放所述可播放视频文件。
8.根据权利要求7所述的装置，其特征在于，所述目标视频定位参数获取模块包括：
文件获取模块，用于获取用于生成所述可播放视频文件的视频合并规则文件；所述视频合并规则文件记录有子视频文件的标识以及子视频文件的播放画面在所述可播放视频文件播放画面中的具体位置；
查询模块，用于在所述视频合并规则文件中查询所述目标视频文件的标识；
具体位置获取模块，用于若查询结果不为空，则根据查询结果获取所述目标视频文件的播放画面在所述可播放视频文件的播放画面中的具体位置。
9.根据权利要求7所述的装置，其特征在于，所述目标视频定位参数获取模块包括：
规则获取单元，用于获取用于生成所述可播放视频文件的视频合并规则；所述视频合并规则用于表征子视频文件的标识与所述子视频文件的位置参数之间的对应关系；每个位置参数对应一个层叠样式表；
位置参数获取单元，用于根据所述视频合并规则和所述目标视频文件标识得到所述目标视频定位参数。
10.根据权利要求9所述的装置，其特征在于，所述目标层叠样式表获取模块还包括：
层叠样式表获取单元，用于根据目标视频文件的位置参数获取层叠样式表；
目标层叠样式表得到单元，用于根据得到的层叠样式表获取目标层叠样式表。
11.根据权利要求7所述的装置，其特征在于，所述视频切换装置还包括：
视频文件生成模块，用于根据第一屏显尺寸，在预设的视频合并规则下生成可播放视频文件。
12.一种视频切换系统，其特征在于，所述系统包括权利要求7-11中任意一项所述的视频切换装置。
CN201710239396.9A 2017-04-13 2017-04-13 一种视频切换方法、装置及系统 Active CN106961624B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710239396.9A CN106961624B (zh) 2017-04-13 2017-04-13 一种视频切换方法、装置及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710239396.9A CN106961624B (zh) 2017-04-13 2017-04-13 一种视频切换方法、装置及系统

Publications (2)

Publication Number Publication Date
CN106961624A CN106961624A (zh) 2017-07-18
CN106961624B true CN106961624B (zh) 2018-08-03

Family

ID=59485076

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710239396.9A Active CN106961624B (zh) 2017-04-13 2017-04-13 一种视频切换方法、装置及系统

Country Status (1)

Country Link
CN (1) CN106961624B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110971955B (zh) * 2018-09-30 2022-06-07 北京京东尚科信息技术有限公司 页面处理方法及装置、电子设备以及存储介质
CN109756785B (zh) * 2019-01-16 2022-05-20 上海哔哩哔哩科技有限公司 视频切换播放方法、装置及存储介质
CN110650352B (zh) * 2019-09-06 2020-12-08 四川天邑康和通信股份有限公司 一种iptv浏览器的视频处理方法
CN113014833A (zh) * 2021-03-09 2021-06-22 湖南快乐阳光互动娱乐传媒有限公司 一种视频播放方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013051381A1 (ja) * 2011-10-03 2013-04-11 シャープ株式会社 情報出力システム、情報出力装置および表示装置
CN104244067A (zh) * 2014-09-24 2014-12-24 海信集团有限公司 一种多媒体切换的方法及终端
CN105704540A (zh) * 2016-03-28 2016-06-22 华为技术有限公司 切换电视直播频道的方法和装置
CN105791947A (zh) * 2016-04-21 2016-07-20 腾讯科技（深圳）有限公司 一种视频播放方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6097383A (en) * 1997-01-23 2000-08-01 Zenith Electronics Corporation Video and audio functions in a web television

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013051381A1 (ja) * 2011-10-03 2013-04-11 シャープ株式会社 情報出力システム、情報出力装置および表示装置
CN104244067A (zh) * 2014-09-24 2014-12-24 海信集团有限公司 一种多媒体切换的方法及终端
CN105704540A (zh) * 2016-03-28 2016-06-22 华为技术有限公司 切换电视直播频道的方法和装置
CN105791947A (zh) * 2016-04-21 2016-07-20 腾讯科技（深圳）有限公司 一种视频播放方法及装置

Also Published As

Publication number Publication date
CN106961624A (zh) 2017-07-18

Similar Documents

Publication Publication Date Title
CN106961624B (zh) 一种视频切换方法、装置及系统
JP6995425B2 (ja) 仮想シーン表示方法、装置、及びコンピュータプログラム
CN111866539B (zh) 直播界面的切换方法、装置、终端及存储介质
CN104918097B (zh) 一种字幕生成方法及装置
CN107567713A (zh) 显示设备及其控制方法
CN110326301A (zh) 反应选择装置、反应选择方法、以及反应选择程序
CN106101804A (zh) 弹幕设定方法及装置
CN105392065A (zh) 一种智能电视页面内容布局的方法及系统
CN110784753B (zh) 互动视频播放方法及装置、存储介质、电子设备
CN106658114A (zh) 一种视频展示方法及装置
CN106572379A (zh) 一种网页视频画中画播放方法及装置
WO2020133372A1 (zh) 视频的字幕处理方法和导播系统
KR102034755B1 (ko) 동화상 재생 프로그램, 장치, 및 방법
CN109413352B (zh) 视频数据的处理方法、装置、设备和存储介质
CN114339363A (zh) 画面切换处理方法、装置、计算机设备和存储介质
CN108008894B (zh) 一种内容显示方法、装置和终端设备
CN108268520B (zh) 课件的控制方法、装置及在线课程直播系统
CN114666648B (zh) 视频播放方法及电子设备
CN108882004A (zh) 视频录制方法、装置、设备及存储介质
CN105138213A (zh) 动态切换图片的方法和装置
CN105893011A (zh) 应用程序界面显示方法及装置
CN109379621A (zh) 一种弹幕显示方法及装置
CN113407143A (zh) 一种学习平台的分屏显示方法、装置和计算机设备
CN101656851B (zh) 一种节目信息的显示方法和装置
KR101499327B1 (ko) 플래쉬 기반 스마트 러닝 컨텐츠의 재생장치

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