CN113115098A - 一种视频显示方法及装置 - Google Patents
一种视频显示方法及装置 Download PDFInfo
- Publication number
- CN113115098A CN113115098A CN202110352153.2A CN202110352153A CN113115098A CN 113115098 A CN113115098 A CN 113115098A CN 202110352153 A CN202110352153 A CN 202110352153A CN 113115098 A CN113115098 A CN 113115098A
- Authority
- CN
- China
- Prior art keywords
- video
- video picture
- picture
- playing
- area
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 230000005540 biological transmission Effects 0.000 claims abstract description 11
- 238000010586 diagram Methods 0.000 description 34
- 230000007704 transition Effects 0.000 description 10
- 230000004048 modification Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- IKVXBIIHQGXQRQ-UHFFFAOYSA-N propan-2-yl 2-(n-benzoyl-3-chloro-4-fluoroanilino)propanoate Chemical compound C=1C=C(F)C(Cl)=CC=1N(C(C)C(=O)OC(C)C)C(=O)C1=CC=CC=C1 IKVXBIIHQGXQRQ-UHFFFAOYSA-N 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 230000002159 abnormal effect Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 230000001502 supplementing effect Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 210000001072 colon Anatomy 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000007480 spreading Effects 0.000 description 1
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/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/437—Interfacing the upstream path of the transmission network, e.g. for transmitting client requests to a VOD 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/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
Abstract
本申请涉及视频显示技术领域,提供一种视频显示方法及装置,用以解决无法显示完整视频内容的问题,该方法包括:响应于目标对象的播放请求,生成相应的视频资源请求;向服务器发送视频资源请求,并接收服务器返回的视频;按照播放区域的尺寸调整视频画面的画面比例,得到候选视频画面;若候选视频画面遮挡播放区域上其他显示区域,则移动候选视频画面的位置,获得目标视频画面,并将目标视频画面呈现给目标对象。按照播放区域的尺寸调整画面比例,以及在遮挡到其他显示区域时对视频画面进行移动,可以确保在播放区域上能够播放画面完整的视频,避免因信息的丢失影响用户的观感,和降低视频传播的影响力。
Description
技术领域
本申请涉及视频显示技术领域,提供了一种视频显示方法及装置。
背景技术
随着短视频的流行,用户在观看视频时也习惯将屏幕方向由“横屏”转为“竖屏”,信息流中的竖屏视频内容也越来越多。
在不同型号的终端上,其播放区域的尺寸也有所不同。为了让同一支竖屏视频内容可以在不同型号的终端上播放,需要按照播放区域的尺寸对竖屏视频内容进行裁剪,容易导致裁剪后的竖屏视频内容无法显示全部信息,影响了用户的正常观看,也降低了信息的传播影响力。
有鉴于此,本申请实施例提供了一种新的视频显示方法及装置。
发明内容
本申请实施例提供一种视频显示方法及装置,以解决无法显示完整视频内容的问题。
第一方面,本申请实施例提供了一种视频显示方法,包括:
响应于目标对象的播放请求,生成相应的视频资源请求;
向服务器发送所述视频资源请求,并接收所述服务器返回的视频;
按照用于播放视频的播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面呈现给所述目标对象。
可选的,所述按照用于播放视频的播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面,包括:
若所述画面比例大于所述播放区域的尺寸,则按照所述播放区域的宽度调整所述视频画面的宽度,得到所述候选视频画面。
可选的,所述按照所述播放区域的宽度调整所述视频画面的宽度,包括:
将所述视频画面的中心点移动到所述播放区域的中心点处;
将所述视频画面的宽度调整为与所述播放区域的宽度一致。
可选的,所述其他显示区域包括终端信息显示区域;
所述若所述候选视频画面遮挡所述其他显示区域,则移动所述候选视频画面的位置,包括:
若所述候选视频画面遮挡所述终端信息显示区域,则将所述候选视频画面向上移动。
可选的,所述其他显示区域还包括终端信息显示区域;
所述若所述候选视频遮挡所述其他显示区域,则移动所述候选视频画面的位置,包括:
若所述候选视频画面遮挡所述应用标签显示区域的上显示区域,则将所述候选视频画面向上移动;或
若所述候选视频画面遮挡所述应用标签显示区域的下显示区域,则将所述候选视频画面向上移动或向下移动。
可选的,在获得所述目标视频画面之后,还包括:
在所述目标视频画面与所述播放区域之间的区域进行模糊处理。
第二方面,本申请实施例还提供了一种视频显示方法,包括:
接收终端发送的视频资源请求;
对所述视频资源请求进行解析,获得目标对象的播放请求和所述终端上播放区域的尺寸;
获取与所述播放请求相匹配的视频,并按照所述播放区域的尺寸调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面发送至所述终端。
第三方面,本申请实施例还提供了一种视频显示装置,包括:
生成模块,用于响应于目标对象的播放请求,生成相应的视频资源请求;
传输模块,用于向服务器发送所述视频资源请求,并接收所述服务器返回的视频;
处理模块,用于按照用于播放视频的播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面呈现给所述目标对象。
可选的,所述处理模块用于:
若所述画面比例大于所述播放区域的尺寸,则按照所述播放区域的宽度调整所述视频画面的宽度,得到所述候选视频画面。
可选的,所述处理模块用于:
将所述视频画面的中心点移动到所述播放区域的中心点处;
将所述视频画面的宽度调整为与所述播放区域的宽度一致。
可选的,所述其他显示区域包括终端信息显示区域,所述处理模块用于:
若所述候选视频画面遮挡所述终端信息显示区域,则将所述候选视频画面向上移动。
可选的,所述其他显示区域还包括应用标签显示区域,所述处理模块用于:
若所述候选视频画面遮挡所述应用标签显示区域的上显示区域,则将所述候选视频画面向上移动;或
若所述候选视频画面遮挡所述应用标签显示区域的下显示区域,则将所述候选视频画面向上移动或向下移动。
可选的,在获得所述目标视频画面之后,所述处理模块还用于:
在所述目标视频画面与所述播放区域之间的区域进行模糊处理。
第四方面,本申请实施例还提供了一种视频显示装置,包括:
接收模块,用于接收终端发送的视频资源请求;
解析模块,用于对所述视频资源请求进行解析,获得目标对象的播放请求和所述终端上播放区域的尺寸;
传输模块,用于获取与所述播放请求相匹配的视频,若所述视频的视频画面与所述播放区域不适配,则按照所述播放区域的尺寸调整所述视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面发送至所述终端。
第五方面,本申请实施例还提供了一种计算机设备,包括处理器和存储器,其中,所述存储器存储有程序代码,当所述程序代码被所述处理器执行时,使得所述处理器执行上述任意一种视频显示方法的步骤。
第六方面,本申请实施例还提供了一种计算机可读存储介质,其包括程序代码,当程序产品在计算机设备上运行时,所述程序代码用于使所述计算机设备执行上述任意一种视频显示方法的步骤。
本申请有益效果如下:
本申请实施例提供的一种视频显示方法及装置,该方法包括:响应于目标对象的播放请求,生成相应的视频资源请求;向服务器发送视频资源请求,并接收服务器返回的视频;若按照用于播放视频的播放区域的尺寸,调整视频的视频画面的画面比例,得到候选视频画面;若候选视频画面遮挡播放区域上其他显示区域,则移动候选视频画面的位置,获得目标视频画面,并将目标视频画面呈现给目标对象。按照播放区域的尺寸调整画面比例,以及在遮挡到其他显示区域时对视频画面进行移动,可以确保在播放区域上能够播放画面完整的视频,避免因信息的丢失影响用户的观感,和降低信息传播的准确性和缩小视频的传播范围。
本申请的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本申请而了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1a为黑色底部导航栏-全面屏的页面示意图;
图1b为不带底部导航栏-非全面屏的页面示意图;
图1c为透明底部导航栏-全面屏的页面示意图;
图1d为视频显示方法的流程示意图;
图1e为影像长宽比的示意图;
图2为调整视频画面的高度的页面对比示意图;
图3a为黑色底部导航栏-全面屏的第一种页面对比示意图;
图3b为黑色底部导航栏-全面屏的第二种页面对比示意图;
图3c为除黑色底部导航栏-全面屏以外的其他终端类型的第一种页面对比示意图;
图3d为除黑色底部导航栏-全面屏以外的其他终端类型的第二种页面对比示意图;
图4a为黑色底部导航栏-全面屏的第三种页面对比示意图;
图4b为除黑色底部导航栏-全面屏以外的其他终端类型的第三种页面对比示意图;
图4c为黑色底部导航栏-全面屏的第四种页面对比示意图;
图4d为除黑色底部导航栏-全面屏以外的其他终端类型的第四种页面对比示意图;
图4e为黑色底部导航栏-全面屏的第五种页面对比示意图;
图4f为黑色底部导航栏-全面屏的第六种页面对比示意图;
图4g为除黑色底部导航栏-全面屏以外的其他终端类型的第五种页面对比示意图;
图4h为除黑色底部导航栏-全面屏以外的其他终端类型的第六种页面对比示意图;
图5为本申请实施例提供的应用于服务器的视频显示方法的流程示意图;
图6为应用于终端的视频显示装置的结构示意图;
图7为应用于服务器的视频显示装置的结构示意图;
图8为计算机设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请技术方案的一部分实施例,而不是全部的实施例。基于本申请文件中记载的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请技术方案保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够使用除了在这里图示或描述的那些以外的顺序实施。
需要说明的是,本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等),均为经用户授权或者经过各方充分授权的信息和数据。
用户在移动端观看短视频时,屏幕方向大多为竖屏,因此,用于在移动端播放的短视频的形态也大多为竖屏短视频。
终端包括播放区域,而不同型号的终端,其播放区域的尺寸也有所不同。为了让同一支竖屏视频可以在不同型号的终端上播放,需要按照播放区域的尺寸对竖屏视频进行裁剪,但裁剪后的竖屏视频可能存在显示画面不完整的问题,缺少部分信息,不仅影响了用户的正常观看,还会降低信息传播的准确性和缩小视频的传播范围。有鉴于此,本申请实施例提供了一种新的视频显示方法。
目前显示屏包括全面屏和非全面屏两种,底部导航栏包括黑色底部导航栏(即背景色为黑色的底部导航栏)、不带底部导航栏和透明底部导航栏(即背景色为透明色的底部导航栏)三种,排列组合后得到以下六种终端类型,分别是(黑色底部导航栏-全面屏)、(黑色底部导航栏-非全面屏)、(不带底部导航栏-全面屏)、(不带底部导航栏-非全面屏)、(透明底部导航栏-全面屏)和(透明底部导航栏-非全面屏)。
图1a为黑色底部导航栏-全面屏的页面示意图,全面屏上除黑色底部导航栏外的其他区域均为播放区域;图1b为不带底部导航栏-非全面屏的页面示意图,非全面屏上除导航键外的其他区域均为播放区域;图1c为透明底部导航栏-全面屏的页面示意图,此时整个全面屏均为播放区域。需要说明的是,在图1c中,为了清楚地标记出透明底部导航栏所在区域,使用了椭圆虚线将该区域圈出来,但在实际应用中,是不存在椭圆虚线的,直接将透明底部导航栏放置在文字信息描述区域的内部即可。
播放区域可用于播放视频,除此之外,在播放区域上还包括其他显示区域和文字信息显示区域,而其他显示区域具体包括终端信息显示区域、应用标签显示区域。其中,终端信息显示区域用于显示终端的时间信息、终端的电量信息、终端的网络信息、在终端后台运行的应用程序的图标、终端声音模式(包括静音、响铃和振动),以及接入终端的外设的图标。应用标签显示区域用于显示该应用程序的视频分类标签,如,同城、关注和发现这三类标签。文字信息显示区域用于显示广告文案、广告中背景音乐的歌曲信息(如,歌名、演唱者名字、歌曲被收录专辑的名称等)。
接下来,参阅图1d示出的流程示意图,对应用于终端的视频显示方法的过程进行详细介绍。
S101:响应于目标对象的播放请求,生成相应的视频资源请求。
在执行步骤101时,本申请实施例提供了以下两种生成视频资源请求的方式:
(1)、将视频播放应用程序(Application,APP)安装在终端上,用户通过单击应用图标、双击应用图标等方式生成启动指令,终端响应于启动指令,启动视频播放APP;用户通过单击视频封面、输入搜索词等方式生成播放请求,视频播放APP响应于该播放请求,生成相应的视频资源请求,在视频资源请求中至少包含视频标识。
(2)、将浏览器安装在终端上,用户通过单击浏览器图标生成启动指令,终端可以响应于该启动指令启动浏览器;浏览器响应于用户输入的视频网址,向用户展示相应的视频网站页面;用户通过单击视频封面、输入搜索词等方式生成播放请求,浏览器响应于生成相应的视频资源请求,在视频资源请求中至少包含视频标识。
S102:向服务器发送视频资源请求,并接收服务器返回的视频。
由于步骤101中提供了两种生成视频资源请求的方式,因此,在步骤102中也提供了两种对应的发送视频资源请求的方式,分别是:
(1)、视频播放APP向服务器发送视频资源请求;
(2)、浏览器通向服务器发送视频资源请求。
服务器接收终端发送的视频资源请求,对视频资源请求进行解析,获得目标对象的播放请求,再获取与播放请求相匹配的视频,并将视频返回给终端。
S103:按照用于播放视频的播放区域的尺寸,调整视频的视频画面的画面比例,得到候选视频画面。
在本申请实施例中,视频画面与播放区域不适配包括以下两种情况,分别是视频画面的画面比例大于播放区域的尺寸,视频画面的画面比例小于播放区域的尺寸。画面比例和播放区域的尺寸均为长宽比,参阅图1e的示意图可知,长宽比是一个影像的宽度除以影像的高度所得的比例,通常表示为“x:y”或者“x×y”,其中的冒号和叉号的中文含义均为“比”。常用长宽比包括1:1、3:4、16:9、14:9。
当画面比例等于播放区域的尺寸时,播放区域上能够播放画面完整的视频,因此,无需调整画面比例。鉴于本申请实施例提出了两种适配异常的情况,针对不同的适配异常情况,采取了不同的画面比例调整方式:
方式一:若画面比例小于播放区域的尺寸,则按照播放区域的高度调整视频画面的高度。
若画面比例小于播放区域的尺寸,为了确保播放区域上能够播放画面完整的视频,需要按照播放区域的高度调整视频画面的高度。具体地,将视频画面的中心点移动播放区域的中心点处,令视频画面居中放置在播放区域中,再将视频画面的高度调整为与播放区域的高度一致。
由于调整后的视频画面的高度与播放区域的高度一致,调整后的视频画面不会遮挡播放区域上的其他显示区域,无需再次移动视频画面的位置,得到了既可以在播放区域上播放完整视频内容,又可以让其他显示区域中的内容呈现在视频画面上的效果。因此,采用方式一调整后的视频画面,可作为目标视频画面呈现给发起播放请求的用户(即目标对象)。
为了进一步增强视频画面的可观看性,可以在调整好视频画面的高度之后,在目标视频画面与播放区域之间的区域进行模糊处理,以便在播放区域上突出视频画面,模糊与视频内容无关的背景信息,使得播放区域上呈现的内容更加突出,增强用户观影沉浸感。
例如,若画面比例小于播放区域的尺寸,视频画面的高度会高于播放区域的高度,通常是先裁掉超出播放区域的视频画面,再在播放区域上播放处理后的视频画面,但此时播放的是画面不完整的视频,而信息的缺失会影响用户观感,降低信息传播的准确性和缩小视频的传播范围。因此,为了确保播放区域上能够播放画面完整的视频,采用方式一调整画面比例,得到目标视频画面,并在目标视频画面与播放区域之间的区域补充高斯模糊,处理前后的页面对比示意图如图2所示。
方式二:若画面比例大于播放区域的尺寸,则按照播放区域的宽度调整视频画面的宽度,得到候选视频画面。
若画面比例大于播放区域的尺寸,为了确保播放区域上能够播放画面完整的视频,需要按照播放区域的宽度调整视频画面的宽度。具体地,先将视频画面的中心点移动到播放区域的中心点处,令视频画面居中放置在播放区域中,再将视频画面的宽度调整为与播放区域的宽度一致。
S104:若候选视频画面遮挡播放区域上其他显示区域,则移动候选视频画面的位置,获得目标视频画面,并将目标视频画面呈现给目标对象。
在得到候选视频画面之后,还可以基于候选视频画面与播放区域上其他显示区域之间的重叠关系,确定候选视频画面在播放区域上的位置,获得目标视频画面。
在本申请实施例中,重叠关系包括候选视频画面遮挡其他显示区域,和候选视频画面未遮挡其他显示区域两种。若候选视频画面遮挡其他显示区域,则移动候选视频画面的位置,获得目标视频画面;若候选视频画面未遮挡其他显示区域,则无需移动候选视频画面的位置,直接将候选视频画面作为目标视频画面,呈现给用户即可。
其中,其他显示区域包括终端信息显示区域、应用标签显示区域,而终端信息显示区域位于应用标签显示区域的上方。
在本申请实施例中,候选视频画面未遮挡其他显示区域指的是,候选视频画面未遮挡应用标签显示区域的部分区域,或者未遮挡终端信息显示区域的部分区域。具体地,包括候选视频画面的上边缘与应用标签显示区域的下边缘之间存在一定距离,或候选视频画面的上边缘与应用标签显示区域的下边缘重合,或候选视频画面的上边缘与应用标签显示区域的上边缘重合(等同于,候选视频画面的上边缘与终端信息显示区域的下边缘重合),或候选视频画面的上边缘与终端信息显示区域的上边缘重合(等同于,候选视频画面的上边缘与播放区域的上边缘重合)四种情况。
同理,候选视频画面遮挡其他显示区域指的是,候选视频画面遮挡了应用标签显示区域的部分区域,或者遮挡了终端信息显示区域的部分区域。具体地,包括候选视频画面的上边缘位于应用标签显示区域的内部,或候选视频画面的上边缘位于终端信息显示区域的内部。
为了进一步增强视频画面的可观看性,可以在目标视频画面与播放区域之间的区域进行模糊处理。模糊处理包括但不限于,补充高斯模糊,填充黑色的背景色。
参阅图1a的页面示意图可知,h1为终端信息显示区域的高度、h2为应用标签显示区域的高度、w为文字信息显示区域的高度,H1为候选视频画面的上边缘与播放区域的上边缘之间的距离,H2为候选视频画面的下边缘与播放区域的下边缘之间的距离。基于h1、h2、w、H1、H2,能够确定终端类型以及对应的候选视频画面的位置。
具体地,基于候选视频画面与播放区域上其他显示区域之间的重叠关系,提供了以下两种确定候选视频画面的位置的方式:
视频画面的位置确定方式一:若候选视频画面未遮挡其他显示区域,则不移动候选视频画面的位置。
(一)、终端类型为黑色底部导航栏-全面屏。
(1)、当H1≥(h1+h2)时,不移动候选视频画面的位置。
当H1≥(h1+h2)时,候选视频画面的上边缘与应用标签显示区域的下边缘之间存在一定距离,且候选视频画面的下边缘也与文字信息显示区域的上边缘之间存在一定距离,在播放视频时,不会因视频画面遮挡其他显示区域的部分区域,而影响视频画面的完整度。
参阅图3a示出的页面对比示意图,在图3a中,视频画面居中放置在播放区域中,为了让视频画面与其他显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
(2)、当H1=h1时,不移动候选视频画面的位置。
参阅图3b示出的页面对比示意图,当H1=h1时,视频画面的上边缘与应用标签显示区域的上边缘重合,虽然视频画面的下边缘位于文字信息显示区域的内部,但是能够通过补充高斯模糊的方式,解决文字信息显示区域影响视频画面可观看性的问题。
(二)、终端类型是除黑色底部导航栏-全面屏外的其他五种终端类型。
(1)、当H≥w时,不移动候选视频画面的位置。
在这种情况下,候选视频画面的上边缘与应用标签显示区域的下边缘之间存在一定距离,且候选视频画面的下边缘也与文字信息显示区域的上边缘之间存在一定距离,在播放视频时,不会因视频画面遮挡其他显示区域的部分区域,而影响视频画面的完整度。
参阅图3c示出的页面对比示意图,在图3c中,视频画面居中放置在播放区域中,为了让视频画面与其他显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
(2)、当H1=h1时,不移动候选视频画面的位置。
参阅图3d示出的页面对比示意图,当H1=h1时,视频画面的上边缘与应用标签显示区域的上边缘重合,虽然视频画面的下边缘位于文字信息显示区域的内部,但是能够通过补充高斯模糊的方式,解决文字信息显示区域影响视频画面可观看性的问题。
视频画面的位置确定方式二:若候选视频画面遮挡其他显示区域,则移动候选视频画面的位置。
具体地,在视频画面的位置确定方式二中存在以下三种移动方式,分别是:
移动方式一:若候选视频画面遮挡终端信息显示区域,则将候选视频画面向上移动。
(一)、终端类型为黑色底部导航栏-全面屏。
当h1>H1≥0时,说明候选视频画面的上边缘位于终端信息显示区域的内部,将终端信息显示区域一分为二,会因视频画面遮挡终端信息显示区域的部分区域,而影响视频画面的完整度。
由于候选视频画面的高度接近于播放区域的高度,若将候选视频画面的上边缘下移与应用标签显示区域的下边缘重合,可能会出现候选视频画面超出播放区域的情况,而采取将候选视频画面的上边缘上移与播放区域的上边缘重合的移动方式,既确保了视频画面的完整度,又提高了视频画面的可观看性。
参阅图4a示出的页面对比示意图,移动前的视频画面的上边缘位于终端信息显示区域的内部,而移动后的视频画面的上边缘与播放区域的上边缘重合,以及为了让视频画面与文字信息显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
(二)、终端类型是除黑色底导-全面屏外的其他五种终端类型。
参阅图4b示出的页面对比示意图,当h1>H1≥0时,移动前的视频画面的上边缘位于终端信息显示区域的内部,将终端信息显示区域一分为二,会因视频画面遮挡终端信息显示区域的部分区域,而影响视频画面的完整度。而移动后的视频画面的上边缘与播放区域的上边缘重合,既确保了视频画面的完整度,又提高了视频画面的可观看性。以及,为了让视频画面与文字信息显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
移动方式二:若候选视频画面遮挡应用标签显示区域的上显示区域,则将候选视频画面向上移动。
(一)、终端类型为黑色底部导航栏-全面屏。
当时,移动前的视频画面的上边缘位于应用标签显示区域的上显示区域中(即应用标签显示区域的上边缘与该区域中位线之间的区域),将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度。
由于候选视频画面的高度接近于播放区域的高度,若将候选视频画面的上边缘下移与应用标签显示区域的下边缘重合,可能会出现候选视频画面超出播放区域的情况,因此,采取将候选视频画面的上边缘上移与应用标签显示区域的上边缘重合的移动方式,既确保了视频画面的完整度,又提高了视频画面的可观看性。
参阅图4c示出的页面对比示意图,移动前的视频画面将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度。而移动后的视频画面的上边缘与应用标签显示区域的上边缘重合,既确保了视频画面的完整度,又提高了视频画面的可观看性。以及,为了让视频画面与文字信息显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
(二)、终端类型是除黑色底部导航栏导-全面屏外的其他五种终端类型。
参阅图4d示出的页面对比示意图,当时,移动前的视频画面的上边缘位于应用标签显示区域的上显示区域中,将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度。而移动后的视频画面的上边缘与应用标签显示区域的上边缘重合,既确保了视频画面的完整度,又提高了视频画面的可观看性。以及,为了让视频画面与文字信息显示区域之间的衔接过渡更加自然、美观,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
移动方式三:若候选视频画面遮挡应用标签显示区域的下显示区域,则将候选视频画面向上移动或向下移动。
(一)、终端类型为黑色底部导航栏-全面屏。
参阅图1a的页面示意图,当时,说明候选视频画面的上边缘位于应用标签显示区域的内部,将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度,因此,需要移动候选视频画面,以确保视频画面的画面完整度。
参阅图4e示出的页面对比示意图,在图4e中,移动前的视频画面的上边缘位于应用标签显示区域的下显示区域(即应用标签显示区域的下边缘与该区域中位线之间的区域),将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度。而移动后的视频画面的上边缘与应用标签显示区域的上边缘重合,既确保了视频画面的完整度,又提高了视频画面的可观看性。以及,为了让视频画面与文字信息显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
参阅图4f示出的页面对比示意图,在图4f中,移动前的视频画面的上边缘位于应用标签显示区域的下显示区域,将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度。而移动后的视频画面的上边缘与应用标签显示区域的下边缘重合,既确保了视频画面的完整度,又提高了视频画面的可观看性。以及,为了让视频画面与文字信息显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
(二)、终端类型是除黑色底部导航栏-全面屏外的其他五种终端类型。
参阅图1b的页面示意图,当时,说明候选视频画面的上边缘位于应用标签显示区域的内部,将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度,因此,需要移动候选视频画面,以确保视频画面的画面完整度。
参阅图4g示出的页面对比示意图,在图4g中,移动前的视频画面的上边缘位于应用标签显示区域的下显示区域,将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度。而移动后的视频画面的上边缘与应用标签显示区域的上边缘重合,既确保了视频画面的完整度,又提高了视频画面的可观看性。以及,为了让视频画面与文字信息显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
参阅图4h示出的页面对比示意图,在图4h中,移动前的视频画面的上边缘位于应用标签显示区域的下显示区域,将应用标签显示区域一分为二,会因视频画面遮挡应用标签显示区域的部分区域,而影响视频画面的完整度。而移动后的视频画面的上边缘与应用标签显示区域的下边缘重合,既确保了视频画面的完整度,又提高了视频画面的可观看性。以及,为了让视频画面与文字信息显示区域之间的衔接过渡更加自然,在视频画面的下边缘与播放区域的下边缘之间的区域补充高斯模糊。
本申请实施例还提供了一种应用于服务器的视频显示方法,参阅图5示出的流程示意图,对该方法进行介绍。
S501:接收终端发送的视频资源请求;
S502:对视频资源请求进行解析,获得目标对象的播放请求和终端上播放区域的尺寸;
S503:获取与播放请求相匹配的视频,并按照播放区域的尺寸,调整视频的视频画面的画面比例,得到候选视频画面;
S504:若候选视频画面遮挡播放区域上其他显示区域,则移动候选视频画面的位置,获得目标视频画面,并将目标视频画面发送至终端。
具体实现方式请参见上述实施例,重复之处将不再赘述。
参阅图6示出的结构示意图,应用于终端的视频显示装置包括生成模块601、传输模块602和处理模块603,其中,
生成模块601,用于响应于目标对象的播放请求,生成相应的视频资源请求;
传输模块602,用于向服务器发送所述视频资源请求,并接收所述服务器返回的视频;
处理模块603,用于按照用于播放视频的播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面呈现给所述目标对象。
可选的,所述处理模块603用于:
若所述画面比例大于所述播放区域的尺寸,则按照所述播放区域的宽度调整所述视频画面的宽度,得到所述候选视频画面。
可选的,所述处理模块603用于:
将所述视频画面的中心点移动到所述播放区域的中心点处;
将所述视频画面的宽度调整为与所述播放区域的宽度一致。
可选的,所述其他显示区域包括终端信息显示区域,所述处理模块603用于:
若所述候选视频画面遮挡所述终端信息显示区域,则将所述候选视频画面向上移动。
可选的,所述其他显示区域还包括应用标签显示区域,所述处理模块603用于:
若所述候选视频画面遮挡所述应用标签显示区域的上显示区域,则将所述候选视频画面向上移动;或
若所述候选视频画面遮挡所述应用标签显示区域的下显示区域,则将所述候选视频画面向上移动或向下移动。
可选的,在获得所述目标视频画面之后,所述处理模块603还用于:
在所述目标视频画面与所述播放区域之间的区域进行模糊处理。
参阅图7示出的结构示意图,应用于服务器的视频显示装置包括接收模块701、解析模块702和传输模块703,其中,
接收模块701,用于接收终端发送的视频资源请求;
解析模块702,用于对所述视频资源请求进行解析,获得目标对象的播放请求和所述终端上播放区域的尺寸;
传输模块703,用于获取与所述播放请求相匹配的视频,若所述视频的视频画面与所述播放区域不适配,则按照所述播放区域的尺寸调整所述视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面发送至所述终端。
在一些可能的实施方式中,本申请实施例还提供一种计算机设备,参阅图8所示,计算机设备可以至少包括至少一个处理器801、以及至少一个存储器802。其中,存储器802存储有程序代码,当程序代码被处理器801执行时,使得处器801执行本说明书上述描述的根据本申请各种示例性实施方式的视频显示方法中的步骤。例如,处理器801可以执行如图1d中所示的步骤。
在一些可能的实施方式中,本申请提供的视频显示方法的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当程序产品在计算机设备上运行时,程序代码用于使计算机设备执行本说明书上述描述的根据本申请各种示例性实施方式的视频显示方法中的步骤,例如,计算机设备可以执行如图1d中所示的步骤。
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
本申请的实施方式的用于业务控制的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在计算装置上运行。然而,本申请的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被命令执行系统、装置或者器件使用或者与其结合使用。
可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由命令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本申请操作的程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算装置上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算装置上部分在远程计算装置上执行、或者完全在远程计算装置或服务器上执行。在涉及远程计算装置的情形中,远程计算装置可以通过任意种类的网络包括局域网(LAN)或广域网(WAN)连接到用户计算装置,或者,可以连接到外部计算装置(例如利用因特网服务提供商来通过因特网连接)。
尽管已描述了本申请的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
Claims (10)
1.一种视频显示方法,其特征在于,包括:
响应于目标对象的播放请求,生成相应的视频资源请求;
向服务器发送所述视频资源请求,并接收所述服务器返回的视频;
按照用于播放视频的播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面呈现给所述目标对象。
2.如权利要求1所述的方法,其特征在于,所述按照用于播放视频的播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面,包括:
若所述画面比例大于所述播放区域的尺寸,则按照所述播放区域的宽度调整所述视频画面的宽度,得到所述候选视频画面。
3.如权利要求2所述的方法,其特征在于,所述按照所述播放区域的宽度调整所述视频画面的宽度,包括:
将所述视频画面的中心点移动到所述播放区域的中心点处;
将所述视频画面的宽度调整为与所述播放区域的宽度一致。
4.如权利要求1所述的方法,其特征在于,所述其他显示区域包括终端信息显示区域;
所述若所述候选视频画面遮挡所述其他显示区域,则移动所述候选视频画面的位置,包括:
若所述候选视频画面遮挡所述终端信息显示区域,则将所述候选视频画面向上移动。
5.如权利要求1所述的方法,其特征在于,所述其他显示区域还包括终端信息显示区域;
所述若所述候选视频遮挡所述其他显示区域,则移动所述候选视频画面的位置,包括:
若所述候选视频画面遮挡所述应用标签显示区域的上显示区域,则将所述候选视频画面向上移动;或
若所述候选视频画面遮挡所述应用标签显示区域的下显示区域,则将所述候选视频画面向上移动或向下移动。
6.一种视频显示方法,其特征在于,包括:
接收终端发送的视频资源请求;
对所述视频资源请求进行解析,获得目标对象的播放请求和所述终端上播放区域的尺寸;
获取与所述播放请求相匹配的视频,并按照所述播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面发送至所述终端。
7.一种视频显示装置,其特征在于,包括:
生成模块,用于响应于目标对象的播放请求,生成相应的视频资源请求;
传输模块,用于向服务器发送所述视频资源请求,并接收所述服务器返回的视频;
处理模块,用于按照用于播放视频的播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面呈现给所述目标对象。
8.一种视频显示装置,其特征在于,应用于服务器,包括:
接收模块,用于接收终端发送的视频资源请求;
解析模块,用于对所述视频资源请求进行解析,获得目标对象的播放请求和所述终端上播放区域的尺寸;
传输模块,用于获取与所述播放请求相匹配的视频,并按照所述播放区域的尺寸,调整所述视频的视频画面的画面比例,得到候选视频画面;
若所述候选视频画面遮挡所述播放区域上其他显示区域,则移动所述候选视频画面的位置,获得目标视频画面,并将所述目标视频画面发送至所述终端。
9.一种计算机设备,其特征在于,其包括处理器和存储器,其中,所述存储器存储有程序代码,当所述程序代码被所述处理器执行时,使得所述处理器执行权利要求1~5中任一项所述方法的步骤或权利要求6的步骤。
10.一种计算机可读存储介质,其特征在于,其包括程序代码,当程序产品在计算机设备上运行时,所述程序代码用于使所述计算机设备执行权利要求1~5中任一项所述方法的步骤或权利要求6的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110352153.2A CN113115098A (zh) | 2021-03-31 | 2021-03-31 | 一种视频显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110352153.2A CN113115098A (zh) | 2021-03-31 | 2021-03-31 | 一种视频显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113115098A true CN113115098A (zh) | 2021-07-13 |
Family
ID=76713509
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110352153.2A Pending CN113115098A (zh) | 2021-03-31 | 2021-03-31 | 一种视频显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113115098A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113747226A (zh) * | 2021-09-08 | 2021-12-03 | 北京字跳网络技术有限公司 | 视频展示方法、装置、电子设备及程序产品 |
CN113873327A (zh) * | 2021-09-24 | 2021-12-31 | 北京百度网讯科技有限公司 | 一种视频流呈现方法、装置、设备以及存储介质 |
CN114286157A (zh) * | 2021-12-23 | 2022-04-05 | 湖南众益文化传媒股份有限公司 | 一种应用于广告机的视频节目切换装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102307284A (zh) * | 2011-03-18 | 2012-01-04 | 海尔集团公司 | 电视节目和菜单同时显示的处理方法及处理系统 |
JP2013009335A (ja) * | 2011-05-20 | 2013-01-10 | Nippon Hoso Kyokai <Nhk> | 受信機 |
WO2014208268A1 (ja) * | 2013-06-24 | 2014-12-31 | シャープ株式会社 | 映像コンテンツ表示装置及び映像コンテンツ表示方法 |
CN110446110A (zh) * | 2019-07-29 | 2019-11-12 | 深圳市东微智能科技股份有限公司 | 视频的播放方法、视频播放设备及存储介质 |
CN110647286A (zh) * | 2019-10-09 | 2020-01-03 | 北京字节跳动网络技术有限公司 | 屏幕元素控制方法、装置、设备、存储介质 |
-
2021
- 2021-03-31 CN CN202110352153.2A patent/CN113115098A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102307284A (zh) * | 2011-03-18 | 2012-01-04 | 海尔集团公司 | 电视节目和菜单同时显示的处理方法及处理系统 |
JP2013009335A (ja) * | 2011-05-20 | 2013-01-10 | Nippon Hoso Kyokai <Nhk> | 受信機 |
WO2014208268A1 (ja) * | 2013-06-24 | 2014-12-31 | シャープ株式会社 | 映像コンテンツ表示装置及び映像コンテンツ表示方法 |
CN110446110A (zh) * | 2019-07-29 | 2019-11-12 | 深圳市东微智能科技股份有限公司 | 视频的播放方法、视频播放设备及存储介质 |
CN110647286A (zh) * | 2019-10-09 | 2020-01-03 | 北京字节跳动网络技术有限公司 | 屏幕元素控制方法、装置、设备、存储介质 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113747226A (zh) * | 2021-09-08 | 2021-12-03 | 北京字跳网络技术有限公司 | 视频展示方法、装置、电子设备及程序产品 |
CN113747226B (zh) * | 2021-09-08 | 2022-09-09 | 北京字跳网络技术有限公司 | 视频展示方法、装置、电子设备及存储介质 |
CN113873327A (zh) * | 2021-09-24 | 2021-12-31 | 北京百度网讯科技有限公司 | 一种视频流呈现方法、装置、设备以及存储介质 |
CN114286157A (zh) * | 2021-12-23 | 2022-04-05 | 湖南众益文化传媒股份有限公司 | 一种应用于广告机的视频节目切换装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113115098A (zh) | 一种视频显示方法及装置 | |
US9003277B2 (en) | Method and system for presenting web page resources | |
US9467750B2 (en) | Placing unobtrusive overlays in video content | |
CN109618222A (zh) | 一种拼接视频生成方法、装置、终端设备及存储介质 | |
CN108924599A (zh) | 视频字幕显示方法及装置 | |
JP7104242B2 (ja) | 個人情報を共有する方法、装置、端末設備及び記憶媒体 | |
CN110177295B (zh) | 字幕越界的处理方法、装置和电子设备 | |
CN109947979B (zh) | 歌曲识别方法、装置、终端及存储介质 | |
US11055474B2 (en) | Digital component backdrop rendering | |
CN113115096A (zh) | 界面信息切换方法、装置、电子设备和存储介质 | |
CN108304067A (zh) | 用于展示信息的系统、方法和装置 | |
EP3438852B1 (en) | Electronic device and control method thereof | |
CN106484726B (zh) | 一种页面展示方法及装置 | |
CN107315828A (zh) | 数据处理方法、装置和终端设备 | |
CN110728129B (zh) | 对图片中的文本内容进行排版的方法、装置、介质和设备 | |
CN114339363B (zh) | 画面切换处理方法、装置、计算机设备和存储介质 | |
CN109116718B (zh) | 设置闹钟的方法及设备 | |
CN111818279A (zh) | 字幕的生成方法、展示方法及交互方法 | |
CN105760420A (zh) | 实现与多媒体文件内容互动的方法及装置 | |
CN109871465B (zh) | 一种时间轴计算方法、装置、电子设备及存储介质 | |
CN103488745A (zh) | 获取信息的方法及终端 | |
CN112492399A (zh) | 信息显示方法、装置及电子设备 | |
KR102403149B1 (ko) | 전자 장치 및 그의 제어 방법 | |
US20210073458A1 (en) | Comic data display system, method, and program | |
CN112738629B (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210713 |
|
RJ01 | Rejection of invention patent application after publication |