CN112073583B - 多媒体信息展示方法及装置、存储介质、电子设备 - Google Patents

多媒体信息展示方法及装置、存储介质、电子设备 Download PDF

Info

Publication number
CN112073583B
CN112073583B CN202010940194.9A CN202010940194A CN112073583B CN 112073583 B CN112073583 B CN 112073583B CN 202010940194 A CN202010940194 A CN 202010940194A CN 112073583 B CN112073583 B CN 112073583B
Authority
CN
China
Prior art keywords
information
target multimedia
multimedia information
target
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.)
Active
Application number
CN202010940194.9A
Other languages
English (en)
Other versions
CN112073583A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202010940194.9A priority Critical patent/CN112073583B/zh
Publication of CN112073583A publication Critical patent/CN112073583A/zh
Application granted granted Critical
Publication of CN112073583B publication Critical patent/CN112073583B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/725Cordless telephones
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开提供了一种多媒体信息展示方法及装置、计算机可读存储介质、电子设备。该方法包括:在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息;检测到所述目标终端设备的设备旋转方向转变为第二方向;在所述目标终端设备的第二方向窗口以所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示。通过本公开实施例提供的技术方案,可以在不中断目标多媒体信息继续展示的前提下,在目标终端设备的窗口中显示更多内容。

Description

多媒体信息展示方法及装置、存储介质、电子设备
技术领域
本公开涉及计算机技术领域,具体而言,涉及一种多媒体信息展示方法及装置、计算机可读存储介质、电子设备。
背景技术
随着电子技术和互联网技术的发展,终端设备上的应用程序的种类越来越多、功能越来越丰富。
一种情况是,为了能够以较大分辨率显示当前正在播放的视频,且便于用户对终端设备的屏幕进行滑动操作,许多专为移动终端设备例如智能手机设计的应用程序(例如短视频、直播和资讯类应用程序)只提供竖屏版本,无横屏版本。
还有一种情况是,用户可以在这些应用程序的界面上进行点赞、评论等互动操作。在一些场景下,用户既不希望正在播放的视频被其它信息过多遮挡,又希望能够同时观看到更多与该正在播放的视频相关的评论等互动信息,但由于终端设备显示屏幕的展示面积的限制,不能展示较多的与该正在播放的视频相关的信息。
因此,需要一种新的多媒体信息展示方法及装置、计算机可读存储介质、电子设备。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解。
发明内容
本公开实施例提供一种多媒体信息展示方法及装置、计算机可读存储介质、电子设备,能够解决上述相关技术中存在的无法切换视频播放方向或者无法在较少遮挡正在播放的视频的同时,展示较多其它信息的技术问题。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
本公开实施例提供一种多媒体信息展示方法,所述方法包括:在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息;检测到所述目标终端设备的设备旋转方向转变为第二方向;在所述目标终端设备的第二方向窗口以所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示。
本公开实施例提供一种多媒体信息展示装置,所述装置包括:信息第一方向展示单元,用于在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息;设备旋转方向转变单元,用于检测到所述目标终端设备的设备旋转方向转变为第二方向;信息第二方向展示单元,用于在所述目标终端设备的第二方向窗口以所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示。
在本公开的一些示例性实施例中,所述信息展示区域包括位于所述目标多媒体信息的第一侧的第一信息展示区域和位于所述目标多媒体信息的第二侧的第二信息展示区域。
在本公开的一些示例性实施例中,所述第一信息展示区域显示的至少部分所述关联信息包括发布所述目标多媒体信息的账号信息、针对所述目标多媒体信息的互动操作信息、所述目标多媒体信息中的关联物品的下载控件、所述关联物品的查看控件中的一种或者多种。
在本公开的一些示例性实施例中,在所述信息展示区域还显示所述目标多媒体信息的辅助信息,所述辅助信息不同于所述关联信息。
在本公开的一些示例性实施例中,所述第一信息展示区域显示的辅助信息包括所述账号信息的简介信息、针对观看所述目标多媒体信息的目标对象的推荐信息中的一种或者多种。
在本公开的一些示例性实施例中,所述第二信息展示区域显示的至少部分所述关联信息包括针对所述目标多媒体信息发表评论的互动控件,所述第二信息展示区域显示的辅助信息包括针对所述目标多媒体信息的评论信息、针对所述评论信息的操作控件、针对观看所述目标多媒体信息的目标对象的推荐信息中的一种或者多种。
在本公开的一些示例性实施例中,所述目标多媒体信息在所述第二方向窗口中居中展示。
在本公开的一些示例性实施例中,在检测到所述目标终端设备的设备旋转方向转变为第二方向之前,所述装置还包括:旋转功能关闭单元,用于响应输入指令,关闭所述目标终端设备的自动旋转屏幕功能。
在本公开的一些示例性实施例中,所述目标多媒体信息包括录播视频流、直播视频流中的至少一种。
在本公开的一些示例性实施例中,所述第一方向垂直于所述第二方向。
在本公开的一些示例性实施例中,在所述第一方向窗口和所述第二方向窗口等比例显示所述目标多媒体信息。
本公开实施例提供了一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现如上述实施例中所述的多媒体信息展示方法。
本公开实施例提供了一种电子设备,包括:至少一个处理器;存储装置,配置为存储至少一个程序,当所述至少一个程序被所述至少一个处理器执行时,使得所述至少一个处理器实现如上述实施例中所述的多媒体信息展示方法。
根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述实施例的各种可选实现方式中提供的方法。
在本公开的一些实施例所提供的技术方案中,一方面,当目标终端设备的设备旋转方向从第一方向转换为第二方向时,其可以自动将其第一方向窗口调整为第二方向窗口,并仍然保持在该第二方向窗口以相同于第一方向窗口的第一页面方向展示目标多媒体信息,从而使得从第一方向切换至第二方向时,可以使得第二方向窗口具有与目标多媒体信息分开展示的信息展示区域,可以利用该信息展示区域展示更多的信息,例如可以将原本叠加显示于目标多媒体信息上的关联信息,转移至第二方向窗口的信息展示区域上来显示,这样该关联信息就不会遮挡目标多媒体信息,用户在观看目标多媒体信息的同时,可以不被关联信息干扰,且由于关联信息与目标多媒体信息是分开展示的,用户可以更清晰地看到关联信息;另一方面,虽然目标终端设备的设备旋转方向发生了改变,但由于目标多媒体信息的展示方向在此过程中一直保持不变,即仍然是第一页面方向,因此,从第一方向切换至第二方向的过程中,不会中断目标多媒体信息的播放,保证了目标多媒体信息播放的流畅性。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1示出了可以应用本公开实施例的多媒体信息展示方法或多媒体信息展示装置的示例性系统架构的示意图。
图2示出了相关技术中竖屏播放视频的示意图。
图3示出了相关技术中竖屏显示评论信息的示意图。
图4示出了相关技术中横屏播放视频的示意图。
图5示意性示出了根据本公开的一实施例的多媒体信息展示方法的流程图。
图6示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。
图7示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。
图8示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。
图9示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。
图10示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。
图11示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。
图12示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。
图13示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。
图14示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。
图15示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。
图16-17示意性示出了将本公开实施例提供的方法应用于小视频场景的示意图。
图18-19示意性示出了将本公开实施例提供的方法应用于游戏视频场景的示意图。
图20-21示意性示出了将本公开实施例提供的方法应用于直播视频场景的示意图。
图22示意性示出了根据本公开的一实施例的多媒体信息展示方法的流程图。
图23示意性示出了根据本公开的一实施例的多媒体信息展示装置的框图。
图24示出了适于用来实现本公开实施例的电子设备的结构示意图。
具体实施方式
现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本公开将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
本公开所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。
附图仅为本公开的示意性图解,图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在至少一个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和步骤,也不是必须按所描述的顺序执行。例如,有的步骤还可以分解,而有的步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
本说明书中,用语“一个”、“一”、“该”、“所述”和“至少一个”用以表示存在至少一个要素/组成部分/等;用语“包含”、“包括”和“具有”用以表示开放式的包括在内的意思并且是指除了列出的要素/组成部分/等之外还可存在另外的要素/组成部分/等;用语“第一”、“第二”和“第三”等仅作为标记使用,不是对其对象的数量限制。
下面结合附图对本公开示例实施方式进行详细说明。
图1示出了可以应用于本公开实施例的多媒体信息展示方法或多媒体信息展示装置的示例性系统架构的示意图。
如图1所示,系统架构100可以包括终端设备101、103和服务器102。在终端设备101、103和服务器102之间可以通过网络进行提供通信链路的介质。网络可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
服务器102可以是独立的服务器,也可以是多个服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network,内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。
终端设备101、103可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、可穿戴智能设备、虚拟现实设备、增强现实设备等,但并不局限于此。
本公开实施例中,终端设备101、103上可以安装有视频客户端、游戏客户端、即时通讯客户端、新闻资讯客户端等各类客户端。例如,以视频客户端为例,视频制作者可以使用终端设备101上安装的视频客户端,上传其制作的视频至服务器102。服务器102可以是与该视频客户端对应的视频播放平台的服务器。服务器102接收到终端设备101上传的视频后,可以将其推送至终端设备103,以使得终端设备103的用户可以通过其显示屏幕播放该视频,可以称之为目标多媒体信息,终端设备103可以作为目标终端设备。当终端设备103的设备旋转方向为第一方向时,在终端设备103的第一方向窗口以第一页面方向展示该视频,并在该视频上叠加显示该视频的关联信息。当终端设备103检测到终端设备103的设备旋转方向由第一方向转变为第二方向时,终端设备103可以将其窗口显示方式调整为第二方向窗口,并在第二方向窗口中仍然保持以上述第一页面方向展示该视频,同时可以在第二方向窗口中包括信息展示区域,其中该信息展示区域与该目标多媒体信息是分开展示的,该信息展示区域用于显示该视频的关联信息。
应该理解,图1中的终端设备和服务器的数目仅仅是示意性的,根据实际需要,可以具有任意数目的终端设备和服务器。
需要注意的是,上述应用场景仅是为了便于理解本公开的精神和原理而示出,本公开的实施方式在此方面不受任何限制。相反,本公开的实施方式可以应用于适用的任何场景。
图2示出了相关技术中竖屏播放视频的示意图。如图2所示,当目标终端设备的设备旋转方向为竖屏,即目标终端设备的显示屏幕的宽度W小于高度H时)时,该目标终端设备的显示屏幕的显示窗口同样为竖屏窗口,通过该目标终端设备正在播放的视频的页面方向也为竖屏。
在图2中,在以竖屏方式播放视频时,由于该视频占满了显示屏幕,需要显示其他信息例如该视频的关联信息时,只能叠加显示在该视频上。例如,在该视频上叠加显示的关联信息可以包括发布该视频的账号信息和该账号信息对应的头像,例如“来自XXX”这里的“XXX”就是发布该视频的账号,可以是创作或者上传该视频的作者在视频播放平台注册的昵称等;针对该视频的互动操作信息,例如假设有21个用户对该视频点赞、35个用户对该视频发表了评论以及28个用户分享或者转发了该视频;当前正在观看该视频的目标对象(用户)也可以通过下方的输入框(其内带有“发条评论,让视频更精彩”)发表其对该视频的评论信息;点赞控件;评论控件;分享控件等。
由于上述展示方式的显示,默认竖屏展示的情况下不能显示除上述关联信息以外的其他更多信息。当用户想要在竖屏观看视频时,看到更多的评论和互动信息,如图3所示,用户需要点开如图2中所示的评论控件,弹出浮层,在浮层上显示评论和互动信息,例如假设该视频目前一共有168条评论,选择最新发表的前6条显示在该浮层中,例如用户XXX1发表的“XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX1”的评论信息,用户XXX2发表的“XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXX2”的评论信息,用户XXX3发表的“XXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXX3”的评论信息,用户XXX4发表的“XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX4”的评论信息,用户XXX5发表的“XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX5”的评论信息,用户XXX6发表的“XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXX6”的评论信息,但图3这种展示方法会将正在播放的视频大部分遮挡住。
或者,如图4所示,由于相关技术中的大部分应用程序不提供横屏版本,导致目标终端设备横屏,即目标终端设备的显示屏幕的宽度H大于高度W时,显示的视频的仍然保持不变,从用户的角度来看,视频是“横躺”着的,无法正常观看视频。
再例如,当目标终端设备的显示屏幕由竖屏转换为横屏时,有些情况下虽然可以通过用户手动点击横屏操作,来强制将正在播放的视频也转换为全屏(即视频占满整个显示屏幕)的横屏显示,但由于视频从竖屏切换至横屏转换了页面方向,因此会导致切换至视频横屏播放的过程中,视频内容会出现暂停,影响了视频播放的流畅性。
基于上述相关技术中存在的技术问题,本公开实施例提出了一种多媒体信息展示方法,以用于至少部分解决上述问题。本公开各实施例提供的方法可以由任意的电子设备来执行,例如上述图1中的服务器102,或者终端设备101和103中的任意一者或者多者,或者服务器102与终端设备之间进行交互,本公开对此不做限定。
图5示意性示出了根据本公开的一实施例的多媒体信息展示方法的流程图。如图5所示,本公开实施例提供的方法可以包括以下步骤。
在步骤S510中,在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息。
本公开实施例中,目标终端设备可以是任意的带有显示屏幕的终端设备,在下面的实施例中,均以智能手机为例进行举例说明,但本公开并不限定于此。
在示例性实施例中,所述目标多媒体信息可以是视频、音频、图像、文本等中的任意一种或者多种的组合。
在示例性实施例中,所述目标多媒体信息可以包括录播视频流、直播视频流等中的至少一种。其中,录播视频流是指采用录播系统生成的视频流,录播系统是一个集成了音视频采集、后期剪辑和工具软件的系统,例如在线教育录播,是录制老师上课的视频,然后上传至视频播放平台,学生可以自己选择什么时间段观看,并可以控制观看的进度。直播视频流是指观看该视频的用户没办法控制播放进度和挑选观看片段的视频流,例如游戏直播、球赛直播、带货直播、在线教育直播等。本公开实施例中对目标多媒体信息的格式和所包括的具体内容不做限定。在下面的实施例中,以小视频为例进行举例说明。
其中,小视频,也可以称之为短视频,其相比于通常的普通视频(例如影视剧),其播放时间较短,例如十几秒到1分钟左右。一般情况下,小视频是以竖屏方式播放的。
本公开实施例中,设备旋转方向是指目标终端设备的硬件设备本身的当前旋转方向,下面均以UIDeviceOrientation表示,这个只能取值不能设置,UIDeviceOrientation会根据目标终端设备当前的位置朝向改变而改变。
其中,判断目标终端设备的设备旋转方向例如可以以目标终端设备上的主键(home键)的位置作为参照,UIDeviceOrientation可以有7种取值:UIDeviceOrientationFaceUp表示目标终端设备的显示屏幕朝上平躺,UIDeviceOrientationFaceDown表示目标终端设备的显示屏幕朝下平躺,UIDeviceOrientationUnknown表示未知方向,UIDeviceOrientationLandscapeLeft表示目标终端设备的显示屏幕向左横置,即目标终端设备的朝向为水平方向,且home键在右侧(以下称之为横屏);UIDeviceOrientationLandscape Right表示目标终端设备的显示屏幕向右横置,即目标终端设备的朝向为水平方向,且home键在左侧(以下称之为横屏);UIDeviceOrientationPortra it表示目标终端设备的显示屏幕直立,即目标终端设备的朝向为竖直方向,且home键在底部(以下称之为竖屏);UIDeviceOrientationPortraitUpsideDown表示目标终端设备的显示屏幕直立,并上下颠倒,即目标终端设备的朝向为竖直方向,且home键在顶部。
本公开实施例中,页面方向是指目标终端设备的程序界面的当前旋转方向,下面均以UIInterfaceOrientation,UIInterfaceOrientation是可以设置的,当目标终端设备当前的位置朝向发生改变时,UIInterfaceOrientation可以不发生改变。其中,UIInterfaceOrientation的取值可以设置为:UIInterfa ceOrientationLandscapeLeft=UIDeviceOrientationLandscapeRight,UIInterface OrientationLandscapeRight=UIDeviceOrientationLandscapeLeft,UIInterface OrientationPortrait=UIDeviceOrientationPortrait,UIInterfaceOrientationPortr aitUpsideDown=UIDeviceOrientationPortraitUpsideDown。即UIInterfaceOri entation和UIDeviceOrientation在屏幕直立时是一致的,但在屏幕横置时,且取值是相反的。
本公开实施例中,窗口是指目标终端设备上用于展示信息的显示屏幕,当处于竖屏窗口时,显示屏幕的宽度小于高度,当处于横屏窗口时,显示屏幕的宽度大于高度。
例如,可以通过读取UIDeviceOrientation的取值来判断目标终端设备的设备旋转方向。
在下面的举例说明中,若目标终端设备初始时处于竖屏,则表示第一方向为竖屏,UIDeviceOrientation的取值可以为UIDeviceOrientationPortrai t,此时第一方向窗口称之为竖屏窗口,第一页面方向是指第一方向窗口中用于显示目标多媒体信息的区域的方向,此时UIInterfaceOrientation的取值为UIInterfaceOrientationPortrait,即第一页面方向也为竖屏。当目标终端设备从竖屏切换为横屏时,第二方向表示横屏,UIDeviceOrientation的取值从UIDeviceOrientationPortrait变为UIDeviceOrientationLandscapeLeft或者UIDeviceOrientationLandscapeRight,此时第二方向窗口称之为横屏窗口,此时UIInterfaceOrientation的取值仍然设置为UIInterfaceOrientationPortrai t,即目标多媒体信息在第二方向窗口中展示的区域仍然保持为竖屏。
若目标终端设备初始时处于横屏,则表示第一方向为横屏,UIDeviceOrientation的取值可以为UIDeviceOrientationLandscapeLeft或者UIDeviceOrientationLandscapeRight,此时第一方向窗口称之为横屏窗口,此时UIInterfaceOrientation的取值为UIInterfaceOrientationLandscapeRight或UIInterfaceOrientationLandscapeLeft,即第一页面方向也为横屏。当目标终端设备从横屏切换为竖屏时,第二方向表示竖屏,UIDeviceOrientation的取值从UIDeviceOrientationLandscapeLeft或UIDeviceOrientationLandscapeRight变为UIDeviceOrientationPortrait,此时第二方向窗口称之为竖屏窗口,此时UIInterfaceOrientation的取值仍然设置为UIInterfaceOrientationLandscapeRight或UII nterfaceOrientationLandscapeLeft,即目标多媒体信息在第二方向窗口中展示的区域仍然保持为横屏。
本公开实施例中,所述关联信息可以是与该目标多媒体信息有关的任何信息,例如发布该目标多媒体信息的账号信息、针对该目标多媒体信息的互动操作信息、针对所述目标多媒体信息发表评论的互动控件、该目标多媒体信息中的关联物品的下载控件、该关联物品的查看控件等中的任意一种或者多种。
可以根据目标多媒体信息的不同设置相应的关联信息,例如若目标多媒体信息是小视频,则关联信息可以包括发布该小视频的账号信息、针对该小视频的互动操作信息等。若该目标多媒体信息是为游戏视频,则关联信息可以包括发布该游戏视频的账号信息、针对该游戏视频的互动操作信息、该游戏视频中的目标游戏(关联物品)的下载控件等。若该目标多媒体信息是直播视频,则关联信息可以包括发布该直播视频的账号信息、针对该直播视频的互动操作信息、该直播视频中的目标商品(关联物品)的查看控件等。
在步骤S520中,检测到所述目标终端设备的设备旋转方向转变为第二方向。
在示例性实施例中,所述第一方向可以垂直于所述第二方向。例如,若第一方向为竖屏,则第二方向为横屏;若第一方向为横屏,则第二方向为竖屏。但本公开并不限定于此,例如第一方向与第二方向也可以呈任意角度的夹角,例如45度、30度或者60度等等。
本公开实施例中,目标终端设备的后台可以调用目标终端设备上的陀螺仪API(Application Programming Interface,应用程序接口),来判断目标终端设备的设备旋转方向是否发生了变化。例如,若第一方向为竖屏,第二方向为横屏,这里假设通过陀螺仪API可以判断出目标终端设备的设备旋转方向从之前的第一方向转变为了第二方向,则会自动将UIDeviceOri entation的取值从UIDeviceOrientationPortrait修改为UIDeviceOrientationLa ndscapeLeft或UIDeviceOrientationLandscapeRight。
在示例性实施例中,在检测到所述目标终端设备的设备旋转方向转变为第二方向之前,所述方法还可以包括:响应输入指令,关闭所述目标终端设备的自动旋转屏幕功能。
本公开实施例中,若目标终端设备的系统中有自动旋转屏幕功能,即开启自动旋转屏幕功能时,当目标终端设备的设备旋转方向发生改变时,页面方向会自动发生相应的改变,例如,若目标终端设备的设备旋转方向从竖屏转换为横屏,则页面方向相应的从竖屏转换为横屏。若关闭自动旋转屏幕功能,则当目标终端设备的设备旋转方向发生改变时,页面方向可以保持不变,例如,若目标终端设备的设备旋转方向从竖屏转换为横屏,则页面方向仍然保持原来的竖屏。
例如,以进入小视频或直播页面为例,当目标终端设备的用户希望观看小视频或直播内容的同时看到更多的评论和互动信息,可以通过横置目标终端设备的显示屏幕的方式来触发窗口方向的切换,当目标终端设备的系统检测到设备旋转方向发生变化的时候,系统可以判断自动旋转屏幕功能是否关闭了,在用户关闭了系统自动旋转屏幕功能的情况下,第一页面方向不会跟随目标终端设备的旋转而旋转。
在步骤S530中,在所述目标终端设备的第二方向窗口以所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示。
本公开实施例中,当目标终端设备发生旋转时,例如从竖屏转换为横屏时,当前正在播放的目标多媒体信息仍然保持原来的第一页面方向不变,例如仍然是竖屏,如此一来,在目标终端设备的显示屏幕的第二方向窗口上除了展示该目标多媒体信息,还会空出多余的显示面积作为信息展示区域,可以利用该信息展示区域来展示原本叠加显示与目标多媒体信息上的关联信息的一部分或者全部。信息展示区域和目标多媒体信息在第二方向窗口上是分开展示的,表示信息展示区域与用于展示目标多媒体信息的区域是没有任何重合部分的,信息展示区域上显示的信息例如关联信息和辅助信息均不会叠加显示至目标多媒体信息熵。
本公开实施例中,信息展示区域可以与目标多媒体信息相邻设置,也可以在信息展示区域和目标多媒体信息之间还包括其它区域,本公开对此不做限定,只要信息展示区域和目标多媒体信息完全不重合即可。在下面的举例说明中,均以信息展示区域与目标多媒体信息相邻设置为例,但本公开并不限定于此。
在示例性实施例中,所述信息展示区域可以包括位于所述目标多媒体信息的第一侧的第一信息展示区域和位于所述目标多媒体信息的第二侧的第二信息展示区域。通过将信息展示区域划分为不同的第一信息展示区域和第二信息展示区域,可以用于分别显示不同或者相同的关联信息。
本公开实施例中,当第二方向窗口为横屏窗口时,第一侧可以为目标多媒体信息的左侧,第二侧可以为目标多媒体信息的右侧。当第二方向窗口为竖屏窗口时,第一侧可以为目标多媒体信息的上侧,第二侧可以为目标多媒体信息的下侧。本公开对此不作限定。
在示例性实施例中,所述第一信息展示区域显示的至少部分所述关联信息可以包括发布所述目标多媒体信息的账号信息、针对所述目标多媒体信息的互动操作信息、所述目标多媒体信息中的关联物品的下载控件、所述关联物品的查看控件等中的一种或者多种。
在示例性实施例中,在所述信息展示区域还可以显示所述目标多媒体信息的辅助信息,所述辅助信息不同于所述关联信息。
在示例性实施例中,所述第一信息展示区域显示的辅助信息可以包括所述账号信息的简介信息、针对观看所述目标多媒体信息的目标对象的推荐信息等中的一种或者多种。
在示例性实施例中,所述第二信息展示区域显示的至少部分所述关联信息包括针对所述目标多媒体内容发表评论的互动控件,所述第二信息展示区域显示的辅助信息包括针对所述目标多媒体信息的评论信息、针对所述评论信息的操作控件、针对所述目标多媒体信息发表评论的互动控件、针对观看所述目标多媒体信息的目标对象的推荐信息等中的一种或者多种。
本公开实施例中,若用户希望能够在观看目标多媒体信息的同时,观看到相比原有竖屏时叠加显示在目标多媒体信息上的关联信息以外的更多信息,则在信息展示区域上除了可以展示部分或者全部的关联信息,还可以展示不同于关联信息的辅助信息,例如针对该目标多媒体信息的评论信息、针对这些评论信息的操作控件等。
在下面的举例说明中,以在信息展示区域同时显示关联信息和辅助信息为例进行举例说明,但可以理解的是,在信息展示区域也可以仅显示关联信息。当信息展示区域的信息较少时,可以调大其上展示的信息的字体大小,让用户能够更加清晰的查看到相应的信息。
需要说明的是,整个信息展示区域、第一信息展示区域和第二信息展示区域中所包括的关联信息和辅助信息的具体内容、关联信息和辅助信息的布局和设计、关联信息和辅助信息的格式等均可以根据不同的应用场景而调整,本公开对此不做限定。
在示例性实施例中,所述目标多媒体信息可以在所述第二方向窗口中居中展示。但本公开并不限定于此。
在示例性实施例中,可以在所述第一方向窗口和所述第二方向窗口等比例显示所述目标多媒体信息。
本公开实施例中,目标终端设备的显示屏幕旋转的实现,会带来相应的UI(UserInterface,用户页面)适配问题,可以针对不同方向下的窗口重新调整视图布局。
例如,当检测到目标终端设备发生显示屏幕旋转事件时,可以通过UIViewController(视图控制器)检测到视图View的大小变化,帮助适配。可以使用flex布局,即页面自适应的能力。
再例如,当检测到目标终端设备发生显示屏幕旋转事件时,如果目标多媒体信息是类似于表视图的单元格,可以触发layoutSubviews方法实现适配。本公开实施例对如何实现UI适配的方式不做限定。
本公开实施方式提供的多媒体信息展示方法,一方面,当目标终端设备的设备旋转方向从第一方向转换为第二方向时,其可以自动将其第一方向窗口调整为第二方向窗口,并仍然保持在该第二方向窗口以相同于第一方向窗口的第一页面方向展示目标多媒体信息,从而使得从第一方向切换至第二方向时,可以使得第二方向窗口具有与目标多媒体信息分开展示的信息展示区域,可以利用该信息展示区域展示更多的信息,例如可以将原本叠加显示于目标多媒体信息上的关联信息,转移至第二方向窗口的信息展示区域上来显示,这样该关联信息就不会遮挡目标多媒体信息,用户在观看目标多媒体信息的同时,可以不被关联信息干扰,且由于关联信息与目标多媒体信息是分开展示的,用户可以更清晰地看到关联信息;另一方面,虽然目标终端设备的设备旋转方向发生了改变,但由于目标多媒体信息的展示方向在此过程中一直保持不变,即仍然是第一页面方向,因此,从第一方向切换至第二方向的过程中,不会中断目标多媒体信息的播放,保证了目标多媒体信息播放的流畅性。
下面均以目标多媒体信息为视频为例进行举例说明。
图6示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。如图6所示,假设初始时,目标终端设备的设备旋转方向处于竖屏方向,其宽度W小于高度H,目标多媒体信息也以竖屏页面方向在目标终端设备的竖屏窗口中播放,目标多媒体信息在竖屏窗口中的宽度等于W,高度等于H,即目标多媒体信息全屏占满整个显示屏幕。图6的目标多媒体信息上叠加显示的关联信息的描述可参照上图2。
图7示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。如图7所示,当用户将目标终端设备从图6所示的竖屏方向转换为横屏方向后,目标终端设备的显示屏幕从竖屏窗口转换为横屏窗口,其宽度变为H,高度变为W,即宽度大于高度。
图7实施例中,假设目标终端设备在横屏窗口中居中展示,目标多媒体信息仍然保持图6中竖屏页面方向,为了UI适配,竖屏窗口中的目标多媒体信息的宽高比等于横屏窗口中的目标多媒体信息的宽高比。
例如,图7中,假设目标多媒体信息的宽度为W’,高度为W,则图6中的W/H=W’/W,从而可以在图7目标终端设备横屏且目标多媒体信息竖屏的情况下,即保持目标多媒体信息相比于图6是等比例缩放的,使得目标多媒体信息不变形、不失真,同时以尽可能大的分辨率在图7所示的情况下播放,保证用户能够观察到尽可能清晰的目标多媒体信息。
继续参考图7,除了居中展示的目标多媒体信息以外,横屏窗口中还包括位于目标多媒体信息左侧的第一信息展示区域和位于目标多媒体信息右侧的第二信息展示区域,此时第一信息展示区域的面积可以等于第二信息展示区域的面积。在第一信息展示区域和第二信息展示区域可以显示用户希望观看到的更多的关联信息和辅助信息。
图8示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。还是假设初始时如图6所示,目标终端设备的设备旋转方向从图6的竖屏旋转为图8的横屏,图8实施例与图7实施例的不同之处在于,目标多媒体信息也可以不居中展示,例如,目标多媒体信息靠近横屏窗口的左侧展示,则此时第一信息展示区域的面积小于第二信息展示区域的面积。
图9示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。还是假设初始时如图6所示,目标终端设备的设备旋转方向从图6的竖屏旋转为图9的横屏,图9实施例与图7实施例的不同之处在于,目标多媒体信息也可以不居中展示,例如,目标多媒体信息靠近横屏窗口的右侧展示,则此时第一信息展示区域的面积大于第二信息展示区域的面积。
图10示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。还是假设初始时如图6所示,目标终端设备的设备旋转方向从图6的竖屏旋转为图10的横屏,图10实施例与图7实施例的不同之处在于,目标多媒体信息位于横屏窗口的左侧,则此时不对信息展示区域进行划分,信息展示区域位于横屏窗口的右侧。
图11示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。还是假设初始时如图6所示,目标终端设备的设备旋转方向从图6的竖屏旋转为图11的横屏,图11实施例与图7实施例的不同之处在于,目标多媒体信息位于横屏窗口的右侧,则此时不对信息展示区域进行划分,信息展示区域位于横屏窗口的左侧。
图12示意性示出了根据本公开的一实施例的横屏播放目标多媒体信息的示意图。如图12所示,假设初始时,目标终端设备的设备旋转方向处于横屏方向,其宽度H小于高度W,目标多媒体信息也以横屏页面方向在目标终端设备的横屏窗口中播放,目标多媒体信息在横屏窗口中的宽度等于H,高度等于W,即目标多媒体信息全屏占满整个显示屏幕。图12的目标多媒体信息上叠加显示的关联信息的描述可参照上图2。
图13示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。如图13所示,当用户将目标终端设备从图12所示的横屏方向转换为竖屏方向后,目标终端设备的显示屏幕从横屏窗口转换为竖屏窗口,其宽度变为W,高度变为H,即宽度小于高度。
图13实施例中,假设目标终端设备在竖屏窗口中居中展示,目标多媒体信息仍然保持图12中竖屏页面方向,为了UI适配,竖屏窗口中的目标多媒体信息的宽高比等于横屏窗口中的目标多媒体信息的宽高比,从而可以在图13目标终端设备竖屏且目标多媒体信息横屏的情况下,即保持目标多媒体信息相比于图12是等比例缩放的,使得目标多媒体信息不变形、不失真,同时以尽可能大的分辨率在图13所示的情况下播放,保证用户能够观察到尽可能清晰的目标多媒体信息。
继续参考图13,除了居中展示的目标多媒体信息以外,横屏窗口中还包括位于目标多媒体信息上侧的第一信息展示区域和位于目标多媒体信息下侧的第二信息展示区域,此时第一信息展示区域的面积可以等于第二信息展示区域的面积。在第一信息展示区域和第二信息展示区域可以显示用户希望观看到的更多的关联信息和辅助信息(图中未示出)。
需要说明的是,目标多媒体信息并不限于居中展示。例如,目标多媒体信息还可以靠近竖屏窗口的上侧,此时第一信息展示区域的面积小于第二信息展示区域的面积。再例如,目标多媒体信息还可以靠近竖屏窗口的下侧,此时第一信息展示区域的面积大于第二信息展示区域的面积。
图14示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。还是假设初始时如图12所示,目标终端设备的设备旋转方向从图12的横屏旋转为图14的竖屏,图14实施例与图13实施例的不同之处在于,目标多媒体信息位于竖屏窗口的下侧,则此时不对信息展示区域进行划分,信息展示区域位于竖屏窗口的上侧。
图15示意性示出了根据本公开的一实施例的竖屏播放目标多媒体信息的示意图。还是假设初始时如图12所示,目标终端设备的设备旋转方向从图12的横屏旋转为图15的竖屏,图15实施例与图13实施例的不同之处在于,目标多媒体信息位于竖屏窗口的上侧,则此时不对信息展示区域进行划分,信息展示区域位于竖屏窗口的下侧。
下面以小视频、游戏视频和直播视频三种应用场景为例,对上述实施例提供的方法进行举例说明,并假设初始时目标终端设备处于竖屏,之后选择为横屏。
图16-17示意性示出了将本公开实施例提供的方法应用于小视频场景的示意图。如图16所示,假设目标多媒体信息为正在播放的小视频,初始时目标终端设备处于竖屏,且其在竖屏窗口内全屏播放小视频,竖屏窗口上可以显示发布该小视频的账号信息和该账号信息对应的头像,例如“来自XXX”这里的“XXX”就是发布该小视频的账号,可以是创作或者上传该小视频的作者在视频播放平台注册的昵称等。
继续参考图16,还可以在竖屏窗口上显示针对该小视频的互动操作信息,例如假设有21个用户对该小视频点赞、35个用户对该小视频发表了评论以及28个用户分享或者转发了该小视频。当前正在观看该小视频的目标对象(用户)也可以通过下方的输入框(其内带有“发条评论,让视频更精彩”)发表其对该小视频的评论信息。
该目标对象也可以点击上方的点赞控件,以增加其对应的下方的点赞数。本公开实施例中,用户通过对点赞控件的点赞操作,来表达其对当前正在播放的小视频的喜欢。
该目标对象还可以在竖屏窗口中点击评论控件,查看其它用户发表的对该小视频的评论信息。该目标对象还可以点击分享控件,将该小视频分享或者转发出去。
但是,如图16所示,在竖屏窗口上显示上述账号信息、头像、点赞控件、点赞数、评论控件、分享控件和输入框等辅助信息时,会遮挡正在播放的小视频,同时,若用户想要查看其他用户的评论信息,其还需要手动点开评论控件,才能显示出来,且显示的评论信息会进一步遮挡正在播放的小视频。
进入小视频播放页面后,若用户希望在观看小视频内容的同时,看到更多的其他用户的评论信息和互动操作信息,如图17所示,当检测到目标终端设备从竖屏转换为横屏,且判断已经关闭了系统中的自动旋转评论功能时,继续保持小视频为竖屏页面方向,且该小视频的宽高比保持一致,并让小视频在横屏窗口中居中播放。这样,虽然窗口方向随着目标终端设备的旋转而自动旋转,但旋转同时小视频保持竖屏页面方向,因此,在旋转过程中,可以保持小视频继续播放,不中断正在观看的内容。
图17实施例中,小视频的左侧为第一信息展示区域,可以用于显示发布该小视频的账号信息、头像、该账号信息的简介信息(例如该账号的主旨是什么,属于哪个类别或者领域,为什么发起这个账号等等)。图17的第一信息展示区域还可以显示点赞控件、点赞数、评论控件、评论数、分享控件和分享数等针对该小视频的互动操作信息。
继续参考图17,小视频的右侧为第二信息展示区域,可以用于显示其他用户发表的针对该小视频的评论信息,例如账号为XXX1的用户发表了一条“XXXXXXXXXXXXXXXXXX1。”的评论,账号为XXX2的用户发表了一条“XXXXXXXXXXXXXXXXXX2。”的评论,账号为XXX3的用户发表了一条“XXXXXXXXXXXXXXXXXX3。”的评论,账号为XXX4的用户发表了一条“XXXXXXXXXXXXXXXXXX4。”的评论,账号为XXX5的用户发表了一条“XXXXXXXXXXXXXXXXXX5。”的评论。
在图17所示的第二信息展示区域,还可以显示针对每条评论信息的点赞控件及其点赞数。
在图17实施例的第二信息展示区域的底部,还可以显示针对该小视频的互动控件,例如这里所示的输入框,用户可以在该输入框中输入其针对该小视频的评论信息。
图17实施例中,当目标终端设备横屏时,控制正在播放的小视频仍然保持为竖屏页面方向,这样由于小视频两侧的第一信息展示区域和第二信息展示区域的面积的扩大,可以显示更多的账号信息、简介信息、公告等以及更多的拓展信息,以便于用户了解更详细的内容。且用户需要在观看小视频时查看更多的评论信息和互动操作信息时,其不再需要用户手动的去点击评论控件来展开显示,用户就可以得到更丰富的信息。此外,上述辅助信息显示于正在播放的小视频的两侧,不会遮挡正在播放的小视频的内容。
图18-19示意性示出了将本公开实施例提供的方法应用于游戏视频场景的示意图。图18与图16实施例类似,只是可以将其应用于游戏分发场景,当前正在播放的游戏视频为目标多媒体信息。当从图18所示的目标终端设备的竖屏转换为图19所示的横屏时,保持游戏视频居中播放,且在其左侧的第一信息展示区域显示发布该游戏视频的账号信息及其头像、点赞控件、点赞数、评论控件、评论数、分享控件和分享数等互动操作信息,其右侧的第二信息展示区域显示的辅助信息也可以类似上述图17。
与上述图17实施例不同之处在于,图19实施例中,在第一信息展示区域还显示了游戏视频针对的目标游戏(目标多媒体信息中的关联物品)的宣传材料,例如该目标游戏的名称、宣传文案。在该宣传材料中还可以包括下载控件,其上显示提示信息“立即下载”,用户若对该目标游戏感兴趣,可以直接点击该下载控件下载该目标游戏,由此可以实现对该目标游戏的进一步推广,提高其分发效果。
图20-21示意性示出了将本公开实施例提供的方法应用于直播视频场景的示意图。图20与图16实施例类似,只是可以将其应用于直播场景,当前正在播放的直播视频为目标多媒体信息。当从图20所示的目标终端设备的竖屏转换为图21所示的横屏时,保持直播视频居中播放,且在其左侧的第一信息展示区域显示发布该直播视频的账号信息及其头像、点赞控件、点赞数、评论控件、评论数、分享控件和分享数等互动操作信息,其右侧的第二信息展示区域显示的辅助信息也可以类似上述图17。
与上述图17实施例不同之处在于,图21实施例中,以直播带货为例,在第一信息展示区域还显示了直播视频针对的目标商品(目标多媒体信息中的关联物品)的相关信息,例如该目标商品的名称、宣传文案、价格等信息。在该相关信息中还可以包括查看控件,其上显示提示信息“查看详情”,用户若对该目标商品感兴趣,可以直接点击该查看控件查看该目标商品的详细信息,或者进入下单页面购买该目标商品,由此可以实现对该目标商品的进一步推广,提高其推广效果。
本公开实施例中,直播带货是指通过一些互联网平台,使用直播技术进行商品线上展示、咨询答疑、导购销售的新型服务方式,具体形式可以由店铺自己开设直播间,或由职业主播集合进行推介。
本公开实施例中,当目标终端设备从竖屏转变为横屏后,可以在横屏窗口中展示更多的辅助信息,在信息展示区域内展示的辅助信息可以灵活替换为用户可能感兴趣的任何内容,并不限于上述举例说明。例如,可以记录和分析该目标多媒体信息的目标对象的历史行为信息,例如针对小视频、直播视频、游戏视频等的浏览操作、点赞操作、转发操作等,分析出该目标对象的兴趣标签,即对该目标对象进行用户画像,预测出其感兴趣的关键词作为其个性标签,然后根据该目标对象的兴趣标签,从海量的视频、文章、资讯、商品等中选择出与其兴趣标签匹配的推荐信息,并将该推荐信息显示与该信息展示区域,由此可以在实现精准个性化推荐的前提下,不遮挡正在展示的目标多媒体信息。
图22示意性示出了根据本公开的一实施例的多媒体信息展示方法的流程图。如图22所示,用户初始时选择了竖屏观看视频,其将目标终端设备竖屏放置,此时目标终端设备的前端通过显示屏幕竖屏展示目标多媒体信息,这里以目标多媒体信息为视频内容为例。后台为前端提供正在前端播放的视频内容的视频源内容。
本公开实施例中的后台,可以是目标终端设备的后台,也可以是服务器,本公开对此不做限定。
当用户旋转目标终端设备,将显示屏幕横置时,后台会调用目标终端设备的陀螺仪API,检测到目标终端设备的设备旋转方向发生了改变,后台会判断系统是否关闭了自动旋转屏幕功能。若关闭了自动旋转屏幕功能,则会触发前端进行切换,由于屏幕切换过程中,视频仍然保持竖屏页面方向,所以后台会继续视频源的播放,即用户仍然可以继续观看播放的视频。在屏幕切换过程中,后台会增加评论信息源,并重新布局页面上的信息分布,进行UI适配,以便将评论信息源中的评论信息、互动操作信息等显示在屏幕的左右两侧,并让视频居中播放。此时,用户可以在目标终端设备横屏,且视频竖屏的情况下继续观看视频的播放。
本公开实施方式提供的多媒体信息展示方法,一方面,由于设备横屏且视频竖屏的情况下,视频的两侧可以空出更多的展示空间,用户可以在观看播放的视频的同时,以不遮挡视频内容的方式显示更多的辅助信息例如评论信息和互动操作信息等;另一方面,给了业务更多的在视频播放场景下,拓展更多商业机会的可能,例如更多展示商品信息,更多的展示游戏内容或其他相关内容的可能。
图23示意性示出了根据本公开的一实施例的多媒体信息展示装置的框图。如图23所示,本公开实施例提供的多媒体信息展示装置2300可以包括信息第一方向展示单元2310、设备旋转方向转变单元2320以及信息第二方向展示单元2330。
本公开实施例中,信息第一方向展示单元2310可以用于在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息。设备旋转方向转变单元2320可以用于检测到所述目标终端设备的设备旋转方向转变为第二方向。信息第二方向展示单元2330可以用于在所述目标终端设备的第二方向窗口以所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示。
本公开实施方式提供的多媒体信息展示装置,一方面,当目标终端设备的设备旋转方向从第一方向转换为第二方向时,其可以自动将其第一方向窗口调整为第二方向窗口,并仍然保持在该第二方向窗口以相同于第一方向窗口的第一页面方向展示目标多媒体信息,从而使得从第一方向切换至第二方向时,可以使得第二方向窗口具有与目标多媒体信息分开展示的信息展示区域,可以利用该信息展示区域展示更多的信息,例如可以将原本叠加显示于目标多媒体信息上的关联信息,转移至第二方向窗口的信息展示区域上来显示,这样该关联信息就不会遮挡目标多媒体信息,用户在观看目标多媒体信息的同时,可以不被关联信息干扰,且由于关联信息与目标多媒体信息是分开展示的,用户可以更清晰地看到关联信息;另一方面,虽然目标终端设备的设备旋转方向发生了改变,但由于目标多媒体信息的展示方向在此过程中一直保持不变,即仍然是第一页面方向,因此,从第一方向切换至第二方向的过程中,不会中断目标多媒体信息的播放,保证了目标多媒体信息播放的流畅性。
在示例性实施例中,所述信息展示区域可以包括位于所述目标多媒体信息的第一侧的第一信息展示区域和位于所述目标多媒体信息的第二侧的第二信息展示区域。
在示例性实施例中,所述第一信息展示区域显示的至少部分所述关联信息可以包括发布所述目标多媒体信息的账号信息、针对所述目标多媒体信息的互动操作信息、所述目标多媒体信息中的关联物品的下载控件、所述关联物品的查看控件中的一种或者多种。
在示例性实施例中,在所述信息展示区域还可以显示所述目标多媒体信息的辅助信息,所述辅助信息不同于所述关联信息。
在示例性实施例中,所述第一信息展示区域显示的辅助信息可以包括所述账号信息的简介信息、针对观看所述目标多媒体信息的目标对象的推荐信息等中的一种或者多种。
在示例性实施例中,所述第二信息展示区域显示的至少部分所述关联信息包括针对所述目标多媒体信息发表评论的互动控件,所述第二信息展示区域显示的辅助信息可以包括针对所述目标多媒体信息的评论信息、针对所述评论信息的操作控件、针对所述目标多媒体信息发表评论的互动控件、针对观看所述目标多媒体信息的目标对象的推荐信息中的一种或者多种。
在示例性实施例中,所述目标多媒体信息可以在所述第二方向窗口中居中展示。
在示例性实施例中,多媒体信息展示装置2300还可以包括:旋转功能关闭单元,用于在检测到所述目标终端设备的设备旋转方向转变为第二方向之前,响应输入指令,关闭所述目标终端设备的自动旋转屏幕功能。
在示例性实施例中,所述目标多媒体信息可以包括录播视频流、直播视频流中的至少一种。
在示例性实施例中,所述第一方向可以垂直于所述第二方向。
在示例性实施例中,在所述第一方向窗口和所述第二方向窗口可以等比例显示所述目标多媒体信息。
本公开实施例的多媒体信息展示装置的其它内容可以参照上述实施例。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之,上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。
下面参考图24,其示出了适于用来实现本申请实施例的电子设备的结构示意图。图24示出的电子设备仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
参照图24,本公开实施例提供的电子设备可以包括:处理器2401、通信接口2402、存储器2403和通信总线2404。
其中处理器2401、通信接口2402和存储器2403通过通信总线2404完成相互间的通信。
可选的,通信接口2402可以为通信模块的接口,如GSM(Global System forMobile communications,全球移动通信系统)模块的接口。处理器2401用于执行程序。存储器2403用于存放程序。程序可以包括计算机程序,该计算机程序包括计算机操作指令。其中,程序中可以包括:视频客户端的程序。
处理器2401可以是一个中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本公开实施例的一个或多个集成电路。
存储器2403可以包含高速RAM(random access memory,随机存取存储器)存储器,也可以还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
其中,程序可具体用于:在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息;检测到所述目标终端设备的设备旋转方向转变为第二方向;在所述目标终端设备的第二方向窗口以所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示。
需要理解的是,在本公开附图中的任何元素数量均用于示例而非限制,以及任何命名都仅用于区分,而不具有任何限制含义。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (20)

1.一种多媒体信息展示方法,其特征在于,包括:
在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息,所述第一方向为竖屏方向;
当所述目标终端设备处于关闭自动旋转屏幕功能时,检测到所述目标终端设备的设备旋转方向转变为第二方向,所述第二方向为横屏方向;
自动将所述目标终端设备的第一方向窗口调整为第二方向窗口,并仍然保持在所述目标终端设备的第二方向窗口以相同于所述第一方向窗口的所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示,所述第一方向窗口中的所述目标多媒体信息的宽高比等于所述第二方向窗口中的所述目标多媒体信息的宽高比。
2.根据权利要求1所述的方法,其特征在于,所述信息展示区域包括位于所述目标多媒体信息的第一侧的第一信息展示区域和位于所述目标多媒体信息的第二侧的第二信息展示区域。
3.根据权利要求2所述的方法,其特征在于,所述第一信息展示区域显示的至少部分所述关联信息包括发布所述目标多媒体信息的账号信息、针对所述目标多媒体信息的互动操作信息、所述目标多媒体信息中的关联物品的下载控件、所述关联物品的查看控件中的一种或者多种。
4.根据权利要求3所述的方法,其特征在于,在所述信息展示区域还显示所述目标多媒体信息的辅助信息,所述辅助信息不同于所述关联信息。
5.根据权利要求4所述的方法,其特征在于,所述第一信息展示区域显示的辅助信息包括所述账号信息的简介信息、针对观看所述目标多媒体信息的目标对象的推荐信息中的一种或者多种。
6.根据权利要求3所述的方法,其特征在于,所述第二信息展示区域显示的至少部分所述关联信息包括针对所述目标多媒体信息发表评论的互动控件,所述第二信息展示区域显示的辅助信息包括针对所述目标多媒体信息的评论信息、针对所述评论信息的操作控件、针对观看所述目标多媒体信息的目标对象的推荐信息中的一种或者多种。
7.根据权利要求1至6任一项所述的方法,其特征在于,所述目标多媒体信息在所述第二方向窗口中居中展示。
8.根据权利要求1所述的方法,其特征在于,所述目标多媒体信息包括录播视频流、直播视频流中的至少一种。
9.根据权利要求1所述的方法,其特征在于,所述第一方向垂直于所述第二方向。
10.一种多媒体信息展示装置,其特征在于,包括:
信息第一方向展示单元,用于在设备旋转方向为第一方向的目标终端设备的第一方向窗口以第一页面方向展示目标多媒体信息,在所述目标多媒体信息上叠加显示所述目标多媒体信息的关联信息,所述第一方向为竖屏方向;
设备旋转方向转变单元,用于当所述目标终端设备处于关闭自动旋转屏幕功能时,检测到所述目标终端设备的设备旋转方向转变为第二方向,所述第二方向为横屏方向;
信息第二方向展示单元,用于自动将所述目标终端设备的第一方向窗口调整为第二方向窗口,并仍然保持在所述目标终端设备的第二方向窗口以相同于所述第一方向窗口的所述第一页面方向展示所述目标多媒体信息,并在所述第二方向窗口的信息展示区域显示不同于所述目标多媒体信息的辅助信息至少部分所述关联信息,所述第二方向窗口中的所述目标多媒体信息与所述信息展示区域分开展示,所述第一方向窗口中的所述目标多媒体信息的宽高比等于所述第二方向窗口中的所述目标多媒体信息的宽高比。
11.根据权利要求10所述的装置,其特征在于,所述信息展示区域包括位于所述目标多媒体信息的第一侧的第一信息展示区域和位于所述目标多媒体信息的第二侧的第二信息展示区域。
12.根据权利要求11所述的装置,其特征在于,所述第一信息展示区域显示的至少部分所述关联信息包括发布所述目标多媒体信息的账号信息、针对所述目标多媒体信息的互动操作信息、所述目标多媒体信息中的关联物品的下载控件、所述关联物品的查看控件中的一种或者多种。
13.根据权利要求12所述的装置,其特征在于,在所述信息展示区域还显示所述目标多媒体信息的辅助信息,所述辅助信息不同于所述关联信息。
14.根据权利要求13所述的装置,其特征在于,所述第一信息展示区域显示的辅助信息包括所述账号信息的简介信息、针对观看所述目标多媒体信息的目标对象的推荐信息中的一种或者多种。
15.根据权利要求12所述的装置,其特征在于,所述第二信息展示区域显示的至少部分所述关联信息包括针对所述目标多媒体信息发表评论的互动控件,所述第二信息展示区域显示的辅助信息包括针对所述目标多媒体信息的评论信息、针对所述评论信息的操作控件、针对观看所述目标多媒体信息的目标对象的推荐信息中的一种或者多种。
16.根据权利要求10至15任一项所述的装置,其特征在于,所述目标多媒体信息在所述第二方向窗口中居中展示。
17.根据权利要求10所述的装置,其特征在于,所述目标多媒体信息包括录播视频流、直播视频流中的至少一种。
18.根据权利要求10所述的装置,其特征在于,所述第一方向垂直于所述第二方向。
19.一种计算机可读存储介质,其特征在于,其上存储有计算机程序,所述程序被处理器执行时实现如权利要求1至9任一项所述的方法。
20.一种电子设备,其特征在于,包括:
至少一个处理器;
存储装置,配置为存储至少一个程序,当所述至少一个程序被所述至少一个处理器执行时,使得所述至少一个处理器实现如权利要求1至9中任一项所述的方法。
CN202010940194.9A 2020-09-09 2020-09-09 多媒体信息展示方法及装置、存储介质、电子设备 Active CN112073583B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010940194.9A CN112073583B (zh) 2020-09-09 2020-09-09 多媒体信息展示方法及装置、存储介质、电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010940194.9A CN112073583B (zh) 2020-09-09 2020-09-09 多媒体信息展示方法及装置、存储介质、电子设备

Publications (2)

Publication Number Publication Date
CN112073583A CN112073583A (zh) 2020-12-11
CN112073583B true CN112073583B (zh) 2023-08-08

Family

ID=73663124

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010940194.9A Active CN112073583B (zh) 2020-09-09 2020-09-09 多媒体信息展示方法及装置、存储介质、电子设备

Country Status (1)

Country Link
CN (1) CN112073583B (zh)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113157906B (zh) * 2021-01-19 2023-08-08 北京达佳互联信息技术有限公司 推荐信息展示方法、装置、设备及存储介质
CN115278326A (zh) * 2021-04-29 2022-11-01 腾讯科技(深圳)有限公司 视频展示方法、装置、计算机可读介质及电子设备
CN113660504B (zh) * 2021-08-18 2024-04-16 北京百度网讯科技有限公司 消息展示方法、装置、电子设备以及存储介质
CN113779281B (zh) * 2021-09-16 2023-06-16 抖音视界有限公司 信息处理方法、装置及设备
CN114268826B (zh) * 2021-09-30 2022-11-29 荣耀终端有限公司 应用显示方法和装置
CN114168027B (zh) * 2021-11-08 2024-07-09 阿里巴巴(中国)有限公司 信息显示方法、装置及设备
CN114489336B (zh) * 2022-01-21 2024-03-29 北京有竹居网络技术有限公司 多媒体展示方法、装置、可读介质及电子设备
CN114760516A (zh) * 2022-04-11 2022-07-15 北京字跳网络技术有限公司 一种视频处理方法、装置、设备及存储介质
CN114860969A (zh) * 2022-05-19 2022-08-05 北京字跳网络技术有限公司 信息展示方法、装置、电子设备及存储介质
CN115617436A (zh) * 2022-10-10 2023-01-17 北京字跳网络技术有限公司 内容展示方法、装置、设备及存储介质
CN117009024A (zh) * 2023-09-12 2023-11-07 荣耀终端有限公司 显示方向的切换方法及电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108874265A (zh) * 2018-06-21 2018-11-23 北京达佳互联信息技术有限公司 多媒体信息显示方法、装置、计算机设备及存储介质
CN110336923A (zh) * 2019-07-16 2019-10-15 网易(杭州)网络有限公司 一种播放模式的切换方法、装置、电子设备及存储介质
CN110784754A (zh) * 2019-10-30 2020-02-11 北京字节跳动网络技术有限公司 视频显示方法、装置和电子设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108874265A (zh) * 2018-06-21 2018-11-23 北京达佳互联信息技术有限公司 多媒体信息显示方法、装置、计算机设备及存储介质
CN110336923A (zh) * 2019-07-16 2019-10-15 网易(杭州)网络有限公司 一种播放模式的切换方法、装置、电子设备及存储介质
CN110784754A (zh) * 2019-10-30 2020-02-11 北京字节跳动网络技术有限公司 视频显示方法、装置和电子设备

Also Published As

Publication number Publication date
CN112073583A (zh) 2020-12-11

Similar Documents

Publication Publication Date Title
CN112073583B (zh) 多媒体信息展示方法及装置、存储介质、电子设备
US11006176B2 (en) Processing techniques in audio-visual streaming systems
JP7195426B2 (ja) ディスプレイページのインタラクション制御方法及び装置
US9008491B2 (en) Snapshot feature for tagged video
US20100312596A1 (en) Ecosystem for smart content tagging and interaction
US20140019865A1 (en) Visual story engine
US20110154200A1 (en) Enhancing Media Content with Content-Aware Resources
US20090024922A1 (en) Method and system for synchronizing media files
WO2014106237A1 (en) Creating and sharing inline media commentary within a network
CN107735746A (zh) 交互式媒体系统和方法
US9564177B1 (en) Intelligent video navigation techniques
US11825178B2 (en) System and a method for creating and sharing content anywhere and anytime
US20180249206A1 (en) Systems and methods for providing interactive video presentations
US9277269B2 (en) System and method for synchronized interactive layers for media broadcast
US10418065B1 (en) Intellimark customizations for media content streaming and sharing
US20240121485A1 (en) Method, apparatus, device, medium and program product for obtaining text material
CN112235603B (zh) 视频分发系统、方法、计算设备、用户设备及视频播放方法
CN105760420A (zh) 实现与多媒体文件内容互动的方法及装置
US20110167346A1 (en) Method and system for creating a multi-media output for presentation to and interaction with a live audience
US11113462B2 (en) System and method for creating and sharing interactive content rapidly anywhere and anytime
JP4674356B2 (ja) デジタル絵本システム
Dholakia et al. The changing information business: Toward content-based and service-based competition
Pfeiffer et al. Using and Manipulating HTML5 Video and Audio Elements
CN118212013A (zh) 一种数据处理方法、装置、计算机设备以及可读存储介质
CN116962778A (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