CN109640158A - 一种视频播放的控制方法、装置、设备和介质 - Google Patents

一种视频播放的控制方法、装置、设备和介质 Download PDF

Info

Publication number
CN109640158A
CN109640158A CN201910107624.6A CN201910107624A CN109640158A CN 109640158 A CN109640158 A CN 109640158A CN 201910107624 A CN201910107624 A CN 201910107624A CN 109640158 A CN109640158 A CN 109640158A
Authority
CN
China
Prior art keywords
video
display area
interface
picture
page
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
CN201910107624.6A
Other languages
English (en)
Other versions
CN109640158B (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.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network 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 Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201910107624.6A priority Critical patent/CN109640158B/zh
Publication of CN109640158A publication Critical patent/CN109640158A/zh
Priority to PCT/CN2020/070693 priority patent/WO2020156056A1/zh
Application granted granted Critical
Publication of CN109640158B publication Critical patent/CN109640158B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation 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
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/443OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782Web browsing, e.g. WebTV
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/485End-user interface for client configuration
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/485End-user interface for client configuration
    • H04N21/4858End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例公开了一种视频播放的控制方法、装置、设备和介质。该方法包括:在环境程序中的界面中加载运行小程序的页面,其中,页面中包括视频播放窗口,用于播放视频;控制页面切换至视频全屏播放模式,以播放视频;在退出视频全屏播放模式时,获取界面中提供的显示区域的范围参数;控制视频的画面在显示区域的范围内进行播放。本公开实施例根据获取的显示区域的范围参数调整视频的画面在界面中的面积/和位置,使得视频的画面在界面中的面积/和位置不变,避免出现视频的画面显示不全、部分画面看不到的现象,从而减少出现画面范围与播放窗口不匹配的现象,提高了小程序页面播放视频的显示效果,提高了用户的体验效果。

Description

一种视频播放的控制方法、装置、设备和介质
技术领域
本公开实施例涉及计算机软件技术,尤其涉及一种视频播放的控制方法、装置、设备和介质。
背景技术
随着智能终端的普及,各种功能的应用软件(APP)逐渐增多,并且应用软件的功能也在持续升级更新中。APP客户端通常需要用户将软件下载到终端,并安装,而后运行。为了适应不同的功能需求,目前还出现了小程序。小程序的特点是,能够实现某种业务功能,但小程序并不需要用户下载独立的软件到本地、安装再使用。小程序通常是以某个APP客户端或终端内的某个应用软件,作为运行平台来实现的,支撑小程序运行的应用软件记为环境程序。例如微信的小程序是以微信客户端作为运行平台来实现的,微信客户端为微信的小程序的环境程序。小程序的开发者,通过开发小程序所需展示的各个页面来完成开发。
现有技术中,对于小程序中存在视频播放功能的界面,一般存在两种播放状态,一种是在环境程序提供的显示区域中进行播放,该显示区域通常占据屏幕区域的一部分,屏幕区域的其他部分可以由环境程序布局显示其他内容,例如标题等;另一种是环境程序提供的全屏播放模式。可以根据用户操控或环境程序的需要来切换这两种播放状态。
但是,申请人在进行本公开技术方案的研究过程中,发现上述技术存在一定缺陷:即从全屏播放模式退出至局部播放模式时,小程序中视频的画面会出现画面不全、部分画面看不到的现象,这些影响了视频的播放效果。
发明内容
有鉴于此,本公开实施例提供了一种视频播放的控制方法、装置、设备和介质,能够优化小程序中的视频播放控制方案,减少出现画面范围与播放窗口不匹配的现象。
第一方面,本公开实施例提供了一种视频播放的控制方法,所述方法包括:
在环境程序中的界面中加载运行小程序的页面,其中,所述页面中包括视频播放窗口,用于播放视频;
控制所述页面切换至视频全屏播放模式,以播放所述视频;
在退出视频全屏播放模式时,获取所述界面中提供的显示区域的范围参数;
控制所述视频的画面在所述显示区域的范围内进行播放。
第二方面,本公开实施例还提供了一种视频播放的控制装置,包括:
加载模块,用于在环境程序中的界面中加载运行小程序的页面,其中,所述页面中包括视频播放窗口,用于播放视频;
页面切换控制模块,用于控制所述页面切换至视频全屏播放模式,以播放所述视频;
参数获取模块,用于在退出视频全屏播放模式时,获取所述界面中提供的显示区域的范围参数;
视频播放控制模块,用于控制所述视频的画面在所述显示区域的范围内进行播放。
第三方面,本公开实施例还提供了一种终端设备,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本公开任意实施例提供的视频播放的控制方法。
第四方面,本公开实施例还提供了一种计算机可读存储介质,该程序被处理器执行时实现本公开任意实施例提供的视频播放的控制方法。
本公开实施例所提供的技术方案,在用户使用环境程序加载运行小程序页面进行视频播放时,视频播放退出视频全屏播放模式,根据获取的显示区域的范围参数调整视频的画面在界面中的面积/和位置,使得视频的画面在界面中的面积/和位置相对于视频全屏播放模式之前相同,避免出现视频的画面在界面中的面积/和位置相对于视频全屏播放模式之前发生变化时,视频的画面被环境程序在界面的其他部分布局的显示内容覆盖遮挡,使得视频的画面显示不全、部分画面看不到的现象,从而减少出现画面范围与播放窗口不匹配的现象,提高了小程序页面播放视频的显示效果,提高了用户的体验效果。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的一种视频播放的控制方法的流程示意图;
图2为本公开实施例提供的另一种视频播放的控制方法的流程示意图;
图3为本公开实施例提供的一种视频播放的控制装置的结构示意图;
图4为本公开实施例提供的另一种视频播放的控制装置的结构示意图;
图5为本公开实施例提供的一种终端设备的结构示意图。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚,以下将参照本公开实施例中的附图,通过实施方式清楚、完整地描述本公开的技术方案,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
下述各实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的各个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。
本公开实施例提供一种视频播放的控制方法、装置、终端设备及存储介质,可以实现在用户使用环境程序加载运行小程序页面进行视频播放时,避免退出视频全屏播放模式后视频的画面被环境程序布局的其他显示内容覆盖遮挡,使得视频的画面显示不全、部分画面看不到的现象,从而减少出现画面范围与播放窗口不匹配的现象,提高了小程序页面播放视频的显示效果,提高了用户的体验效果。
图1为本公开实施例提供的一种视频播放的控制方法的流程示意图,本公开实施例公开的方法主要适用于用户使用终端设备上的应用程序作为环境程序,在环境程序中加载运行小程序页面进行视频播放的场景。具体地,可以通过视频播放的控制装置实现。如图1所示,该方法具体包括如下步骤:
S110、在环境程序中的界面中加载运行小程序的页面,其中,页面中包括视频播放窗口,用于播放视频。
具体地,小程序是一种能够实现某种业务功能,而且不需要用户下载独立的软件到本地、安装再使用的一种程序。一般情况下,小程序可以通过某个APP作为运行平台,此时作为小程序运行平台的APP即为小程序的环境程序。因此,环境程序一般为APP,作为小程序的运行平台。
在环境程序运行时,环境程序的显示页面可以是一种界面,一般情况下,环境程序的界面可以占据整个屏幕区域。小程序以环境程序作为运行平台,因此小程序运行时,小程序的页面在界面内显示。当小程序的页面需要播放视频时,小程序的页面包括视频播放窗口,用于播放视频。一般情况下,显示区域为小程序提供用于播放视频时画面显示的区域。小程序页面的视频播放窗口与界面提供的显示区域在界面上的位置相同,以使视频播放窗口中的视频的画面能够在界面提供的显示区域范围内进行显示。在小程序的页面播放视频时,一般包括两种播放模式。一种播放模式是局部播放模式,即在环境程序提供的显示区域中进行播放,播放窗口占据环境程序提供的显示区域。显示区域通常占据界面的一部分,界面的其他部分可以由环境程序布局显示其他内容,例如标题等,因此播放窗口占据界面的一部分。而且,显示区域和由环境程序布局显示的其他内容构成界面的整体。示例性地,显示区域占据界面的95%的显示面积,由环境程序布局显示的其他内容占据界面的5%的显示面积。另一种播放模式是环境程序提供的全屏播放模式,此时播放窗口完全占据界面。当界面占据整个屏幕区域时,播放窗口占据整个屏幕区域播放视频。
S120、控制页面切换至视频全屏播放模式,以播放视频。
具体地,在播放窗口内,一般包括用于操作视频播放状态的操控功能按键。例如,在播放窗口中设置有视频播放进程条,可以通过对其操控实现视频播放进度的调整。播放窗口中还设置有视频播放模式触控按键,可以切换视频全屏播放模式或在显示区域中播放。当视频处于全屏播放模式时,播放窗口完全占据环境程序的界面,环境程序布局的其他显示内容被视频覆盖。
S130、在退出视频全屏播放模式时,获取界面中提供的显示区域的范围参数。
具体地,显示区域的范围参数用于确定显示区域在界面中的位置和范围。示例性地,当环境程序的界面与屏幕的宽度相同时,显示区域可以设置为宽度与界面宽度相同,即显示区域的宽度与屏幕的宽度相同,显示区域的范围参数主要包括显示区域占屏幕的高度尺寸,从而可以根据显示区域的范围参数确定显示区域在屏幕的位置和范围。
在获取界面中提供的显示区域的范围参数时,可以从界面渲染数据中直接获取显示区域的范围参数。渲染数据即是对界面加载的资源进行语法解析后形成的数据结构构建渲染树,对界面的各个元素进行位置计算、样式计算等形成的数据,界面根据渲染数据进行渲染,使界面显示的内容为最终用户观看的内容。渲染数据以界面的数据结构为基础,在获取界面中提供的显示区域的范围参数时,从界面渲染数据中直接获取显示区域的范围参数,可以保证小程序的页面在播放视频时,无论处于何种播放模式,获取的显示区域的范围参数均是由界面渲染数据中获取,从而可以保证获取的显示区域的范围参数不会发生变化。
一般情况下,显示区域的范围参数固定,当视频为局部播放模式时,播放窗口在显示区域内播放视频,视频的画面位于显示区域内,视频的画面的位置也固定。
S140、控制视频的画面在显示区域的范围内进行播放。
具体地,在退出视频全屏播放模式时,视频的播放窗口在显示区域范围内进行显示。如果显示区域范围在界面中的面积/和位置相对于获取的显示区域范围参数发生变化,视频的播放窗口在界面中的面积/和位置相对于视频全屏播放模式之前也会发生变化,因此视频的画面可能会被界面的其他部分显示的内容覆盖遮挡,视频的画面会出现显示不全、部分画面看不到的现象。因此需要根据获取的显示区域的范围参数控制调整视频的画面在界面中的位置,控制视频的画面在获取的显示区域的范围内进行播放。
示例性地,在退出视频全屏播放模式时,视频播放窗口由全屏播放模式转换为局部播放模式。当显示区域的范围参数在界面中的面积/和位置相对于获取的显示区域范围参数发生变化时,环境程序根据获取的显示区域的范围参数,调整视频的画面在界面中的面积/和位置,使得视频的画面在界面中的面积/和位置相对于视频全屏播放模式之前相同,环境程序在界面的其他部分布局的显示内容同时在界面内显示。避免出现视频的画面在界面中的面积/和位置相对于视频全屏播放模式之前发生变化时,视频的画面被环境程序在界面的其他部分布局的显示内容覆盖遮挡,使得视频播放的画面显示不全、部分画面看不到的现象,从而减少出现画面范围与播放窗口不匹配的现象,提高了小程序页面播放视频的显示效果,提高了用户的体验效果。
本公开实施例提供一种视频播放的控制方法、装置、终端设备及存储介质,可以实现在用户使用环境程序加载运行小程序页面进行视频播放时,视频播放退出视频全屏播放模式,根据获取的显示区域的范围参数调整视频的画面在界面中的面积/和位置,使得视频的画面在界面中的面积/和位置相对于视频全屏播放模式之前相同,避免出现视频的画面在界面中的面积/和位置相对于视频全屏播放模式之前发生变化时,视频的画面被环境程序在界面的其他部分布局的显示内容覆盖遮挡,使得视频的画面显示不全、部分画面看不到的现象,从而减少出现画面范围与播放窗口不匹配的现象,提高了小程序页面播放视频的显示效果,提高了用户的体验效果。
可选地,本公开实施例还包括另一种视频播放的控制方法。图1中的步骤S140可以包括:
按照预设规则,根据显示区域在所述界面中的位置,调整视频的画面在页面中布局呈现的位置基准,其中,位置基准与显示区域在界面中的位置背离。
具体地,预设规则是预先设置的调整视频的画面的规则,示例性地,可以是根据显示区域的范围参数对视频的画面整体平移或整体缩放。例如,当显示区域的范围参数为显示区域占界面的高度尺寸时,以界面的高度尺寸为700为例进行说明,显示区域的高度尺寸为500,并位于界面的上部,即当界面的高度从屏幕的底部向上依次为1-700,显示区域的高度尺寸为191-690,而1-190和691-700的高度尺寸可以由环境程序布局显示其他内容,例如在691-700的高度尺寸内标题等。当视频在局部播放模式时,播放窗口位于显示区域内,因此视频的画面的高度尺寸与显示区域的高度尺寸相同,视频的画面在显示区域内显示完全。当视频在全屏播放模式时,播放窗口完全占据界面。如果在退出视频全屏播放模式时,显示区域在界面中的高度尺寸可能发生变化,环境程序根据获取的显示区域的高度尺寸对视频的画面进行调整。如果显示区域在界面中的高度尺寸大小不变,对应的高度尺寸的数值发生变化,即视频的画面可能出现整体平移的现象,与获取的显示区域的高度尺寸不同,视频的画面至少部分位于获取的显示区域的高度尺寸外,视频的画面被界面的其他部分的显示内容覆盖遮挡,显示不全,此时需要根据获取的显示区域的高度尺寸调整视频的画面的高度尺寸。例如获取的显示区域的高度尺寸为191-690,在退出视频全屏播放模式时视频的画面的高度尺寸为196-695,此时需要将视频的画面整体下移5,使视频的画面的高度尺寸与获取的显示区域的高度尺寸相同。或者当视频的画面在界面中的高度尺寸变大,视频的画面仍有至少部分位于获取的显示区域的高度尺寸外,此时同样需要根据获取的显示区域的高度尺寸调整视频的画面的高度尺寸。例如获取的显示区域的高度尺寸为191-690,在退出视频全屏播放模式时视频的画面的高度尺寸变为186-695,此时需要将视频的画面整体缩小2%,使视频的画面的高度尺寸与获取的显示区域的高度尺寸相同。因此视频的画面的高度尺寸与获取的显示区域的高度尺寸相同,视频的画面显示完全。
在调整视频的画面在页面中的位置时,需要一个基准位置作为调整视频的画面在页面中位置的基准,即为位置基准。示例性地,当视频的画面相对显示区域发生整体平移时,如果显示区域位于界面的下部,则以屏幕的底部为基准,将视频的画面自下向上布局呈现。具体地,仍以界面的高度尺寸为700,显示区域的高度尺寸为500为例进行说明。当显示区域位于界面的下部时,显示区域的高度尺寸为1-500,此时设置屏幕的底部为基准,即以界面的高度尺寸数值为1的位置作为位置基准,并以此为基准将视频的画面自下向上依次布局呈现,使得视频的画面的高度尺寸与显示区域的高度尺寸相同。或者,如果显示区域位于界面的上部,则以屏幕的顶部为基准,将视频的画面自上向下布局呈现。具体地,仍以界面的高度尺寸为700,显示区域的高度尺寸为500为例进行说明。当显示区域位于界面的上部时,显示区域的高度尺寸为201-700,此时设置屏幕的顶部为基准,即以界面的高度尺寸数值为700的位置作为位置基准,并以此为基准将视频的画面自上向下依次布局呈现,使得视频的画面的高度尺寸与显示区域的高度尺寸相同。当视频的画面相对于显示区域发生整体缩放时,同样可以以位置基准为基准,根据预设规则调整视频的画面在显示区域内播放。
需要说明的是,此处的位置基准仅是一种示例,而不是限定。在本公开其他实施例中,当显示区域为界面的中部时,还可以界面的高度尺寸其他数值的位置作为位置基准,使得视频的画面的高度尺寸与显示区域的高度尺寸相同。
可选地,本公开实施例还包括另一种视频播放的控制方法。图1中的步骤S140可以包括:
按照显示区域在界面中的位置,将非显示区域对应的范围增加无效画面,将无效画面与视频的画面在界面内进行布局呈现,以使视频的画面在显示区域的范围内播放。
具体地,显示区域通常占界面的一部分,即界面由显示区域和非显示区域组成。显示区域可以包括有效画面和无效画面,有效画面为需要显示的画面,即为视频的画面。在有效画面的显示区域,视频的画面显示完整。无效画面为不用于显示视频的画面,无效画面对应非显示区域对应的范围。例如,无效画面可以为黑矩阵。当显示区域在界面中的面积和/位置相对于视频全屏播放模式之前发生变化时,无效画面被非显示区域布局的显示内容覆盖,而视频的画面仍能在显示区域内显示,此时视频的画面仍然能够显示完全,避免了视频的画面显示不全、部分画面看不到的现象,从而减少出现画面范围与播放窗口不匹配的现象,提高了小程序页面播放视频的显示效果,提高了用户的体验效果。
在上述技术方案的基础上,图2为本公开实施例提供的另一种视频播放的控制方法的流程示意图,如图2所示,在步骤S210中,在环境程序中的界面中加载运行小程序的页面的同时,还包括:
记录显示区域在界面中的范围。
具体地,环境程序中的界面在加载运行小程序的页面时,小程序的页面播放视频具有不同的模式,因此可以实时记录显示区域在界面中的范围,以确定小程序的页面播放视频时显示区域在界面中的范围变化。
则相应的,步骤S230中,从界面的界面渲染数据中获取显示区域的范围参数之后,还包括:
S240、将获取的显示区域的范围参数与记录的显示区域的范围参数进行比较。
具体地,获取的显示区域的范围参数为从界面的界面渲染数据中获取的显示区域的范围参数,当界面渲染数据不变时,获取的显示区域的范围参数不变。记录的显示区域的范围为实时记录的显示区域在界面中的范围。
S250、如果比较结果为相同,则执行原有显示策略。
具体地,小程序在环境程序上运行时,环境程序的界面加载小程序的页面,并对加载的资源进行渲染后实现显示。渲染后实现的显示策略即为原有显示策略。当获取的显示区域的范围参数与记录的显示区域的范围参数相同时,显示区域在界面中的范围没有发生改变,则可以按照原有显示策略显示视频的画面。
S260、如果比较结果为不同,则切换至异常显示策略,以触发执行调整布局基准的操作。
具体地,调整布局基准的操作可以包括根据获取的显示区域的范围参数控制视频的画面在显示区域的范围内进行播放。当获取的显示区域的范围参数与记录的显示区域的范围参数不同时,显示区域在界面中的范围相对于原有显示策略发生变化,此时需要触发执行调整布局基准的操作,以使视频的画面根据获取的显示区域的范围内进行播放,避免出现视频的画面在界面中的面积/和位置相对于视频全屏播放模式之前发生变化时,视频的画面被环境程序在界面的其他部分布局的显示内容覆盖遮挡,使得视频的画面显示不全、部分画面看不到的现象,从而减少出现画面范围与播放窗口不匹配的现象,提高了小程序页面播放视频的显示效果,提高了用户的体验效果。
本公开实施例还提供一种视频播放的控制装置。图3为本公开实施例提供的一种视频播放的控制装置的结构示意图,具体的该视频播放的控制装置可以配置于终端设备中,如图3所示,该视频播放的控制装置包括:
加载模块10,用于在环境程序中的界面中加载运行小程序的页面,其中,页面中包括视频播放窗口,用于播放视频。
页面切换控制模块20,用于控制页面切换至视频全屏播放模式,以播放视频。
参数获取模块30,用于在退出视频全屏播放模式时,获取界面中提供的显示区域的范围参数。
具体地,在获取界面中提供的显示区域的范围参数时,可以从界面渲染数据中直接获取显示区域的范围参数。
视频播放控制模块40,用于控制视频的画面在显示区域的范围内进行播放。
具体地,在控制视频的画面在显示区域的范围内进行播放时,可以按照预设规则,根据显示区域在所述界面中的位置,调整视频的画面在页面中布局呈现的位置基准,其中,位置基准与显示区域在界面中的位置背离。示例性地,如果显示区域位于界面的下部,则以屏幕的底部为基准,将视频的画面自下向上布局呈现。如果显示区域位于界面的上部,则以屏幕的顶部为基准,将视频的画面自上向下布局呈现。还可以按照显示区域在界面中的位置,将非显示区域对应的范围增加无效画面,将无效画面与视频的画面在界面内进行布局呈现,以使视频的画面在显示区域的范围内播放。
图4为本公开实施例提供的另一种视频播放的控制装置的结构示意图,如图4所示,该视频播放的控制装置还可以包括:
记录模块50,在环境程序中的界面中加载运行小程序的页面的同时,记录显示区域在界面中的范围。
比较模块60,将获取的显示区域的范围参数与记录的显示区域的范围参数进行比较。
如果比较结果为相同,则执行原有显示策略。如果比较结果为不同,则切换至异常显示策略,以触发执行调整布局基准的操作。
本公开实施例提供的视频播放的控制装置,可执行本公开方法实施例所提供的视频播放的控制方法所执行的步骤,具备执行方法相应的功能模块和有益效果。
图5为本公开实施例提供的一种终端设备的结构示意图。其示出了适于用来实现本公开实施例的终端设备500的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、智能电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图5示出的终端设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,终端设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许终端设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的终端设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:在环境程序中的界面中加载运行小程序的页面,其中,页面中包括视频播放窗口,用于播放视频;控制页面切换至视频全屏播放模式,以播放视频;在退出视频全屏播放模式时,获取界面中提供的显示区域的范围参数;控制视频的画面在显示区域的范围内进行播放。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,参数获取模块还可以被描述为“在退出视频全屏播放模式时,获取界面中提供的显示区域的范围参数”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种视频播放的控制方法,其特征在于,所述方法包括:
在环境程序中的界面中加载运行小程序的页面,其中,所述页面中包括视频播放窗口,用于播放视频;
控制所述页面切换至视频全屏播放模式,以播放所述视频;
在退出视频全屏播放模式时,获取所述界面中提供的显示区域的范围参数;
控制所述视频的画面在所述显示区域的范围内进行播放。
2.根据权利要求1所述的方法,其特征在于,控制所述视频的画面在所述显示区域的范围内进行播放包括:
按照预设规则,根据所述显示区域在所述界面中的位置,调整所述视频的画面在页面中布局呈现的位置基准,其中,所述位置基准与所述显示区域在界面中的位置背离。
3.根据权利要求2所述的方法,其特征在于,按照预设规则,根据所述显示区域在所述界面中的位置,调整所述视频的画面在页面中布局呈现的位置基准包括:
如果所述显示区域位于所述界面的下部,则以屏幕的底部为基准,将所述视频的画面自下向上布局呈现;
如果所述显示区域位于所述界面的上部,则以屏幕的顶部为基准,将所述视频的画面自上向下布局呈现。
4.根据权利要求1所述的方法,其特征在于,控制所述视频的画面在所述显示区域的范围内进行播放包括:
按照所述显示区域在所述界面中的位置,将非显示区域对应的范围增加无效画面,将所述无效画面与所述视频的画面在所述界面内进行布局呈现,以使所述视频的画面在所述显示区域的范围内播放。
5.根据权利要求1-4任一所述的方法,其特征在于,获取所述界面中提供的显示区域的范围参数包括:
从所述界面的界面渲染数据中获取所述显示区域的范围参数。
6.根据权利要求5所述的方法,其特征在于,在环境程序中的界面中加载运行小程序的页面的同时,还包括:
记录所述显示区域在所述界面中的范围;
则相应的,从所述界面的界面渲染数据中获取所述显示区域的范围参数之后,还包括:
将获取的所述显示区域的范围参数与记录的所述显示区域的范围参数进行比较;
如果比较结果为相同,则执行原有显示策略;
如果比较结果为不同,则切换至异常显示策略,以触发执行调整布局基准的操作。
7.根据权利要求5所述的方法,其特征在于,所述显示区域的宽度与屏幕宽度相同,所述范围参数包括高度尺寸。
8.一种视频播放的控制装置,其特征在于,包括:
加载模块,用于在环境程序中的界面中加载运行小程序的页面,其中,所述页面中包括视频播放窗口,用于播放视频;
页面切换控制模块,用于控制所述页面切换至视频全屏播放模式,以播放所述视频;
参数获取模块,用于在退出视频全屏播放模式时,获取所述界面中提供的显示区域的范围参数;
视频播放控制模块,用于控制所述视频的画面在所述显示区域的范围内进行播放。
9.一种终端设备,其特征在于,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7任一所述的视频播放的控制方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7任一所述的视频播放的控制方法。
CN201910107624.6A 2019-02-02 2019-02-02 一种视频播放的控制方法、装置、设备和介质 Active CN109640158B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201910107624.6A CN109640158B (zh) 2019-02-02 2019-02-02 一种视频播放的控制方法、装置、设备和介质
PCT/CN2020/070693 WO2020156056A1 (zh) 2019-02-02 2020-01-07 一种视频播放的控制方法、装置、设备和介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910107624.6A CN109640158B (zh) 2019-02-02 2019-02-02 一种视频播放的控制方法、装置、设备和介质

Publications (2)

Publication Number Publication Date
CN109640158A true CN109640158A (zh) 2019-04-16
CN109640158B CN109640158B (zh) 2021-03-02

Family

ID=66064984

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910107624.6A Active CN109640158B (zh) 2019-02-02 2019-02-02 一种视频播放的控制方法、装置、设备和介质

Country Status (2)

Country Link
CN (1) CN109640158B (zh)
WO (1) WO2020156056A1 (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111405377A (zh) * 2020-03-19 2020-07-10 百度在线网络技术(北京)有限公司 一种视频播放方法、装置、电子设备和存储介质
CN111417027A (zh) * 2020-03-23 2020-07-14 青岛海信传媒网络技术有限公司 网页视频全屏播放切换小窗口播放的方法及显示设备
WO2020156056A1 (zh) * 2019-02-02 2020-08-06 北京字节跳动网络技术有限公司 一种视频播放的控制方法、装置、设备和介质
CN112243148A (zh) * 2019-07-16 2021-01-19 青岛海信传媒网络技术有限公司 显示设备及视频画面缩放方法
CN112423084A (zh) * 2020-11-11 2021-02-26 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102117290A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及系统
CN104243668A (zh) * 2013-06-14 2014-12-24 广州市动景计算机科技有限公司 一种基于安卓操作系统的视频全屏播放方法及装置
CN104268252A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN105100914A (zh) * 2014-05-23 2015-11-25 腾讯科技(北京)有限公司 视频播放方法及装置
CN108260018A (zh) * 2017-02-13 2018-07-06 广州市动景计算机科技有限公司 网页视频的全屏设置方法、设备及移动设备

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170187927A1 (en) * 2015-12-25 2017-06-29 Le Holdings (Beijing) Co., Ltd. Method and electronic device for switching video display window
CN109640158B (zh) * 2019-02-02 2021-03-02 北京字节跳动网络技术有限公司 一种视频播放的控制方法、装置、设备和介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102117290A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及系统
CN104243668A (zh) * 2013-06-14 2014-12-24 广州市动景计算机科技有限公司 一种基于安卓操作系统的视频全屏播放方法及装置
CN105100914A (zh) * 2014-05-23 2015-11-25 腾讯科技(北京)有限公司 视频播放方法及装置
CN104268252A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN108260018A (zh) * 2017-02-13 2018-07-06 广州市动景计算机科技有限公司 网页视频的全屏设置方法、设备及移动设备

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020156056A1 (zh) * 2019-02-02 2020-08-06 北京字节跳动网络技术有限公司 一种视频播放的控制方法、装置、设备和介质
CN112243148A (zh) * 2019-07-16 2021-01-19 青岛海信传媒网络技术有限公司 显示设备及视频画面缩放方法
CN112243148B (zh) * 2019-07-16 2022-10-11 青岛海信传媒网络技术有限公司 显示设备及视频画面缩放方法
CN111405377A (zh) * 2020-03-19 2020-07-10 百度在线网络技术(北京)有限公司 一种视频播放方法、装置、电子设备和存储介质
CN111417027A (zh) * 2020-03-23 2020-07-14 青岛海信传媒网络技术有限公司 网页视频全屏播放切换小窗口播放的方法及显示设备
CN112423084A (zh) * 2020-11-11 2021-02-26 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质
CN112423084B (zh) * 2020-11-11 2022-11-01 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
CN109640158B (zh) 2021-03-02
WO2020156056A1 (zh) 2020-08-06

Similar Documents

Publication Publication Date Title
CN109640158A (zh) 一种视频播放的控制方法、装置、设备和介质
KR102389235B1 (ko) 리소스 배치 방법, 장치, 단말기 및 저장 매체
CN107273083B (zh) 一种终端设备之间的交互方法、装置、设备和存储介质
CN109460276A (zh) 页面和页面配置文件生成方法、装置、终端设备及介质
CN109857486A (zh) 一种程序页面数据的处理方法、装置、设备和介质
US20240192986A1 (en) Application handoff method and apparatus
CN109460233A (zh) 页面的原生界面显示更新方法、装置、终端设备及介质
CN109495790A (zh) 基于编辑器的贴纸添加方法、装置、电子设备及可读介质
WO2020186928A1 (zh) 数据分享方法、装置、电子设备及计算机可读存储介质
US20230011395A1 (en) Video page display method and apparatus, electronic device and computer-readable medium
CN104093085B (zh) 信息显示方法和装置
US20210350545A1 (en) Image processing method and apparatus, and hardware apparatus
KR20230070316A (ko) 핫스팟 리스트의 디스플레이 방법, 장치, 전자 설비 및 저장매체
CN110070496A (zh) 图像特效的生成方法、装置和硬件装置
CN108829311A (zh) 一种基于Widget展示数据的方法和装置
CN109783101A (zh) 浏览器自动适配的网页布局方法和装置
CN109446025A (zh) 一种操作行为的回放方法、装置、电子设备及可读介质
CN110070592A (zh) 特效包的生成方法、装置和硬件装置
JP2024513968A (ja) 電子文書の処理方法、装置、端末及び記憶媒体
CN114185491A (zh) 一种分区文件的下载方法、装置、存储介质及计算机设备
CN109656667A (zh) 一种客户端中悬浮窗的实现方法、装置、设备和介质
CN108881928A (zh) 用于发布信息的方法和装置、用于处理信息的方法和装置
CN109800020A (zh) 一种程序开发的代码自动调整方法、装置、设备和介质
CN109672910A (zh) 视频播放方法、装置、电子设备及计算机可读存储介质
CN109814907A (zh) 应用程序图标替换方法、移动终端及存储介质

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