CN115412753A - 一种浮层播放视频的方法及显示设备 - Google Patents
一种浮层播放视频的方法及显示设备 Download PDFInfo
- Publication number
- CN115412753A CN115412753A CN202110587287.2A CN202110587287A CN115412753A CN 115412753 A CN115412753 A CN 115412753A CN 202110587287 A CN202110587287 A CN 202110587287A CN 115412753 A CN115412753 A CN 115412753A
- Authority
- CN
- China
- Prior art keywords
- video
- window
- display
- detail page
- video window
- 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
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/41—Structure of client; Structure of client peripherals
- H04N21/4104—Peripherals receiving signals from specially adapted client devices
-
- 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/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
-
- 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
- H04N21/4312—Generation 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
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了在上述实施例中,一种浮层播放视频的方法及显示设备,本申请一些实施例中在详情页界面不能播放完整画面的视频时,通过浮层中的播放窗口播放视频,可以提高用户的使用体验。该方法包括:响应于接收到的启动详情页的指令,在所述显示器显示详情页界面;在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置,如果所述视频窗口移动到预设位置,显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。
Description
技术领域
本申请涉及视频播放的技术领域,尤其涉及一种浮层播放视频的方法及显示设备。
背景技术
为了便于用户了解视频内容,用户可以在应用主页点击视频控件,进入视频对应的详情页界面。详情页界面设置有播放视频的视频窗口,以及与该视频有关的其他栏目,栏目排列在视频窗口的下方。由于实际情况中栏目数量众多,当用户查看位置靠后的栏目时,需要滚动详情页界面,当向上滚动详情页界面时,视频窗口也会被向上滚动,这样就造成用户不能通过视频窗口继续观看视频的情况发生,给用户带来不好的使用感受。
发明内容
本申请一些实施例提供一种浮层播放视频的方法及显示设备,提高用户的使用体验。
第一方面,提供一种显示设备,包括:
显示器,用于显示用户界面;
用户接口,用于接收输入信号;
分别与显示器和用户接口连接的控制器,用于执行:
响应于接收到的启动详情页的指令,在所述显示器显示详情页界面,其中,所述详情页页面上设置有用于播放媒资内容的视频窗口,以及位于所述视频窗口下方的媒资控件列表,所述视频窗口和所述媒资控件列表中的媒资控件均被设置为可以获得焦点;
在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置,如果所述视频窗口移动到预设位置,显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。
显示器上显示窗口的显示器上显示窗口的第二方面,提供一种浮层播放视频的方法,包括:
响应于接收到的启动详情页的指令,在所述显示器显示详情页界面,其中,所述详情页页面上设置有用于播放媒资内容的视频窗口,以及位于所述视频窗口下方的媒资控件列表,所述视频窗口和所述媒资控件列表中的媒资控件均被设置为可以获得焦点;在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置,如果所述视频窗口移动到预设位置,显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。
在上述实施例中,一种浮层播放视频的方法及显示设备,本申请一些实施例中在详情页界面不能播放完整画面的视频时,通过浮层中的播放窗口播放视频,可以提高用户的使用体验。该方法包括:响应于接收到的启动详情页的指令,在所述显示器显示详情页界面;在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置,如果所述视频窗口移动到预设位置,显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。
附图说明
图1示出了根据一些实施例的显示设备的使用场景;
图2示出了根据一些实施例的控制装置100的硬件配置框图;
图3示出了根据一些实施例的显示设备200的硬件配置框图;
图4示出了根据一些实施例的显示设备200中软件配置图;
图5中示例性示出了根据一些实施例的用户界面示意图;
图6中示例性示出了根据一些实施例的一种浮层播放视频的方法的流程图;
图7中示例性示出了根据一些实施例的用户界面示意图;
图8中示例性示出了根据又一些实施例的用户界面示意图;
图9中示例性示出了根据又一些实施例的用户界面示意图;
图10中示例性示出了根据又一些实施例的用户界面示意图;
图11中示例性示出了根据又一些实施例的用户界面示意图;
图12中示例性示出了根据又一些实施例的用户界面示意图;
图13中示例性示出了根据又一些实施例的用户界面示意图;
图14中示例性示出了根据又一些实施例的交互信令图。
具体实施方式
为使本申请的目的和实施方式更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施方式进行清楚、完整地描述,显然,描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。
需要说明的是,本申请中对于术语的简要说明,仅是为了方便理解接下来描述的实施方式,而不是意图限定本申请的实施方式。除非另有说明,这些术语应当按照其普通和通常的含义理解。
本申请中说明书和权利要求书及上述附图中的术语″第一″、″第二″、″第三″等是用于区别类似或同类的对象或实体,而不必然意味着限定特定的顺序或先后次序,除非另外注明。应该理解这样使用的用语在适当情况下可以互换。
术语″包括″和″具有″以及他们的任何变形,意图在于覆盖但不排他的包含,例如,包含了一系列组件的产品或设备不必限于清楚地列出的所有组件,而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
术语″模块″是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合,能够执行与该元件相关的功能。
图1为根据实施例中显示设备与控制装置之间操作场景的示意图。如图1所示,用户可通过智能设备300或控制装置100操作显示设备200。
在一些实施例中,控制装置100可以是遥控器,遥控器和显示设备的通信包括红外协议通信或蓝牙协议通信,及其他短距离通信方式,通过无线或有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令,来控制显示设备200。
在一些实施例中,也可以使用智能设备300(如移动终端、平板电脑、计算机、笔记本电脑等)以控制显示设备200。例如,使用在智能设备上运行的应用程序控制显示设备200。
在一些实施例中,显示设备200还可以采用除了控制装置100和智能设备300之外的方式进行控制,例如,可以通过显示设备200设备内部配置的获取语音指令的模块直接接收用户的语音指令控制,也可以通过显示设备200设备外部设置的语音控制设备来接收用户的语音指令控制。
在一些实施例中,显示设备200还与服务器400进行数据通信。可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器400可以向显示设备200提供各种内容和互动。
图2示例性示出了根据示例性实施例中控制装置100的配置框图。如图2所示,控制装置100包括控制器110、通信接口130、用户输入/输出接口140、存储器、供电电源。控制装置100可接收用户的输入操作指令,且将操作指令转换为显示设备200可识别和响应的指令,起用用户与显示设备200之间交互中介作用。
图3示出了根据示例性实施例中显示设备200的硬件配置框图。
在一些实施例中,显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。
在一些实施例中控制器包括处理器,视频处理器,音频处理器,图形处理器,RAM,ROM,用于输入/输出的第一接口至第n接口。
在一些实施例中,显示器260包括用于呈现画面的显示屏组件,以及驱动图像显示的驱动组件,用于接收源自控制器输出的图像信号,进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面。
在一些实施例中,显示器260可为液晶显示器、OLED显示器、以及投影显示器,还可以为一种投影装置和投影屏幕。
在一些实施例中,通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如:通信器可以包括Wifi模块,蓝牙模块,有线以太网模块等其他网络通信协议芯片或近场通信协议芯片,以及红外接收器中的至少一种。显示设备200可以通过通信器220与外部控制设备100或服务器400建立控制信号和数据信号的发送和接收。
在一些实施例中,用户接口,可用于接收控制装置100(如:红外遥控器等)的控制信号。
在一些实施例中,检测器230用于采集外部环境或与外部交互的信号。例如,检测器230包括光接收器,用于采集环境光线强度的传感器;或者,检测器230包括图像采集器,如摄像头,可以用于采集外部环境场景、用户的属性或用户交互手势,再或者,检测器230包括声音采集器,如麦克风等,用于接收外部声音。
在一些实施例中,外部装置接口240可以包括但不限于如下:高清多媒体接口接口(HDMI)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(CVBS)、USB输入接口(USB)、RGB端口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。
在一些实施例中,控制器250和调谐解调器210可以位于不同的分体设备中,即调谐解调器210也可在控制器250所在的主体设备的外置设备中,如外置机顶盒等。
在一些实施例中,控制器250,通过存储在存储器上中各种软件控制程序,来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。例如:响应于接收到用于选择在显示器260上显示UI对象的用户命令,控制器250便可以执行与由用户命令选择的对象有关的操作。
在一些实施例中,所述对象可以是可选对象中的任何一个,例如超链接、图标或其他可操作的控件。与所选择的对象有关操作有:显示连接到超链接页面、文档、图像等操作,或者执行与所述图标相对应程序的操作。
在一些实施例中控制器包括中央处理器(Central Processing Unit,CPU),视频处理器,音频处理器,图形处理器(Graphics Processing Unit,GPU),RAM Random AccessMemory,RAM),ROM(Read-Only Memory,ROM),用于输入/输出的第一接口至第n接口,通信总线(Bus)等中的至少一种。
在一些实施例中,图形处理器,用于产生各种图形对象,如:图标、操作菜单、以及用户输入指令显示图形等。图形处理器包括运算器,通过接收用户输入各种交互指令进行运算,根据显示属性显示各种对象;还包括渲染器,对基于运算器得到的各种对象,进行渲染,上述渲染后的对象用于显示在显示器上。
在一些实施例中,用户可在显示器260上显示的图形用户界面(GUI)输入用户命令,则用户输入接口通过图形用户界面(GUI)接收用户输入命令。或者,用户可通过输入特定的声音或手势进行输入用户命令,则用户输入接口通过传感器识别出声音或手势,来接收用户输入命令。
在一些实施例中,″用户界面″,是应用程序或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(Graphic User Interface,GUI),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素,其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
为了便于用户了解视频内容,用户可以在应用主页点击视频控件,进入视频对应的详情页界面。详情页界面设置有播放视频的视频窗口,以及与该视频有关的其他栏目,栏目排列在视频窗口的下方。由于实际情况中栏目数量众多,当用户查看位置靠后的栏目时,需要滚动详情页界面,当向上滚动详情页界面时,视频窗口也会被向上滚动,这样就造成用户不能通过视频窗口继续观看视频的情况发生,给用户带来不好的使用感受。
在一些实施例中,用户启动电视后,在指定的信号源下显示用户的界面,在一些实施例中,如图5所示,界面可以包括不同的频道510,例如影视,教育,少儿等,不同的频道控件对应的首页内容不同。
在一些实施例中,频道首页包括用于展示媒资海报信息的控件,还可以包括跳转到二级界面的跳转控件。
在一些实施例中,频道首页可以和频道列表在同一界面显示,也可以在一界面上显示频道列表不显示频道首页,在频道控件被选中后,跳转到频道首页。
在一些实施例中,用户可以通过选中频道首页中用于展示媒资海报信息的控件进入详情页界面,也可以通过在二级界面或多级界面中选中指定控件进入详情页界面的展示。还可以通过在搜索结果页面中的指定控件进入详情页界面的展示。
在一些实施例中,响应于用户输入的语音观看指令,显示设备根据语音观看指令中所包含的主题名称,进入主题名称对应的媒资的详情页界面。
在一些实施例中,详情页界面包括视频窗口,信息介绍窗口,全屏播放控件,会员购买控件,推荐列表控件等等。
在一些实施例中,在详情页界面启动后,详情页界面的视频窗口自动加载媒体资源进行播放,以使得用户可以在详情页界面中预览内容,来决定是否继续看该媒体资源。
在一些实施例中,用户可以通过选中详情页界面中的全屏播放控件,实现全屏播放媒体资源的音视频数据。
本申请一些实施例提供一种浮层播放视频的方法,如图6所示,包括:
S100、响应于接收到的启动详情页的指令,在所述显示器显示详情页界面,其中,所述详情页页面上设置有用于播放媒资内容的视频窗口,以及位于所述视频窗口下方的媒资控件列表,所述视频窗口和所述媒资控件列表中的媒资控件均被设置为可以获得焦点。
在一些实施例中,在主页界面上显示有推荐的视频,用户可以通过控制装置上的按键将焦点移动到视频控件上,通过点击视频控件进入对应的详情页界面。
本申请一些实施例中,当响应于接收到的启动详情页的指令,终端发送下发详情页数据请求到服务器,服务器接收该请求,并返回详情页数据到终端,终端根据所述详情页数据生成详情页界面,并将详情页界面显示在显示器上。
如图7所示,在图7中显示有你好李焕英视频的详情页界面500,该详情页界面500上显示有视频窗口501,所述视频窗口501中播放你好李焕英的视频,同时该详情页界面上还显示有媒资控件列表,该媒资控件列表中的每一行代表一个栏目,图6中的栏目包括相关推荐栏目502、猜你喜欢栏目503和周边视频栏目504等,每个栏目中包括至少一个媒资控件。
在一些实施例中,当响应于接收到的启动详情页的指令,获取详情页数据,显示界面加载详情页数据形成详情页界面。在一些实施例中,启动详情页的指令可以是通过选中上级页面中的媒资控件触发的,也可以是通过语音指令来生成的。
在一些实施例中,图7中详情页界面500被分为顶部区域和底部区域,在顶部显示有视频窗口501、文本控件、全屏播放控件、购买VIP控件和收藏控件,在底部显示有相关推荐栏目502、猜你喜欢栏目503和周边视频栏目504等。
在一些实施例中,所述视频窗口501根据详情页数据中的视频链接地址,自动播放视频。所述视频窗口可以为播放器窗口。在详情页加载过程中,播放器窗口被设置为根据视频链接地址自动加载并播放视频,以使得用户展开详情页后即可自动播放视频,在用户通过文本控件中的介绍了解媒资情况的同时,展示动态的视频,提升了用户的观看体验。
在一些实施例中,根据预置的策略,播放器窗口可以在播放视频前播放贴片广告,通过在播放器设置需要播放贴片广告的标识,当自动播放视频前,根据所述标识确定是否播放贴片广告,如果需要播放贴片广告,则播放广告后,加载视频数据播放视频。
在一些实施例中,播放器播放贴片广告前,在检测到播放贴片广告的标识后,还需要进行会员的鉴权,在显示设备标识表征该设备已经开通会员时,不加载广告资源直接加载视频数据并播放视频,在显示设备标识表征该设备未开通会员时,加载并播放广告资源,在广告播放完成后,加载并播放媒资地址对应的视频。
所述文本控件显示有与视频窗口中播放视频对应的文字介绍,包括视频名称和影片简介。示例性的,视频名称为《你好李焕英》,影片简介为...。该文本控件可以简单介绍视频的有关信息。
在一些实施例中,用户使用控制装置将焦点移动到全屏播放控件上,并按压控制装置上的确认键,此时跳转到全屏播放界面。示例性的,如图7所示,当焦点在视频窗口上,此时用户按压控制装置上的确认键,显示器全屏显示你好李焕英的视频,如图8所示。
在一些实施例中,用户使用控制装置将焦点移动到购买VIP控件上,并按压控制装置上的确认键,此时跳转到VIP购买的详细界面上,用户可以根据自身需要在详细界面上选择是否购买VIP。一些实施例中,当用户购买VIP,成为VIP会员,可以将播放器设置为不需要播放贴片广告的标识。当播放器根据视频播放地址加载视频,播放视频之前,识别到不需要播放贴片广告的标识,则不播放广告。
在一些实施例中,用户使用控制装置将焦点移动到收藏控件上,并按压控制装置上的确认键,此时视频被标记为已经收藏。一些实施例中,该收藏控件对应的文本上除了显示有收藏,还显示有可以被改变状态的图形,示例性的,该图形可以为五角星,当选中收藏控件时,该五角星的颜色可以被改变为黄色。一些实施例中,用户可以通过其他用户界面将当前登录账号下的全部标记为收藏的视频和图片等显示出来,这样可以方便用户对收藏内容的后续查看。
在一些实施例中,相关推荐栏目对应的内容可以是大数据统计出所有用户喜爱的媒资内容,或者根据运营商推荐的媒资内容等。一些实施例中,猜你喜欢栏目对应的内容可以是当前登录账号下的用户历史观看媒资内容的相关内容,示例性的,用户以往观看过奔跑吧兄弟第一期,在猜你喜欢栏目对应的内容可能包括奔跑吧兄弟第二期。一些实施例中,周边视频栏目对应的内容可以为将记录终端所在位置周边发生事件的视频,或者是终端周边用户上传的视频。
在一些实施例中,当用户点击相关推荐栏目、猜你喜欢栏目和周边视频栏目中的媒资控件后,可以跳转到另一用户界面,在该用户界面上全屏播放视频,该用户界面上设置有播放器,该播放器显示区域与显示器上显示窗口的显示区域大小相同,加载视频数据,播放视频。一些实施例中,当用户点击相关推荐栏目、猜你喜欢栏目和周边视频栏目中的媒资控件后,可以跳转到另一用户界面,在该用户界面上显示有该媒资对应的详情页界面。在一些实施例中,当焦点在视频窗口上,用户按压控制装置上的确认键,跳转到另一用户界面,该用户界面上设置有播放器,该播放器显示区域与显示器上显示窗口的显示区域大小相同,该播放器加载视频数据,全屏播放视频。一些实施例中,所述全屏播放视频时从头播放视频,另一些实施例中,根据详情页界面中视频窗口中播放视频的进度,继续全屏播放视频。本申请一些实施例中,所述详情页界面可以使用VerticalGridView控件实现。
由于媒资控件列表中的栏目数量可能存在过多的情况,这样在显示器上显示窗口的尺寸有限,所以不能将详情页界面的内容全部展示,此时通过控制装置可以控制详情页界面向上滚动,这样用户可以看到当前未显示在显示器上的详情页内容,示例性的,如图7所示,当前显示器上显示的栏目包括相关推荐栏目502和猜你喜欢栏目503,但是周边视频栏目504没有被显示在显示器中,实际显示如图9所示,图9中周边视频栏目504未被显示在显示器中,此时用户可以通过控制装置控制详情页界面向上滚动,以使周边视频栏目504移动到显示器中,示例性的,如图9所示,图9中周边视频栏目504被显示在显示器中。
还需说明的是,详情页是一个竖向的列表,列表中有很多行。一些实施例中,如果当该详情页界面的最后的一行已经显示在显示器上,则用户再次按压控制装置上的上滚动键,详情页界面不会再次向下滚动,示例性的,比较最后一行的最下端的位置与显示器最下端的位置,如果最后一行的最下端的位置在显示器最下端的位置之上或者二者重合,则用户按压上滚动键时,详情页界面不再向下滚动;如果当该详情页界面的第一行已经显示在显示器上,则用户再次按压控制装置上的下滚动键,详情页界面不会再次向上滚动,示例性的,比较第一行的最上端的位置与显示器最上端的位置,如果第一行的最上端的位置在显示器最上端的位置之下或者二者重合,则用户按压下滚动键时,详情页界面不再向上滚动。
在一些实施例中,当详情页界面可以滚动时,将获取焦点的位置自动执行居中逻辑。示例性的,如图10所示,详情页界面包括四行内容,当前焦点801在第二行800时(焦点选中将控件的边框加粗),按压控制装置上的下滚动键焦点会选中第三行900,第三行在获取焦点后自动执行居中逻辑,即在详情页界面上可以显示为焦点位置不动,但是焦点801选中由原来的第二行800的内容改变为第三行900的内容,如图11所示。
一些实施例中,详情页界面的滑动距离可以根据当前焦点所在位置,以及焦点即将处于的位置确定。示例性的,如图10所示,用户按压控制装置上的下滚动键,显示器上显示窗口的总高度为H,第三行纵向中心点距离显示器上端的距离为H1,距离显示器下端的距离为H2,可以看出H1大于H2,此时使详情页界面向上滑动,使第三行在显示器上纵向居中显示,此时滑动距离为(H1-H2)/2。由于详情页界面向上滚动的原因,视频窗口随之向上移动,视频窗口只能部分显示在显示器上,此时用户不能观看到完整画面的视频,这样就会影响用户的使用体验,示例性的,如图12所示,图12中的视频窗口501只有部分显示在显示器中。
现有技术中,一般是将播放窗口隐藏,并暂停视频窗口中内容的播放,在播放窗口恢复到显示器上显示窗口的显示位置时,重新启动视频窗口。这样不仅会使得播放窗口重新加载片头贴片广告后续播暂停的视频,还会使得用户在浏览推荐内容的时候,无法观看播放窗口的视频内容。
在本申请一些实施例中,S200、在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置。示例性的,用户可以通过按压控制装置上的下滚动键,完成向下移动所述焦点的操作。由于接收到向下移动焦点的操作时,视频窗口移动可能造成用户不能观看到完整的视频画面,所以此时确定视频窗口的位置,可以有助于执行后续步骤以使用户可以观看到完整画面的视频。
在一些实施例中,向下移动焦点的指令会使得视频窗口的位置向上移动,在视频窗口的位置能继续为用户展示视频内容时,可以保留视频窗口的显示,在视频窗口的位置无法为用户展示视频内容时,取消视频窗口的展示,并在启动浮层上的播放窗口继续播放视频窗口显示的内容。
S300、判断所述视频窗口是否移动到预设位置。
在一些实施例中,预设位置是指允许所述视频窗口播放视频数据的位置,示例性的,预设位置需要满足视频窗口展示给用户观看的需求。
在一些实施例中,判断视频窗口是否移动到预设位置的步骤包括:所述预设位置用于指示根据显示器最上端确定的位置;判断所述视频窗口最上端与显示器最上端的位置差是否大于预设位置差值。
本申请一些实施例中,并不一定限制为视频窗口最上端与显示器最上端的位置差,也可以通过视频窗口上的其他位置与显示器上对应位置之间的位置差,与预设位置差值比较,示例性的,可以为视频窗口最下端与显示器最下端的位置差。本申请一些实施例主要是为了判断视频窗口是否移动到预设位置,所以对于与视频窗口比较的位置基准不做限制。
一些实施例中,确定所述视频窗口最上端与显示器最上端的位置差的步骤包括:
以显示器上显示窗口的左上角为原点,取向右为横坐标的正方向,取向下为纵坐标的正方向建立直角坐标系;根据视频窗口的最上端对应的纵坐标和显示器上显示窗口的最上端的纵坐标的差值,得到位置差。本申请一些实施例中,当视频窗口的最上端超出显示器,且视频窗口的最上端与显示器最上端之间的位置差,大于预设位置差值,则确定视频窗口移动到预设位置。当视频窗口的最上端与显示器最上端之间的位置差,不大于预设位置差值,则确定视频窗口未移动到预设位置。
一些实施例中,判断所述视频窗口是否移动到预设位置的步骤包括:将显示器上显示窗口的最上端作为基准,如果视频窗口的最上端超过显示器上显示窗口的最上端,则确定视频窗口移动到预设位置。如果视频窗口的最上端未超过显示器上显示窗口的最上端,则确定视频窗口未移动到预设位置。
一些实施例中,由于一些特殊情况,可能在详情页界面上,且位于视频窗口的上方还设置有重要内容,所以为了避免该重要内容被遮挡,判断所述视频窗口是否移动到预设位置的步骤包括:将显示器上显示窗口的最上端作为基准,如果视频窗口的最上端未超过显示器上显示窗口的最上端,则确定视频窗口移动到预设位置。如果视频窗口的最上端超过显示器上显示窗口的最上端,则确定视频窗口移动到预设位置。一些实施例中,可以以信息栏的左下端作为原点,取向右为横坐标的正方向,取向下为纵坐标的正方向建立直角坐标系。如图5所示,图5中的信息栏位于界面的最上部,包括搜索控件和时间控件等。一些实施例中,所述详情页界面设置在该信息栏下方,用户利用控制装置滚动详情页界面时,该信息栏一直位于显示器上部。在显示浮层时,该浮层也不会遮挡该信息栏。预设位置可以根据信息栏的位置设置,通过视频窗口与信息栏之间的位置,判断视频窗口是否移动到预设位置,示例性,预设位置可以为信息栏的最下端。
S400、如果所述视频窗口移动到预设位置,则显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。如果所述视频窗口未移动到预设位置,则继续执行在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置步骤。
本申请一些实施例中,为了避免用户不能观看视频窗口中的视频,在视频窗口移动到预设位置时,在详情页界面上方覆盖有浮层,该浮层设置有用于播放媒资内容的播放窗口,这样当视频窗口未全部显示在详情页界面上时,用户可以利用播放窗口继续观看媒资内容,这样当影响用户观看视频窗口中播放的视频时,可以通过播放窗口观看视频,提高用户的使用体验。示例性的,如图13所示,图13中显示有浮层600,该浮层中显示有播放窗口601。
在一些实施例中,控制视频窗口不再播放媒资详情页对应的视频时,还需要记录视频播放的时间数据。
在一些实施例中,视频的播放数据可以用来使浮层上的播放窗口根据视频播放的时间数据在视频暂停/取消播放的时间轴时刻,继续播放视频。
在一些实施例中,所述视频窗口根据详情页数据中的视频链接地址,自动播放视频。所述视频窗口可以为播放器窗口。
在一些实施例中,播放视频前需要播放贴片广告,在播放器设置需要播放贴片广告的标识,当自动播放视频前,根据所述标识确定是否播放贴片广告,如果需要播放贴片广告,则播放广告后,加载视频数据播放视频。当视频窗口移动到预设位置后,在详情页界面上显示设置有播放窗口的浮层,此时播放窗口继续播放视频。当视频窗口移出预设位置后,在详情页界面上不显示浮层,利用详情页界面上的视频窗口继续播放视频。需要说明的是,当第一次视频窗口播放视频时需要播放贴片广告,当不显示浮层后,第二次利用视频窗口播放视频时不再显示贴片广告,而是继续根据浮层中播放视频的进度播放视频。
在一些实施例中,当利用视频窗口第一次播放视频时,此时记录视频窗口播放视频的次数,当后续过程中不显示浮层后,第二次利用视频窗口播放视频之前,需要查看视频窗口是否为第一次播放视频,如果不是,则直接跳过贴片广告,继续按照播放窗口播放视频的进度播放视频,如果是,则不跳过贴片广告,首先播放贴片广告,然后从头播放视频。
在一些实施例中,视频窗口播放视频的计数值可以随用当前详情页中视频窗口和浮层上的播放窗口的切换次数的增加而增加。
在一些实施例中,还可以设置不同的标识来区分是通过用户的切换指令(从其他页面切换到详情页界面)展示详情页时视频窗口的加载,还是取消浮层的播放窗口后视频窗口的加载。
在一些实施例中,在取消详情页的视频窗口并启动浮层中的播放窗口时,设置第一标识,该第一标识在用户浏览详情页期间维持,在用户退出详情页进入其他页面后取消。视频窗口被设置为检测到贴片广告标识时,确认是否存在第一标识,在存在第一标识时,跳过广告数据的加载和播放,在未检测到第一标识时需加载广告数据并播放。
在一些时候实力中,第一标识的确认和会员鉴权的逻辑可以同时存在,两者的先后顺序不影响方案的执行。
在一些实施例中,在从其他页面进入详情页页面是,确认第一标识不存在,因此详情页上的视频窗口执行正常的广告加载逻辑。
在一些实施例中,用户退出详情页进入其他页面,此时如果第一标识不存在(及没有触发过浮层上的播放窗口),则直接退出并切换至其他界面,如果存在第一标识(及触发过浮层上的播放窗口)则在退出的同时毁所述第一标识,然后再显示其他界面。
示例性的,如图13所示,图13中的浮层600显示有播放窗口601,播放窗口按照视频窗口播放的进度和视频链接地址加载视频数据,并播放视频。例如,当视频窗口中的视频播放到2分59秒,则播放窗口从2分59秒继续播放视频。
在一些实施例中,所述浮层上还设置有文本控件,所述文本控件用于显示视频信息,所述视频信息包括影片名称和影片简介,示例性的,如图13所示,图13中显示有影片名称《你好李焕英》,还显示有影片简介。
在一些实施例中,浮层上的播放窗口设置在显示器显示窗口的竖直方向的上部,这是因为在详情页的布局下,页面只能沿竖直方向上下滚动,此时页面上部的数据已经被用户,因此不会遮挡用户未观看的数据。
本申请一些实施例中,视频窗口移动到预设位置,即当视频窗口不能全部显示在显示器上时,可以控制显示器显示浮层。示例性的,当一半视频窗口不能被显示在显示器上时,即用户仅能看到一半的视频窗口时,控制显示器显示浮层。另外,也可以设置为视频窗口全部不能显示在显示器上时,即用户不能看到视频窗口时,控制显示器显示浮层。需要说明的是,本申请一些实施例中并不限制视频窗口被遮挡的具体比例,可以根据实际情况设置。
在一些实施例中,所述显示设置有播放窗口的浮层的步骤包括:将浮层的状态由不可见状态,更改为可见状态,其中当浮层的状态为不可见状态时,不显示浮层;当浮层的状态为可见状态时,显示浮层。
需要说明的是,本实施例中,所述浮层一直存在在详情页界面上,但是当视频窗口未移动到预设位置时,该浮层的状态为不可见状态。当视频窗口移动到预设位置时,该浮层的状态变更为不可见状态。
另一些实施例中,所述浮层并非一直存在在详情页界面上,当视频窗口移动到预设位置时,自动新建浮层并将该浮层显示在详情页界面上。
本申请一些实施例中,当通过浮层中的播放窗口播放媒资内容时,详情页界面上的媒资内容不再继续播放。
在一些实施例中,所述控制播放窗口播放媒资内容的步骤包括:确定所述视频窗口播放媒资内容的第一进度;控制所述播放窗口按照第一进度播放媒资内容。为了使用户可以在播放窗口中继续观看视频窗口播放的视频,而不是重新从头开始观看视频,本申请一些实施例控制播放窗口按照第一进度播放媒资内容。
在一些实施例中,当控制视频窗口不播放媒资内容时记录对应的第一进度,将第一进度以及该媒资内容的地址发送到播放窗口,该播放窗口根据媒资内容的地址加载媒资内容,并根据第一进度继续播放媒资内容。
本申请一些实施例中,控制详情页界面上的媒资内容不再继续播放,可以通过两种方式实现,第一种是将详情页界面中的视频窗口撤销,使整个视频窗口不再存在;另一种视频窗口还存在,但是只是不显示媒资内容,视频窗口相当于一个播放器,在该方案中播放器还存在,只是播放器不再播放媒资内容。
在一些实施例中,响应于接收到启动详情页的指令,在显示器显示详情页界面,当用户按压控制装置上的下滚动键,当视频窗口移动到预设位置,详情页界面上显示浮层。当用户继续按压控制装置上的下滚动键,该浮层继续显示,且详情页界面向上滚动直至最后一行内容显示在显示器上。该部分涉及的详情页界面的滚动方法和滚动距离在上文已经介绍,在此不再赘述。
在一些实施例中,所述方法还包括:在接收到向上移动所述焦点的操作时,如果所述视频窗口移出预设位置,控制在详情页界面上方不显示所述浮层,且控制所述视频窗口播放媒资内容。
在一些实施例中,在显示浮层时,用户按压控制装置上的上滚动键,详情页界面中的焦点向上移动,进而导致详情页在显示窗口上的内容向下滚动,当视频窗口移出预设位置,则详情页界面上的浮层不再显示。当用户继续按压控制装置上的上滚动键,详情页界面中的焦点向继续上移动,显示在显示窗口上的内容继续向下滚动直至第一行内容显示在显示器上。该部分涉及的详情页界面的滚动方法和滚动距离在上文已经介绍,在此不再赘述。在一些实施例中,上滚动键是指可以是详情页界面向上滚动的按键,下滚动键是指可以使详情页面向下滚动的按键。示例性的,上滚动键可以使上方向键,下滚动键可以是下方向键。
在一些实施例中,显示设备是响应上滚动指令和下滚动指令,上滚动指令可以是遥控设备上滚动键被操作时产生的,下滚动指令可以是遥控设备上下滚动键被操作时产生的。
本申请一些实施例中,该向上移动所述焦点的操作与上文中向下移动所述焦点的操作相对应,当接收到向上移动所述焦点的操作时,视频窗口可以不断的向显示器上显示窗口的位置靠近。当用户按压控制装置上的上滚动键,完成向上移动所述焦点的操作。示例性的,如图13所示,用户可以按压控制装置上的上滚动键,当视频窗口移出预设位置,控制不显示浮层,并控制视频窗口播放媒资内容,如图9所示。
在一些实施例中,所述控制所述视频窗口播放媒资内容的步骤包括:确定所述播放窗口播放媒资内容的第二进度;控制所述视频窗口按照第二进度播放媒资内容。为了使用户可以在视频窗口中继续观看播放窗口播放的视频,而不是重新从头开始观看视频,本申请一些实施例中控制视频窗口按照第二进度播放媒资内容。
在一些实施例中,当控制播放窗口不播放媒资内容时记录对应的第二进度,将第二进度以及该媒资内容的地址发送到视频窗口,该视频窗口根据媒资内容的地址加载媒资内容,并根据第二进度继续播放媒资内容。
在一些实施例中,所述控制在详情页界面上方不显示所述浮层的步骤包括:将浮层的状态由可见状态,更改为不可见状态。
另一些实施例中,控制在详情页界面上方不显示所述浮层的步骤可以直接将该浮层撤销,当再次需要显示该浮层时重新新建。
在一些实施例中,如图14所示,用户点击影片推荐位,终端发送下发详情页数据请求到服务器,服务器下发所述详情页数据到终端。根据详情页数据生成详情页界面,将所述详情页界面显示在终端的显示器上。用户按压控制装置上的下滚动键,确定详情页界面上的视频窗口的位置,如果视频窗口移动到预设位置,则控制显示设置有播放窗口的浮层,所述播放窗口播放影片,不再播放详情页界面上的媒资内容。如果视频窗口未移动到预设位置,则执行接收用户按压控制上的下滚动键操作,确定视频窗口的位置的步骤。用户按压控制装置上的上滚动键,确定视频窗口的位置,如果视频窗口移出预设位置,则控制不显示浮层,控制视频窗口播放影片,如果视频窗口未移除预设位置,则执行接收用户按压控制装置上的上滚动键操作,确定视频窗口的位置的步骤。
上述实施例中,一种浮层播放视频的方法及显示设备,本申请一些实施例中在详情页界面不能播放完整画面的视频时,通过浮层中的播放窗口播放视频,可以提高用户的使用体验。该方法包括:响应于接收到的启动详情页的指令,在所述显示器显示详情页界面;在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置,如果所述视频窗口移动到预设位置,显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
为了方便解释,已经结合具体的实施方式进行了上述说明。但是,上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导,可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用,从而使得本领域技术人员更好的使用所述实施方式以及适于具体使用考虑的各种不同的变形的实施方式。
Claims (10)
1.一种显示设备,其特征在于,包括:
显示器,用于显示用户界面;
用户接口,用于接收输入信号;
分别与显示器和用户接口连接的控制器,用于执行:
响应于接收到的启动详情页的指令,在所述显示器显示详情页界面,其中,所述详情页页面上设置有用于播放媒资内容的视频窗口,以及位于所述视频窗口下方的媒资控件列表,所述视频窗口和所述媒资控件列表中的媒资控件均被设置为可以获得焦点;
在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置,如果所述视频窗口移动到预设位置,显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。
2.根据权利要求1所述的显示设备,其特征在于,所述控制器还用于:
在接收到向上移动所述焦点的操作时,如果所述视频窗口移出预设位置,控制在详情页界面上方不显示所述浮层,且控制所述视频窗口播放媒资内容。
3.根据权利要求1所述的显示设备,其特征在于,所述控制器被配置为按照下述步骤执行控制所述播放窗口播放媒资内容:确定所述视频窗口播放媒资内容的第一进度;控制所述播放窗口按照第一进度播放媒资内容。
4.根据权利要求2所述的显示设备,其特征在于,所述控制器被配置为按照下述步骤执行控制所述视频窗口播放媒资内容:确定所述播放窗口播放媒资内容的第二进度;控制所述视频窗口按照第二进度播放媒资内容。
5.根据权利要求1所述的显示设备,其特征在于,所述控制器被配置为按照下述步骤执行判断所述视频窗口是否移动到预设位置:
所述预设位置用于指示根据显示器最上端确定的位置;
判断所述视频窗口最上端与显示器最上端的位置差是否大于预设位置差值;
如果所述位置差大于预设位置差值,则确定所述视频窗口移动到预设位置;
如果所述位置差不大于预设位置差值,则确定视频窗口未移动到预设位置。
6.根据权利要求5所述的显示设备,其特征在于,所述控制器被配置为按照下述步骤执行确定所述视频窗口最上端与显示器最上端的位置差:
以显示器上显示窗口的左上角为原点,取向右为横坐标的正方向,取向下为纵坐标的正方向建立直角坐标系;根据视频窗口的最上端对应的纵坐标和显示器上显示窗口的最上端的纵坐标的差值,得到位置差。
7.根据权利要求1所述的显示设备,其特征在于,所述浮层上还设置有文本控件,所述文本控件用于显示视频信息,所述视频信息包括影片名称和影片简介。
8.根据权利要求1所述的显示设备,其特征在于,所述控制器被配置为按照下述步骤执行显示设置有播放窗口的浮层:
将浮层的状态由不可见状态,更改为可见状态,其中当浮层的状态为不可见状态时,不显示浮层;当浮层的状态为可见状态时,显示浮层。
9.根据权利要求2所述的显示设备,其特征在于,所述控制器被配置为按照下述步骤执行控制在详情页界面上方不显示所述浮层:将浮层的状态由可见状态,更改为不可见状态。
10.一种浮层播放视频的方法,其特征在于,包括:
响应于接收到的启动详情页的指令,在所述显示器显示详情页界面,其中,所述详情页页面上设置有用于播放媒资内容的视频窗口,以及位于所述视频窗口下方的媒资控件列表,所述视频窗口和所述媒资控件列表中的媒资控件均被设置为可以获得焦点;在接收到向下移动所述焦点的操作时,确定所述视频窗口的位置,如果所述视频窗口移动到预设位置,显示设置有播放窗口的浮层,所述浮层覆盖在所述详情页界面上方,且控制所述播放窗口播放媒资内容,控制不再播放详情页界面上的媒资内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110587287.2A CN115412753A (zh) | 2021-05-27 | 2021-05-27 | 一种浮层播放视频的方法及显示设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110587287.2A CN115412753A (zh) | 2021-05-27 | 2021-05-27 | 一种浮层播放视频的方法及显示设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115412753A true CN115412753A (zh) | 2022-11-29 |
Family
ID=84154768
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110587287.2A Pending CN115412753A (zh) | 2021-05-27 | 2021-05-27 | 一种浮层播放视频的方法及显示设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115412753A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103702161A (zh) * | 2013-12-26 | 2014-04-02 | 乐视网信息技术(北京)股份有限公司 | 一种播放多媒体文件的方法及具备触摸屏的终端 |
CN106303664A (zh) * | 2016-10-13 | 2017-01-04 | 合信息技术(北京)有限公司 | 视频播放方法及装置 |
CN109640182A (zh) * | 2018-12-20 | 2019-04-16 | 深圳创维数字技术有限公司 | 视频播放方法、装置及计算机可读存储介质 |
CN110221734A (zh) * | 2018-03-01 | 2019-09-10 | 华为技术有限公司 | 信息显示方法、图形用户接口及终端 |
CN112399230A (zh) * | 2019-08-19 | 2021-02-23 | 上海哔哩哔哩科技有限公司 | 用于移动终端应用的播放方法 |
-
2021
- 2021-05-27 CN CN202110587287.2A patent/CN115412753A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103702161A (zh) * | 2013-12-26 | 2014-04-02 | 乐视网信息技术(北京)股份有限公司 | 一种播放多媒体文件的方法及具备触摸屏的终端 |
CN106303664A (zh) * | 2016-10-13 | 2017-01-04 | 合信息技术(北京)有限公司 | 视频播放方法及装置 |
CN110221734A (zh) * | 2018-03-01 | 2019-09-10 | 华为技术有限公司 | 信息显示方法、图形用户接口及终端 |
CN109640182A (zh) * | 2018-12-20 | 2019-04-16 | 深圳创维数字技术有限公司 | 视频播放方法、装置及计算机可读存储介质 |
CN112399230A (zh) * | 2019-08-19 | 2021-02-23 | 上海哔哩哔哩科技有限公司 | 用于移动终端应用的播放方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10674107B2 (en) | User interface for audio video display device such as TV | |
CN111405333B (zh) | 显示设备和频道控制方法 | |
CN113259741B (zh) | 一种剧集经典看点的展示方法及显示设备 | |
CN113051432B (zh) | 显示设备及媒资播放方法 | |
WO2020207115A1 (zh) | 一种提供菜单项的图形用户界面方法及显示设备 | |
CN113535019A (zh) | 显示设备及应用图标的显示方法 | |
CN111045557A (zh) | 焦点对象的移动方法及显示设备 | |
CN111669634A (zh) | 一种视频文件预览方法及显示设备 | |
CN113347413A (zh) | 一种窗口位置检测方法及显示设备 | |
CN112733050A (zh) | 显示设备上搜索结果的展示方法及显示设备 | |
CN113347482B (zh) | 一种播放数据的方法及显示设备 | |
CN115412753A (zh) | 一种浮层播放视频的方法及显示设备 | |
CN112367550A (zh) | 一种媒资列表多标题动态展示的实现方法及显示设备 | |
CN111259639A (zh) | 一种表格的自适应调节方法及显示设备 | |
CN115514998B (zh) | 显示设备和网络媒资切换方法 | |
CN113766164B (zh) | 显示设备及信号源界面显示方法 | |
CN115314757B (zh) | 一种显示设备及引导窗口显示方法 | |
CN117406886A (zh) | 显示设备和悬浮窗口显示方法 | |
CN116301525A (zh) | 显示设备和图像模式设置方法 | |
CN117812304A (zh) | 显示设备和播放内容搜索方法 | |
CN117750113A (zh) | 显示设备和媒资节目展示方法 | |
CN117793424A (zh) | 显示设备和分辨率设置方法 | |
CN113965791A (zh) | 悬浮窗口的返回方法和显示设备 | |
CN116527971A (zh) | 显示设备和音频播放方法 | |
CN116489438A (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 |