CN109918072A - 分屏预览页面的方法及*** - Google Patents
分屏预览页面的方法及*** Download PDFInfo
- Publication number
- CN109918072A CN109918072A CN201910218892.5A CN201910218892A CN109918072A CN 109918072 A CN109918072 A CN 109918072A CN 201910218892 A CN201910218892 A CN 201910218892A CN 109918072 A CN109918072 A CN 109918072A
- Authority
- CN
- China
- Prior art keywords
- browser
- control
- homepage
- command signal
- subpage frame
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及机顶盒,提供实现页面分屏预览的方法以及***,方法包括:创建浏览器主控件和浏览器子控件,并设置为可见状态且可同时在图像输出设备的屏幕上显示对应的主页面和子页面;根据第一指令信号选取对应的焦点框并获取浏览器主控件的主页面上的与该焦点框对应的子页面内容,并显示在对应的浏览器子控件上;根据检测到的所述浏览器子控件是否处于全屏播放状态进行切换,并在处于全屏播放状态时根据第二指令信号切换为整屏播放。如此通过以上三个步骤就可以实现主页面或子页面的灵活切换,同时通过焦点框来直接在主页面上进行选择和退出操作,可以快速的在子页面和主页面上进行切换、跳跃,从而提升了用户的操作顺畅感和易用性。
Description
技术领域
本发明涉及机顶盒,具体来讲是运行在机顶盒上来实现页面分屏 预览的方法。
背景技术
近年来,随着机顶盒的普及和视讯业务的蓬勃发展,越来越多的 用户使用机顶盒观看视频节目来打发业余时间,丰富精神生活。然而, 由于家庭娱乐中心的多样性和复杂性,用户在使用机顶盒的过程中, 对机顶盒的用户体验,比如操作的易用性、反应的及时性和流畅感提 出了更高的要求。
目前,用户使用机顶盒浏览页面,基本上还是传统、单一的页面 显示方式,也即全屏显示模式。此时,如果用户要浏览当前页面的子 页面,需要操作遥控器选中聚焦模块(即页面焦点框)进入子页面; 若用户对进入的子页面内容不感兴趣,必须操作遥控器返回上一级页 面并重新选择、进入并在该子页面中寻找下一个感兴趣的子页面。
显然,在整个操作过程中,如果用户从第一级的主页面进入到了 最末级的子页面,然后又没有选中又需要多次按键返回对应的主页面 进行操作,而这种情况是经常发生的:用户需要进行很多不必要的按 键操作,并且必须交替使用上下左右方向键、返回键、确认键、主页 键、节目键才能找到目标页面,这会严重影响用户的使用体验,给用 户造成易用性低、操作不够顺手、比较笨的感觉。
发明内容
提出本发明的目的是为了解决上述背景中用户需要进行很多不 必要的按键操作,并且必须交替使用上下左右方向键、返回键、确认 键才能找到目标页面而严重影响用户的使用体验这一问题,提供一种 可运行在机顶盒上的分屏预览页面的方法,用户可在与机顶盒连接的 电视屏幕上同时浏览主页面和子页面,即分屏模式,而无需操作遥控 器进入子页面,直接进行跳跃式的选择而无需一级级的通过按键来进 行选择和退出,提升了用户的操作顺畅感和易用性。
本发明提供一种分屏预览页面的方法,其特征在于,包括以下步 骤:
创建浏览器主控件和浏览器子控件,并设置为可见状态且可同时 在图像输出设备的屏幕上显示对应的主页面和子页面;
根据第一指令信号选取对应的焦点框并获取所述浏览器主控件 的主页面上的与该焦点框对应的子页面内容,并显示在对应的所述浏 览器子控件上;
根据检测到的所述浏览器子控件是否处于全屏播放状态进行切 换,并在处于全屏播放状态时根据第二指令信号切换为整屏播放。
本发明提供的的分屏预览页面的方法,还可以具有这样的特征:
其中,所述第一指令信号为上下左右方位控制信号,
所述第二指令信号为确认键信号,
当检测到所述浏览器子控件处于全屏播放状态时,根据第二指令 信号切换为整屏播放视频。
本发明提供的的分屏预览页面的方法,还可以具有这样的特征:
其中,根据第三指令信号或自动播放完毕信号而退出整屏播放,
所述第三指令信号为返回键,或用户自定义的其他按键的信号。
本发明提供的的分屏预览页面的方法,还可以具有这样的特征:
其中,根据所述第一指令来获取所述焦点框对应的属性;
检测并判断所述焦点框对应的属性是否包含href属性和 onClick属性,并根据焦点框的属性值对应的链接地址、对应函数、 对应的逻辑进行响应执行,获取响应的内容。
本发明提供的的分屏预览页面的方法,还可以具有这样的特征:
其中,
若仅有href属性且属性值不为空且不为“#”,则将href对应的 属性值作为子页面的链接地址,并加载该地址后将获取的响应内容作 为子页面内容显示在所述浏览器子控件上;
若仅有onClick事件属性,则调用onClick事件属性对应的函数, 并将获取的响应内容作为子页面内容显示在所述浏览器子控件上;
若同时存在href属性和onClick事件属性,则先调用onClick 事件属性对应的函数,再加载href对应的链接地址,将获取的响应 内容作为子页面内容显示在所述浏览器子控件上;
若既无href属性也无onClick事件属性,则进一步检测页面是 否有onkeyboard事件;
若有onkeyboard事件,则遍历onkeyboard事件函数,找到该事 件对应的JS逻辑并调用该段JS逻辑,将获取的响应内容作为子页面 内容显示在所述浏览器子控件上;
若所有的对应的属性执行后无响应内容,则在所述浏览器子控件 上显示无响应内容的提示信息。
本发明提供的的分屏预览页面的方法,还可以具有这样的特征:
其中,接收按压遥控器的方向键后发出的所述第一指令信号,所 述浏览器主控件响应该信号来控制焦点框在所述浏览器主控件的主 页面上移动,获取所述浏览器主控件的主页面上的焦点框对应的子页 面内容。
本发明提供的的分屏预览页面的方法,还可以具有这样的特征:
其中,所述浏览器子控件的子页面的内容每次更新后,通过机顶 盒的播放器接口判断所述浏览器子控件是否处于全屏播放状态,
接收按压遥控器后发出的所述第二指令信号,在处于全屏播放状 态时自动切换为整屏播放;
检测到播放自动结束或接收到第三指令信号时,再次切换为分屏 模式:所述浏览器主控件显示主页面,所述浏览器子控件显示子页面。
本发明提供的的分屏预览页面的方法,还可以具有这样的特征, 还包括:
分屏开关控制步骤,
接收按压遥控器的分屏开关组合键后发出的指令信号,在当前为 分屏模式时,则切换为传统模式,反之,在当前为传统模式时,则切 换为分屏模式。
本发明还提供一种分屏预览页面的***,其特征在于,包括:
创建设置模块,其用于:创建浏览器主控件和浏览器子控件,并 设置为可见状态且可同时在图像输出设备的屏幕上显示对应的主页 面和子页面;
获取显示模块,其用于:根据第一指令信号选取对应的焦点框并 获取所述浏览器主控件的主页面上的与该焦点框对应的子页面内容, 并显示在对应的所述浏览器子控件上;
检测切换模块,其用于:根据检测到的所述浏览器子控件是否处 于全屏播放状态进行切换,并在处于全屏播放状态时根据第二指令信 号切换为整屏播放;根据第三指令信号或自动播放完毕信号而退出整 屏播放。
本发明提供的分屏预览页面的***,还可以具有这样的特征,还 包括:
分屏开关控制模块,其用于:接收按压遥控器的分屏开关组合键 后发出的指令信号,在当前为分屏模式时,则切换为传统模式,反之, 在当前为传统模式时,则切换为分屏模式。
发明的作用与效果
根据本发明所涉及的分屏预览页面的方法,首先创建浏览器主控 件和浏览器子控件,并设置为可见状态且可同时在图像输出设备的屏 幕上显示对应的主页面和子页面;然后根据第一指令信号选取对应的 焦点框并获取所述浏览器主控件的主页面上的与该焦点框对应的子 页面内容,并显示在对应的所述浏览器子控件上;最后根据第二指令 信号以及检测到的所述浏览器子控件是否处于全屏播放状态进行切 换,并在处于全屏播放状态时根据第二指令信号切换为整屏模式播放 视频,如此通过以上三个步骤就可以实现主页面或子页面的灵活切 换,如此就可以快速的在子页面和主页面上进行切换、跳跃,从而提 升了用户的操作顺畅感和易用性。
附图说明
图1是本发明的实施例中分屏预览页面的方法的步骤示意图;
图2是本发明的实施例中浏览器主控件和浏览器子控件的左右布置 示意图;
图3是本发明的实施例中浏览器主控件和浏览器子控件的上下布置 示意图;
图4是本发明的实施例中获取浏览器主控件的主页面上的焦点框对 应的子页面内容的步骤示意图;
图5是本发明的实施例中分屏模式下的初始界面示意图;
图6为焦点框移动后选中e焦点后的界面示意图;
图7为分屏模式下g焦点处于全屏播放状态的界面示意图;
图8为图7的情形下接收第二指令信号后切换为整屏播放的界面示意 图;
图9为分屏模式下焦点框在第一指令的控制下从e焦点移动到h焦点 的情形示意图;
图10是本发明的实施例中分屏预览页面的***的功能模块示意图; 以及
图11是本发明的另一个实施例中分屏预览页面的***的功能模块示 意图。
具体实施方式
为了使本发明实现的技术手段、创作特征、达成目的与功效易于 明白了解,以下实施例结合附图对本发明的分屏预览页面的方法及系 统作具体阐述。
显然,为了达到尽可能高的提升机顶盒的主页面、子页面操作的 易用性,实施例中的具体技术方案需要具体解决以下五个问题:
为了达到本发明的发明目的,本实施例所要解决的技术问题至少 包括以下5个:
问题一:分屏显示,同时在与机顶盒相连的屏幕上显示主页面和 子页面2个页面。
问题二:页面缩放,将原始页面进行缩放处理显示在分屏的浏览 器控件上。
问题三:获取页面焦点框对应的子页面内容。
问题四:子页面处于全屏播放状态时,按遥控器确定键可自动切 换为整屏模式进行视频播放,播放结束自动切换为分屏模式显示EPG 页面。
问题五:分屏开关,整屏或分屏显示模式的自由切换,用户可选 择打开分屏或关闭分屏,即切换为分屏显示或整屏显示。
对应的,为了解决以上五个具体问题,发明人提出以下的五个对 应技术手段来逐一解决:
为了解决上述技术问题,以机顶盒为例,实施例采用的方案是:
手段一,对应解决技术问题一。在浏览器启动时,在机顶盒的布 局文件中创建2个浏览器控件(浏览器主控件即图中的控件1和浏览 器子控件即图中的控件2),都设置为可见状态,2个控件在与机顶盒 连接的视频播放设备的屏幕上平铺相邻且互不重叠,2个浏览器控件 铺满屏幕,例如可以左右x:y、上下m:n等,如此2个浏览器控件同 时显示在屏幕上,即达到分屏显示的效果。
手段二,对应解决技术问题二。由于原始页面分辨率与分屏模式 下的两个浏览器控件的窗口大小不一定相等,为此,本实施例使用浏 览器缩放技术对页面进行缩放处理,将页面内容重新排列布局完整显 示在浏览器控件上。
手段三,对应解决技术问题三。浏览器获取主控件页面上焦点框 的子页面内容需要先获取焦点框所在的属性,判断这些属性中是否有 href属性和onClick事件属性:
若仅有href属性且属性值不为空且不为“#”,则将href跳转地址 作为子页面URL地址,使用浏览器子控件加载该跳转地址;
若仅有onClick事件属性,则获取onClick事件属性值即事件函 数,主动调用onClick事件函数,获取的响应内容作为子页面内容, 显示在浏览器子控件上;
若同时存在href属性和onClick事件属性,则先调用onClick事 件函数,再请求加载href对应的URL地址地址,将响应内容作为子 页面内容;
若无href属性和onClick事件属性,则检测主页面的 onkeypress/onkeydown/onkeyup事件的按键函数,找到确定键对应的 JavaScript(简称JS)逻辑,主动调用该段JS逻辑,将获取的响应内 容作为子页面内容显示在浏览器子控件上;
若响应内容为空,则视为无子页面,浏览器子控件显示提示信息 “无子页面加载显示”等字样。
手段四,对应解决技术问题四。浏览器获取浏览器主控件页面上 焦点框对应的子页面内容,将子页面也进行缩放处理显示在浏览器子 控件上,显示效果是子页面内容重新排列布局后的完整信息。
手段五,对应解决技术问题五。浏览器检测浏览器子控件是否为 视频播放界面,通过播放器接口判断是否为全屏播放状态,若浏览器 子控件为全屏播放状态,则用户操作遥控器按确定键就主动关闭分 屏,切换为整屏显示即整个屏幕整屏播放视频。当播放自动结束或接 收到第三指令信号时,再次打开分屏,切换为分屏模式,显示2个页 面。
通过以上的技术说明,了解了本发明的发明思路之后,以下通过 具体的实施例来说明本发明。
实施例1
图1是本发明的实施例中分屏预览页面的方法的步骤示意图。
如图1所示,本实施例提供的分屏预览页面的方法,运行在机顶 盒上,该机顶盒与电视机或是投影仪等视频播放设备连接,主要包括 以下步骤:
步骤S1,创建浏览器主控件和浏览器子控件,并设置为可见状 态且可同时在图像输出设备的屏幕上显示对应的主页面和子页面。
在机顶盒的浏览器启动时,在布局文件中创建2个浏览器控件: 浏览器主控件和浏览器子控件都设置为可见状态,同时显示在视频播 放设备的屏幕上,2个控件互不重叠、相邻且铺满整个屏幕。
图2是本发明的实施例中浏览器主控件和浏览器子控件的左右 布置示意图。
图3是本发明的实施例中浏览器主控件和浏览器子控件的上下 布置示意图。
这两个控件大小可自定义设置,如图2、3所示,可按左右x:y 或上下m:n比例进行分配,将屏幕分成了两部分。浏览器主控件响应 遥控器按键操作显示主页面,浏览器子控件显示子页面。浏览器主控 件即图中的控件1和浏览器子控件即图中的控件2。
在机顶盒开机时,浏览器进行登录认证,登录成功后,将主页面 显示在浏览器主控件上。
步骤S2,根据第一指令信号选取对应的焦点框并获取所述浏览 器主控件的主页面上的与该焦点框对应的子页面内容,并显示在对应 的所述浏览器子控件上。
接收按压遥控器的方向键后发出的所述第一指令信号,响应该信 号来控制焦点框在所述浏览器主控件的主页面上移动,获取所述浏览 器主控件的主页面上的焦点框对应的子页面内容。
接收按压遥控器的方向键后发出的所述第一指令信号,所述浏览 器主控件响应按键加载新页面,
对应的,所述浏览器子控件的子页面更新为所述浏览器主控件的 主页面上焦点框对应的子页面的内容。
所述第一指令信号为上下左右方位控制信号,当用户操作遥控器 的方向键的上下左右发出方位控制信号,该方位控制信号控制焦点框 在浏览器主控件的主页面上移动时,就同步实时获取浏览器主控件的 主页面上的焦点框对应的子页面内容。
根据焦点框的属性值对应的链接地址、对应函数、对应的逻辑进 行响应执行,获取对应的内容,即根据所述第一指令来获取所述焦点 框对应的属性。
检测并判断所述焦点框对应的属性是否包含href属性和onClick 属性,并根据焦点框的属性值对应的链接地址、对应函数、对应的逻 辑执行:
若仅有href属性且属性值不为空且不为“#”,则将href对应的 属性值作为子页面的链接地址,并加载该地址后将获取的响应内容作 为子页面内容显示在所述浏览器子控件上;
若仅有onClick事件属性,则调用onClick事件属性对应的函数, 并将获取的响应内容作为子页面内容显示在所述浏览器子控件上;
若同时存在href属性和onClick事件属性,则先调用onClick 事件属性对应的函数,再加载href对应的链接地址,将获取的响应 内容作为子页面内容显示在所述浏览器子控件上;
若既无href属性也无onClick事件属性,则进一步检测页面是 否有onkeyboard事件;
若有onkeypress/onkeydown/onkeyup事件,则遍历 onkeypress/onkeydown/onkeyup事件函数,找到该事件对应的JS逻 辑并调用该段JS逻辑,将获取的响应内容作为子页面内容显示在所 述浏览器子控件上;
若对应的属性执行后无响应内容,则在所述浏览器子控件上显示 提示信息。
图4是本发明的实施例中获取浏览器主控件的主页面上的焦点 框对应的子页面内容的步骤示意图。
具体的,获取浏览器主控件的主页面上的焦点框对应的子页面内 容的步骤如图4所示。
如图4所示,获取浏览器主控件的主页面上的焦点框对应的子页 面内容的步骤包括:
步骤S2-1,根据按键输入的坐标位置来获取主页面焦点框对应的 所有属性;
步骤S2-2,遍历检测所有的属性是否有href属性和onClick属性;
步骤S2-3,若仅有href属性且属性值不为空且不为“#”,则将 href对应的属性值作为子页面的链接地址,并加载该地址后将获取的 响应内容作为子页面内容显示在浏览器子控件上;
若仅有onClick事件属性,则调用onClick事件属性对应的函数, 并将获取的响应内容作为子页面内容显示在浏览器子控件上;
若同时存在href属性和onClick事件属性,则先调用onClick事 件属性对应的函数,再加载href对应的链接地址,将获取的响应内容 作为子页面内容显示在浏览器子控件上;
步骤S2-4,若既无href属性也无onClick事件属性,则进一步检 测页面是否有onkeypress/onkeydown/onkeyup事件;
步骤S2-5,若有onkeypress/onkeydown/onkeyup事件,则遍历 onkeypress/onkeydown/onkeyup事件函数,找到该事件对应的JS逻 辑并调用该段JS逻辑,将获取的响应内容作为子页面内容显示在浏 览器子控件上;
步骤S2-6,若所有的对应的属性执行后无响应内容即无子页面, 则在浏览器子控件上显示提示信息“无子页面加载显示”等字样。
当用户操作遥控器确定键时,浏览器主控件响应按键加载新页 面;
对应的,浏览器子控件的子页面更新为浏览器主控件的主页面上 焦点框对应的子页面的内容。
步骤S3,根据检测到的所述浏览器子控件是否处于全屏播放状 态进行切换,并在处于全屏播放状态时根据第二指令信号切换为整屏 播放。
所述第二指令信号为确认键信号。
当检测到所述浏览器子控件处于全屏播放状态时,根据第二指令 信号切换为整屏播放;当检测到所述浏览器子控件处于非全屏播放状 态时,根据第二指令信号来保持或开启分屏显示。非全屏播放状态包 括:小视频播放状态即一部分是播放小视频,其余部分显示文字图片 等内容和无任何播放内容即纯粹的文字图片内容。
在处于整屏播放时根据第三指令信号或自动播放完毕信号而退 出整屏播放,
所述第三指令信号为返回键,或用户自定义的其他按键(比如首 页键等)的信号。
其中,所述浏览器子控件的子页面的内容每次更新后,通过机顶 盒的播放器接口判断所述浏览器子控件是否处于全屏播放状态,
接收按压遥控器后发出的所述第二指令信号,在处于全屏播放状 态时进行整屏显示;
检测到播放自动结束或接收到主动结束播放信号时,再次切换为 分屏模式:所述浏览器主控件显示主页面,所述浏览器子控件显示子 页面。
分屏显示模式下,判断子页面是否处于全屏播放状态,若子页面 是全屏播放状态,这时用户操作遥控器点击确定键,说明用户是想观 看视频,而观看视频肯定是整屏显示模式即整个屏幕全部用来播放视 频的观影效果最佳,为了减少用户操作此时自动切换为整屏播放,播 放结束或用户按压返回键,或用户自定义的其他按键(比如首页键等) 主动退出播放,再自动切换为分屏显示模式,用户继续在分屏显示模 式下浏览EPG页面。
显然以上实施例1采用了以上的技术手段一、三、四、五对应的 解决了以上的问题一、三、四、五,使得用户能通过焦点框来直接在 主页面和子页面上进行选择和退出操作,如此就可以快速的在子页面 和主页面上进行切换、跳跃,从而提升了用户的操作顺畅感和易用性。
以下就和附图5-9来说明用户操作后的状态变化。
传统模式与分屏模式互斥,通过分屏开关控制。
分屏模式下,若子页面为全屏播放属性的,收到第二指令时会进 入整屏模式,收到第三信号或自动播放完毕,会退出整屏幕模式。
具体的,进入整屏模式时,主页面直接跳转对应链接,放大至全 屏幕显示,子页面可隐藏。
在退出整屏模式时,主页面返回上一步,缩小至原有大小,若子 页面已隐藏,则恢复显示。
与上述方式类似,具体的,进入整屏模式时,子页面放大至全屏 幕显示,主页面可隐藏。退出整屏模式时,子页面缩小至原有大小, 若主页面已隐藏,则恢复显示。(因为此处非全屏显示的页面会被全 屏显示的盖住,也可主动隐藏)
在分屏模式下,初始界面效果图如图5,图中以主控件和子控件 为左右x:y比例做示例说明。
在分屏模式下,输入第一指令信号,在主页面上移动焦点后的效 果图如图6。
在分屏模式下,若子页面是全屏播放视频界面,如图7,此时输 入第二指令信号即确定键,则自动切换为整屏模式,整屏播放视频, 如图8所示。
整屏模式下,整屏播放视频,播放自动结束或输入第三指令信号 主动退出播放,则自动切换为分屏模式,返回图7。
分屏模式下,输入第一指令信号,移动焦点,效果图如图9。
实施例2
本实施例作为一种对实施例1的优化或是改进,当实施例1中步 骤S2中的响应内容的原始图像大小与浏览器主控件的主页面、浏览 器子控件的子页面不相等时,为了达到较好的显示效果和观看体验, 此时可以使用现有的常规的浏览器缩放技术对页面进行缩放处理,将 显示在主页面、子页面上的页面内容重新排列布局,比如4:3、16:9 或是其他比例完整呈现在对应的浏览器主控件的主页面、浏览器子控 件的子页面上。
显然以上实施例2采用了以上的技术手段一、二、三、四、五对 应的解决了以上的问题一、二、三、四、五,使得用户能通过焦点框 来直接在主页面和子页面上进行选择和退出操作,如此就可以快速的 在子页面和主页面上进行切换、跳跃同时显示的画面在进行比例缩放 调整后,不仅提升了用户的操作顺畅感和易用性,而且还可以让用户 观看画面更自然。
实施例3
以上实施例1、2中,每次进行分屏的状态切换都需要使用方向 键进行多次操作选中页面中的“确认键”来进行操作,依然不够快捷, 为此本实施例提供的分屏预览页面的方法进一步设置分屏开关控制 步骤,可在上述步骤S1~S3中根据用户对遥控器的操作而随时***:
步骤S4,分屏开关控制步骤,接收按压遥控器的分屏开关组合 键后发出的指令信号,在当前为分屏模式时,则切换为传统模式,反 之,在当前为传统模式时,则切换为分屏模式。
当用户操作遥控器按确定键时,检测所述浏览器子控件是否处于 全屏播放状态:
若为全屏播放状态时,根据该指令信号切换为整屏显示模式;
若为非全屏播放状态,则保持或开启分屏显示模式并显示浏览器 子控件。
自定义分屏开关组合键作为分屏开关,如依次按键“#1122#”, 分屏开关默认为开启状态,即默认处于分屏模式。在浏览器界面,用 户操作遥控器按分屏开关组合键,此时无需检测判断子页面的播放状 态。
传统模式与分屏模式互斥,通过分屏开关控制。分屏模式互斥的, 即传统模式,仅有主页面全屏显示。
若为分屏显示模式,则关闭分屏显示模式,切换为传统模式,隐 藏浏览器子控件,同时设置浏览器主控件为整个屏幕大小,并使用常 规浏览器缩放技术对浏览器主控件页面进行缩放处理,达到整屏显示 的效果。
若为传统模式,则切换为分屏显示模式,显示浏览器子控件,同 时设置浏览器主控件大小为初始化时大小,使用常规浏览器缩放技术 对浏览器主控件页面进行缩放并显示,通过执行步骤S2,获取浏览 器主控件页面焦点框对应的子页面内容,并将子页面内容进行缩放处 理显示在浏览器子控件上,达到分屏显示的效果。
也就是说,使用传统显示模式和分屏模式的切换开关组合键,只 要按了组合键就会强制切换显示模式,而无需判断子页面的播放状 态,即:
a)传统模式==>分屏显示模式
b)分屏显示模式==>传统模式
显然以上实施例3采用了以上的技术手段一、二、三、四、五对 应的解决了以上的问题一、二、三、四、五,并且进一步的设置了组 合键作为分屏开关,使得用户能通过按压组合键来直接进行切换分屏 状态,进一步的提升了用户体验。
实施例4
图10是本发明的实施例中分屏预览页面的***的功能模块示意 图。
如图10所示,本实施例提供分屏预览页面的***100,包括创 建设置模块101、获取显示模块102、检测切换模块103。
创建设置模块101,其用于:创建浏览器主控件和浏览器子控件, 并设置为可见状态且可同时在图像输出设备的屏幕上显示对应的主 页面和子页面。
获取显示模块102,其用于:根据第一指令信号选取对应的焦点 框并获取所述浏览器主控件的主页面上的与该焦点框对应的子页面 内容,并显示在对应的所述浏览器子控件上。
如图10所示,获取显示模块102获取浏览器主控件的主页面上 的焦点框对应的子页面内容的单元包括:
第一单元1021,根据按键输入的坐标位置来获取主页面焦点框 对应的属性;
第二单元1022,遍历检测当前属性是否有href属性和onClick属 性;
第三单元1023,若仅有href属性且属性值不为空且不为“#”, 则将href对应的属性值作为子页面的链接地址,并加载该地址后将获 取的响应内容作为子页面内容显示在浏览器子控件上;
若仅有onClick事件属性,则调用onClick事件属性对应的函数, 并将获取的响应内容作为子页面内容显示在浏览器子控件上;
若同时存在href属性和onClick事件属性,则先调用onClick事 件属性对应的函数,再加载href对应的链接地址,将获取的响应内容 作为子页面内容显示在浏览器子控件上;
第四单元1024,若既无href属性也无onClick事件属性,则进一 步检测页面是否有onkeypress/onkeydown/onkeyup事件;
第五单元1025,若有onkeypress/onkeydown/onkeyup事件,则遍 历onkeypress/onkeydown/onkeyup事件函数,找到该事件对应的JS 逻辑并调用该段JS逻辑,将获取的响应内容作为子页面内容显示在 浏览器子控件上;
第六单元1026,若所有的对应的属性执行后无响应内容即无子 页面,则在浏览器子控件上显示提示信息“无子页面加载显示”等字 样。
当用户操作遥控器确定键时,浏览器主控件响应按键加载新页 面;
对应的,浏览器子控件的子页面更新为浏览器主控件的主页面上 焦点框对应的子页面的内容。
检测切换模块103,其用于:根据检测到的所述浏览器子控件是 否处于全屏播放状态进行切换,并在处于全屏播放状态时根据第二指 令信号切换为整屏播放;根据第三指令信号或自动播放完毕信号而退 出整屏播放。
当步骤S2中的响应内容的原始图像大小与浏览器主控件的主页 面、浏览器子控件的子页面不相等时,为了达到较好的显示效果和观 看体验,此时可以使用现有的常规的浏览器缩放技术对页面进行缩放 处理,将显示在主页面、子页面上的页面内容重新排列布局,比如 4:3、16:9或是其他比例完整呈现在对应的浏览器主控件的主页面、 浏览器子控件的子页面上。
显然以上实施例采用了以上的技术手段一、二、三、四、五对应 的解决了以上的问题一、二、三、四、五,使得用户能通过焦点框来 直接在主页面和子页面上进行选择和退出操作,如此就可以快速的在 子页面和主页面上进行切换、跳跃同时显示的画面在进行比例缩放调 整后,不仅提升了用户的操作顺畅感和易用性,而且还可以让用户观 看画面更自然。
实施例5
图11是本发明的另一个实施例中分屏预览页面的***的功能模 块示意图。
以上实施例中,每次进行分屏的状态切换都需要使用方向键进行 多次操作选中页面中的“确认键”来进行操作,依然不够快捷,为此 本实施例提供的分屏预览页面的***100进一步设置分屏开关控制 模块104:
分屏显示模式是默认开启状态,有些用户可能仍偏好整屏显示模 式,为此本实施例提供了开关控制分屏模式和传统模式的切换:
当前若为分屏模式,按开关组合键,则切换为传统模式并隐藏浏 览器子控件,同时设置浏览器主控件为整个屏幕大小达到整屏状态;
当前若为传统模式,按开关组合键,则切换为分屏模式并显示浏 览器子控件,同时设置浏览器主控件大小为初始化时大小或隐藏,同 时获取浏览器主控件的主页面焦点框对应的子页面内容并显示在浏 览器子控件的子页面上,达到分屏显示的状态。
自定义分屏开关组合键作为分屏开关,如依次按键“#1122#”, 分屏开关默认为开启状态,即默认处于分屏模式。在浏览器界面,用 户操作遥控器按分屏开关组合键,此时无需检测判断子页面的播放状 态。
传统模式与分屏模式互斥,通过分屏开关控制。分屏模式互斥的, 即传统模式,仅有主页面全屏显示。
若为分屏显示模式,则关闭分屏显示模式,切换为传统模式,隐 藏浏览器子控件,同时设置浏览器主控件为整个屏幕大小,并使用常 规浏览器缩放技术对浏览器主控件页面进行缩放处理,达到整屏显示 的效果。
若为传统模式,则切换为分屏显示模式,显示浏览器子控件,同 时设置浏览器主控件大小为初始化时大小,使用常规浏览器缩放技术 对浏览器主控件页面进行缩放并显示,通过执行步骤S2,获取浏览 器主控件页面焦点框对应的子页面内容,并将子页面内容进行缩放处 理显示在浏览器子控件上,达到分屏显示的效果。
也就是说,使用传统显示模式和分屏模式的切换开关组合键,只 要按了组合键就会强制切换显示模式,而无需判断子页面的播放状 态,即:
a)传统模式==>分屏显示模式
b)分屏显示模式==>传统模式
显然以上实施例采用了以上的技术手段一、二、三、四、五对应 的解决了以上的问题一、二、三、四、五,并且进一步的设置分屏开 关控制模块104,通过组合键作为分屏开关来进行直接的按键操作, 使得用户能通过按压组合键来直接进行切换分屏状态,进一步的提升 了用户体验。
实施例的作用与效果
根据实施例提供的分屏预览页面的方法,因为首先创建浏览器主 控件和浏览器子控件,并设置为可见状态且可同时在视频播放设备的 屏幕上显示对应的主页面和子页面;然后根据第一指令信号选取对应 的焦点框并获取所述浏览器主控件的主页面上的与该焦点框对应的 子页面内容,并显示在对应的所述浏览器子控件上;最后根据检测到 的所述浏览器子控件是否处于全屏播放状态进行切换,并在处于全屏 播放状态时根据第二指令信号切换为整屏播放,如此通过以上三个步 骤就可以实现主页面或子页面的灵活切换,同时通过焦点框来直接在 主页面上进行选择和退出操作,如此就可以快速的在子页面和主页面 上进行切换、跳跃,从而提升了用户的操作顺畅感和易用性。
以上实施例的技术方案具有以下的技术效果:
(1)减少用户不必要的按键操作用户可在不进行按键操作进入 子页面的情况下,提前预览子页面内容,减少用户在浏览页面时一些 不必要的按键操作。
(2)用户仅仅通过按压上下左右按键发出第一指令信号,并通 过确认键(或返回键)来进行确认和切换操作(此时确认键相当于“万 能键”),就可以实现以前需要多次交替按压确认键、返回键、节目键、 主页键的效果,方便了用户,使得操作更智能、顺畅。
(2)减少用户等待时间。用户无需点击确定键等待子页面加载 显示,即可预览子页面内容,减少了用户等待的时间,用户若点击确 认键进入子页面,由于预览时已请求过该页面,此时可使用本地缓存, 进一步减少了用户等待的时间,整体提升了用户体验,节约了用户时 间。
(3)通过设置分屏开关,用户可自由切换浏览模式:分屏模式 和整屏模式,分屏预览页面或常规单一页面浏览方式,通过组合键作 为分屏开关来进行直接的按键操作,使得用户能通过按压组合键来直 接进行切换分屏状态,进一步的提升了用户体验。
本发明不局限于上述实施方式,对于本技术领域的普通技术人员 来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰, 这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细 描述的内容属于本领域专业技术人员公知的现有技术。
Claims (10)
1.一种分屏预览页面的方法,其特征在于,包括以下步骤:
创建浏览器主控件和浏览器子控件,并设置为可见状态且可同时在图像输出设备的屏幕上显示对应的主页面和子页面;
根据第一指令信号选取对应的焦点框并获取所述浏览器主控件的主页面上的与该焦点框对应的子页面内容,并显示在对应的所述浏览器子控件上;
根据检测到的所述浏览器子控件是否处于全屏播放状态进行切换,并在处于全屏播放状态时根据第二指令信号切换为整屏播放。
2.根据权利要求1所述的分屏预览页面的方法,其特征在于:
其中,所述第一指令信号为上下左右方位控制信号,
所述第二指令信号为确认键信号,
当检测到所述浏览器子控件处于全屏播放状态时,根据第二指令信号切换为整屏播放视频。
3.根据权利要求2所述的分屏预览页面的方法,其特征在于:
其中,根据第三指令信号或自动播放完毕信号而退出整屏播放,
所述第三指令信号为返回键,或用户自定义的其他按键的信号。
4.根据权利要求1所述的分屏预览页面的方法,其特征在于:
其中,根据所述第一指令来获取所述焦点框对应的属性;
检测并判断所述焦点框对应的属性是否包含href属性和onClick属性,并根据焦点框的属性值对应的链接地址、对应函数、对应的逻辑进行响应执行,获取响应的内容。
5.根据权利要求4所述的分屏预览页面的方法,其特征在于:
其中,
若仅有href属性且属性值不为空且不为“#”,则将href对应的属性值作为子页面的链接地址,并加载该地址后将获取的响应内容作为子页面内容显示在所述浏览器子控件上;
若仅有onClick事件属性,则调用onClick事件属性对应的函数,并将获取的响应内容作为子页面内容显示在所述浏览器子控件上;
若同时存在href属性和onClick事件属性,则先调用onClick事件属性对应的函数,再加载href对应的链接地址,将获取的响应内容作为子页面内容显示在所述浏览器子控件上;
若既无href属性也无onClick事件属性,则进一步检测页面是否有onkeyboard事件;
若有onkeyboard事件,则遍历onkeyboard事件函数,找到该事件对应的JS逻辑并调用该段JS逻辑,将获取的响应内容作为子页面内容显示在所述浏览器子控件上;
若所有的对应的属性执行后无响应内容,则在所述浏览器子控件上显示无响应内容的提示信息。
6.根据权利要求2所述的分屏预览页面的方法,其特征在于:
其中,接收按压遥控器的方向键后发出的所述第一指令信号,所述浏览器主控件响应该信号来控制焦点框在所述浏览器主控件的主页面上移动,获取所述浏览器主控件的主页面上的焦点框对应的子页面内容。
7.根据权利要求1所述的分屏预览页面的方法,其特征在于:
其中,所述浏览器子控件的子页面的内容每次更新后,通过机顶盒的播放器接口判断所述浏览器子控件是否处于全屏播放状态,
接收按压遥控器后发出的所述第二指令信号,在处于全屏播放状态时自动切换为整屏播放;
检测到播放自动结束或接收到第三指令信号时,再次切换为分屏模式:所述浏览器主控件显示主页面,所述浏览器子控件显示子页面。
8.根据权利要求6所述的分屏预览页面的方法,其特征在于,还包括:
分屏开关控制步骤,
接收按压遥控器的分屏开关组合键后发出的指令信号,在当前为分屏模式时,则切换为传统模式,反之,在当前为传统模式时,则切换为分屏模式。
9.一种分屏预览页面的***,其特征在于,包括:
创建设置模块,其用于:创建浏览器主控件和浏览器子控件,并设置为可见状态且可同时在图像输出设备的屏幕上显示对应的主页面和子页面;
获取显示模块,其用于:根据第一指令信号选取对应的焦点框并获取所述浏览器主控件的主页面上的与该焦点框对应的子页面内容,并显示在对应的所述浏览器子控件上;
检测切换模块,其用于:根据检测到的所述浏览器子控件是否处于全屏播放状态进行切换,并在处于全屏播放状态时根据第二指令信号切换为整屏播放;根据第三指令信号或自动播放完毕信号而退出整屏播放。
10.根据权利要求9所述的分屏预览页面的***,其特征在于,还包括:
分屏开关控制模块,其用于:接收按压遥控器的分屏开关组合键后发出的指令信号,在当前为分屏模式时,则切换为传统模式,反之,在当前为传统模式时,则切换为分屏模式。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910218892.5A CN109918072A (zh) | 2019-03-21 | 2019-03-21 | 分屏预览页面的方法及*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910218892.5A CN109918072A (zh) | 2019-03-21 | 2019-03-21 | 分屏预览页面的方法及*** |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109918072A true CN109918072A (zh) | 2019-06-21 |
Family
ID=66966164
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910218892.5A Pending CN109918072A (zh) | 2019-03-21 | 2019-03-21 | 分屏预览页面的方法及*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109918072A (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107193437A (zh) * | 2017-04-26 | 2017-09-22 | 咪咕音乐有限公司 | 一种信息显示方法及装置 |
CN110569094A (zh) * | 2019-07-29 | 2019-12-13 | 华为技术有限公司 | 一种显示方法及电子设备 |
CN111142823A (zh) * | 2019-12-27 | 2020-05-12 | 深圳市潮流网络技术有限公司 | 业务内容显示方法和装置、计算设备、存储介质 |
CN111294656A (zh) * | 2020-03-12 | 2020-06-16 | 北京字节跳动网络技术有限公司 | 用于调节视频播放的方法、装置和电子设备 |
CN111432268A (zh) * | 2020-04-29 | 2020-07-17 | 深圳市酷开网络科技有限公司 | 终端控制页面的显示方法、显示终端及可读存储介质 |
CN111625163A (zh) * | 2020-06-29 | 2020-09-04 | 海信电子科技(深圳)有限公司 | 一种显示设备及应用程序界面显示方法 |
CN112150834A (zh) * | 2019-06-28 | 2020-12-29 | 浙江宇视科技有限公司 | 信息发布方法、装置、设备及存储介质 |
CN112559924A (zh) * | 2020-12-22 | 2021-03-26 | 北京云思畅想科技有限公司 | 一种移动端网页折叠屏通用适配方法 |
CN113992950A (zh) * | 2021-10-26 | 2022-01-28 | 京东方科技集团股份有限公司 | 一种播放控制方法、装置、***及存储介质 |
WO2022095932A1 (zh) * | 2020-11-04 | 2022-05-12 | 北京字节跳动网络技术有限公司 | 直播间页面跳转方法、返回方法、装置及电子设备 |
CN115328358A (zh) * | 2021-04-22 | 2022-11-11 | 华为技术有限公司 | 一种显示方法及相关装置 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070130537A1 (en) * | 2005-12-07 | 2007-06-07 | Fu-Sheng Chiu | Single page website interface |
CN101296255A (zh) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | 网页浏览方法、***、代理服务器和手机浏览器 |
CN106126254A (zh) * | 2016-06-29 | 2016-11-16 | 珠海金山网络游戏科技有限公司 | 一种关联的平视界面游戏编辑***与方法 |
CN107809649A (zh) * | 2017-11-03 | 2018-03-16 | 中广热点云科技有限公司 | 一种智能电视节目切换及预览*** |
CN108664303A (zh) * | 2018-04-28 | 2018-10-16 | 北京小米移动软件有限公司 | 网页内容的显示方法及装置 |
CN109388463A (zh) * | 2018-09-27 | 2019-02-26 | 上海哔哩哔哩科技有限公司 | 平板电脑应用软件的分屏显示方法、存储介质及平板电脑 |
CN109408174A (zh) * | 2018-09-27 | 2019-03-01 | 上海哔哩哔哩科技有限公司 | 用于平板端应用的分屏方法、装置和存储介质 |
-
2019
- 2019-03-21 CN CN201910218892.5A patent/CN109918072A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070130537A1 (en) * | 2005-12-07 | 2007-06-07 | Fu-Sheng Chiu | Single page website interface |
CN101296255A (zh) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | 网页浏览方法、***、代理服务器和手机浏览器 |
CN106126254A (zh) * | 2016-06-29 | 2016-11-16 | 珠海金山网络游戏科技有限公司 | 一种关联的平视界面游戏编辑***与方法 |
CN107809649A (zh) * | 2017-11-03 | 2018-03-16 | 中广热点云科技有限公司 | 一种智能电视节目切换及预览*** |
CN108664303A (zh) * | 2018-04-28 | 2018-10-16 | 北京小米移动软件有限公司 | 网页内容的显示方法及装置 |
CN109388463A (zh) * | 2018-09-27 | 2019-02-26 | 上海哔哩哔哩科技有限公司 | 平板电脑应用软件的分屏显示方法、存储介质及平板电脑 |
CN109408174A (zh) * | 2018-09-27 | 2019-03-01 | 上海哔哩哔哩科技有限公司 | 用于平板端应用的分屏方法、装置和存储介质 |
Non-Patent Citations (1)
Title |
---|
千里烟波: "html中a标签中的onclick和href的使用", 《HTTPS://WWW.CNBLOGS.COM/CAISHUHUA226/ARCHIVE/2012/03/20/2408165.HTML》 * |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107193437A (zh) * | 2017-04-26 | 2017-09-22 | 咪咕音乐有限公司 | 一种信息显示方法及装置 |
CN107193437B (zh) * | 2017-04-26 | 2023-10-20 | 咪咕音乐有限公司 | 一种信息显示方法及装置 |
CN112150834A (zh) * | 2019-06-28 | 2020-12-29 | 浙江宇视科技有限公司 | 信息发布方法、装置、设备及存储介质 |
CN112150834B (zh) * | 2019-06-28 | 2022-05-17 | 浙江宇视科技有限公司 | 信息发布方法、装置、设备及存储介质 |
CN110569094B (zh) * | 2019-07-29 | 2022-04-12 | 华为技术有限公司 | 一种显示方法及电子设备 |
CN110569094A (zh) * | 2019-07-29 | 2019-12-13 | 华为技术有限公司 | 一种显示方法及电子设备 |
US11747953B2 (en) | 2019-07-29 | 2023-09-05 | Huawei Technologies Co., Ltd. | Display method and electronic device |
CN111142823A (zh) * | 2019-12-27 | 2020-05-12 | 深圳市潮流网络技术有限公司 | 业务内容显示方法和装置、计算设备、存储介质 |
CN111294656A (zh) * | 2020-03-12 | 2020-06-16 | 北京字节跳动网络技术有限公司 | 用于调节视频播放的方法、装置和电子设备 |
CN111432268A (zh) * | 2020-04-29 | 2020-07-17 | 深圳市酷开网络科技有限公司 | 终端控制页面的显示方法、显示终端及可读存储介质 |
CN111432268B (zh) * | 2020-04-29 | 2022-02-15 | 深圳市酷开网络科技股份有限公司 | 终端控制页面的显示方法、显示终端及可读存储介质 |
CN111625163B (zh) * | 2020-06-29 | 2023-09-22 | 青岛海信移动通信技术有限公司 | 一种显示设备及应用程序界面显示方法 |
CN111625163A (zh) * | 2020-06-29 | 2020-09-04 | 海信电子科技(深圳)有限公司 | 一种显示设备及应用程序界面显示方法 |
WO2022095932A1 (zh) * | 2020-11-04 | 2022-05-12 | 北京字节跳动网络技术有限公司 | 直播间页面跳转方法、返回方法、装置及电子设备 |
CN112559924A (zh) * | 2020-12-22 | 2021-03-26 | 北京云思畅想科技有限公司 | 一种移动端网页折叠屏通用适配方法 |
CN115328358A (zh) * | 2021-04-22 | 2022-11-11 | 华为技术有限公司 | 一种显示方法及相关装置 |
CN115328358B (zh) * | 2021-04-22 | 2024-02-13 | 华为技术有限公司 | 一种显示方法及相关装置 |
CN113992950A (zh) * | 2021-10-26 | 2022-01-28 | 京东方科技集团股份有限公司 | 一种播放控制方法、装置、***及存储介质 |
CN113992950B (zh) * | 2021-10-26 | 2024-05-17 | 京东方科技集团股份有限公司 | 一种播放控制方法、装置、***及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109918072A (zh) | 分屏预览页面的方法及*** | |
CN101272475B (zh) | 适用于iptv的视频播放状态下的频道切换方法 | |
CN101534411B (zh) | 一种基于图像的视讯会议控制方法、终端及*** | |
CN105472428B (zh) | 一种用于播放频道节目的方法和设备 | |
CN109618206A (zh) | 呈现用户界面的方法和显示设备 | |
CN103309555B (zh) | 基于多窗口的焦点切换的方法及装置 | |
CN102497521B (zh) | 一种预览方式选择视音频信号输入通道的设备和方法 | |
US20060117272A1 (en) | Display and display program | |
AU2012205012A1 (en) | Video conference control method and conference terminal | |
CN106612401B (zh) | 视频矩阵控制设备与视频矩阵控制方法 | |
US8789098B2 (en) | Information processing apparatus, information processing method and program | |
KR20080028437A (ko) | 디지털 방송 수신 장치 및 콘텐츠 표시 방법 | |
CN101388982B (zh) | 一种电视节目浏览方法、***及数字电视接收终端 | |
KR100331827B1 (ko) | 디지털 티브이의 예약안내/예약확인 화면 구현방법 | |
US20190320235A1 (en) | Device and method for editing channels of smart tv and smart tv | |
CN103327267A (zh) | 一种视频播放方法、装置及电视机 | |
CN111726673B (zh) | 一种频道切换方法及显示设备 | |
CN107566913A (zh) | 一种交互式网络电视的界面显示方法、装置及机顶盒 | |
KR101517837B1 (ko) | 스마트 tv의 컨텐츠 제공 방법 | |
CN113573144A (zh) | 一种手势控制视频播放的方法 | |
KR100382471B1 (ko) | 디지털 티브이 수신기의 프로그램 안내화면 구현장치 및 방법 | |
CN103248929B (zh) | 一种对电视进行控制的方法及具有电视功能的电子设备 | |
CN102446502A (zh) | 显示器及其多画面显示切换方法 | |
CN101998165B (zh) | 一种iptv***中频道切换的方法及*** | |
CN1968370A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190621 |