CN114466252B - 一种页面视频播放方法、装置、电子设备及存储介质 - Google Patents

一种页面视频播放方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN114466252B
CN114466252B CN202210121951.9A CN202210121951A CN114466252B CN 114466252 B CN114466252 B CN 114466252B CN 202210121951 A CN202210121951 A CN 202210121951A CN 114466252 B CN114466252 B CN 114466252B
Authority
CN
China
Prior art keywords
page
target
video
mouse
focus
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
CN202210121951.9A
Other languages
English (en)
Other versions
CN114466252A (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 Qianjiayue Network Technology Co ltd
Original Assignee
Beijing Qianjiayue 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 Qianjiayue Network Technology Co ltd filed Critical Beijing Qianjiayue Network Technology Co ltd
Priority to CN202210121951.9A priority Critical patent/CN114466252B/zh
Publication of CN114466252A publication Critical patent/CN114466252A/zh
Application granted granted Critical
Publication of CN114466252B publication Critical patent/CN114466252B/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/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

Landscapes

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

Abstract

本发明实施例涉及一种页面视频播放方法、装置、电子设备及存储介质,方法包括获取待显示的页面;其中,页面中包含有多个元素;从多个元素中确定目标视频元素;根据目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置;在显示界面上显示页面,并在页面中的目标区域显示目标焦点或鼠标;获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中的视频的播放;根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。本发明大大简化了在互联网电视上播放视频的操作,提高了用户的操作体验性。

Description

一种页面视频播放方法、装置、电子设备及存储介质
技术领域
本发明实施例涉及互联网技术领域,尤其涉及一种页面视频播放方法、装置、电子设备及存储介质。
背景技术
目前电视机已经普遍具备互联网接入功能,具备联网功能的电视也被称为互联网电视。开放浏览器(用户可以自己输入网址的浏览器)因为具有强大的互联网资源访问能力,已经成为互联网电视上最重要的软件之一。
开放浏览器访问的网站通常不是专门为电视设计的,而主要是为鼠标操作或触摸屏操作设计的,而电视上用户普遍使用遥控器来操作。遥控器操作的灵活性远远不如鼠标或触摸屏。由于浏览器页面元素比较复杂且没有统一的规律,为了用遥控器能对页面进行操作,目前通用的做法是将遥控器的上下左右方向键的按键信息模拟为鼠标的移动消息,从而确保能够操作的浏览器页面的各种元素。
用户在互联网电视上使用浏览器最主要的目的还是观看互联网视频,用户若想将页面焦点或鼠标移动至浏览器页面中包含视频内容的区域时,需要不断的操作遥控器方向键。但是,遥控器方向键发出按键信息的速度和频率,要远远低于物理鼠标或触摸屏发出的操作信息的速度和频率,这时用户就会感觉用遥控器在电视上操作模拟鼠标非常慢,用户操作体验差。
发明内容
鉴于此,为解决上述技术问题或部分技术问题,本发明实施例提供一种页面视频播放方法、装置、电子设备及存储介质。
第一方面,本发明实施例提供一种页面视频播放方法,包括:
获取待显示的页面;其中,所述页面中包含有多个元素;
从多个所述元素中确定目标视频元素;
在所述页面中确定与所述目标视频元素对应的目标区域;
根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置;
在显示界面上显示所述页面,并在所述页面中显示所述焦点或所述鼠标;
获取第一操作指令;其中,所述第一操作指令用于指示与所述焦点或所述鼠标对应的所述目标视频元素中的视频的播放;
根据所述第一操作指令,控制与所述焦点或所述鼠标对应的所述目标视频元素中的视频在所述页面中播放。
在一个可选的实施方式中,所述根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置,包括:
当所述目标区域满足第一预设条件时,将所述鼠标定位至所述目标区域内或将所述目标区域作为所述页面的所述焦点;
当所述目标区域未满足所述第一预设条件时,将所述鼠标定位至所述页面中的播放按钮上或将所述播放按钮作为所述页面的所述焦点。
在一个可选的实施方式中,所述第一预设条件包括:
所述目标区域内未存在有所述播放按钮且在所述页面中与所述目标区域临近的区域内未存在有所述播放按钮。
在一个可选的实施方式中,所述根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置,包括:
当所述页面中包含多个目标视频元素时,在所述页面中确定与每一所述目标视频元素对应的目标区域,得到多个所述目标区域;
从多个所述目标区域中确定面积最大的所述目标区域;
根据面积最大的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标的位置或所述焦点的位置。
在一个可选的实施方式中,所述根据面积最大的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标的位置或所述焦点的位置,包括:
当存在多个面积最大的所述目标区域时,从多个面积最大的所述目标区域中确定满足第二预设条件的所述目标区域;
根据满足所述第二预设条件的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标的位置或所述焦点的位置。
在一个可选的实施方式中,所述根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置,包括:
当所述页面中包含多个目标视频元素时,在所述页面中确定与每一所述目标视频元素对应的目标区域,得到多个所述目标区域;
当多个所述目标区域的面积均相同时,从多个所述目标区域中确定满足第二预设条件的所述目标区域;
根据满足所述第二预设条件的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标位置或所述焦点位置。
在一个可选的实施方式中,所述所述第二预设条件包括:
所述目标区域属于与最高加载优先级所述目标视频元素对应的区域。
第二方面,本发明实施例提供一种页面视频播放装置,包括:
第一获取模块,用于获取待显示的页面;其中,所述页面中包含有多个元素;
第一确定模块,用于从多个所述元素中确定目标视频元素;
第二确定模块,用于根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置;
显示模块,用于在显示界面上显示所述页面,并在所述页面中的所述目标区域显示所述焦点或所述鼠标;
第二获取模块,用于获取第一操作指令;其中,所述第一操作指令用于指示与所述焦点或所述鼠标对应的所述目标视频元素中的视频的播放;
播放模块,用于根据所述第一操作指令,控制与所述焦点或所述鼠标对应的所述目标视频元素中的视频在所述页面中播放。
第四方面,本发明实施例提供一种存储介质,所述存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现如上所述的页面视频播放方法。
本发明实施例提供的一种页面视频播放方法,包括:获取待显示的页面;其中,页面中包含有多个元素;从多个元素中确定目标视频元素;在页面中确定与目标视频元素对应的目标区域;根据目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置;在显示界面上显示页面,并在页面中的目标区域显示焦点或鼠标;获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中的视频的播放;根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。通过上述方式,本发明只需在显示浏览器页面时,根据浏览器页面中所包含的视频内容即可自动确定浏览器页面中的鼠标的位置或焦点的位置,进而对与焦点或鼠标对应的视频内容进行播放,大大简化了在互联网电视上播放视频的操作,提高了用户的操作体验。
附图说明
图1为本发明实施例所提供的一个页面视频方法的应用场景示意图;
图2为本发明实施例所提供的一个页面视频播放方法的流程示意图;
图3为本发明实施例所提供的另一个页面视频播放方法的流程示意图;
图4为本发明实施例所提供的一个页面视频播放装置的结构示意图;
图5为本发明实施例所提供的一个电子设备的结构示意图;
以上附图中:
100、遥控器;110、电视;
30、第一获取模块;31、第一确定模块;32、第二确定模块;33、显示模块;34、第二获取模块;35、播放模块;
400、电子设备;401、处理器;402、存储器;4021、操作系统;4022、应用程序;403、用户接口;404、网络接口;405、总线系统。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
为便于对本发明实施例的理解,下面将结合附图以具体实施例做进一步的解释说明,实施例并不构成对本发明实施例的限定。
参考图1,图1为本发明实施例提供的页面视频播放方法的应用场景示意图。本发明实施例应用在互联网电视交互场景下,其中,应用场景包括遥控器100和电视110,该电视110为互联网电视电视中搭载有相应的浏览器,该互联网电视在显示界面所显示的浏览器页面上,通过各个元素的方式,向用户展示其包含的内容。例如,元素包括但不限于视频元素和图片元素、文字元素等。每一元素在浏览器页面上具有相应的区域,遥控器100具有焦点模式和鼠标模式,用户通过遥控器100上相应的按键以选择焦点模式或鼠标模式,在焦点模式下,用户可通过遥控器100的方向键进行区域的选择,以切换所显示的焦点,从而定位到与用户需求对应的元素的区域上,用户通过点击遥控器100上的确认键展示该元素对应的内容。或在鼠标模式下,用户可通过遥控器100的方向键进行区域的选择,以切换所显示的鼠标,从而定位到与用户需求对应的元素的区域上,用户通过点击遥控器100上的确认键展示该元素对应的内容。
由于目前用户在互联网电视上使用浏览器最主要的目的还是观看互联网视频,用户选择自己想要看的视频需要不断的操作遥控器100方向键进行选择,使得用户操作体验性差,为解决上述问题,在图1的应用场景下,电视110获取待显示的页面;其中,页面中包含有多个元素;从多个元素中确定目标视频元素;在页面中确定与目标视频元素对应的目标区域;根据目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置;在显示界面上显示页面,并在页面中目标区域显示焦点或鼠标;获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中视频的播放;根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。通过上述方式,本发明只需在显示浏览器页面时,根据浏览器页面中所包含的视频内容即可自动确定浏览器页面中的鼠标的位置或焦点的位置,进而对与焦点或鼠标对应的视频内容进行播放,大大简化了在互联网电视上播放视频的操作,提高了用户的操作体验。
参考图2,图2为本发明实施例所提供的一个页面视频播放方法的流程示意图。以该方法应用于电视端进行阐述,本发明实施例提供的一种页面视频播放方法,包括如下步骤:
S11:获取待显示的页面;其中,页面中包含有多个元素。
其中,电视端获取一个待显示的页面,所述页面可以是根据用户通过操作遥控器100所确定的。页面中包括多个元素,元素可为页面上的一个控件,每个可对应于不同的内容,例如,内容可为视频内容、图片、文字内容等。更为具体地,电视端所获取的页面可以是代码形式表现的,由页面的开发人员编写。
S12:从多个元素中确定目标视频元素。
浏览器页面中每一元素对应存储有信息标签,根据获取到信息标签可确定元素所包含的内容,例如元素包含视频内容,元素包含图片内容,元素包含文本内容等。
S12步骤中从多个元素中确定目标视频元素,包括:
获取所有元素的信息标签;
当信息标签中包含有视频标签时,获取到页面中与视频标签对应的目标视频元素。
本实施例中,所获取到的信息标签为一个浏览器页面中所有元素的信息标签。其中,信息标签包括视频标签、图片标签、文字标签等。需要说明的是,当信息标签中不包含有视频标签时,则不执行之后的S12~S16步骤。当信息标签中包含有视频标签时,则执行之后的S12~S16步骤。
S13:根据目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置。
其中,S13步骤中,具体包括:
当目标区域满足第一预设条件时,将鼠标定位至目标区域内或将目标区域作为页面的焦点;
当目标区域未满足第一预设条件时,将鼠标定位至页面中的播放按钮上或将播放按钮作为页面的焦点。
本实施例中,具体地说,S13步骤中第一预设条件包括:目标区域内未存在有播放按钮且在页面中与目标区域临近的区域内未存在有播放按钮。
上述中,目标区域内或与目标区域临近的区域内既可能存在有播放按钮,也可能目标区域内和与目标区域临近的区域内未存在有播放按钮。当目标区域内和与目标区域临近的区域内未存在有播放按钮时,则直接将鼠标定位至目标区域内或将目标区域作为页面的目标焦点即可;而当目标区域内有播放按钮或目标区域内不存在有播放按钮而与目标区域临近的区域内有播放按钮时,则直接将鼠标定位至该播放按钮上或将该播放按钮作为页面的焦点。其中,需要说明的是,与目标区域临近的区域内的播放按钮具体指,该播放按钮与目标区域内的目标视频元素对应,以在播放按钮被触发时,自动播放目标区域内的目标视频元素中的视频。
本实施例中,每一浏览器页面中包含有多个元素,为保证浏览器页面的美观,每一元素在浏览器页面中以固定区域进行显示。由于目前用户在互联网电视上使用浏览器最主要的目的还是观看互联网视频,本实施例中在确定浏览器页面中有视频元素时,根据视频元素直接即可确定浏览器页面中的鼠标位置或焦点位置,以避免用户不断的操作遥控器100的方向按键进行焦点或鼠标的移动。其中,焦点的表示形式可以是将页面中显示的目标区域进行高亮、虚化或加宽等处理。
S14:在显示界面上显示页面,并在页面中的显示焦点或鼠标。
经S14步骤后,可将待显示的页面中的与目标视频元素中的目标区域设置为页面的焦点,或将鼠标的位置定位至目标区域内,或将鼠标定位至页面中的播放按上,或将页面中的播放按钮设置为页面的焦点,无需用户通过不断操作遥控器100的方向键使得将焦点或鼠标进行移动,方便了后续用户播放目标区域中的目标视频元素所包含的视频。
S15:获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中的视频的播放。
第一操作指令由用户通过操作遥控器100的按键以将第一操作指令发送至电视端,其中用户可通过操作遥控器100中的确认键以将第一操作指令发送至电视端。
S16:根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。
当电视端获取到第一操作指令时,对第一操作指令进行解析以确定需要对目标区域中的目标视频元素所包含的视频进行播放,此时,电视端将目标视频元素所包含的视频的浏览器模式切换至全屏播放模式,以实现自动启动目标视频元素所包含的视频的全屏播放,从而方便用户观看视频。本实施例中,需要说明的是,在播放目标视频元素所包含的视频的过程中,该页面视频播放方法还包括:
在播放目标视频元素的过程中,实时检测目标视频元素所包含的视频的播放进度;
当目标视频元素所包含的视频播放结束后,则将目标视频元素所包含的视频的全屏播放模式切换为浏览器模式;或,
在播放目标视频元素所包含的视频的过程中,若获取到第三操作指令时,则停止目标视频元素所包含的视频的播放,并将目标视频元素所包含的视频的全屏播放模式切换为浏览器模式;其中,第三操作指令用于指示目标视频元素所包含的视频的停止播放。
本实施例中,需要说明的是,S11~S16步骤为针对浏览器页面只包含有一个视频元素的页面视频播放方法,若当浏览器页面中包含有多个视频元素时,可参考如下相应的方法描述,本实施例对此不做具体限定。
本实施例提供的一种页面视频播放方法,只需在显示浏览器页面时,根据浏览器页面中所包含的视频内容即可自动确定浏览器页面中的鼠标的位置或焦点的位置,进而对与焦点或鼠标对应的视频内容进行播放,大大简化了在互联网电视上播放视频的操作,提高了用户的操作体验。
参考图3,图3为本发明实施例提供的另一个页面视频播放方法的流程示意图。本实施例提供的一种页面视频播放方法,包括如下步骤:
S21:获取待显示的页面;其中,页面中包含有多个元素。
本实施例中,S21步骤与上述S11步骤相同,本实施例在此不做赘述,具体可参考S11步骤所述。
S22:从多个元素中确定目标视频元素。
S22步骤与上述S12步骤相似,本实施例在此不做赘述。其中,视频元素的获取均是通过检测元素的视频标签以获取的。当信息标签中不包含有视频标签时,则不执行之后的S22步骤~S29步骤。当信息标签中包含有视频标签时,则执行之后的S23步骤~S29步骤。
本实施例中,需要说明的是,当检测到浏览器页面中元素的信息标签中存在视频标签时,判断视频标签的个数,当视频标签的个数为一个时,则确定页面中只存在一个视频元素,并执行如上所述的S11步骤~S16步骤;当视频标签的个数为多个时,则确定页面中存在多个视频元素,并执行之后的S23步骤~S29步骤。
S23:当页面中包含多个目标视频元素时,在页面中确定与每一目标视频元素对应的目标区域,得到多个目标区域。
S24:从多个目标区域中确定面积最大的目标区域;
S25:根据面积最大的目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置。
其中,S25步骤中页面中的鼠标的位置或焦点的位置的确定方法与上述的S13步骤相似,本实施例在此不做赘述。为了浏览器页面的美观,每一元素在浏览器页面中的固定区域通常采用矩形区域方式进行显示,当然,也可采用别的图形区域方式进行显示,例如,圆形、菱形等等。根据不同的区域的图形形状即可确定相应图形区域的面积。当目标区域为矩形区域时,目标区域的面积可通过如下方式进行确定:
确定与目标视频元素对应的目标区域的宽度和高度;
将目标区域的宽度和高度相乘,以确定目标区域的面积。
本实施例中,多个目标视频元素既可以包含有效视频元素,也可以包含有无效视频元素,有效视频元素表征为用户观看视频,无效视频元素表征为广告视频,通常情况下,广告视频在浏览器页面中以小窗口区域的形式显示,且为了提高用户浏览相应浏览器页面的体验性,避免广告视频对应的区域遮挡用户观看视频对应的区域,小窗口区域的面积应远小于用户观看视频对应的区域,所以,在一个浏览器页面中,只需确定面积最大的区域即可确定与面积最大的区域对应的目标视频元素为有效视频元素,从而将该区域作为目标区域,根据目标区域与第一预设条件的关系,确定页面中的焦点或鼠标,避免用户通过不断操作遥控器100的方向键将页面焦点或鼠标进行移动,提高了用户的操作体验。
本实施例中,需要说明的是,S24步骤中,一个浏览器页面中的面积最大的目标区域可以为多个,当为多个时,可采用如下方式从多个面积最大的目标区域中确定一个目标区域,根据所确定的目标区域,从而确定页面中的焦点的位置或鼠标的位置。具体如下,当S25步骤包括:
当存在多个面积最大的目标区域时,从多个面积最大的目标区域中确定满足第二预设条件的目标区域;
根据满足第二预设条件的目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置。
其中,上述中,第二预设条件包括目标区域属于与最高加载优先级目标视频元素对应的区域。即确定每一面积最大的目标区域的加载优先级,得到多个加载优先级,从多个加载优先级中选择最高加载优先级的面积最大的目标区域,该目标区域即为满足第二预设条件的目标区域。
本实施例中,每一面积最大的目标区域都可能为用户所需选择的区域。电视端的显示界面在显示页面时,页面中各个元素具有预设设置的加载优先级,加载优先级即按照预设顺序进行加载,通常情况下,浏览器页面中各个元素按照自上至下,从左到右的顺序进行加载。所以,浏览器页面中第一个加载顺序为位于浏览器页面中左上角的元素,最后一个加载顺序为位于浏览器页面中右下角的元素。在浏览器页面中包含多个相同面积的目标区域时,为了方便用户查看浏览器页面中的目标焦点或鼠标,例如,可将鼠标定位至浏览器页面中左上角的元素对应的区域内或将浏览器页面中左上角的元素对应的区域作为目标页面焦点,即将鼠标定位至最高优先级的视频元素对应的区域内或将最高优先级的视频元素对应的区域作为目标焦点。当然,也可以将鼠标定位至相应区域的播放按钮上或将相应区域的播放按钮设置为焦点,具体可根据页面设置进行鼠标的定位或焦点的设置。
本实施例中,需要说明的是,当确定焦点的位置或鼠标的位置后,通过如下方式以实现浏览器页面中不同目标区域之间的切换,具体实现方式如下:
获取第二操作指令;其中第二操作用于指示将鼠标或焦点由目标区域切换至页面中其他目标区域;
根据第二操作指令,在页面中控制鼠标或焦点由目标区域切换至页面中其他目标区域。
第二操作指令由用户通过操作遥控器100的按键以将第二操作指令发送至电视端,其中用户可通过操作遥控器100中的方向键(例如上下左右键)以将第二操作指令发送至电视端。电视端根据第二操作指令以实现浏览器页面中不同目标区域的切换,从而实现鼠标或焦点的切换。
S26:当多个目标区域的面积均相同时,从多个目标区域中确定满足第二预设条件的目标区域;
根据满足第二预设条件的目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置。
其中,S26步骤中页面中的鼠标的位置或焦点的位置的确定方法与上述的S13步骤相似,本实施例在此不做赘述。本实施例中,当浏览器页面中包含的多个目标视频元素均为有效视频元素时,为了方便用户选择想要观看的视频,可从多个面积相同的目标区域中确定满足第二预设条件的目标区域,根据目标区域确定页面中的鼠标的位置或焦点的位置。当确定鼠标的位置或焦点的位置后,通过如下方式以实现浏览器页面中不同目标区域之间的切换,具体实现方式如下:
获取第二操作指令;其中第二操作用于指示将鼠标或焦点由目标区域切换至页面中其他目标区域;
根据第二操作指令,在页面中控制鼠标或焦点由目标区域切换至页面中其他目标区域。
第二操作指令由用户通过操作遥控器100的按键以将第二操作指令发送至电视端,其中用户可通过操作遥控器100中的方向键(例如上下左右键)以将第二操作指令发送至电视端。电视端根据第二操作指令以实现浏览器页面中不同目标区域的切换,从而实现鼠标或焦点的切换。
本实施例中,第二预设条件与上述所述一致,本实施例在此不做赘述。
S27:在显示界面上显示页面,并在页面中显示焦点或鼠标。
S27步骤与上述所述的S14步骤相同,本实施例在此不做赘述。
S28:获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中的视频的播放。
本实施例中,S28步骤与上述所述的S15步骤相同,本实施例中在此不做赘述。
S29:根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。
本实施例中,S29步骤与上述所述的S16步骤相同,本实施例中在此不做赘述。
本实施例提供的一种页面视频播放方法,只需在显示浏览器页面时,根据浏览器页面中所包含的视频内容即可自动确定浏览器页面中的鼠标的位置或焦点的位置,进而对与焦点或鼠标对应的视频内容进行播放,大大简化了在互联网电视上播放视频的操作,提高了用户的操作体验。
图4为本发明实施例提供的一个页面视频播放装置,包括:第一获取模块30、第一确定模块31、第二确定模块32、显示模块33、第二获取模块34和播放模块35,其中,第一获取模块30用于获取待显示的页面;其中,页面中包含有多个元素;第一确定模块31用于从多个元素中确定目标视频元素;第二确定模块32用于根据目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置;显示模块33用于在显示界面上显示页面,并在页面中的目标区域显示焦点或鼠标;第二获取模块34用于获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中的视频的播放;播放模块35用于根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。
本实施例中,第二确定模块32还用于:
当目标区域满足第一预设条件时,将鼠标定位至目标区域内或将目标区域作为页面的焦点;
当目标区域未满足第一预设条件时,将鼠标定位至页面中的播放按钮上或将播放按钮作为页面的焦点。
其中,第一预设条件包括:
目标区域内未存在有播放按钮且在页面中与目标区域临近的区域内未存在有播放按钮。
本实施例中,第二确定模块32还用于:
当页面中包含多个目标视频元素时,在页面中确定与每一目标视频元素对应的目标区域,得到多个目标区域;
从多个目标区域中确定面积最大的目标区域;
根据面积最大的目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置。
本实施例中,第二确定模块32还用于:
当存在多个面积最大的目标区域时,从多个面积最大的目标区域中确定满足第二预设条件的目标区域;
根据满足第二预设条件的目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置。
本实施例中,第二确定模块32还用于:
当页面中包含多个目标视频元素时,在页面中确定与每一目标视频元素对应的目标区域,得到多个目标区域;
当多个目标区域的面积均相同时,从多个目标区域中确定满足第二预设条件的目标区域;
根据满足第二预设条件的目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置。
本实施例中,第二预设条件包括:
目标区域属于与最高加载优先级目标视频元素对应的区域。
本实施例提供的一种页面视频播放装置,只需在显示浏览器页面时,根据浏览器页面中所包含的视频内容即可自动确定浏览器页面中的鼠标的位置或焦点的位置,进而对与焦点或鼠标对应的视频内容进行播放,大大简化了在互联网电视上播放视频的操作,提高了用户的操作体验。
图5为本发明实施例提供的一种的电子设备的结构示意图,图5所示的电子设备400包括:至少一个处理器401、存储器402、至少一个网络接口404和其他用户接口403。电子设备400中的各个组件通过总线系统405耦合在一起。可理解,总线系统405用于实现这些组件之间的连接通信。总线系统405除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图5中将各种总线都标为总线系统405。
其中,用户接口403可以包括显示器、遥控器、键盘或者点击设备(例如,鼠标,轨迹球(trackball)、触感板或者触摸屏等。
可以理解,本发明实施例中的存储器402可以是易失性存储器或非易失性存储器,或可包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(Read-Only Memory,ROM)、可编程只读存储器(Programmable ROM,PROM)、可擦除可编程只读存储器(Erasable PROM,EPROM)、电可擦除可编程只读存储器(Electrically EPROM,EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory,RAM),其用作外部高速缓存。通过示例性但不是限制性说明,许多形式的RAM可用,例如静态随机存取存储器(Static RAM,SRAM)、动态随机存取存储器(Dynamic RAM,DRAM)、同步动态随机存取存储器(Synchronous DRAM,SDRAM)、双倍数据速率同步动态随机存取存储器(Double Data RateSDRAM,DDRSDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM,ESDRAM)、同步连接动态随机存取存储器(Synch link DRAM,SLDRAM)和直接内存总线随机存取存储器(DirectRambus RAM,DRRAM)。本文描述的存储器402旨在包括但不限于这些和任意其它适合类型的存储器。
在一些实施方式中,存储器402存储了如下的元素,可执行单元或者数据结构,或者他们的子集,或者他们的扩展集:操作系统4021和应用程序4022。
其中,操作系统4021,包含各种系统程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务。应用程序4022,包含各种应用程序,例如媒体播放器(Media Player)、浏览器(Browser)等,用于实现各种应用业务。实现本发明实施例方法的程序可以包含在应用程序4022中。
在本发明实施例中,通过调用存储器402存储的程序或指令,具体的,可以是应用程序4022中存储的程序或指令,处理器401用于执行各方法实施例所提供的方法步骤,例如包括:获取待显示的页面;其中,页面中包含有多个元素;从多个元素中确定目标视频元素;在页面中确定与目标视频元素对应的目标区域;根据目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置;在显示界面上显示页面,并在页面中的目标区域显示焦点或鼠标;获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中的视频的播放;根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。
上述本发明实施例揭示的方法可以应用于处理器401中,或者由处理器401实现。处理器401可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器401中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器401可以是通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(FieldProgrammable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件单元组合执行完成。软件单元可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器402,处理器401读取存储器402中的信息,结合其硬件完成上述方法的步骤。
可以理解的是,本文描述的这些实施例可以用硬件、软件、固件、中间件、微码或其组合来实现。对于硬件实现,处理单元可以实现在一个或多个专用集成电路(ApplicationSpecific Integrated Circuits,ASIC)、数字信号处理器(Digital Signal Processing,DSP)、数字信号处理设备(DSPDevice,DSPD)、可编程逻辑设备(Programmable LogicDevice,PLD)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、通用处理器、控制器、微控制器、微处理器、用于执行本申请所述功能的其它电子单元或其组合中。
对于软件实现,可通过执行本文所述功能的单元来实现本文所述的技术。软件代码可存储在存储器中并通过处理器执行。存储器可以在处理器中或在处理器外部实现。
本实施例提供的电子设备可以是如图5中所示的电子设备,可执行如图2-3中页面视频播放方法的所有步骤,进而实现图2-3所示页面视频播放方法的技术效果,具体请参照图2-3相关描述,为简洁描述,在此不作赘述。
本发明实施例还提供了一种存储介质(计算机可读存储介质)。这里的存储介质存储有一个或者多个程序。其中,存储介质可以包括易失性存储器,例如随机存取存储器;存储器也可以包括非易失性存储器,例如只读存储器、快闪存储器、硬盘或固态硬盘;存储器还可以包括上述种类的存储器的组合。
当存储介质中一个或者多个程序可被一个或者多个处理器执行,以实现上述在页面视频播放设备侧执行的页面视频播放方法。
所述处理器用于执行存储器中存储的页面视频播放程序,以实现以下在页面视频播放设备侧执行的页面视频播放方法的步骤:获取待显示的页面;其中,页面中包含有多个元素;从多个元素中确定目标视频元素;在页面中确定与目标视频元素对应的目标区域;根据目标区域与第一预设条件的关系,确定页面中的鼠标的位置或焦点的位置;在显示界面上显示页面,并在页面中的目标区域显示焦点或鼠标;获取第一操作指令;其中,第一操作指令用于指示与焦点或鼠标对应的目标视频元素中的视频的播放;根据第一操作指令,控制与焦点或鼠标对应的目标视频元素中的视频在页面中播放。
专业人员应该还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
以上所述的具体实施方式,对本发明的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本发明的具体实施方式而已,并不用于限定本发明的保护范围,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (9)

1.一种页面视频播放方法,其特征在于,包括:
获取待显示的页面;其中,所述页面中包含有多个元素;
从多个所述元素中确定目标视频元素;
在所述页面中确定与所述目标视频元素对应的目标区域,包括:
当所述页面中包含多个目标视频元素时,在所述页面中确定与每一所述目标视频元素对应的目标区域,得到多个所述目标区域;
从多个所述目标区域中确定面积最大的所述目标区域;
根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置,包括:
根据面积最大的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标的位置或所述焦点的位置;
在显示界面上显示所述页面,并在所述页面中显示所述焦点或所述鼠标;
获取第一操作指令;其中,所述第一操作指令用于指示与所述焦点或所述鼠标对应的所述目标视频元素中的视频的播放;
根据所述第一操作指令,控制与所述焦点或所述鼠标对应的所述目标视频元素中的视频在所述页面中播放。
2.根据权利要求1所述的页面视频播放方法,其特征在于,所述根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置,包括:
当所述目标区域满足第一预设条件时,将所述鼠标定位至所述目标区域内或将所述目标区域作为所述页面的所述焦点;
当所述目标区域未满足所述第一预设条件时,将所述鼠标定位至所述页面中的播放按钮上或将所述播放按钮作为所述页面的所述焦点。
3.根据权利要求2所述的页面视频播放方法,其特征在于,所述第一预设条件包括:
所述目标区域内未存在有所述播放按钮且在所述页面中与所述目标区域临近的区域内未存在有所述播放按钮。
4.根据权利要求1所述的页面视频播放方法,其特征在于,所述根据面积最大的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标的位置或所述焦点的位置,包括:
当存在多个面积最大的所述目标区域时,从多个面积最大的所述目标区域中确定满足第二预设条件的所述目标区域;
根据满足所述第二预设条件的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标的位置或所述焦点的位置。
5.根据权利要求1所述的页面视频播放方法,其特征在于,所述在所述页面中确定与所述目标视频元素对应的目标区域,还包括:
当所述页面中包含多个目标视频元素时,在所述页面中确定与每一所述目标视频元素对应的目标区域,得到多个所述目标区域;
当多个所述目标区域的面积均相同时,从多个所述目标区域中确定满足第二预设条件的所述目标区域;
所述根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置,还包括:
根据满足所述第二预设条件的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标位置或所述焦点位置。
6.根据权利要求4或5所述的页面视频播放方法,其特征在于,所述第二预设条件包括:
所述目标区域属于与最高加载优先级的所述目标视频元素对应的区域。
7.一种页面视频播放装置,其特征在于,包括:
第一获取模块,用于获取待显示的页面;其中,所述页面中包含有多个元素;
第一确定模块,用于从多个所述元素中确定目标视频元素;
第二确定模块,用于在所述页面中确定与所述目标视频元素对应的目标区域;
所述第二确定模块,还用于当所述页面中包含多个目标视频元素时,在所述页面中确定与每一所述目标视频元素对应的目标区域,得到多个所述目标区域;
从多个所述目标区域中确定面积最大的所述目标区域;
所述第二确定模块,还用于根据所述目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置;其中,所述根据目标区域与第一预设条件的关系,确定所述页面中的鼠标的位置或焦点的位置,具体包括:根据面积最大的所述目标区域与所述第一预设条件的关系,确定所述页面中的所述鼠标的位置或所述焦点的位置;
显示模块,用于在显示界面上显示所述页面,并在所述页面中显示所述焦点或所述鼠标;
第二获取模块,用于获取第一操作指令;其中,所述第一操作指令用于指示与所述焦点或所述鼠标对应的所述目标视频元素中的视频的播放;
播放模块,用于根据所述第一操作指令,控制与所述焦点或所述鼠标对应的所述目标视频元素中的视频在所述页面中播放。
8.一种电子设备,其特征在于,包括:处理器和存储器,所述处理器用于执行所述存储器中存储的页面视频播放程序,以实现权利要求1~6中任一项所述的页面视频播放方法。
9.一种存储介质,其特征在于,所述存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现权利要求1~6中任一项所述的页面视频播放方法。
CN202210121951.9A 2022-02-09 2022-02-09 一种页面视频播放方法、装置、电子设备及存储介质 Active CN114466252B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210121951.9A CN114466252B (zh) 2022-02-09 2022-02-09 一种页面视频播放方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210121951.9A CN114466252B (zh) 2022-02-09 2022-02-09 一种页面视频播放方法、装置、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN114466252A CN114466252A (zh) 2022-05-10
CN114466252B true CN114466252B (zh) 2024-01-26

Family

ID=81413426

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210121951.9A Active CN114466252B (zh) 2022-02-09 2022-02-09 一种页面视频播放方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN114466252B (zh)

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101980191A (zh) * 2010-10-14 2011-02-23 优视科技有限公司 网页浏览过程中焦点元素的锁定方法和装置
CN102609521A (zh) * 2012-02-10 2012-07-25 深圳创维数字技术股份有限公司 一种网页焦点元素的切换方法及数字电视接收终端
CN102981689A (zh) * 2011-09-07 2013-03-20 腾讯科技(深圳)有限公司 一种实现默认焦点定位的方法、装置和系统
CN103648046A (zh) * 2013-12-20 2014-03-19 乐视致新电子科技(天津)有限公司 智能电视中的视频推荐页面展示方法及系统
CN105760433A (zh) * 2016-02-01 2016-07-13 四川长虹电器股份有限公司 一种快速选中智能电视网页元素的方法
CN106131630A (zh) * 2016-06-27 2016-11-16 乐视控股(北京)有限公司 基于电视机的网页浏览控制方法及相关装置
CN106155644A (zh) * 2015-03-27 2016-11-23 中国科学院声学研究所 适用于智能电视浏览器的网页焦点控制实现方法
CN113015023A (zh) * 2019-12-20 2021-06-22 海信电子科技(深圳)有限公司 Html5网页中的视频控制的方法及装置
EP3859503A1 (en) * 2020-02-03 2021-08-04 Evolution Malta Ltd Selection of remote objects

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101980191A (zh) * 2010-10-14 2011-02-23 优视科技有限公司 网页浏览过程中焦点元素的锁定方法和装置
CN102981689A (zh) * 2011-09-07 2013-03-20 腾讯科技(深圳)有限公司 一种实现默认焦点定位的方法、装置和系统
CN102609521A (zh) * 2012-02-10 2012-07-25 深圳创维数字技术股份有限公司 一种网页焦点元素的切换方法及数字电视接收终端
CN103648046A (zh) * 2013-12-20 2014-03-19 乐视致新电子科技(天津)有限公司 智能电视中的视频推荐页面展示方法及系统
CN106155644A (zh) * 2015-03-27 2016-11-23 中国科学院声学研究所 适用于智能电视浏览器的网页焦点控制实现方法
CN105760433A (zh) * 2016-02-01 2016-07-13 四川长虹电器股份有限公司 一种快速选中智能电视网页元素的方法
CN106131630A (zh) * 2016-06-27 2016-11-16 乐视控股(北京)有限公司 基于电视机的网页浏览控制方法及相关装置
CN113015023A (zh) * 2019-12-20 2021-06-22 海信电子科技(深圳)有限公司 Html5网页中的视频控制的方法及装置
EP3859503A1 (en) * 2020-02-03 2021-08-04 Evolution Malta Ltd Selection of remote objects

Also Published As

Publication number Publication date
CN114466252A (zh) 2022-05-10

Similar Documents

Publication Publication Date Title
US10565288B2 (en) Video streaming in a web browser
CN107341018B (zh) 一种在页面切换后继续显示视图的方法和装置
CN109101157B (zh) 侧边栏图标设置方法、装置、终端及存储介质
KR101663474B1 (ko) 휴대단말기, 휴대단말기의 바탕화면 표시 방법 및 저장 매체
US20170195613A1 (en) Method and electronic device for displaying video being played
US10225613B2 (en) Method and apparatus for video playing processing and television
CN106547417B (zh) 显示后台任务消息的方法和装置
CN103702214A (zh) 一种视频播放方法和电子设备
US20100005414A1 (en) Display method and display device
CN111626810B (zh) 一种房源信息的展示方法和装置
KR102339205B1 (ko) 가상 장면 디스플레이 방법 및 디바이스, 및 저장 매체
US20160345049A1 (en) Method and device for switching channel
US20110145860A1 (en) Information processing apparatus, information processing method and program
CN111625163A (zh) 一种显示设备及应用程序界面显示方法
US8726193B2 (en) Apparatus, method, and program for display control
CN112463269A (zh) 用户界面显示方法及显示设备
CN111787385B (zh) 界面交互方法、装置、计算机设备和存储介质
US20160345059A1 (en) Method and device for switching channel
CN106940722B (zh) 一种图片显示方法及装置
US20100333036A1 (en) Integrated interface device, and method of controlling integrated interface device
CN114466252B (zh) 一种页面视频播放方法、装置、电子设备及存储介质
JP4716120B2 (ja) 表示制御装置、表示制御方法、およびプログラム
JP2006352565A (ja) 通信端末装置およびリンク種別表示プログラム
CN113596561B (zh) 视频流播放方法、装置、电子设备和计算机可读存储介质
CN112889020A (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