CN116954440A - 界面交互的方法、装置、设备和存储介质 - Google Patents

Abstract

本公开的实施例涉及界面交互的方法、装置、设备和存储介质。在此提出的方法包括：呈现媒体内容的播放界面，播放界面显示有媒体内容的画面；响应于接收到指示信息，在播放界面的第一区域中显示目标面板；以及如果画面中包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第一部分，第一部分至少基于目标对象在画面中的至少一项显示属性而被确定。基于以上方式，在面板被显示的情况下，本公开的实施例能够根据画面中目标对象的显示属性来适应性地调整画面的显示，从而提升用户体验。

Description

界面交互的方法、装置、设备和存储介质

技术领域

本公开的示例实施例总体涉及计算机领域，特别地涉及界面交互的方法、装置、设备和计算机可读存储介质。

背景技术

随着计算机技术的发展，互联网已经成为人们获取各种内容的重要来源。利用互联网和流媒体技术进行内容传播的直播技术日益繁荣，其因其融合了图像、文字、声音等丰富元素而逐渐成为互联网的主流表达方式。

发明内容

在本公开的第一方面，提供了一种界面交互的方法。该方法包括：呈现媒体内容的播放界面，播放界面显示有媒体内容的画面；响应于接收到指示信息，在播放界面的第一区域中显示目标面板；以及如果画面中包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第一部分，第一部分至少基于目标对象在画面中的至少一项显示属性而被确定。

在本公开的第二方面，提供了一种界面交互的装置。该装置包括：界面呈现模块，被配置为呈现媒体内容的播放界面，播放界面显示有媒体内容的画面；面板显示模块，被配置为响应于接收到指示信息，在播放界面的第一区域中显示目标面板；以及画面呈现模块，被配置为如果画面中包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第一部分，第一部分至少基于目标对象在画面中的至少一项显示属性而被确定。

在本公开的第三方面，提供了一种电子设备。该设备包括至少一个处理单元；以及至少一个存储器，至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。

在本公开的第四方面，提供了一种计算机可读存储介质。该计算机可读存储介质上存储有计算机程序，计算机程序可由处理器执行以实现第一方面的方法。

应当理解，本内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。

附图说明

结合附图并参考以下详细说明，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中，相同或相似的附图标记表示相同或相似的元素，其中：

图1A至图1C示出了根据传统的画面调整方案的示例界面；

图2示出了其中可以实施根据本公开的实施例的示例环境的示意图；

图3A和图3B示出了根据本公开的一些实施例的示例界面；

图4A和图4B示出了根据本公开的一些实施例的示例界面；

图5A和图5B示出了根据本公开的一些实施例的示例界面；

图6A和图6B示出了根据本公开的一些实施例的示例界面；

图7示出了根据本公开的一些实施例的界面交互的示例过程的流程图；

图8示出了根据本公开的一些实施例的用于界面交互的装置的示意性结构框图；以及

图9示出了能够实施本公开的多个实施例的电子设备的框图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

需要注意的是，本文中所提供的任何节/子节的标题并不是限制性的。本文通篇描述了各种实施例，并且任何类型的实施例都可以包括在任何节/子节下。此外，在任一节/子节中描述的实施例可以以任何方式与同一节/子节和/或不同节/子节中描述的任何其他实施例相结合。

在本公开的实施例的描述中，术语“包括”及其类似用语应当理解为开放性包含，即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。术语“第一”、“第二”等可以指代不同的或相同的对象。下文还可能包括其他明确的和隐含的定义。

本公开的实施例中可能涉及用户的数据、数据的获取和/或使用等。这些方面均遵循相应的法律法规及相关规定。在本公开的实施例中，所有数据的采集、获取、处理、加工、转发、使用等，都是在用户知晓并且确认的前提下进行的。相应地，在实现本公开的各实施例时，均应根据相关法律法规通过适当的方式，将可能所涉及的数据或信息的类型、使用范围、使用场景等告知用户并获得用户的授权。具体的告知和/或授权方式可以根据实际情况和应用场景而变化，本公开的范围在此方面不受限制。

本说明书及实施例中方案，如涉及个人信息处理，则均会在具备合法性基础(例如征得个人信息主体同意，或者为履行合同所必需等)的前提下进行处理，且仅会在规定或者约定的范围内进行处理。用户拒绝处理基本功能所需必要信息以外的个人信息，不会影响用户使用基本功能。

如参考上文所介绍的，人们可以利用电子设备来获取各种类型的媒体内容。这样的媒体内容例如可以包括图片内容、视频内容、直播内容等。

图1A示出了用于获取媒体内容的示例界面100A。界面100A例如可以用于显示媒体内容110的画面。在一些情况下，用户可能通过界面100A内的特定交互而触发面板120的显示。

在面板120被触发显示的情况下，用于显示媒体内容110的区域将相应地减小。如图1B所示，根据一些传统的方案，这样的面板120可能直接覆盖到媒体内容110的画面上，这可能导致媒体内容110中用户所关注的对象115被面板120遮挡，从而影响用户的观看体验。

根据有一些传统的方案，如图1C所示，媒体内容110的画面将随着面板120的触发而相应地平移。例如，媒体内容110的画面被相应地向上平移。然而，这可能导致用户所关注的对象115被平移出画面，从而影响用户的观看体验。

有鉴于此，本公开的实施例提出了一种界面交互的方案。根据该方案，可以呈现媒体内容的播放界面。这样的播放界面显示有媒体内容的画面。进一步地，响应于接收到指示信息，在播放界面的第一区域中显示目标面板。如果画面中包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第一部分，其中第一部分至少基于目标对象在画面中的至少一项显示属性而被确定。

通过这样的方式，在面板被触发显示的情况下，本公开的实施例能够根据画面中目标对象的显示属性来适应性地调整画面的显示，从而提升用户体验。

以下进一步结合附图来详细描述该方案的各种示例实现。

示例环境

图2示出了本公开的实施例能够在其中实现的示例环境200的示意图。如图2所示，示例环境200可以包括电子设备210。

在该示例环境200中，电子设备210可以运行有用于提供、观看媒体内容的应用220。应用220可以是用于提供、观看媒体内容的任何适当类型应用，其示例可以包括但不限于：在线视频应用、直播应用。用户240可以经由电子设备210和/或其附接设备来与应用220进行交互。用户240可以例如提供直播内容的用户(也称为，主播)、观看直播的用户(也称为，观众)。

在图2的环境200中，如果应用220处于活动状态，电子设备210可以通过应用220呈现直播界面250。

在一些实施例中，电子设备210与服务器230通信，以实现对应用220的服务的供应。电子设备210可以是任意类型的移动终端、固定终端或便携式终端，包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、掌上电脑、便携式游戏终端、VR/AR设备、个人通信系统(Personal CommunicationSystem，PCS)设备、个人导航设备、个人数字助理(Personal Digital Assistant，PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合，包括这些设备的配件和外设或者其任意组合。在一些实施例中，电子设备210也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。

服务器230可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络、以及大数据和人工智能平台等基础云计算服务的云服务器。服务器230例如可以包括计算系统/服务器，诸如大型机、边沿计算节点、云环境中的计算设备，等等。服务器230可以为电子设备210中支持虚拟场景的应用220提供后台服务。

服务器230与电子设备210之间可以建立有通信连接。通信连接可以通过有线方式或无线方式建立。通信连接可以包括但不限于蓝牙连接、移动网络连接、通用串行总线(Universal Serial Bus，USB)连接、无线保真(Wireless Fidelity，WiFi)连接等，本公开的实施例在此方面不受限制。在本公开的实施例中，服务器230与电子设备210可以通过二者之间的通信连接实现信令交互。

应当理解，仅出于示例性的目的描述环境200中各个元素的结构和功能，而不暗示对于本公开的范围的任何限制。

以下将继续参考附图描述本公开的一些示例实施例。

示例界面

以下将继续参考附图描述本公开的一些示例实施例。图3A示出了根据本公开的一些实施例的媒体内容的播放界面300A，该播放界面300A例如可以电子设备210所提供。

如图3A所示，播放界面300A可以用于播放媒体内容310，以显示媒体内容310的画面。在一些实施例中，这样的媒体内容310可以包括具有对应视觉内容(即，画面)的任何适当媒体内容，其示例可以包括图片内容、视频内容等。示例性地，播放界面300A可以被配置为以全屏模式显示媒体内容310的画面。作为另一示例，终端设备210也可以以非全屏模式来显示媒体内容310的画面。

在一些实施例中，这样的媒体内容310可以是直播的视频流。相应地，播放界面300A例如可以是直播间的直播页面。

在一些实施例中，电子设备210可以响应于接收到指示信息而触发目标面板在播放界面中的显示。

在一些实施例中，这样的指示信息可以是基于用户240的预设操作而被生成。例如，用户240可以通过点击输入控件而触发输入面板的显示；或者，用户240可以通过点击礼物控件而触发礼物面板的显示。

在又一些实施例中，这样的指示信息也可以是由电子设备210或服务器230所生成。例如，以直播场景为例，如果用户240为观众用户，则电子设备210例如可以接收服务器230根据主播的特定操作而生成的指示信息，并相应地触发对应面板的显示。

如图3B所示，电子设备210可以响应于接收到指示信息而在第一区域340中显示面板345。这样的面板345可以包括任何适当类型的面板，本公开不旨在对此进行限定。

在一些实施例中，如果媒体内容310的画面中包括特定类型的目标对象，则电子设备210可以根据目标对象在该画面中的至少一项显示属性来确定待在界面300B的第二区域320的画面部分325(也称为第一部分)。

在一些实施例中，可以由电子设备210和/或服务器230来确定媒体内容310的画面中是否包括特定类型的目标对象。这样的目标对象例如可以包括主播对象、商品对象等适当的对象。在一些示例中，这样的目标对象可以是预设的对象，或者例如可以是由媒体内容310的相关用户(例如，主播)所配置的。

以图3B作为示例，媒体内容310的画面中例如可以包括目标对象315。进一步地，可以由电子设备210和/或服务器230来确定目标对象315在画面中的至少一项显示属性，并基于该至少一项显示属性来确定待在界面300B中显示的部分画面325。

在一些实施例中，目标对象315的至少一项显示属性可以包括目标对象315在画面中的位置信息。这样的位置信息例如可以包括用于描述目标对象315在画面中的边缘的位置(例如，可以通过曲线方程或者多个边缘位置点来表示)、目标对象315在画面中的中心位置、或者与目标对象315相关联的一个或多个关键点的位置。

进一步地，电子设备210可以根据位置信息来确定部分画面325，以使得与目标对象315相关联的至少一个参考位置被包括在画面部分325中。这样的至少一个参考位置例如可以包括与目标对象315相关联的任何适当位置，例如，与目标对象315相关联的一个或多个关键点、与目标对象315相关联的一个或多个边缘位置点、目标对象315的画面中心点等。以此方式，本公开的实施例可以保证目标对象的关键部分能够在调整后的画面中被透出，从而提高用户的观看体验。

以图3B作为示例，电子设备210可以基于与目标对象相关联的参考位置(例如，第一位置330)来确定画面部分325，以使得该第一位置330被包括在画面部分325中。第一位置330例如对应于目标对象315在画面的预设方向上的顶部。

在一些实施例中，目标对象315的至少一项显示属性包括目标对象315在媒体内容310画面中的占比。示例性的，电子设备210和/或服务器230可以根据目标对象315的区域(例如，通过对bounding box的检测)来确定其显示大小，并确定其与画面大小的比值，从而确定目标对象315在画面中的占比。进一步地，电子设备210可以基于该占比与预设阈值的比较来确定部分画面325。

在一些实施例中，如果目标对象315在画面中的占比小于该预设阈值，则电子设备210可以基于目标对象315在画面中的位置信息来确定部分画面325。应当理解，这样的预设阈值可以是固定的阈值，或者可以是根据媒体内容310的画面大小而动态可变的，或者也可以是由相关用户所预先配置的。

在一些示例中，这样的位置信息可以指示目标对象315在画面中的第一位置330。第一位置330例如对应于目标对象315在画面的预设方向上的顶部。

在一些实施例中，该预设方向可以对应于面板345的唤起方向。以图3B作为示例，该预设方向为竖直向上方向，并且第一位置330可以是目标对象315在竖直向上方向上的顶部位置。

进一步地，电子设备210可以基于第一位置330来确定待在第二区域320中显示的部分画面325，使得第一位置330被包括部分画面325中。

由此，本公开的实施例可以尽可能地保证目标对象能够较为完整地在部分画面中被显示，从而提升用户的观看体验。

考虑到一些界面的顶部通常还需要预留一定的控件区域，在一些场景中，电子设备210还可以使得第一位置330到第二区域320在预设方向上的上边沿335的距离大于等于预设距离。以图3B作为示例，电子设备210例如可以总是保证目标对象315的顶部位置(即，第一位置330)到第二区域320的顶部至少具有预设距离(例如，距离d)。由此，本公开的实施例能够进一步避免目标对象315被其它控件所遮挡，从而提升用户的观看体验。

在又一些实施例中，电子设备210例如还可以使得目标对象315能够在第二区域中被尽可能居中显示。

如图4A所示，电子设备210和/或服务器230可以确定目标对象315的第一位置430和第二位置435。第一位置430例如可以对应于目标对象315在画面的预设方向上的顶部，第二位置435可以对应于目标对象315在画面的预设方向上的底部。

进一步地，电子设备210可以基于目标对象315的第一位置430和第二位置435来确定画面的候选部分415，使得第一位置430到第二区域410在预设方向的上边沿的距离与第二位置435到第二区域410在预设方向上的下边沿的距离之间的差异小于阈值。

例如，电子设备210可以使得目标对象315在第二区域410中基本竖直居中显示。也即，电子设备210使得其顶部位置(即，第一位置430)到第二区域410的上边沿的距离等于其底部位置(即，第二位置435)到第二区域410的下边沿的距离。

在一些实施例中，电子设备210可以直接将该候选部分415确定作为在第二区域410中呈现的部分画面。

由此，本公开的实施例能够使得用户更容易地通过显示的部分画面来查看目标对象，从而提高用户的观看体验。

在一些实施例中，在将目标对象315居中显示的情况下，其可能导致其顶部位置距离第二区域的上边沿过近或者超出第二区域上边沿。由此，如果第一位置410到第二区域410在预设方向上的上边沿的距离大于等于预设距离，则电子设备210可以基于候选部分415来确定画面的第一部分。例如，电子设备210可以将该候选部分415确定作为待在第二区域410中显示的部分画面。

相反，如果第一位置410到第二区域410在预设方向上的上边沿的距离小于预设距离，则电子设备210可以进一步对候选部分415进行调整。以图4A作为示例，在居中显示的情况下，目标对象315的第一位置430到第二区域410的上边沿的距离小于预设距离(例如，距离d)。

进一步地，如图4B所示，电子设备210可以沿预设方向的相反方向(例如，竖直向下方向)来调整候选部分415，使得第一位置430到第二区域410在预设方向上的上边沿的距离达到预设距离(例如，距离d)。以图4B作为示例，电子设备210可以向下调整候选部分415，以使得目标对象315的顶部位置(即，第一位置430)到第二区域410的上边沿的距离等于该预设距离。

进一步地，电子设备210可以基于经调整的候选部分415来确定待在第二区域410中显示的画面的第一部分。由此，本公开的实施例能够进一步优化目标对象在剩余画面部分中的显示，从而提升用户的观看体验。

在又一些场景中，在将目标对象居中显示的情况下，对应的候选画面部分可能无法完整地填充第二区域。以图5A作为示例，在将目标对象315竖直居中显示在第二区域510中的情况下，该候选部分515无法完整地填充第二区域510，并例如导致出现空白区域540。

在这种情况下，电子设备210例如可以进一步调整候选部分515，以使得其能够完整地填充第二区域510。

以图5B作为示例，电子设备210例如可以沿预设方向的相反方向(例如，竖直向下方向)调整候选部分515，直至经调整的候选部分能够完整填充第二区域510。进一步地，电子设备210可以将如图5B所示的经调整的候选部分515，确定作为在第二区域510中显示的画面部分。

相反，如果如图5A所示的候选部分515能够完整填充第二区域510，则电子设备210例如可以直接将候选部分515确定作为在第二区域510中显示的画面部分。

基于以上所讨论的方式，本公开的实施例能够对画面执行根据目标对象的自适应调整，从而提升用户的观看体验。

在一些实施例中，如果电子设备210和/或服务器230确定目标对象315在画面中的占比达到预设阈值，则电子设备210例如可以不执行如上文所讨论的自适应调整过程。例如，电子设备210可以参考如图1B或图1C所介绍的方案来控制媒体内容在第二区域中的显示。

在又一些实施例中，如果电子设备210和/或服务器230确定媒体内容不包括特定类型的目标对象，则电子设备210可以在播放界面中的第二区域中呈现媒体内容的画面的第二部分，使得第二区域的第一中心位置与画面的第二中心位置匹配。

如图6所示，界面600A可以对应于媒体内容610的播放界面，该媒体内容610例如可以不包括特定的目标对象。进一步地，如图6B所示，在目标面板635被触发显示在第一区域630的情况下，电子设备210可以使得媒体内容610能够在第二区域620中被居中显示。例如，电子设备210可以向上平移媒体内容610的画面，直至该画面的中心位置与第二区域620的中心位置对齐，以确定待显示的部分画面625。

由此，在确定媒体内容不包括目标对象的情况下，本公开的实施例能够通过平移画面来保证画面的中心位置被呈现在剩余的显示区域中，从而提高用户的观看体验。

此外，应当理解的是，虽然以上示例结合竖屏显示来描述本公开的实施例，但本公开的方案可以适用于诸如横屏显示等其它适当显示模式。

在又一些实施例中，对于媒体内容为直播视频流的示例而言，可以由服务器230响应于目标面板被唤起来确定媒体内容的画面是否包括目标对象，和/或确定目标对象的至少一项显示属性。

进一步地，服务器230可以将关于是否包括目标对象的指示和/或所确定的至少一项显示属性发送至电子设备210，以由电子设备210根据是否包括目标对象的指示和/或所确定的至少一项显示属性来确定在剩余显示区域中待显示的画面部分。

以此方式，本公开的实施例可以降低电子设备的本地计算开销，进一步提升画面调整的效率。

在一些实施例中，电子设备210可以基于目标面板被触发时所确定的目标对象的至少一项显示属性来确定在第二区域中待呈现的画面部分。由此，在视频流后续播放过程中，在第二区域中呈现的画面可以保持稳定，而不因目标对象的显示属性的变化而相应地变化。

示例过程

图7示出了根据本公开的一些实施例的用于界面交互的示例过程700的流程图。过程700可以被实现在电子设备210处。下面参考图2来描述过程700。

如图7所示，在框710，电子设备210呈现媒体内容的播放界面。播放界面显示有媒体内容的画面。

在框720，电子设备210响应于接收到指示信息，在播放界面的第一区域中显示目标面板。

在框730，电子设备210如果画面中包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第一部分。第一部分至少基于目标对象在画面中的至少一项显示属性而被确定。

在一些实施例中，至少一项显示属性包括目标对象的在画面中的位置信息。

在一些实施例中，位置信息指示与目标对象相关联的至少一个参考位置，并且第一部分被确定以使得至少一个参考位置被包括在第一部分中。

在一些实施例中，至少一项显示属性包括目标对象在画面中的占比，过程700还包括：基于占比与预设阈值的比较，确定画面的第一部分。

在一些实施例中，至少一项显示属性还包括目标对象的在画面中的位置信息，并且基于显示比例与预设阈值的比较确定画面的第一部分包括：如果占比小于预设阈值，基于位置信息确定画面的第一部分。

在一些实施例中，位置信息指示目标对象的第一位置，第一位置对应于目标对象在画面的预设方向上的顶部，并且基于位置信息确定画面的第一部分包括：基于第一位置确定第一部分，使得第一位置被包括在第一部分中。

在一些实施例中，预设方向对于目标面板的唤起方向。

在一些实施例中，第一位置到第二区域在预设方向上的上边沿的距离大于等于预设距离。

在一些实施例中，基于第一位置确定第一部分包括：基于目标对象的第一位置和第二位置，确定画面的候选部分，使得第一位置到第二区域在预设方向的上边沿的距离与第二位置到第二区域在预设方向上的下边沿的距离之间的差异小于阈值，其中第二位置对应于目标对象在画面的预设方向上的底部；以及如果第一位置到第二区域在预设方向上的上边沿的距离大于等于预设距离，基于候选部分确定第一部分。

在一些实施例中，基于候选部分确定第一部分包括：如果候选部分能够完整填充第二区域，将候选部分确定作为第一部分；或如果候选部分未能够完整填充第二区域：沿预设方向的相反方向调整候选部分，直至经调整的候选部分能够完整填充第二区域；以及将经调整的候选部分，确定作为第一部分。

在一些实施例中，基于第一位置确定第一部分还包括：如果第一位置到第二区域在预设方向上的上边沿的距离小于预设距离，沿预设方向的相反方向调整候选部分，使得第一位置到第二区域在预设方向上的上边沿的距离达到预设距离；以及基于经调整的候选部分，确定第一部分。

在一些实施例中，过程700还包括：如果画面中不包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第二部分，使得第二部分的第一中心位置与画面的第二中心位置匹配。

在一些实施例中，播放界面被配置为以全屏模式显示媒体内容的画面。

在一些实施例中，媒体内容包括直播视频流。

示例装置和设备

本公开的实施例还提供了用于实现上述方法或过程的相应装置。图8示出了根据本公开的某些实施例的用于界面交互的装置800的示意性结构框图。装置800可以被实现为或者被包括在电子设备210中。装置800中的各个模块/组件可以由硬件、软件、固件或者它们的任意组合来实现。

装置800包括界面呈现模块810，被配置为呈现媒体内容的播放界面，播放界面显示有媒体内容的画面。装置800还包括面板显示模块820，被配置为响应于接收到指示信息，在播放界面的第一区域中显示目标面板。装置800还包括画面呈现模块，被配置为如果画面中包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第一部分，第一部分至少基于目标对象在画面中的至少一项显示属性而被确定。

在一些实施例中，至少一项显示属性包括目标对象的在画面中的位置信息。

在一些实施例中，位置信息指示与目标对象相关联的至少一个参考位置，并且第一部分被确定以使得至少一个参考位置被包括在第一部分中。

在一些实施例中，至少一项显示属性包括目标对象在画面中的占比，装置800还包括第一画面确定模块，被配置为基于占比与预设阈值的比较，确定画面的第一部分。

在一些实施例中，至少一项显示属性还包括目标对象的在画面中的位置信息，并且第一画面确定模块还被配置为：如果占比小于预设阈值，基于位置信息确定画面的第一部分。

在一些实施例中，位置信息指示目标对象的第一位置，第一位置对应于目标对象在画面的预设方向上的顶部，并且第一画面确定模块还被配置为：基于第一位置确定第一部分，使得第一位置被包括在第一部分中。

在一些实施例中，预设方向对于目标面板的唤起方向。

在一些实施例中，第一位置到第二区域在预设方向上的上边沿的距离大于等于预设距离。

在一些实施例中，第一画面确定模块还被配置为：基于目标对象的第一位置和第二位置，确定画面的候选部分，使得第一位置到第二区域在预设方向的上边沿的距离与第二位置到第二区域在预设方向上的下边沿的距离之间的差异小于阈值，其中第二位置对应于目标对象在画面的预设方向上的底部；以及如果第一位置到第二区域在预设方向上的上边沿的距离大于等于预设距离，基于候选部分确定第一部分。

在一些实施例中，第一画面确定模块还被配置为：如果候选部分能够完整填充第二区域，将候选部分确定作为第一部分；或如果候选部分未能够完整填充第二区域：沿预设方向的相反方向调整候选部分，直至经调整的候选部分能够完整填充第二区域；以及将经调整的候选部分，确定作为第一部分。

在一些实施例中，第一画面确定模块还被配置为：如果第一位置到第二区域在预设方向上的上边沿的距离小于预设距离，沿预设方向的相反方向调整候选部分，使得第一位置到第二区域在预设方向上的上边沿的距离达到预设距离；以及基于经调整的候选部分，确定第一部分。

在一些实施例中，装置800还包括第二画面确定模块，被配置为如果画面中不包括目标对象，在播放界面中的第二区域中呈现媒体内容的画面的第二部分，使得第二区域的第一中心位置与画面的第二中心位置匹配。

在一些实施例中，播放界面被配置为以全屏模式显示媒体内容的画面。

在一些实施例中，媒体内容包括直播视频流。

图9示出了其中可以实施本公开的一个或多个实施例的电子设备900的框图。应当理解，图9所示出的电子设备900仅仅是示例性的，而不应当构成对本文所描述的实施例的功能和范围的任何限制。图9所示出的电子设备900可以用于实现图2的电子设备210。

如图9所示，电子设备900是通用电子设备的形式。电子设备900的组件可以包括但不限于一个或多个处理器或处理单元910、存储器920、存储设备930、一个或多个通信单元940、一个或多个输入设备950以及一个或多个输出设备960。处理单元910可以是实际或虚拟处理器并且能够根据存储器920中存储的程序来执行各种处理。在多处理器系统中，多个处理单元并行执行计算机可执行指令，以提高电子设备900的并行处理能力。

电子设备900通常包括多个计算机存储介质。这样的介质可以是电子设备900可访问的任何可以获取的介质，包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器920可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如，只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备930可以是可拆卸或不可拆卸的介质，并且可以包括机器可读介质，诸如闪存驱动、磁盘或者任何其他介质，其可以能够用于存储信息和/或数据(例如用于训练的训练数据)并且可以在电子设备900内被访问。

电子设备900可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图9中示出，可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中，每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器920可以包括计算机程序产品925，其具有一个或多个程序模块，这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。

通信单元940实现通过通信介质与其他电子设备进行通信。附加地，电子设备900的组件的功能可以以单个计算集群或多个计算机器来实现，这些计算机器能够通过通信连接进行通信。因此，电子设备500可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。

输入设备950可以是一个或多个输入设备，例如鼠标、键盘、追踪球等。输出设备960可以是一个或多个输出设备，例如显示器、扬声器、打印机等。电子设备900还可以根据需要通过通信单元940与一个或多个外部设备(未示出)进行通信，外部设备诸如存储设备、显示设备等，与一个或多个使得用户与电子设备900交互的设备进行通信，或者与使得电子设备900与一个或多个其他电子设备通信的任何设备(例如，网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(I/O)接口(未示出)来执行。

根据本公开的示例性实现方式，提供了一种计算机可读存储介质，其上存储有计算机可执行指令，其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式，还提供了一种计算机程序产品，计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令，而计算机可执行指令被处理器执行以实现上文描述的方法。

这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

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

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

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

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

Claims (17)

1.一种界面交互方法，包括：

呈现媒体内容的播放界面，所述播放界面显示有所述媒体内容的画面；

响应于接收到指示信息，在所述播放界面的第一区域中显示目标面板；以及

如果所述画面中包括目标对象，在所述播放界面中的第二区域中呈现所述媒体内容的所述画面的第一部分，所述第一部分至少基于所述目标对象在所述画面中的至少一项显示属性而被确定。

2.根据权利要求1所述的方法，其中所述至少一项显示属性包括所述目标对象的在所述画面中的位置信息。

3.根据权利要求2所述的方法，其中所述位置信息指示与所述目标对象相关联的至少一个参考位置，并且所述第一部分被确定以使得所述至少一个参考位置被包括在所述第一部分中。

4.根据权利要求1所述的方法，其中所述至少一项显示属性包括所述目标对象在所述画面中的占比，所述方法还包括：

基于所述占比与预设阈值的比较，确定所述画面的所述第一部分。

5.根据权利要求4所述的方法，其中所述至少一项显示属性还包括所述目标对象的在所述画面中的位置信息，并且基于所述显示比例与预设阈值的比较确定所述画面的所述第一部分包括：

如果所述占比小于所述预设阈值，基于所述位置信息确定所述画面的所述第一部分。

6.根据权利要求5所述的方法，其中所述位置信息指示所述目标对象的第一位置，所述第一位置对应于所述目标对象在所述画面的预设方向上的顶部，并且基于所述位置信息确定所述画面的所述第一部分包括：

基于所述第一位置确定所述第一部分，使得所述第一位置被包括在所述第一部分中。

7.根据权利要求5所述的方法，其中所述预设方向对于所述目标面板的唤起方向。

8.根据权利要求5所述的方法，其中所述第一位置到所述第二区域在所述预设方向上的上边沿的距离大于等于预设距离。

9.根据权利要求8所述的方法，其中基于所述第一位置确定所述第一部分包括：

基于所述目标对象的所述第一位置和第二位置，确定所述画面的候选部分，使得所述第一位置到所述第二区域在所述预设方向的上边沿的距离与所述第二位置到所述第二区域在所述预设方向上的下边沿的距离之间的差异小于阈值，其中所述第二位置对应于所述目标对象在所述画面的所述预设方向上的底部；以及

如果所述第一位置到所述第二区域在所述预设方向上的上边沿的距离大于等于所述预设距离，基于所述候选部分确定所述第一部分。

10.根据权利要求9所述的方法，基于所述候选部分确定所述第一部分包括：

如果所述候选部分能够完整填充所述第二区域，将所述候选部分确定作为所述第一部分；或

如果所述候选部分未能够完整填充所述第二区域：

沿所述预设方向的相反方向调整所述候选部分，直至经调整的所述候选部分能够完整填充所述第二区域；以及

将经调整的所述候选部分，确定作为所述第一部分。

11.根据权利要求9所述的方法，其中基于所述第一位置确定所述第一部分还包括：

如果所述第一位置到所述第二区域在所述预设方向上的上边沿的距离小于所述预设距离，沿所述预设方向的相反方向调整所述候选部分，使得所述第一位置到所述第二区域在所述预设方向上的上边沿的距离达到所述预设距离；以及

基于经调整的所述候选部分，确定所述第一部分。

12.根据权利要求1所述的方法，还包括：

如果所述画面中不包括所述目标对象，在所述播放界面中的第二区域中呈现所述媒体内容的所述画面的第二部分，使得所述第二区域的第一中心位置与所述画面的第二中心位置匹配。

13.根据权利要求1所述的方法，其中所述播放界面被配置为以全屏模式显示所述媒体内容的所述画面。

14.根据权利要求1所述的方法，其中所述媒体内容包括直播视频流。

15.一种界面交互的装置，包括：

界面呈现模块，被配置为呈现媒体内容的播放界面，所述播放界面显示有所述媒体内容的画面；

面板显示模块，被配置为响应于接收到指示信息，在所述播放界面的第一区域中显示目标面板；以及

画面呈现模块，被配置为如果所述画面中包括目标对象，在所述播放界面中的第二区域中呈现所述媒体内容的所述画面的第一部分，所述第一部分至少基于所述目标对象在所述画面中的至少一项显示属性而被确定。

16.一种电子设备，包括：

至少一个处理单元；以及

至少一个存储器，所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令，所述指令在由所述至少一个处理单元执行时使所述电子设备执行根据权利要求1至14中任一项所述的方法。

17.一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序可由处理器执行以实现根据权利要求1至14中任一项所述的方法。