网页视频的全屏设置方法、设备及移动设备与流程

文档序号:14881506发布日期:2018-07-07 09:49阅读:925来源:国知局

本发明涉及网页视频播放技术领域,更具体地,涉及一种网页视频的全屏设置方法、设备及移动设备。



背景技术:

随着移动设备的智能化普及和html5技术的发展,用户使用移动设备上安装的浏览器或者类似浏览器的网络应用,观看网页视频已经非常普遍。

在浏览器或者类似浏览器的网络应用在播放网页视频时,网页视频通常作为网页的一个普通节点,内嵌在网页中播放,因此网页视频的视频展示区域通常只是占据网页的一部分,用户在观看网页视频时,除了可以看到视频展示区域,还能看到视频展示区域之外的其他元素,例如介绍视频的文字、页面图标等。

而移动设备的屏幕通常较小,用户为获取更好的网页视频观看体验,通常会通过网页视频的点击控件选择进入视频全屏,使得网页视频的视频展示区域铺满移动设备的屏幕,获取更好的观看效果。而目前由于大部分的网页视频的宽度都大于高度,所以网页视频的视频全屏一般都是横屏展示,以使得视频展示区域获得最大的展示面积。

但是,现有浏览器或者浏览器应用播放网页视频的方案中,在实现网页视频全屏时,对于视频转为横屏展示的处理,通常都是通过横屏旋转整个用于展示网页内容的网页视图控件来完成,例如,通常是通过旋转与网页视图控件对应的activity组件来实现,这样可以使得设置于网页视图控件中的用于展示视频内容的视频视图控件也同时发生横屏旋转,从而实现视频转为横屏展示。但是,旋转网页视图控件,例如旋转activity组件,通常会导致浏览器或者浏览器应用的界面上的视图控件发生重新排版,至少包括网页视图控件发生重新排版,而网页视图控件的重新排版会导致网页的重新排版,这对基于html5技术开发的网页而言,会触发相应的javascript函数事件(简称为js事件),消耗大量的处理资源以执行该js事件,从而带来网页显示的跳动或卡顿,十分影响用户的体验。

因此,发明人认为,有必要针对上述现有技术中存在的问题进行改进。



技术实现要素:

本发明的一个目的是提供一种用于网页视频的全屏设置的新技术方案。

根据本发明的第一方面,提供了一种网页视频的全屏设置方法,包括:

包括:

响应于所接收的进入全屏指令,锁定网页视图控件,以使得所述网页视图控件不发生旋转,

其中,所述网页视图控件用于展示网页内容;

拉伸视频父视图控件的展示界面,以使得其与移动设备的屏幕实现竖屏重合,

其中,所述视频父视图控件中包含视频视图控件和视频控制控件,所述视频视图控件用于展示视频内容,所述视频控制控件用于控制视频内容的展示;

根据预定的第一旋转角度,分别旋转所述视频视图控件和所述视频控制控件,以使得所述视频父视图控件实现横屏旋转;

根据所获取的所述移动设备的屏幕的宽和高,拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。

可选地,

所述网页视图控件通过activity组件实现;

所述锁定网页视图控件的步骤是:

锁定所述activity组件的旋转方向。

可选地,

所述视频父视图控件设置于所述网页视图控件中,

所述拉伸视频父视图控件的展示界面实现竖屏重合的步骤为:

根据所获取的所述移动设备的屏幕的宽、高以及所述移动设备的屏幕相对所述网页视图控件的偏移量,拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现竖屏重合。

可选地,所述拉伸视频视图控件的展示界面实现竖屏重合的步骤包括:

生成全屏视图控件,

所述全屏视图控件设置于所述网页视图控件之上,并且与所述移动设备的屏幕重合;

将所述视频父视图控件设置于所述全屏视图控件中,并拉伸所述视频父视图控件的展示界面至与所述全屏视图控件的展示界面重合。

可选地,所述网页视频的全屏设置方法还包括:

响应于所接收的退出全屏指令,根据预定的第二旋转角度,分别旋转所述视频视图控件以及所述视频控制控件,以使得所述视频父视图控件实现竖屏旋转;

将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度,并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量,将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置;

解除对所述网页视图控件的锁定,以实现退出全屏。

进一步可选地,

所述视频视图控件是textureview控件、glsurfaceview控件或具有gl功能的surfaceview控件中的一种;

所述视频控制控件是view控件;

所述第一旋转角度为90度或270度;

所述第二旋转角度为0度。

根据本发明的第二方面,提供一种网页视频的全屏设置设备,包括:

锁定处理单元,用于响应于所接收的进入全屏指令,锁定网页视图控件,以使得所述网页视图控件不发生旋转,

其中,所述网页视图控件用于展示网页内容;

竖屏处理单元,用于拉伸视频父视图控件的展示界面,以使得其与移动设备的屏幕实现竖屏重合,

其中,所述视频父视图控件中包含视频视图控件和视频控制控件,所述视频视图控件用于展示视频内容,所述视频控制控件用于控制视频内容的展示;

第一旋转处理单元,用于根据预定的第一旋转角度,分别旋转所述视频视图控件和所述视频控制控件,以使得所述视频父视图控件实现横屏旋转;

横屏处理单元,用于根据所获取的所述移动设备的屏幕的宽和高,拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。

可选地,所述网页视频的全屏设置设备包括:

第二旋转处理单元,用于响应于所接收的退出全屏指令,根据预定的第二旋转角度,分别旋转所述视频视图控件以及所述视频控制控件,以使得所述视频父视图控件实现竖屏旋转;

恢复设置单元,用于将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度,并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量,将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置;

解锁处理单元,用于解除对所述网页视图控件的锁定,以实现退出全屏。

根据本发明的第三方面,提供一种移动设备,至少包括:

屏幕,以及

根据本发明的第二方面提供的网页视频的全屏设置设备。

根据本发明的第四方面,提供一种移动设备,包括:

存储器和处理器,所述存储器用于存储指令,所述指令用于控制所述处理器进行操作以执行本发明第一方面提供的网页视频的全屏方法。

本发明的发明人发现,在现有技术中,尚未存在一种网页视频的全屏设置方法、设备及移动设备,可以在实现网页视频的全屏设置时,不触发网页的重新排版,避免网页显示的跳动或卡顿,提升用户体验。因此,本发明所要实现的技术任务或者所要解决的技术问题是本领域技术人员从未想到的或者没有预期到的,故本发明是一种新的技术方案。

通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。

附图说明

被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。

图1是显示可用于实现本发明的实施例的移动设备的硬件配置的例子的框图。

图2示出了本发明的实施例的网页视频进入全屏的方法的流程图。

图3示出了本发明的实施例中实现竖屏重合的示意图。

图4示出了本发明的实施例中实现横屏重合的示意图。

图5示出了本发明的实施例的网页视频退出全屏的方法的流程图。

图6示出了本发明的实施例的网页视频的全屏设置设备的框图。

具体实施方式

现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。

在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。

应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。

<硬件配置>

图1是示出可以实现本发明的实施例的移动设备1000的硬件配置的框图。

移动设备1000的可以是手机(例如1100-1所示)、平板电脑(例如1100-2所示)等。如图1所示,移动设备1000的可以包括处理器1100、存储器1200、接口装置1300、通信装置1400、显示装置1500、输入装置1600、扬声器1700、麦克风1800等等。其中,处理器1100可以是中央处理器cpu、微处理器mcu等。存储器1200例如包括rom(只读存储器)、ram(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括usb接口、耳机接口等。通信装置1400例如能够进行有线或无线通信等。显示装置1500例如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘、体感输入等。用户可以通过扬声器1700和麦克风1800输入/输出语音信息。

图1所示的移动设备仅仅是说明性的并且决不意味着对本发明、其应用或使用的任何限制。应用于本发明的实施例中,移动设备1000的的所述存储器1200用于存储指令,所述指令用于控制所述处理器1100进行操作以执行本发明实施例提供的任意一项网页视频全屏播放方法。本领域技术人员应当理解,尽管在图1中对移动设备1000的示出了多个装置,但是,本发明可以仅涉及其中的部分装置,例如,移动设备1000的只涉及处理器1100和存储装置1200。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。

<实施例>

<方法>

在本实施例中提供一种网页视频的全屏设置方法,其中,网页视频是指用户通过移动设备的浏览器或者类似浏览器的应用提供的视频播放功能,观看的设置于网页中的视频。该方法如图2所示,包括:

步骤s2100,响应于所接收的进入全屏指令,锁定网页视图控件,以使得所述网页视图控件不发生旋转;

其中,所述进入全屏指令由用户触发,例如,可以由用户点击网页视频的展示界面中出现的全屏按钮触发。

所述网页视图控件用于展示网页内容,例如,网页视图控件可以是webview,webview是andriod系统提供的一个控件,可以用于显示网页。

锁定网页视图控件,使得所述网页视图控件不发生旋转,可以避免由网页视图控件的旋转带来的网页的重新排版,进而不会触发js事件的发生。所述js事件是基于html5技术开发的网页中的元素发生变化触发的javascript(直译式脚本语言)函数事件,例如监听到显示网页的屏幕分辨率发生变化、发生转屏等都会触发js事件,js事件的执行会消耗大量的处理资源,从而带来网页显示的跳动或卡顿,影响用户体验。本实施例中通过锁定网页视图控件以及后续一系列的操作,就可以在实现网页视频的全屏设置的同时,避免出现这个问题。

具体地,所述网页视图控件可以通过activity组件实现,其中activity组件是android系统中最基本最常见的组件之一,activity组件是一个应用程序组件,它提供一个显示界面,用户可以用来交互为了完成某项任务,因此,activity组件中所有操作都与用户密切相关,是一个负责与用户交互的组件,可以通过setcontentview(view)来显示指定控件,也可以监听并处理用户的事件做出响应。例如,本实施例中,可以通过activity组件显示网页视图控件。对应地,所述锁定网页视图控件的步骤,可以通过锁定对应的activity组件的旋转方向来实现。

步骤s2200,拉伸视频父视图控件的展示界面,以使得其与移动设备的屏幕实现竖屏重合;

其中,所述视频父视图控件中包含视频视图控件和视频控制控件,所述视频视图控件用于展示视频内容,所述视频控制控件用于控制视频内容的展示。

具体地,所述视频视图控件可以是android系统提供的textureview控件,textureview控件可用于显示一段在线视频或者任意的数据流比如视频或者opengl(opengraphicslibrary,开发图形库)场景的控件。而现有技术中通常将surfaceview显示网页视频的视频视图控件,surfaceview的工作方式是创建一个置于应用窗口之后的新窗口,因此surfaceview的内容不在应用窗口上,所以不能使用变换(平移、缩放、旋转等),但textureview控件不存在这个问题,textureview控件可以实现旋转功能。类似地,视频视图控件还可以是能实现旋转功能的glsurfaceview控件或具有gl功能的surfaceview控件。

而所述视频控制控件是用于控制视频内容的展示的控件,用于提供例如设置暂停、播放、调节音量、进入/退出全屏等控制视频内容的展示的功能,具体地,该视频控制控件可以是andriod系统提供的view控件,view控件是提供开发者自定义设置背景或添加点击事件并显示的控件。

在本实施例中,拉伸视频父视图控件的展示界面以使得其与移动设备的屏幕实现竖屏重合,具体可以如图3所示,通常在视频父视图控件中通过视频视图控件展示的视频,其原始的宽度通常大于高度,而移动设备竖屏时,通常宽度小于高度,因此视频的原始宽高比与移动设备竖屏时的屏幕的宽高比不一致,因此当拉伸视频父视图控件的展示界面与移动设备的屏幕竖屏重合时,在使得展示的视频的宽度与移动设备的屏幕宽度相同后,对于展示的视频实际内容之外高度不足的部分,通常会填充黑条,如图3所示。

虽然在具体应用时,对用户展示的网页视频,在未进入全屏前,展示效果看起来视频都是嵌入在网页中,但在具体实现中,本实施例中的视频父视图控件可以设置于网页视图控件中,也可以与网页视图控件相互分离但共同被包含于一个网页父视图控件中,并将视频父视图控件设置在位于网页视图控件的对应位置之上,获取看起来视频嵌入网页中的展示效果。

具体地一个例子中,当视频父视图控件设置于网页视图控件中时,拉伸视频视图控件的展示界面实现竖屏重合的步骤具体为:

根据所获取的所述移动设备的屏幕的宽、高以及所述移动设备的屏幕与所述网页视图控件中基准点的偏移量,拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现竖屏重合。

具体地,所述移动设备的屏幕相对所述网页视图控件的偏移量,可以在网页视图控件中设置基准点(例如网页视图控件中左上角顶点),获取移动设备的屏幕与网页视图控件中的基准点的偏移作为移动设备的屏幕相对所述网页视图控件的偏移量,该偏移量具体可以包括x坐标值和y坐标值,该坐标值基于网页视图控件中的基准点为原点建立的坐标系确定的。

而后,拉伸视频父视图控件的展示界面至与所述移动设备的屏幕实现竖屏重合包括:将视频父视图控件的宽和高分别对应设置为移动设备的屏幕的宽和高,将视频父视图控件的左上角顶点坐标设置为所获取的偏移量中的x坐标值和y坐标值,再基于视频父视图控件当前的宽、高以及左上角顶点坐标,重新生成视频父视图控件的展示界面,以实现与移动设备的屏幕竖屏重合。

在这个例子中,将视频父视图控件设置于网页视图控件中,可以使得拉伸视频父视图控件时,不需要将原来的视频父视图控件移除或重新生成一个全屏的视图控件,因而不需要缓冲视频父视图控件的视频视图控件中正在展示的视频,不存在时延,也没有额外的流量,不会带来视频的卡顿。

但是在拉伸视频父视图控件的过程中,获取移动设备的屏幕相对所述网页视图控件的偏移量在具体实现时往往需要进行大量的计算,消耗移动设备的处理资源,对移动设备的性能有较高的要求,因此,在另一个例子中,所述拉伸视频视图控件的展示界面实现竖屏重合的步骤包括:

生成全屏视图控件,

所述全屏视图控件设置于所述网页视图控件之上,并且与所述移动设备的屏幕重合;

将所述视频父视图控件设置于所述全屏视图控件中,并拉伸所述视频父视图控件的展示界面至与所述全屏视图控件的展示界面重合。

通过生成与移动设备的屏幕重合的全屏视图控件,将视频父视图控件设置于全屏视图控件中,拉伸视频父视图控件的展示界面至与全屏视图控件的展示界面重合,具体地,对应地,实现视频父视图控件的展示界面与移动设备的屏幕竖屏重合,实现较为简单,无需消耗太多处理资源。

步骤s2300,根据预定的第一旋转角度,分别旋转所述视频视图控件和所述视频控制控件,以使得所述视频父视图控件实现横屏旋转;

其中,分别以相同的第一旋转角度,旋转视频视图控件和视频控制控件,可以使得所述视频父视图控件实现横屏旋转,具体如图4所示,通常视频父视图控件中通过视频视图控件展示的视频,其原始的宽度通常大于高度,而移动设备横屏时,通常宽度也大于高度,因此视频的原始宽高比与移动设备竖屏时的屏幕的宽高比接近一致,因此,当视频父视图控件实现横屏旋转后,视频父视图控件中通过视频视图控件展示的视频将获取更大的展示面积。

具体地,视频视图控件可以是textureview控件,视频控制控件可以是view控件。而分别旋转所述视频视图控件和所述视频控制控件,具体地,可以是通过setrotation设置textureview控件的旋转角度为第一旋转角度,以实现textureview控件实现横屏旋转,通过view控件支持的接口设置view控件的旋转角度为第一旋转角度,以实现view控件实现横屏旋转,从而实现视频父视图控件实现横屏旋转,其中,第一旋转角度可以是90度或者270度。

而视频视图控件还可以是glsurfaceview控件或具有gl功能的surfaceview控件,对应横屏旋转所述视频视图控件时,可以通过glsurfaceview控件或具有gl功能的surfaceview控件提供的接口实现,在此不再赘述。

步骤s2400,根据所获取的所述移动设备的屏幕的宽和高,拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。

当所述视频父视图控件实现横屏旋转后,其在于移动设备的屏幕实现竖屏重合时所具有高度和宽度不再适应移动设备的屏幕,因此需要重新拉伸所述视频父视图控件的展示界面,具体地,可以设置视频父视图控件的高度为移动设备屏幕的宽度,视频父视图控件的宽度为移动设备屏幕的宽度,以重新生成视频父视图控件的展示界面,实现与所述移动设备的屏幕实现横屏重合。而此时视频父视图控件中通过视频视图控件展示的视频的宽高比与移动设备的屏幕的宽高比接近一致,因此此时视频可获取的展示面积最大,几乎不存在填充的黑条,如图4所示。应当理解的是,图4仅为示意性的,并不意味着所展示的网页视频在进入全屏时无法铺满整个移动设备的屏幕,在通过例如调整网页视频的宽高比或者在网页视频的宽高比本身就与移动设备横屏时的宽高比一致时,显示时将不存在填充的黑条。

上述已经结合附图说明通过本实施例中提供的网页视频全屏设置方法使得网页视频实现全屏,在本实施例中,网页视频全屏设置方法还包括使得网页视频退出全屏的方法,具体如图5所示,包括:

步骤s5100,响应于所接收的退出全屏指令,根据预定的第二旋转角度,分别旋转所述视频视图控件以及所述视频控制控件,以使得所述视频父视图控件实现竖屏旋转;

具体地,视频视图控件可以是textureview控件,视频控制控件可以是view控件。而分别旋转所述视频视图控件和所述视频控制控件,具体地,可以是通过setrotation设置textureview控件的旋转角度为第二旋转角度,以实现textureview控件实现竖屏旋转,通过view控件支持的接口设置view控件的旋转角度为第二旋转角度,以实现view控件实现竖屏旋转,从而实现视频父视图控件实现竖屏旋转,其中,第一旋转角度可以设置为0度。

而视频视图控件还可以是glsurfaceview控件或具有gl功能的surfaceview控件,对应竖屏旋转所述视频视图控件时,可以通过glsurfaceview控件或具有gl功能的surfaceview控件提供的接口实现,在此不再赘述。

步骤s5200,将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度,并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量,将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置;

其中,视频父视图控件的原始高度和原始宽度,可以从浏览器或类似浏览器应用的内核中获取。

而所述视频父视图控件相对于所述网页视图控件的原始偏移量,可以是未响应于进入全屏指令进入全屏时的视频父视图控件中的基准点(例如视频父视图控件的左上角顶点)相对于网页视图控件中的基准点(例如网页视图控件的左上角顶点)的偏移,该偏移量具体可以包括x坐标值和y坐标值,通过网页视图控件中的基准点为原点建立的坐标系确定。

将视频父视图控件中的宽度和高度设置为原始的宽度和高度,基准点的坐标设置为x坐标值和y坐标值,就将视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置,从而实现退出全屏。

步骤s5300,解除对所述网页视图控件的锁定,以实现退出全屏。

在退出全屏时,解除对所述网页视图控件的锁定,以避免影响网页视频非全频状态下对应的网页视图控件的所需实现的功能。

具体地,例如网页视图控件通过activity组件实现时,可以通过解锁对应的activity组件的旋转方向实现。

上述已经结合附图说明了本实施例中提供的网页视频的全屏设置方法,通过锁定网页视图控件后,对包含视频视图控件和视频控制控件的视频父视图控件的展示界面进行拉伸实现与移动设备的屏幕竖屏重合,再分别旋转视频视图控件和视频控制控件以实现视频父视图控件的横屏旋转,而后拉伸视频父视图控件的屏幕至与移动设备的屏幕横屏重合,使得网页视频进入全屏的过程中,不会触发网页视图控件的旋转,从而避免网页重新排版带来的网页显示的跳动和卡顿,提升用户体验。

<设备>

在本实施例中,还提供一种网页视频的全屏设置设备6000,如图6所示,包括:锁定处理单元6100、竖屏处理单元6200、第一旋转处理单元6300、横屏处理单元6400,可选地,还包括:第二旋转处理单元6500、恢复设置单元6600、解锁处理单元6700,用于实施本实施例中提供的任意一项全屏设置方法,在此不再赘述。

全屏设置设备6000,包括:

锁定处理单元6100,用于响应于所接收的进入全屏指令,锁定网页视图控件,以使得所述网页视图控件不发生旋转;

其中,所述网页视图控件用于展示网页内容;

竖屏处理单元6200,用于拉伸视频父视图控件的展示界面,以使得其与移动设备的屏幕实现竖屏重合,

其中,所述视频父视图控件中包含视频视图控件和视频控制控件,所述视频视图控件用于展示视频内容,所述视频控制控件用于控制视频内容的展示;

第一旋转处理单元6300,用于根据预定的第一旋转角度,分别旋转所述视频视图控件和所述视频控制控件,以使得所述视频父视图控件实现横屏旋转;

横屏处理单元6400,用于根据所获取的所述移动设备的屏幕的宽和高,拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。

可选地,全屏设置设备6000还包括:

第二旋转处理单元6500,用于响应于所接收的退出全屏指令,根据预定的第二旋转角度,分别旋转所述视频视图控件以及所述视频控制控件,以使得所述视频父视图控件实现竖屏旋转;

恢复设置单元6600,用于将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度,并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量,将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置;

解锁处理单元6700,用于解除对所述网页视图控件的锁定,以实现退出全屏。

在本实施例中,并不限制全屏设置设备6000的具体实施方式,全屏设置设备6000可以是浏览器或者类似浏览器应用本身,也可以是浏览器或者类似浏览器应用中包含的对应的功能单元,还可以是以插件等形式与浏览器或者类似浏览器应用建立连接提供服务的对应设备,在此不一一列举。

本领域技术人员应当明白,可以通过各种方式来实现全屏设置设备6000。例如,可以通过指令配置处理器来实现全屏设置设备6000。例如,可以将指令存储在rom中,并且当启动设备时,将指令从rom读取到可编程器件中来实现全屏设置设备6000。例如,可以将全屏设置设备6000固化到专用器件(例如asic)中。可以将全屏设置设备6000分成相互独立的单元,或者可以将它们合并在一起实现。全屏设置设备6000可以通过上述各种实现方式中的一种来实现,或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。

<实体设备>

本实施例中,还提供一种移动设备,至少包括:

屏幕,以及

本实施例中提供的任意一项网页视频的全屏设置设备6000。

具体地,该移动设备可以是手机、平板电脑或者掌上电脑。

此外,在本实施例中,还提供一种移动设备,包括:

存储器和处理器,所述存储器用于存储指令,所述指令用于控制所述处理器进行操作以执行本实施例中提供的任意一项网页视频的全屏设置方法。

具体地,该移动设备的实体实施形式可以如图1所示的移动设备1000。

以上已经结合附图描述了本发明的实施例,根据本实施例,提供一种网页视频的全屏设置方法、设备及移动设备,通过锁定网页视图控件后,对包含视频视图控件和视频控制控件的视频父视图控件的展示界面进行拉伸实现与移动设备的屏幕竖屏重合,再分别旋转视频视图控件和视频控制控件以实现视频父视图控件的横屏旋转,而后拉伸视频父视图控件的屏幕至与移动设备的屏幕横屏重合,使得网页视频进入全屏的过程中,不会触发网页视图控件的旋转,从而避免网页重新排版带来的网页显示的跳动和卡顿,提升用户体验。

本领域技术人员公知的是,随着诸如大规模集成电路技术的电子信息

技术的发展和软件硬件化的趋势,要明确划分计算机系统软、硬件界限已经显得比较困难了。因为,任何操作可以软件来实现,也可以由硬件来实现。任何指令的执行可以由硬件完成,同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案,取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。因此,对于电子信息技术领域的普通技术人员来说,更为直接和清楚地描述一个技术方案的方式是描述该方案中的各个操作。在知道所要执行的操作的情况下,本领域技术人员可以基于对所述非技术性因素的考虑直接设计出期望的产品。

本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、静态随机存取存储器(sram)、便携式压缩盘只读存储器(cd-rom)、数字多功能盘(dvd)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。

用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(isa)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如smalltalk、c++等,以及常规的过程式编程语言—诸如“c”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(lan)或广域网(wan)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(fpga)或可编程逻辑阵列(pla),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。

这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。

以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1