显示设备及媒资播放方法与流程

1.本申请涉及显示技术领域，尤其涉及一种显示设备及媒资播放方法。


背景技术：

2.现如今，跟随电视上的健身视频进行健身是一种流行的健身方式，为了更好的掌握自己的健身动作是否标准，部分电视可通过摄像头采集用户图像，将用户图像与健身视频在电视上同时播放，使用户能在电视上看到自己的动作，从而可将自己的动作与健身视频终端中的动作进行比对分析。
3.目前大部分电视的显示比例为16:9，健身视频的比例通常也为16:9，如果电视只播放健身视频，则可将健身视频进行全屏显示，而如果将健身视频与用户图像同时显示，由于用户图像占据了电视的部分显示区域，会导致健身视频的显示区域可能不是16:9。相关技术中，当一个视频的比例与播放窗口的比例不一致时，通常会将该视频缩放到一个较小的尺寸，以便能够在播放窗口内进行展示，然而，这样会导致视频的周围出现黑边，并且，视频也会变得较小，对于健身视频，视频变小会导致一些健身动作难以看清，严重影响用户的观看体验。


技术实现要素：

4.为解决健身视频播放效果不佳的技术问题，本申请提供了一种显示设备及媒资播放方法。
5.第一方面，本申请提供了一种显示设备，该显示设备包括：
6.显示器；
7.控制器，与所述显示器连接，所述控制器被配置为：
8.接收用户输入的媒资播放指令；
9.响应于所述媒资播放指令，获取所述媒资播放指令对应的目标视频；
10.在对应所述目标视频的第一播放窗口上方未设置控件时，在所述第一播放窗口播放所述目标视频；
11.在对应所述目标视频的第一播放窗口上方设置有所述控件时，在所述第一播放窗口中将所述目标视频的显示位置向远离所述控件的方向移动，以使所述目标视频的画面的中心位置靠近所述第一播放窗口中未被所述控件遮挡的目标显示区域的中心位置显示，其中，所述控件不透明，且遮挡所述第一播放窗口的一侧。
12.第二方面，本申请提供了一种媒资播放方法，该方法包括：
13.接收用户输入的媒资播放指令；
14.响应于所述媒资播放指令，获取所述媒资播放指令对应的目标视频；
15.在对应所述目标视频的第一播放窗口上方未设置控件时，在所述第一播放窗口播放所述目标视频；
16.在对应所述目标视频的第一播放窗口上方设置有所述控件时，在所述第一播放窗
口中将所述目标视频的显示位置向远离所述控件的方向移动，以使所述目标视频的画面的中心位置靠近所述第一播放窗口中未被所述控件遮挡的目标显示区域的中心位置显示，其中，所述控件不透明，且遮挡所述第一播放窗口的一侧。
17.本申请提供的显示设备及媒资播放方法的有益效果包括：
18.本申请实施例通过在显示设备上检测目标视频不被遮挡的显示区域，将其确定为目标显示区域，然后在将目标视频进行缩放后，控制目标视频的图像在目标显示区域进行偏移显示，解决了跟练模式下目标视频在播放时被第二播放窗口遮挡而导致的显示效果不佳的问题，提升了用户的观看体验。
附图说明
19.为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
20.图1中示例性示出了根据一些实施例的显示设备与控制装置之间操作场景的示意图；
21.图2中示例性示出了根据一些实施例的控制装置100的硬件配置框图；
22.图3中示例性示出了根据一些实施例的显示设备200的硬件配置框图；
23.图4中示例性示出了根据一些实施例的显示设备200中软件配置示意图；
24.图5中示例性示出了根据一些实施例的健身首页示意图；
25.图6中示例性示出了根据一些实施例的媒资详情界面示意图；
26.图7中示例性示出了根据一些实施例的播放模式选择界面示意图；
27.图8中示例性示出了根据一些实施例的普通模式下的全屏播放界面示意图；
28.图9中示例性示出了根据一些实施例的跟练模式下的双窗口示意图；
29.图10中示例性示出了根据一些实施例的跟练模式下的目标显示区域的示意图；
30.图11中示例性示出了根据一些实施例的跟练模式下的偏移示意图；
31.图12中示例性示出了根据一些实施例的跟练模式下的遮挡示意图；
32.图13中示例性示出了根据一些实施例的跟练模式下的双窗口播放界面示意图。
具体实施方式
33.为使本申请的目的和实施方式更加清楚，下面将结合本申请示例性实施例中的附图，对本申请示例性实施方式进行清楚、完整地描述，显然，描述的示例性实施例仅是本申请一部分实施例，而不是全部的实施例。
34.需要说明的是，本申请中对于术语的简要说明，仅是为了方便理解接下来描述的实施方式，而不是意图限定本申请的实施方式。除非另有说明，这些术语应当按照其普通和通常的含义理解。
35.本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似或同类的对象或实体，而不必然意味着限定特定的顺序或先后次序，除非另外注明。应该理解这样使用的用语在适当情况下可以互换。
36.术语“包括”和“具有”以及他们的任何变形，意图在于覆盖但不排他的包含，例如，
包含了一系列组件的产品或设备不必限于清楚地列出的所有组件，而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
37.术语“模块”是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。
38.图1为根据实施例中显示设备与控制装置之间操作场景的示意图。如图1所示，用户可通过智能设备300或控制装置100操作显示设备200。
39.在一些实施例中，控制装置100可以是遥控器，遥控器和显示设备的通信包括红外协议通信或蓝牙协议通信，及其他短距离通信方式，通过无线或有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令，来控制显示设备200。
40.在一些实施例中，也可以使用智能设备300(如移动终端、平板电脑、计算机、笔记本电脑等)以控制显示设备200。例如，使用在智能设备上运行的应用程序控制显示设备200。
41.在一些实施例中，显示设备200还可以采用除了控制装置100和智能设备300之外的方式进行控制，例如，可以通过显示设备200设备内部配置的获取语音指令的模块直接接收用户的语音指令控制，也可以通过显示设备200设备外部设置的语音控制设备来接收用户的语音指令控制。
42.在一些实施例中，显示设备200还与服务器400进行数据通信。可允许显示设备200通过局域网(lan)、无线局域网(wlan)和其他网络进行通信连接。服务器400可以向显示设备200提供各种内容和互动。服务器400可以是一个集群，也可以是多个集群，可以包括一类或多类服务器。
43.图2示例性示出了根据示例性实施例中控制装置100的配置框图。如图2所示，控制装置100包括控制器110、通信接口130、用户输入/输出接口140、存储器、供电电源。控制装置100可接收用户的输入操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起用用户与显示设备200之间交互中介作用。
44.图3示出了根据示例性实施例中显示设备200的硬件配置框图。
45.在一些实施例中，显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。
46.在一些实施例中控制器包括处理器，视频处理器，音频处理器，图形处理器，ram，rom，用于输入/输出的第一接口至第n接口。
47.在一些实施例中，显示器260包括用于呈现画面的显示屏组件，以及驱动图像显示的驱动组件，用于接收源自控制器输出的图像信号，进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控ui界面。
48.在一些实施例中，显示器260可为液晶显示器、oled显示器、以及投影显示器，还可以为一种投影装置和投影屏幕。
49.在一些实施例中，通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如：通信器可以包括wifi模块，蓝牙模块，有线以太网模块等其他网络通信协议芯片或近场通信协议芯片，以及红外接收器中的至少一种。显示设备200可以通过
通信器220与外部控制设备100或服务器400建立控制信号和数据信号的发送和接收。
50.在一些实施例中，用户接口，可用于接收控制装置100(如：红外遥控器等)的控制信号。
51.在一些实施例中，检测器230用于采集外部环境或与外部交互的信号。例如，检测器230包括光接收器，用于采集环境光线强度的传感器；或者，检测器230包括图像采集器，如摄像头，可以用于采集外部环境场景、用户的属性或用户交互手势，再或者，检测器230包括声音采集器，如麦克风等，用于接收外部声音。
52.在一些实施例中，外部装置接口240可以包括但不限于如下：高清多媒体接口接口(hdmi)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(cvbs)、usb输入接口(usb)、rgb端口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。
53.在一些实施例中，调谐解调器210通过有线或无线接收方式接收广播电视信号，以及从多个无线或有线广播电视信号中解调出音视频信号，如以及epg数据信号。
54.在一些实施例中，控制器250和调谐解调器210可以位于不同的分体设备中，即调谐解调器210也可在控制器250所在的主体设备的外置设备中，如外置机顶盒等。
55.在一些实施例中，控制器250，通过存储在存储器上中各种软件控制程序，来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。例如：响应于接收到用于选择在显示器260上显示ui对象的用户命令，控制器250便可以执行与由用户命令选择的对象有关的操作。
56.在一些实施例中，所述对象可以是可选对象中的任何一个，例如超链接、图标或其他可操作的控件。与所选择的对象有关操作有：显示连接到超链接页面、文档、图像等操作，或者执行与所述图标相对应程序的操作。
57.在一些实施例中控制器包括中央处理器(central processing unit，cpu)，视频处理器，音频处理器，图形处理器(graphics processing unit，gpu)，ram random access memory，ram)，rom(read
‑
only memory,rom)，用于输入/输出的第一接口至第n接口，通信总线(bus)等中的至少一种。
58.在一些实施例中，用户可在显示器260上显示的图形用户界面(gui)输入用户命令，则用户输入接口通过图形用户界面(gui)接收用户输入命令。或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户输入接口通过传感器识别出声音或手势，来接收用户输入命令。
59.在一些实施例中，“用户界面”，是应用程序或操作系统与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(graphic user interface，gui)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、widget等可视的界面元素。
60.参见图4，在一些实施例中，将系统分为四层，从上至下分别为应用程序(applications)层(简称“应用层”)，应用程序框架(application framework)层(简称“框架层”)，安卓运行时(android runtime)和系统库层(简称“系统运行库层”)，以及内核层。
61.在一些实施例中，应用程序层中运行有至少一个应用程序，这些应用程序可以是操作系统自带的窗口(window)程序、系统设置程序或时钟程序等；也可以是第三方开发者所开发的应用程序。在具体实施时，应用程序层中的应用程序包不限于以上举例。
62.框架层为应用程序提供应用编程接口(application programming interface，api)和编程框架。应用程序框架层包括一些预先定义的函数。应用程序框架层相当于一个处理中心，这个中心决定让应用层中的应用程序做出动作。应用程序通过api接口，可在执行中访问系统中的资源和取得系统的服务。
63.如图4所示，本申请实施例中应用程序框架层包括管理器(managers)，内容提供者(content provider)等，其中管理器包括以下模块中的至少一个：活动管理器(activity manager)用与和系统中正在运行的所有活动进行交互；位置管理器(location manager)用于给系统服务或应用提供了系统位置服务的访问；文件包管理器(package manager)用于检索当前安装在设备上的应用程序包相关的各种信息；通知管理器(notification manager)用于控制通知消息的显示和清除；窗口管理器(window manager)用于管理用户界面上的括图标、窗口、工具栏、壁纸和桌面部件。
64.在一些实施例中，活动管理器用于管理各个应用程序的生命周期以及通常的导航回退功能，比如控制应用程序的退出、打开、后退等。窗口管理器用于管理所有的窗口程序，比如获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕，控制显示窗口变化(例如将显示窗口缩小显示、抖动显示、扭曲变形显示等)等。
65.在一些实施例中，系统运行库层为上层即框架层提供支撑，当框架层被使用时，安卓操作系统会运行系统运行库层中包含的c/c 库以实现框架层要实现的功能。
66.在一些实施例中，内核层是硬件和软件之间的层。如图4所示，内核层至少包含以下驱动中的至少一种：音频驱动、显示驱动、蓝牙驱动、摄像头驱动、wifi驱动、usb驱动、hdmi驱动、传感器驱动(如指纹传感器，温度传感器，压力传感器等)、以及电源驱动等。
67.在一些实施例中的硬件或软件架构可以基于上述实施例中的介绍，在一些实施例中可以是基于相近的其他硬件或软件架构，可以实现本申请的技术方案即可。
68.在一些实施例中，显示设备启动后可以直接进入预置的视频点播程序的界面，视频点播程序的界面可以如图5中所示，至少包括导航栏和位于导航栏下方的内容显示区，内容显示区中显示的内容会随导航栏中被选中控件的变化而变化。应用程序层中的程序可以被集成在视频点播程序中通过导航栏的一个控件进行展示，也可以在导航栏中的应用控件被选中后进行进一步显示。
69.在一些实施例中，显示设备启动后可以直接进入上次选择的信号源的显示界面，或者信号源选择界面，其中信号源可以是预置的视频点播程序，还可以是hdmi接口，直播电视接口等中的至少一种，用户选择不同的信号源后，显示器可以显示从不同信号源获得的内容。
70.在一些实施例中，如图5所示，导航栏可设置有多个控件，如“我的”、“频道”、“影视”、“健身”、“vip”、“教育”、“商城”、“游戏”和应用，不同的导航栏控件对应不同的频道界面，若用户想进行健身，可选中“健身”控件，图5所示的界面即“健身”控件被选中后的界面，用户可在该界面选择一个健身视频，以跟随健身视频进行健身。
71.参见图6，用户在图5所示的界面点击一个健身视频后，显示设备根据被选中的视
频控件对应的配置参数，请求服务器下发对应的详情页数据，然后根据接收到的详情页数据进入图6所示的媒资详情界面。如图6所示，媒资详情界面可显示该健身视频的多个课程小节控件，也可以不包括，用户点击其中一个课程小节控件或者开始训练控件后，显示设备将获取该课程小节控件/详情页对应的健身视频，然后进入播放模式选择界面。在如下表述中，播放的健身视频也被称为目标视频。
72.参见图7，播放模式选择界面可展示三种模式控件，第一种模式控件对应的播放模式为普通模式，该模式也可称为第一模式，第二种模式控件对应的播放模式为跟练模式，该模式也可称为第二模式，第三种模式控件对应的播放模式为观影模式，该模式也可称为第三模式。每个该模式控件可显示有该播放模式的解释说明，示例性的，普通模式的解释说明可为：“屏蔽摄像头观看完整教学视频熟悉训练动作”，跟练模式的解释说明可为：“开启摄像头获得动作实时比对让动作更标准”，观影模式的解释说明可为：“屏蔽摄像头边看边锻炼运动效果不打折”。
73.根据上述解释说明可知，在一些实施例中，在普通模式下，显示设备不启动摄像头，只在一新的界面上设置一个播放窗口来播放健身视频，在跟练模式下，显示设备启动摄像头，在显示器的新的界面上设置两个播放窗口，分别同时播放摄像头采集的图像和健身视频，在观影模式下，显示设备不启动摄像头，在显示器新的界面上设置两个播放窗口，分别同时播放一个健身视频和一个影片。
74.在一些实施例中，显示设备可设置有摄像头，摄像头可包括升降摄像头或非升降摄像头，摄像头可拍摄用户图像，得到本地摄像头数据，显示设备的控制器可将摄像头拍摄到的本地摄像头数据显示在显示设备的显示器上，使用户在显示器上看到自己的动作。
75.在一些实施例中，显示设备没有设置摄像头，但可连接一个摄像头，如通过usb连接一个外置摄像头，利用该摄像头拍摄用户图像，显示设备的控制器可将摄像头拍摄到的本地数据显示在显示设备的显示器上。
76.用户可根据上述解释说明，选择一个播放模式来观看健身视频。
77.在一些实施例中，若用户在图7所示的播放模式选择界面点击普通模式控件，则显示设备生成媒资播放指令，该媒资播放指令包括播放模式和目标视频的信息，此时，播放模式为普通模式，目标视频的信息包括目标视频的播放地址。显示设备根据该媒资播放指令，从目标视频的播放地址获取目标视频的视频数据流，根据播放模式为普通模式，在新的界面上生成一个用于播放目标视频的第一播放窗口。在一些实施例中，第一播放窗口可为全屏窗口，显示比例为16:9。
78.在一些实施例中，由于健身视频的比例通常为16:9，全屏窗口的比例也为16:9，因此，健身视频的比例与全屏窗口的比例相一致。在普通模式下，显示设备只生成一个第一播放窗口，不生成其他窗口，不会有其他窗口对第一播放窗口的显示内容进行遮挡，因此，显示设备可在生成第一播放窗口后，根据媒资播放指令的播放模式为普通模式，直接将健身视频在第一播放窗口中全屏播放。
79.在一些实施例中，为实现将健身视频在第一播放窗口中全屏播放，显示设备可将目标视频的图像进行缩放，使缩放后的目标视频的图像尺寸缩放至与全屏窗口的尺寸相一致。
80.在一些实施例中，显示设备对目标视频进行缩放的方法可为：对目标视频的视频
数据流进行解析，得到目标视频的视频帧序列，取视频帧序列中的第一帧图像，根据该图像高度和所述目标显示区域的高度的比值得到缩放比例，然后按照所述缩放比例将所述目标视频的视频帧序列进行缩放。示例性的，目标视频的图像高度为100，显示设备的全屏窗口的高度为1000，其中，高度可为垂直方向上的像素点数量，则缩放比例为：100:1000＝1:10，根据该缩放比例，将目标视频的视频帧序列放大10倍，则可使放大后的目标视频的图像能够充满整个全屏窗口。
81.在一些实施例中，显示设备将目标视频进行缩放后，得到缩放后的目标视频的视频帧序列，将该视频帧序列发送给第一播放窗口，使第一播放窗口可连续播放该视频帧序列。
82.参见图8，为根据一些实施例的普通播放模式下的全屏播放界面示意图，如图8所示，在普通播放模式下，目标视频可实现全屏播放，图8中的人物可为健身教练，线条可表示人物背景，通常情况下，在目标视频的图像中，人物居中显示，人物后方的左侧和右侧均为背景图像。
83.在一些实施例中，若用户在图7所示的播放模式选择界面点击跟练模式控件，则显示设备生成媒资播放指令，该媒资播放指令包括播放模式和目标视频的信息，此时，播放模式为跟练模式，目标视频的信息包括目标视频的播放地址。显示设备根据该媒资播放指令，从目标视频的播放地址获取目标视频的视频数据流，根据播放模式为跟练模式，在新的界面上生成一个用于播放目标视频的第一播放窗口，以及一个用于播放本地摄像头数据的第二播放窗口。
84.在一些实施例中，第二播放窗口叠加在所述第一播放窗口的上方。
85.在一些实施例中，第二播放窗口和第一播放窗口的高度一致，第二播放窗口的左边界和第一播放窗口的左边界重合，或，第二播放窗口的右边界和第一播放窗口的右边界重合。
86.在一些实施例中，窗口的位置可以通过设置窗口在界面中的坐标参数来进行实现。
87.在一些实施例中，参见图9，在跟练模式下，第一播放窗口可为全屏窗口，显示比例为16:9，第二播放窗口可为一个与显示器等高的窗口，显示比例可据摄像头的拍摄参数确定。第二播放窗口可以贴图的形式叠加显示在第一播放窗口的一侧，例如，第二播放窗口可显示在第一播放窗口的右侧，并与第一播放窗口的右侧边缘重合，对第一播放窗口的右侧显示区域构成遮挡。若显示设备将目标视频缩放至与全屏窗口相同尺寸后，直接在全屏窗口内显示缩放后的图像，则由于第二播放窗口的遮挡，如果按照正常的窗口显示逻辑，目标视频的部分图像无法被用户观看到，用户只能观看到目标视频中不被第二播放窗口遮挡的图像。在目标视频为健身视频时，用户需要跟随健身视频中的健身教练的动作进行运动，健身教练为目标视频中的人物，通常位于健身视频的图像中部，第二播放窗口可能会遮挡健身教练的部分身体，影响了健身视频观看效果。
88.在一些实施例中，为减小健身教练的身体被遮挡的概率，显示设备可在跟练模式下，在第一播放窗口中确定一个目标显示区域，该目标显示区域为不被第二播放窗口遮挡的区域，显示设备可在该目标显示区域将目标视频的图像向左偏移显示，从而使用户能在目标显示区域看到较为完整的健身动作。
89.在一些实施例中，目标显示区域是根据所述第一播放窗口的位置坐标和第二播放窗口的位置坐标确定的。通过将第一播放窗口的位置坐标减去第二播放窗口的位置坐标，可得到目标显示区域的位置坐标。
90.需要说明的是，目标显示区域是指第一播放窗口中的较佳显示区域，在目标显示区域内显示的内容不会被其他图像遮挡，在跟练模式下，显示设备上除了有第一播放窗口，还有第二播放窗口，且第二播放窗口对第一播放窗口构成了部分遮挡，则显示设备可将第一播放窗口内位于第二播放窗口左侧未被第二播放窗口遮挡的区域确定为目标显示区域。参见图10，第二播放窗口叠加显示在第一播放窗口的右侧上方，可将第一播放窗口左侧未被第二播放窗口遮挡的区域确定为第一播放窗口的目标显示区域。
91.需要说明的是，在跟练模式下，第一播放窗口是被第二播放窗口遮挡，显示设备根据第二播放窗口在第一播放窗口上的位置确定了目标显示区域。而在一些视频播放场景下，用于进行视频播放的第一播放窗口可能不是被用于播放摄像头本地数据的第二播放窗口遮挡，而是被其他图像遮挡，例如，被一个展示图片的不透明控件遮挡，这种情况下，也可应用本申请实施例提供的方法确定一个目标显示区域，在目标显示区域内播放视频，以达到较好的播放效果。此时，若控件遮挡第一播放窗口的位置与第二播放窗口遮挡第一播放窗口的位置相同，即都是遮挡在第一播放窗口的一侧，且控件的一个宽度边与第一播放窗口的一个宽度边重合，则可将目标显示区域确定为第一播放窗口中不被控件遮挡的矩形区域。若控件的全部边都不与第一播放窗口重合，此时，无论将目标显示区域设置在控件的哪一侧，目标显示区域的尺寸都将较小，因此，可将第一播放窗口的全部显示区域确定为目标显示区域，即在第一播放窗口全屏播放目标视频。
92.在一些实施例中，在跟练模式下，由于目标显示区域仅为第一播放窗口的部分显示区域，因此，目标显示区域的尺寸比例可能不是16:9，为获得较好的播放效果，可先将目标视频进行缩放，再将缩放后的目标视频的图像向左偏移，使得偏移后的图像的中心线靠近目标显示区域的中心线，或者使偏移后的图像的中心线与目标显示区域的中心线重合，从而可使用户在目标显示区域内看到较为完整的人物图像。
93.在一些实施例中，软件执行过程中，可以不确定目标显示区域，根据播放界面中第一播放窗口和第二播放窗口的位置参数，直接确定目标视频的第一移动距离。示例性的目标视频在播放器播放过程中会进行缩放，为了保证显示内容不变形，图像在高度方向和宽度方向一般进行等比例缩放，一般的缩放规则是按照高度(宽度)进行缩放因子的确认后对图像缩放，缩放后的图像在高度(宽度)上填满播放窗口的高度(宽度)，另一维度可以进行插黑。可以以高度方向为基准，也可以以宽度方向为基准。根据第一播放器的宽度参数和第二播放器的宽度参数即可确定目标视频的图像在显示过程中需要移动的第一距离。以使得目标视频图像帧的中间位置尽可能在第一视频窗口上未被遮挡的区域显示。
94.参见图11，将目标视频的图像向左偏移第一移动距离d后，可以看出，相较偏移之前，目标视频中的人物图像更为靠近画面左侧。
95.参见图12，将目标视频的图像向左偏移第一移动距离d后，目标视频中的人物右侧的背景图像可通过第二播放窗口进行遮挡，此时，第二播放窗口不对第一播放窗口中的人物构成遮挡，达到了良好的显示效果。
96.为计算第一移动距离d，在一些实施例中，可将目标视频的图像进行缩放，获取目
标视频缩放到第一播放窗口的尺寸后的图像宽度，该图像宽度可称为待展示宽度；再获取第二播放窗口的宽度；将这两个宽度作差，可得到目标显示区域的宽度；取待展示宽度与目标显示区域的宽度的差值的一半，作为第一移动距离。根据该计算方法，目标视频左侧偏移的第一移动距离d与目标视频右侧被第二播放窗口遮挡的距离相同，实现了目标视频的中心线与目标显示区域的中心线重合。该计算方法可称为平均法，具有计算简单、计算速度快的优点，能快速确定第一移动距离d的大小。
97.在一些实施例中，第一移动距离可以是小于两个播放窗口的宽度差的任一距离。
98.在一些实施例中，第一移动距离不大于第二播放窗口的宽度。
99.在一些实施例中，可以直接根据第二播放窗口的宽度确定第一移动距离，示例性的，将所述第二播放窗口的宽度的一半作为待移动距离，第一移动距离不大于待移动距离。
100.在一些实施例中，还可以根据缩放后的影片的宽度和第二播放窗口的宽度做差来获取第一移动距离，例如，可以将差值的一半作为第一移动距离。
101.在一些实施例中，根据播放窗口的位置参数进行第一移动距离的确定。
102.在一些实施例中，目标视频中的健身教练可能不位于图像中部，此时，若再采取将目标视频左侧偏移的第一移动距离d设置为与目标视频右侧被第二播放窗口遮挡的距离相同的方法，会导致目标视频中的健身教练偏左或偏右，显示效果不佳，为解决该技术问题，还可采取其他方法计算第一移动距离d。例如，还可对目标视频的图像帧进行人体识别，在识别到人体，即健身教练后，以人体的中轴线向两侧对称延伸，直至包含人体的显示区域宽度与目标显示区域的宽度相同，此时，将该包含人体的显示区域的宽度起点与第一播放窗口的宽度起点的差值作为第一移动距离，该计算方法得到的第一移动距离可能与上述平均法得到的第一移动距离不相同，若健身教练在目标视频的媒资图像中偏左，则该计算方法得到的第一移动距离小于上述平均法得到的第一移动距离，若健身教练在目标视频的媒资图像中偏右，则该计算方法得到的第一移动距离大于上述平均法得到的第一移动距离。
103.在得到第一移动距离d后，在一些实施例中，显示设备可通过动态设置surfaceview(平面视图)的展示，实现目标视频的图像偏移显示。surfaceview的偏移输出函数可为：layoutparam.setmargins(0
‑
d,0,0,0)。如图12所示，该偏移输出函数表示左侧偏移量为d，使得媒资图像的左侧起点为(0
‑
d)，媒资图像在第一播放窗口的左侧起点为0，由于第一播放窗口在展示图像时，需要从起点为0的位置开始展示图像。因此，根据上述偏移输出函数，可使得第一播放窗口在展示目标视频的每一帧图像时，在第一播放窗口内从目标视频在第一移动距离d右侧的像素点开始展示媒资图像，第一移动距离d内的图像超出了第一播放窗口的展示范围，第一播放窗口不会展示该部分图像，实现了将目标视频的图像向左偏移显示的显示效果，在目标视频的图像右侧，第一播放窗口还空余一部分显示区域，这部分显示区域可显示黑边，通过将第二播放窗口置顶显示，可使第二播放窗口覆盖住目标视频的图像中的人物右侧的部分背景图像以及上述黑边，用户不会看到该部分背景图像以及黑边，不影响用户的观看体验。其中，第二播放窗口的置顶方式可为将setzorderontop(true)设置置顶。
104.根据上述动态设置surfaceview的方法，可使显示设备在跟练模式下的播放界面如图13所示，目标视频的中部图像在第一播放窗口的目标显示区域内显示，用户图像在第二播放窗口内显示。
105.在一些实施例中，显示设备在接收到目标视频之后，对目标视频进行解码，并按照第一播放窗口的参数进行缩放，然后在图像帧显示的过程中通过将图像帧的向左移动第一距离后的位置参数进行显示，由于移除第一播放窗口播放区域外的图像无法显示，靠近第二播放窗口的图像帧边缘被第二播放窗口遮挡，图像帧中央区域可以在第一播放窗口的未被遮挡的区域呈现。
106.在一些实施例中，第二播放窗口播放获取到的摄像头的视频数据。
107.由上述实施例可见，本申请实施例通过在显示设备上检测目标视频不被遮挡的显示区域，将其确定为目标显示区域，然后在将目标视频进行缩放后，控制目标视频的图像在目标显示区域进行偏移显示，解决了跟练模式下目标视频在播放时被第二播放窗口遮挡而导致的显示效果不佳的问题，提升了用户的观看体验。
108.由于以上实施方式均是在其他方式之上引用结合进行说明，不同实施例之间均具有相同的部分，本说明书中各个实施例之间相同、相似的部分互相参见即可。在此不再详细阐述。
109.需要说明的是，在本说明书中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或暗示这些实体或操作之间存在任何这种实际的关系或顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的电路结构、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种电路结构、物品或者设备所固有的要素。在没有更多限制的情况下，有语句“包括一个
……”
限定的要素，并不排除在包括要素的电路结构、物品或者设备中还存在另外的相同要素。
110.本领域技术人员在考虑说明书及实践这里发明的公开后，将容易想到本申请的其他实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性地，本申请的真正范围和精神由权利要求的内容指出。
111.以上的本申请实施方式并不构成对本申请保护范围的限定。

技术特征：
1.一种显示设备，其特征在于，包括：显示器；控制器，与所述显示器连接，所述控制器被配置为：接收用户输入的媒资播放指令；响应于所述媒资播放指令，获取所述媒资播放指令对应的目标视频；在对应所述目标视频的第一播放窗口上方未设置控件时，在所述第一播放窗口播放所述目标视频；在对应所述目标视频的第一播放窗口上方设置有所述控件时，在所述第一播放窗口中将所述目标视频的显示位置向远离所述控件的方向移动，以使所述目标视频的画面的中心位置靠近所述第一播放窗口中未被所述控件遮挡的目标显示区域的中心位置显示，其中，所述控件不透明，且遮挡所述第一播放窗口的一侧。2.根据权利要求1所述的显示设备，其特征在于，所述控件包括第二播放窗口，所述第二播放窗口包括所述控制器响应于所述媒资播放指令生成的窗口，所述第二播放窗口用于播放接收到的本地摄像头数据。3.根据权利要求1所述的显示设备，其特征在于，所述第一播放窗口中将所述目标视频的显示位置向远离所述控件的方向移动，之前还包括：确定所述目标视频在高度方向上完全展示在所述第一播放窗口时的所述目标视频的待展示宽度；根据所述待展示宽度和目标显示区域的宽度确定第一移动距离，所述第一移动距离为在所述第一播放窗口中，需要将所述目标视频的显示位置向远离所述控件的方向移动的距离。4.根据权利要求3所述的显示设备，其特征在于，确定所述目标视频在高度方向上完全展示在所述第一播放窗口时的所述目标视频的待展示宽度，包括：根据所述目标视频的图像高度和所述目标显示区域的高度的比值得到缩放比例；根据所述目标视频的图像宽度和所述缩放比例得到所述目标视频的待展示宽度。5.根据权利要求3所述的显示设备，其特征在于，根据所述待展示宽度和目标显示区域的宽度确定第一移动距离，包括：将所述待展示宽度和所述目标显示区域的宽度的差值的一半作为第一移动距离。6.根据权利要求1所述的显示设备，其特征在于，所述目标显示区域是根据所述第一播放窗口的位置坐标和所述控件的位置坐标确定的。7.根据权利要求1所述的显示设备，其特征在于，所述控件的高度与所述第一播放窗口的高度相同。8.根据权利要求1所述的显示设备，其特征在于，所述控件的右侧边与所述第一播放窗口的右侧边重合。9.根据权利要求1所述的显示设备，其特征在于，响应于所述媒资播放指令，获取所述媒资播放指令对应的目标视频，之后还包括：响应于所述媒资播放指令对应的播放模式为第一模式，加载第一播放页面，其中，所述第一播放页面中包括第一播放窗口，不包括第二播放窗口，所述第一播放窗口用于播放所述目标视频，所述控件包括所述第二播放窗口；
响应于所述媒资播放指令对应的播放模式为第二模式，加载第二播放页面，其中，所述第一播放页面中包括第一播放窗口，以及位于所述第一播放窗口上方的第二播放窗口，所述第一播放窗口用于播放所述目标视频，所述第二播放窗口用于播放接收到的本地摄像头数据。10.一种媒资播放方法，其特征在于，包括：接收用户输入的媒资播放指令；响应于所述媒资播放指令，获取所述媒资播放指令对应的目标视频；在对应所述目标视频的第一播放窗口上方未设置控件时，在所述第一播放窗口播放所述目标视频；在对应所述目标视频的第一播放窗口上方设置有所述控件时，在所述第一播放窗口中将所述目标视频的显示位置向远离所述控件的方向移动，以使所述目标视频的画面的中心位置靠近所述第一播放窗口中未被所述控件遮挡的目标显示区域的中心位置显示，其中，所述控件不透明，且遮挡所述第一播放窗口的一侧。
技术总结
本申请实施例提供了一种显示设备及媒资播放方法，显示设备包括：显示器；控制器，与显示器连接，控制器被配置为：接收用户输入的媒资播放指令；响应于所述媒资播放指令，获取所述媒资播放指令对应的目标视频；在对应所述目标视频的第一播放窗口上方未设置控件时，在所述第一播放窗口播放所述目标视频；在对应所述目标视频的第一播放窗口上方设置有所述控件时，在所述第一播放窗口中将所述目标视频的显示位置向远离所述控件的方向移动，以使所述目标视频的画面的中心位置靠近所述第一播放窗口中未被所述控件遮挡的目标显示区域的中心位置显示，其中，所述控件不透明，且遮挡所述第一播放窗口的一侧。本申请提高了媒资播放的显示效果。示效果。示效果。


技术研发人员：赖园园 薛梅
受保护的技术使用者：聚好看科技股份有限公司
技术研发日：2021.04.25
技术公布日：2021/6/29