CN113867579A - 横屏交互方法、装置、电子设备及存储介质 - Google Patents

横屏交互方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN113867579A
CN113867579A CN202110898679.0A CN202110898679A CN113867579A CN 113867579 A CN113867579 A CN 113867579A CN 202110898679 A CN202110898679 A CN 202110898679A CN 113867579 A CN113867579 A CN 113867579A
Authority
CN
China
Prior art keywords
video
display area
area
display
horizontal screen
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
Application number
CN202110898679.0A
Other languages
English (en)
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 Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao 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 Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Priority to CN202110898679.0A priority Critical patent/CN113867579A/zh
Publication of CN113867579A publication Critical patent/CN113867579A/zh
Priority to PCT/CN2022/106717 priority patent/WO2023011181A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

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)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例公开了一种横屏交互方法、装置、电子设备及存储介质,其中,该方法包括:接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控件的第一触发操作;响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二显示区域。本公开实施例的技术方案,解决了相关技术中信息交互方式繁琐以及交互效率低下的技术问题,达到了提高信息交互效率,实现高度智能化,提升用户交互体验的技术效果。

Description

横屏交互方法、装置、电子设备及存储介质
技术领域
本公开实施例涉及计算机技术领域,尤其涉及一种横屏交互方法、装置、 电子设备及存储介质。
背景技术
随着电子技术的不断发展,电子设备也越来越智能化。很多用户会在电子 设备上观看视频。由于视频往往是横版制作,为了提升画面观感,用户往往会 采用横屏的方式来播放视频。
但是,在横屏播放视频时,如果用户想要查看视频相关信息,则中断视频 播放并跳转至新的信息展示页面去查看视频相关信息。当需要继续观看视频时, 再手动切换回原来的视频播放界面。这种信息交互方式,操作繁琐,交互效率 低下,且十分影响用户的交互体验。
发明内容
本公开实施例提供了一种横屏交互方法、装置、电子设备及存储介质。
第一方面,本公开实施例提供了一种横屏交互方法,该方法包括:
第一视频第一关联信息接收作用于横屏显示页面中第一视频的视频播放区 域的目标交互控件的第一触发操作;
响应于所述第一触发操作,第一视频第一关联信息将所述视频播放区域缩 放至所述横屏显示页面的第一显示区域,并将所述第一视频对应的第一关联信 息展示于所述横屏显示页面的第二显示区域。
第二方面,本公开实施例还提供了一种横屏交互装置,该装置包括:
交互触发模块,用于第一视频第一关联信息接收作用于横屏显示页面中第 一视频的视频播放区域的目标交互控件的第一触发操作;
显示模块,用于响应于所述第一触发操作,第一视频第一关联信息将所述 视频播放区域缩放至所述横屏显示页面的第一显示区域,并将所述第一视频对 应的第一关联信息展示于所述横屏显示页面的第二显示区域。
第三方面,本公开实施例还提供了一种电子设备,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多 个处理器实现如本公开实施例任一所述的横屏交互方法。
第四方面,本公开实施例还提供了一种包含计算机可执行指令的存储介质, 所述计算机可执行指令在由计算机处理器执行时用于执行如本公开实施例任一 所述的横屏交互。
本公开实施例的技术方案,通过接收作用于横屏显示页面中第一视频的视 频播放区域的目标交互控件的第一触发操作,确定与第一触发操作对应的第一 关联信息,能够通过视频播放区域的目标交互控件触发第一关联信息的显示, 触发方式简单,容易操作,然后,响应于第一触发操作,将视频播放区域缩放 至横屏显示页面的第一显示区域,并将第一关联信息展示于横屏显示页面的第 二显示区域,能够在同一横屏显示页面中同时显示第一视频和第一关联信息, 无需频繁切换页面,解决了相关技术中信息交互方式繁琐以及交互效率低下的 技术问题,达到了提高信息交互效率,实现高度智能化,提升用户交互体验的 技术效果。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、 优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或 相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1A为本公开实施例一所提供的一种横屏交互方法流程示意图;
图1B为本公开实施例一所提供的一种横屏显示页面的初始状态示意图;
图1C为本公开实施例一所提供的一种横屏显示页面中第一显示区域与第 二显示区域的结构示意图;
图1D为本公开实施例一所提供的另一种横屏显示页面中第一显示区域与 第二显示区域的结构示意图;
图1E为本公开实施例一所提供的又一种横屏显示页面中第一显示区域与 第二显示区域的结构示意图;
图1F为本公开实施例一所提供的一种基于本公开实施例的横屏交互方法 展示第一视频的评论信息的效果示意图;
图1G为本公开实施例一所提供的一种基于本公开实施例的横屏交互方法 展示与第一视频属于同一发布者的视频信息的效果示意图;
图1H为本公开实施例一所提供的另一种基于本公开实施例的横屏交互方 法展示与第一视频属于同一发布者的视频信息的效果示意图;
图2为本公开实施例一所提供的一种横屏显示页面中第一显示区域与第二 显示区域的结构示意图;
图3为本公开实施例一所提供的另一种横屏显示页面中第一显示区域与第 二显示区域的结构示意图;
图4为本公开实施例一所提供的又一种横屏显示页面中第一显示区域与第 二显示区域的结构示意图;
图5为本公开实施例六所提供的一种横屏交互装置结构示意图;
图6为本公开实施例九所提供的一种电子设备结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开 的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不 应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和 完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用, 并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序 执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行 示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术 语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”; 术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示 “至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、 模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺 序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性 的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为 “一个或多个”。
实施例一
图1A为本公开实施例一所提供的一种横屏交互方法流程示意图,本公开 实施例尤其适用于在观看视频时进行信息交互的情形,该方法可以由横屏交互 装置来执行,该装置可以通过软件和/或硬件的形式实现,该装置可配置于服务 器中与终端配合实现本公开中的横屏交互方法。在这里,服务器可以是单个服 务器,或者也可以是有多个通信连接的服务器构成的能够提供一种或多种功能 的服务器集群。本公开实施例的横屏交互方法可应用于移动端。相应地,本公 开实施例的横屏交互装置可配置于移动端。
如图1A所示,本实施例的方法具体可包括:
S110、接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控 件的第一触发操作。
其中,横屏显示页面可以理解为电子设备的屏幕处于横向使用时所显示的 页面。为了保证视频的展示效果,在实际应用中,视频制作时通常采用横版制 作的方式。图1B为本公开实施例一所提供的一种横屏显示页面的初始状态示意 图。如图1B所示,当采用横屏显示页面显示横版视频时,屏幕的宽度与横版视 频的宽度相对应,屏幕的长度与横版视频的长度相对应,横屏显示页面的初始 状态,即,初始横屏页面可以是横屏全屏页面,第一视频在所述横屏显示页面 全屏播放。此时通过将视频铺满屏幕的方式往往能够使得视频能够得到最大化 展示。
在本公开实施例中,第一视频可以理解为当前时刻横屏显示页面中所显示 的视频。第一视频的视频播放区域可以理解为用于播放第一视频的视频画面的 视频播放软件的显示区域,即用于播放视频的视频播放器的显示区域。与所述 横屏显示页面相对应的,所述横屏显示页面上的视频播放器为横屏播放器。示 例性地,视频播放区域可以包括第一视频的视频画面以及预先设置的至少一个 交互控件。
其中,交互控件可以理解为用于实现交互功能的所要触发的控件。在本公 开实施例中,目标交互控件可以理解为当前时刻所触发的交互控件。具体地, 可以在视频播放区域的预设控件区域显示目标交互控件的控件标识。其中,控 件标识的表现形式可以有多种,例如可以是图片或者文字等。示例性地,预设 控件区域可以是显性区域,例如视频画面展示区域之外的区域,一般可以是视 频播放区域中的周边区域;或者,预设控件区域也可以是隐性区域,例如具体 可以是,基于接收到的用于触发目标交互控件显示的控件触发操作,在视频画 面上的进行显示的区域。作为本发明以优选实施例,用于触发目标交互控件显 示的控件触发操作可以是在预设的控件触发区域执行预设操作。进一步地,预 设操作例如可以是完成预设触控轨迹等。
在本公开实施例中,第一触发操作可以理解为作用于目标交互控件的触发 操作。可以理解的是,作用于目标交互控件的方式可以有多种。例如可以是, 点击、触摸或者按压目标交互控件等。需要说明的是,点击具体方式可以根据 实际需求进行设置,在此并不做具体限定,例如可以是单击或者双击等。类似 地,触摸或者按压的力度以及时间等可以根据实际需求进行设置,在此并不做 具体限定。例如可以是,长时按压或者短时按压等。
示例性地,所述目标交互控件可以包括但不仅限于下述控件中的至少一项: 用于显示第一视频的发布者信息的控件、用于显示第一视频的发布者的其他视 频信息的控件、用于显示与第一视频相关联的推荐视频信息的控件以及用于显 示第一视频的评论信息的控件。
示例性地,本公开中,所述关联信息为与视频相关的信息,第一关联信息 为与第一视频相关的信息,第二关联信息为与第二视频相关的信息。所述第一 关联信息可包括第一视频的发布者主页信息、与第一视频的发布者相同的视频 信息、推荐视频信息以及评论信息等信息中的至少一项。需要说明的是,以上 仅仅是对第一关联信息的解释而并非限定。
当接收到作用于横屏显示页面中第一视频的视频播放区域的目标交互控件 的第一触发操作时,可以基于预先设置的目标交互控件对应的在至少一项交互 功能以及作用于目标交互控件的方式来确定与所述第一触发操作对应的第一关 联信息。
S120、响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显 示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横 屏显示页面的第二显示区域。
本公开提供一种优化的横屏交互方案,相较于现有的直接在原始视频播放 区域叠加展示视频关联信息,本公开通过将视频播放区域缩放显示于第一显示 区域,将第一关联信息显示于第二显示区域,在一定程度上避免了关联信息对 视频播放的影响,提升了用户体验。
在本公开实施例中,缩放后,所述第一视频在第一显示区域横屏播放,可 以预先将横屏显示页面划分为至少两个显示区域。横屏显示页面至少包括第一 显示区域和第二显示区域。换言之,横屏显示页面可以只包括第一显示区域和 第二显示区域,也可以不仅包括第一显示区域和第二显示区域,还可以包括除 第一显示区域和第二显示区域之外的显示区域。其中,第一显示区域和第二显 示区域可以为两个独立的显示区域。在一些实施例中,第一显示区域与第二显 示区域互不遮挡。
图1C为本公开实施例所提供的一种横屏显示页面中第一显示区域与第二 显示区域的结构示意图。如图1C所示,横屏显示页面中可以仅包括第一显示区 域与第二显示区域,而且第一显示区域与第二显示区域可以是尺寸相同的两个 显示区域。第一显示区域与第二显示区域可以是左右排布。可选地,默认设置 可以为第一显示区域位于左侧,第二显示区域位于右侧。在缩放时,视频播放 区域沿第一方向缩小至第一显示区域,在取消缩放时,所述视频播放区域沿于 所述第一方向相反的方向放大至横屏全屏显示。
图1D为本公开实施例所提供的另一种横屏显示页面中第一显示区域与第 二显示区域的结构示意图。如图1D所示,横屏显示页面中可以不仅包括第一 显示区域与第二显示区域,还可以包括除第一显示区域与第二显示区域之外的 显示区域。第一显示区域与第二显示区域可以是上下排布的两个显示区域。第 一显示区域与第二显示区域的显示面积可以相同也可以不同。
图1E为本公开实施例所提供的又一种横屏显示页面中第一显示区域与第 二显示区域的结构示意图。如图1D所示,横屏显示页面中可以不仅包括第一 显示区域与第二显示区域,还可以包括除第一显示区域与第二显示区域之外的 显示区域。第一显示区域与第二显示区域可以是左右排布的两个显示区域。可 选地,默认设置可以为第一显示区域位于左侧,第二显示区域位于右侧。
需要说明的是,图1C-1E仅仅是示例性地给出横屏显示页面中第一显示区 域与第二显示区域的结构,并非对第一显示区域和第二显示区域设置方式的限 定。
作为本公开实施例的一种可选技术方案,所述第二显示区域位于所述横屏 显示页面中所述第一显示区域之外的区域。具体地,横屏显示页面仅包括第一 显示区域和第二显示区域,且第一显示区域和第二显示区域拼接后铺满横屏显 示界面。这样设置的好处在于,能够在展示第一关联信息的同时,尽量保证第 一视频的画面播放效果。其中,所述第一显示区域的显示面积可以与所述第二 显示区域的显示面积相同也可以不相同。
具体地,所述第一显示区域的显示面积和与所述第二显示区域的显示面积 可以是固定的默认设置值,也可以动态调整。
在本公开实施例的任一可选技术方案的基础上,所述横屏交互方法还可包 括:接收到的作用于第一显示区域或第二显示区域的用于调整显示区域尺寸的 调整操作;响应于所述尺寸调整操作,调整所述第一显示区域和/或第二显示区 域的显示尺寸。换言之,可以响应于接收到的作用于第一显示区域的用于调整 显示区域尺寸的尺寸调整操作,调整所述第一显示区域的显示尺寸,也可以是, 响应于接收到的作用于第一显示区域的用于调整显示区域尺寸的尺寸调整操作, 调整所述第一显示区域的显示尺寸,并基于所述第一显示区域的显示尺寸调整 所述第二显示区域的显示尺寸。类似地,还可以是,响应于接收到的作用于第 二显示区域的用于调整显示区域尺寸的尺寸调整操作,调整所述第二显示区域 的显示尺寸,并基于所述第二显示区域的显示尺寸调整所述第一显示区域的显 示尺寸。
可以理解的是,第二显示区域用于显示第一关联信息,很有可能会与用户 产生交互行为。为了适应大多数用户的观看习惯,并考虑右手为惯用手时用户 的操作便利性,可选地,所述第一显示区域位于所述横屏显示页面的左侧,所 述第二显示区域位于所述横屏显示页面的右侧。
将所述视频播放区域缩放至所述横屏显示页面的第一显示区域,具体地, 可以将视频播放区域基于目标缩放比例进行缩放,并将缩放后的视频播放区域 显示于所述横屏显示页面的第一显示区域。可选地,根据所述第一显示区域的 显示尺寸以及视频播放区域的当前尺寸确定所述视频播放区域的目标缩放比例。 可选地,所述视频播放区域缩放后铺满所述第一显示区域。为了实现视觉效果 上的平滑过渡,可以将所述视频播放区域缩放逐渐至所述横屏显示页面的第一 显示区域。
不同类型的关联信息,不同视频的关联信息所包含的内容也往往不同。因 此,将所述第一关联信息展示于所述横屏显示页面的第二显示区域可以是将第 一关联信息的全部内容展示于所述横屏显示页面的第二显示区域,也可以是, 将第一关联信息的部分内容展示于所述横屏显示页面的第二显示区域。进一步 地,当第二显示区域展示第一关联信息的部分内容时,可以按照评论信息的热 度、用户点赞数、评论时间以及评论用户等信息中的至少一项确定所述评论信 息的显示顺序和/或默认显示内容。
作为本公开实施例的一种可选方案,所述接收作用于所述横屏显示页面中 的评论标识的触发操作;相应地,所述将所述第一视频对应的第一关联信息展 示于所述横屏显示页面的第二显示区域,包括:将第一视频对应的第一评论信 息展示于所述横屏显示页面的第二显示区域。
具体可以是,在横屏显示页面中显示第一视频时,接收点击设置于第一视 频的视频播放区域的评论按钮的操作,将视频播放区域缩放至横屏显示页面中 的第一显示区域,并在横屏显示页面中的第二显示区域显示第一视频的评论信 息。其中,评论信息包括评论内容以及回复评论的内容。进一步地,第二显示 区域的下方区域还可以设置有发表评论的评论入口,以便用户通过该评论入口 发表评论。
图1F为本公开实施例所提供的一种基于本公开实施例的横屏交互方法展 示第一视频的评论信息的效果示意图。如图1F所示,可以在位于横屏显示页面 左侧的第一显示区域内显示第一视频,在位于横屏显示页面右侧的第二显示区 域内显示第一视频的评论信息。具体地,评论信息可以包括已发表的评论的数 量、评论的发布者以及评论内容等。
作为本公开实施例的又一种可选方案,所述接收作用于横屏显示页面中第 一视频的视频播放区域的目标交互控件的第一触发操作,包括:接收作用于所 述横屏显示页面中第一视频的发布者标识的触发操作;相应地,所述将所述第 一视频对应的第一关联信息展示于所述横屏显示页面的第二显示区域,包括: 将第一视频对应的发布者所发布的视频信息展示于所述横屏显示页面的第二显 示区域。
相较于现有的在横屏场景下触发发布者标识直接从横屏页面跳出进入竖屏 的发布者个人主页,显示视频相关的发布者信息例如视频列表,本公开触发发 布者标识,视频播放区域缩放至第一显示区域,直接在当前横屏显示页面第二 显示区域显示视频相关的发布者信息,避免了对用户的阻断,提升了用户的体 验。
具体可以是,点击第一显示区域内视频播放区域的发布者信息查看按钮, 在第二显示区域展示与第一视频的发布者相同的视频信息。
图1G为本公开实施例一所提供的一种基于本公开实施例的横屏交互方法 展示与第一视频属于同一发布者的视频信息的效果示意图。图1H为本公开实 施例一所提供的另一种基于本公开实施例的横屏交互方法展示与第一视频属于 同一发布者的视频信息的效果示意图。如图1G和图1H所示,可以在位于横屏 显示页面左侧的第一显示区域内显示第一视频,在位于横屏显示页面右侧的第 二显示区域内显示与第一视频属于同一发布者的视频信息。进一步地,还可以 定位到第一视频信息,换言之,在第二显示区域内显示有第一视频的视频信息。 具体地,视频信息可以包括视频主图、视频时长以及视频标题等。
作为本公开实施例的一种可选方案,所述第二显示区域可以显示有主页跳 转标识。相应地,所述横屏互动方法还包括:接收作用于所述第二显示区域中 主页跳转标识的触发操作,跳转竖屏显示页面,其中,所述竖屏显示页面显示 有所述第一视频的发布者的个人主页信息。
其中,主页跳转标识可以理解为用于进入发布者主页的控件。即,该主页 跳转控件可链接至该发布者的个人主页。主页跳转标识的表现形式可以有多种, 例如可以是文字形式、图片格式或图文结合格式等。如图1F所示,主页跳转标 识可以用文字形式表示,具体可以表示为“去主页”。点击该主页跳转按钮可以 进入该发布者的个人主页。示例性地,主页跳转按钮可以设置第二显示区域的 上方区域。
考虑到个人主页信息往往设计为竖版模式,通过触发该主页跳转控件跳转 至竖屏显示页面查看发布者的个人主页信息,能够根据信息布局由横屏显示模 式跳转为竖屏显示模式,具有较好的屏幕适配性,保证了个人主页信息的展示 效果,提升用户体验。
可选地,在第二显示区域还显示有第一视频的发布者的发布者信息。其中, 发布者信息的表现形式可以有多种,在实际应用中可以根据实际需求进行设置。 可选地,发布者信息包括发布者头像标识和/或发布者文字标识。示例性地,发 布者文字标识可以是预先设定好的包含可配置项的短句或短语,例如,“我是某 某”或者“某某的视频”等,其中,“某某某”为可配置项,可以匹配为发布者 的用户名。
需要说明的是,也可将发布者信息链接至该发布者的个人主页。通过触发 发布者信息可以跳转至发布者的个人主页,以查看该发布者的主页详情信息。
在本公开实施例中,如图1F所示,第二显示区域还可以显示有发布者交互 标识。示例性地,发布者交互标识可以用文字形式进行表示,如表示为“关注”。
可选地,在需要采用第二显示区域显示有第一关联信息时,第一显示区域 用于播放第一视频的视频播放区域缩小。可选地,缩小后的视频播放区域仍保 留原有的视频信息以及目标交互控件,例如可包括:发布者信息查看按钮、关 注按钮、全屏按钮、标题、系统信息、进度条、视频时长、互动(如,点赞、 评论、弹幕)等信息。
继续参见图1F,视频播放区域还可以显示有第一视频的发布者的发布者信 息。具体地,可以显示于视频播放区域的左上方区域。其中,发布者信息的表 现形式可以参见前述内容,在此不再赘述。视频播放区域还可以显示有评论按 钮、弹幕控件(可包括弹幕开关按钮以及弹幕输入框)以及点赞互动按钮等。 其中,评论按钮、弹幕控件以及点赞互动按钮可显示于视频播放区域的下方区 域。
需要说明的是,以上仅仅是示例性展示采用本公开实施例的横屏交互方法 能够实现的横屏显示界面的显示效果,而并非限定。本公开实施例并不对视频 播放区域各个交互控件的显示形式和排布方式做具体限定。在本公开实施例一 个可选实施方案中,可以通过点击指定热区、拖拽、滑动等方式,打开或收起 用于承载第一关联信息的第二显示区域,同时视频播放区域自动缩放至第一显 示区域,以得第一视频与目标关联信息互不遮挡,提升用户体验。
本公开实施例的技术方案,通过接收作用于横屏显示页面中第一视频的视 频播放区域的目标交互控件的第一触发操作,确定与第一触发操作对应的第一 关联信息,能够通过视频播放区域的目标交互控件触发第一关联信息的显示, 触发方式简单,容易操作,然后,响应于第一触发操作,将视频播放区域缩放 至横屏显示页面的第一显示区域,并将第一关联信息展示于横屏显示页面的第 二显示区域,能够在同一横屏显示页面中同时显示第一视频和第一关联信息, 无需频繁切换页面,解决了相关技术中信息交互方式繁琐以及交互效率低下的 技术问题,达到了提高信息交互效率,实现高度智能化,提升用户交互体验的 技术效果。
实施例二
图2为本公开实施例二所提供的一种横屏交互方法的流程示意图。本实施 例与上述实施例中各个可选方案可以结合。在本实施例中,可选地,所述横屏 交互方法还包括:接收用于切换所述第一视频的第二触发操作;响应于所述第 二触发操作,将所述视频播放区域内的所述第一视频切换为第二视频。
在此基础上,可选地,所述横屏交互方法还包括:将所述第二显示区域中 的所述第一关联信息切换为与所述第二视频对应的第二关联信息。
如图2所示,本实施例的方法具体可包括:
S210、接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控 件的第一触发操作。
S220、响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显 示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横 屏显示页面的第二显示区域。
S230、接收用于切换所述第一视频的第二触发操作。
其中,第二触发操作为用于触发执行对第一视频进行切换操作的操作。第 二触发操作的生成方式可以根据实际需求进行设置,在此并作具体限定,例如 可以是,对触发对象执行滑动操作、对触发对象执行点击操作、采集到预设触 发区域内目标用户的手势以及采集到用户语音等方式中至少一项。
可选地,接收用于切换所述第一视频的第二触发操作,包括:接收作用于 所述第一视频的视频切换操作。其中,作用于所述第一视频的视频切换操作可 以是对第一视频的滑动操作。具体可以是,接收作用于所述第一视频的视频播 放画面的滑动切换操作。可选地,滑动操作可以是向上滑动、向下滑动、向左 滑动或者向右滑动等。滑动操作的输入方式可以是基于输入设备输入,也可以 是触控输入。另外,作用于所述第一视频的视频切换操作可以是对第一视频的 点击操作等。
本公开中,通过在第一显示区域进行滑动来切换视频,也即通过在第一显 示区域的视频画面的滑动触发来切换视频,实现了横屏小窗的滑动切换视频, 极大的方便了在横屏小窗场景下用户查看不同视频的需求。
如前所述,第一关联信息可以包括与第一视频属于同一个发布者的视频信 息,也可以是,根据第一视频所推荐的视频信息。可选地,若所述第一关联信 息中包括至少一个推荐视频,接收用于切换所述第一视频的第二触发操作,包 括:接收作用于所述推荐视频的选中操作。换言之,可以接收对第二显示区域 内的所展示的视频信息的选中操作,进而,基于该选中操作切换第一显示区域 内的第一视频。
可选地,接收用于切换所述第一视频的第二触发操作,包括:接收作用于 所述视频播放区域内预先设置的视频切换控件的切换操作。示例性地,可以是 点击所述视频播放区域的视频切换控件。
S240、响应于所述第二触发操作,将所述视频播放区域内的所述第一视频 切换为第二视频。
其中,与第二触发操作对应的第二视频可以基于各个视频的推荐播放顺序 确定。可选地,各个视频的推荐播放顺序可以根据预先设置的视频推荐规则确 定。需要说明的是,视频推荐规则可以根据具体需求进行设置,不同的视频播 放软件可能相同也可能不同,其具体规则内容在此并不做限定。示例性地,视 频推荐规则可以是基于用户授权行为数据确定用户偏好度,基于所述用户偏好 度进行推荐视频,或者,推荐当前播放量较高的视频,或者,推荐与第一视频 属于同一发布者的视频,又或者,推荐与第一视频的视频类型相同的视频等等。
具体地,当接收到第二触发操作时,可以确定与所述第二触发操作对应的 第二视频,进而将第一显示区域中所述视频播放区域内的第一视频替换为第二 视频。
这样设置的好处在于,在第二显示区域显示有关联信息的同时,视频播放 区域的视频数据来源仍然属于内流,且仍然能够通过第二触发操作来切换内流 视频。
S250、将所述第二显示区域中的所述第一关联信息切换为与所述第二视频 对应的第二关联信息。
其中,第二关联信息可以理解为待更新的与第二视频对应的关联信息。
在将所述第二显示区域中的所述第一关联信息切换为与所述第二视频对应 的第二关联信息之前,还可以包括:确定与所述第二视频对应的第二关联信息。
可选地,根据所述第一关联信息确定与第二视频对应的第二关联信息。具 体可以是,获取与第二视频对应的且与第一关联信息属于同一类型的关联信息 作为与第二视频对应的第二关联信息。例如,如果第一关联信息为第一视频的 评论信息,则与第二视频对应的第二关联信息可以是第二视频对应的评论信息。 如果第一关联信息为第一视频对应的视频发布者的视频列表信息,第二关联信 息则为第二视频对应的视频发布者的视频列表信息。
可选地,根据与所述第二视频对应的默认显示的关联信息作为第二关联信 息。其中,默认显示的关联信息可以是预先设定的关联信息。在实际应用中, 默认显示的关联信息可以根据实际需求进行设置,对于具体将哪种类型的关联 信息作为默认关联信息,在此并不做具体限定。例如,默认显示的关联信息可 以是各个视频对应的评论信息、同发布者的视频信息、视频发布者个人主页或 同类型推荐视频信息等。其中,不同视频的默认显示的关联信息的类型可以相 同也可以不同。
具体地,将第二显示区域中的第一关联信息切换为与第二视频对应的第二 关联信息,可以是,停止在第二显示区域中显示第一关联信息,并在第二显示 区域中显示与第二视频对应的第二关联信息。也可以理解为,以第二关联信息 替换或覆盖第一关联信息。
需要说明的是,第二关联信息可以与第一关联信息不同也可以相同。换言 之,将第二显示区域中的第一关联信息切换为与第二视频对应的第二关联信息 之后,关联信息的内容可能会发生变化也可能无变化。
作为本公开实施例一可选实施方案,可以在第二显示区域显示有关联信息 时,第一显示区域中视频播放区域仍然可以通过上下滑动等操作切换第一视频。 如果第一显示区域中的第一视频切换为第二视频,则第二显示区域的第一关联 信息也会自动切换为第二视频的第二关联信息。
本实施例的技术方案,不仅能够在横屏显示页面上同时显示第一视频和第 一关联信息,还能够对视频播放区域内的第一视频进行切换。进一步地,还能 够将第二显示区域中的所述第一关联信息切换为与更新后的第二视频所对应的 第二关联信息,即,在切换视频的时候,也能够相应的切换视频相关的关联信 息,实现了将第一显示区域内的显示视频与第二显示区域所显示的关联信息之 间的联动,提升了用户体验。
实施例三
图3为本公开实施例三所提供的一种横屏交互方法的流程示意图。本实施 例与上述实施例中各个可选方案可以结合。在本实施例中,可选地,所述横屏 交互方法还包括:接收用于停止显示所述第一关联信息的第三触发操作;响应 于所述第三触发操作,停止显示所述第一关联信息,并将所述视频播放区域进 行放大显示。
如图3所示,本实施例的方法具体可包括:
S310、第一视频第一关联信息接收作用于横屏显示页面中第一视频的视频 播放区域的目标交互控件的第一触发操作。
S320、响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显 示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横 屏显示页面的第二显示区域。
S330、接收用于停止显示所述第一关联信息的第三触发操作。
其中,第三触发操作可以理解为触发后可执行停止显示所述第一关联信息 这一操作的操作。
在本公开实施例中,第三触发操作的生成方式可以有很多种。因此,生成 第三触发操作的方式可以根据实际需求进行选择,在此并不做具体限定。
可选地,接收用于停止显示所述第一关联信息的第三触发操作包括:接收 作用于所述第二显示区域的关闭触发操作。其中,作用于所述第二显示区域的 关闭触发操作,可以是对所述第二显示区域的滑动或拖动操作,又可以是触发 第二显示区域的区域关闭控件,例如,点击预先设置的区域关闭按钮;还可以 是采集到用于关闭第二显示区域的手势信息或者语音信息。其中,手势信息可 以是基于输入设备输入的轨迹信息,也可以是,通过触摸方式或者感应方式所 输入的控制手势。
S340、响应于所述第三触发操作,停止显示所述第一关联信息,并将所述 视频播放区域进行放大显示。
其中,将所述视频播放区域进行放大显示可以包括:将所述视频播放区域 放大至目标显示区域进行显示,其中,所述目标显示区域根据所述第一显示区 域和所述第二显示区域确定。
具体地,所述目标显示区域可以是将所述第一显示区域和所述第二显示区 域进行拼接后确定出的与视频播放区域的可放大尺寸相匹配的最大显示区域。 示例性地,当所述横屏显示页面仅包含第一显示区域和第二显示区域时,将所 述视频播放区域进行放大显示可以是,将所述第一显示区域和所述第二显示区 域拼接后的区域作为目标显示区域,或者说,将所述整个横屏显示页面作为目 标显示区域,以使所述视频播放区域放大后可全屏展示。
可选地,为了实现视频尺寸变化的平滑过渡,可将视频播放区域逐渐放大。
在本公开实施例一可选实施方式中个,第二显示区域可以位于横屏显示页 面的右侧,第二显示区域可以通过点击热区、滑动、拖拽的操作方式关闭。在 关闭第二显示区域时,位于横屏显示页面左侧第一显示区域的视频播放区域内 的视频播放区域可自动放大,回到全屏状态。
本实施例的技术方案,不仅能够在横屏显示页面上同时显示第一视频和第 一关联信息,而且,在接收到用于停止显示所述第一关联信息的第三触发操作 时,能够响应第三触发操作,停止显示第一关联信息,即,能够独立执行关闭 第一关联信息的操作,而不关闭第一视频,并且将视频播放区域进行放大显示, 能够达到有效保证第一视频的显示效果,合理利用横屏显示页面的显示资源的 技术效果,更加智能化,进一步提升用户体验。
实施例四
图4为本公开实施例四所提供的一种横屏交互方法的流程示意图。本实施 例与上述实施例中各个可选方案可以结合。在本实施例中,可选地,所述横屏 交互方法还可以包括:接收作用于所述第二显示区域中的所述第一关联信息的 第四触发操作;基于所述第四触发操作展示所述第一关联信息。
如图4所示,本实施例的方法具体可包括:
S410、接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控 件的第一触发操作。
S420、响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显 示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横 屏显示页面的第二显示区域。
S430、接收作用于所述第二显示区域中的所述第一关联信息的第四触发操 作。
其中,第四触发操作可以理解为触发与第二显示区域中的第一关联信息进 行交互的操作。
可选地,所述第四触发操作包括下述操作中至少一项:对所述第一关联信 息进行浏览的浏览操作;对所述第一关联信息进行编辑的编辑操作;查看所述 第一关联信息的信息详情的查看操作。
示例性地,第四触发操作可以是作用于所述第二显示区域的浏览触发操作。 其中,浏览触发操作用于浏览所述第一关联信息。浏览触发操作具体可以是对 第一关联信息输入的滚动操作或拖动操作等。
示例性地,第四触发操作可以是作用于所述第二显示区域的查看触发操作。 其中,查看触发操作用于查看所述第一关联信息的详情信息。具体地,查看触 发操作可以是针对第一关联信息的目标查看项输入的用于显示隐藏内容的操作, 例如可以是点击“更多”或“展开”等查看控件的操作。查看触发操作还可以 是针对第一关联信息的目标查看项输入的跳转至详情页的操作,例如可以是对 第一关联信息的目标查看项的超链接输入的点击操作等。
示例性地,第四触发操作可以是作用于所述第二显示区域的编辑触发操作。 其中,编辑触发操作用于编辑所述第一关联信息。具体地,编辑触发操作可以 是对第一关联信息进行增加、修改、隐藏、互动或删除等操作。其中,互动的 方式可以有多种,例如可以是点赞或者送礼物等。
S440、基于所述第四触发操作展示所述第一关联信息。
如前所述,第四触发操作可用于触发对第一关联信息的浏览、编辑或查看 详情等。在接收到第四触发操作时,响应于第四触发操作,可控制第一关联信 息基于第四触发操作进行展示。
以第一关联信息是第一视频的评论信息为例,可以在第二显示区域上下滑 动以浏览第一视频的评论信息,或者在第二显示区域发表评论、删除评论以及 为评论信息点赞等。
以第一关联信息是与第一视频的发布者相同的视频信息为例,可以在第二 显示区域上下滑动或滚动以浏览所发布的其他视频信息。进一步地,点击选择 该发布者的其他视频可以将第一显示区域的视频播放区域的当前是显示视频切 换为选中的视频播放。
本实施例的技术方案,不仅能够在横屏显示页面上同时显示第一视频和第 一关联信息,而且能够接收作用于所述第二显示区域中第一关联信息的第四触 发操作,并基于所述第四触发操作展示所述第一关联信息,实现了对第二显示 区域中的第一关联信息的独立操作,在不影响第一视频的显示的前提下,还能 够实现对第一关联信息的独立操作,满足了用户的个性化需求,极大地提升了 用户体验。
实施例五
图5为本公开实施例五所提供的一种横屏交互装置结构示意图。其中,所 述横屏交互装置可以由软件和/或硬件的形式实现。如图5所示,所述横屏交互 装置包括:交互触发模块510和显示模块520。
其中,交互触发模块510,用于接收作用于横屏显示页面中第一视频的视 频播放区域的目标交互控件的第一触发操作;显示模块520,用于响应于所述 第一触发操作,将所述视频播放区域缩放至所述横屏显示页面的第一显示区域, 并将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二显示区 域。
本公开实施例的技术方案,通过接收作用于横屏显示页面中第一视频的视 频播放区域的目标交互控件的第一触发操作,确定与第一触发操作对应的第一 关联信息,能够通过视频播放区域的目标交互控件触发第一关联信息的显示, 触发方式简单,容易操作,然后,响应于第一触发操作,将视频播放区域缩放 至横屏显示页面的第一显示区域,并将第一关联信息展示于横屏显示页面的第 二显示区域,能够在同一横屏显示页面中同时显示第一视频和第一关联信息, 无需频繁切换页面,解决了相关技术中信息交互方式繁琐以及交互效率低下的 技术问题,达到了提高信息交互效率,实现高度智能化,提升用户交互体验的 技术效果。
在上述各技术方案的基础上,所述横屏交互装置还可以包括:
切换触发模块,用于接收用于切换所述第一视频的第二触发操作;
视频切换模块,用于响应于所述第二触发操作,将所述视频播放区域内的 所述第一视频切换为第二视频。
在上述各技术方案的基础上,所述横屏交互装置还可以包括:
关联信息切换模块,用于将所述第二显示区域中的所述第一关联信息切换 为与所述第二视频对应的第二关联信息。
在上述各技术方案的基础上,所述切换触发模块可以用于执行下述操作中 的至少一项:
接收作用于所述第一视频的视频播放画面的滑动切换操作;
接收作用于所述视频播放区域内预先设置的视频切换控件的切换操作;
若所述第一关联信息中包括至少一个推荐视频,接收作用于所述推荐视频 的选中操作。
在上述各技术方案的基础上,所述横屏交互装置还可以包括:
交互停止触发模块,用于接收用于停止显示所述第一关联信息的第三触发 操作;
视频放大模块,用于响应于所述第三触发操作,停止显示所述第一关联信 息,并将所述视频播放区域进行放大显示。
在上述各技术方案的基础上,所述视频放大模块可用于:
将所述视频播放区域放大至目标显示区域进行显示,其中,所述目标显示 区域根据所述第一显示区域和所述第二显示区域确定。
在上述各技术方案的基础上,可选地,所述交互触发模块用于:
接收作用于所述横屏显示页面中的评论标识的触发操作;
相应地,所述显示模块可用于:
将第一视频对应的第一评论信息展示于所述横屏显示页面的第二显示区域。
将所述视频播放区域放大至目标显示区域进行显示,其中,所述目标显示 区域根据所述第一显示区域和所述第二显示区域确定。
在上述各技术方案的基础上,可选地,所述交互触发模块用于:
接收作用于所述横屏显示页面中第一视频的发布者标识的触发操作;
相应地,所述显示模块可用于:
将第一视频对应的发布者所发布的视频信息展示于所述横屏显示页面的第 二显示区域。
在上述各技术方案的基础上,可选地,所述第二显示区域显示有主页跳转 标识;所述横屏交互方法还包括:
主页跳转模块,用于接收作用于所述第二显示区域中主页跳转标识的触发 操作,跳转竖屏显示页面,其中,所述竖屏显示页面显示有所述第一视频的发 布者的个人主页信息。
在上述各技术方案的基础上,可选地,所述第二显示区域位于所述横屏显 示页面中所述第一显示区域之外的区域。
本公开实施例所提供的横屏交互装置可执行本公开任意实施例所提供的横 屏交互方法,具备执行横屏交互方法相应的功能模块和有益效果。
值得注意的是,上述装置所包括的各个单元和模块只是按照功能逻辑进行 划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各 功能单元的具体名称也只是为了便于相互区分,并不用于限制本公开实施例的 保护范围。
实施例六
下面参考图6,其示出了适于用来实现本公开实施例的电子设备(例如终 端设备或服务器)600的结构示意图。本公开实施例中的终端设备可以包括但 不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、 PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终 端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出 的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何 限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处 理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储 装置606加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作 和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。 处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O) 接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、 鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶 显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的 存储装置606;以及通信装置609。通信装置609可以允许电子设备600与其他 设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设 备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地 实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为 计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承 载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程 图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装 置609从网络上被下载和安装,或者从存储装置606被安装,或者从ROM 602 被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中 限定的上述功能。
本公开实施例提供的电子设备与上述实施例提供的横屏交互方法属于同一 公开构思,未在本实施例中详尽描述的技术细节可参见上述实施例,并且本实 施例与上述实施例具有相同的有益效果。
实施例七
本公开实施例提供了一种计算机存储介质,其上存储有计算机程序,该程 序被处理器执行时实现上述实施例所提供的横屏交互方法。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质 或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例 如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装 置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包 括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机 访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM 或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以 是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器 件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基 带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。 这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上 述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外 的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于 由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、 RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通 信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通 信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联 网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研 发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在, 而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序 被该电子设备执行时,使得该电子设备:
接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控件的第 一触发操作;
响应于所述第一触发操作,第一视频将所述视频播放区域缩放至所述横屏 显示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述 横屏显示页面的第二显示区域。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的 计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言— 诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言 或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在 用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在 远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算 机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广 域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因 特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计 算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图 中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、 或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应 当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图 中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执 行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的 是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可 以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用 硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以 通过硬件的方式来实现。其中,单元、模块的名称在某种情况下并不构成对该 单元、模块本身的限定,例如,目标视频播放模块还可以被描述为“视频播放模 块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。 例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门 阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、 复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存 储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地 使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机 器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或 半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质 的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、 随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学 储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,【示例一】提供了一种横屏交互方法,该 方法包括:
接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控件的第 一触发操作;
响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显示页面 的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横屏显示 页面的第二显示区域。
根据本公开的一个或多个实施例,【示例二】提供了一种横屏交互方法,还 包括:
接收用于切换所述第一视频的第二触发操作;
响应于所述第二触发操作,将所述视频播放区域内的所述第一视频切换为 第二视频。
根据本公开的一个或多个实施例,【示例三】提供了一种横屏交互方法,还 包括:
将所述第二显示区域中的所述第一关联信息切换为与所述第二视频对应的 第二关联信息。
可选地,根据本公开的一个或多个实施例,【示例四】提供了一种横屏交互 方法,还包括:
可选地,所述接收用于切换所述第一视频的第二触发操作,包括下述操作 中的至少一项:
接收作用于所述第一视频的视频播放画面的滑动切换操作;
接收作用于所述视频播放区域内预先设置的视频切换控件的切换操作;
若所述第一关联信息中包括至少一个推荐视频,接收作用于所述推荐视频 的选中操作。
根据本公开的一个或多个实施例,【示例五】提供了一种横屏交互方法, 还包括:
接收用于停止显示所述第一关联信息的第三触发操作;
响应于所述第三触发操作,停止显示所述第一关联信息,并将所述视频播 放区域进行放大显示。
根据本公开的一个或多个实施例,【示例六】提供了一种横屏交互方法, 还包括:
可选地,所述将所述视频播放区域进行放大显示,包括:
将所述视频播放区域放大至目标显示区域进行显示,其中,所述目标显示 区域根据所述第一显示区域和所述第二显示区域确定。
根据本公开的一个或多个实施例,【示例七】提供了一种横屏交互方法, 还包括:
可选地,所述接收作用于横屏显示页面中第一视频的视频播放区域的目标 交互控件的第一触发操作,包括:
接收作用于所述横屏显示页面中的评论标识的触发操作;
所述将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二 显示区域,包括:
将第一视频对应的第一评论信息展示于所述横屏显示页面的第二显示区域。
根据本公开的一个或多个实施例,【示例八】提供了一种横屏交互方法, 还包括:
可选地,所述接收作用于横屏显示页面中第一视频的视频播放区域的目标 交互控件的第一触发操作,包括:
接收作用于所述横屏显示页面中第一视频的发布者标识的触发操作;
所述将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二 显示区域,包括:
将第一视频对应的发布者所发布的视频信息展示于所述横屏显示页面的第 二显示区域。
根据本公开的一个或多个实施例,【示例九】提供了一种横屏交互方法, 还包括:
可选地,所述第二显示区域显示有主页跳转标识,所述方法还包括:
接收作用于所述第二显示区域中主页跳转标识的触发操作,跳转竖屏显示 页面,其中,所述竖屏显示页面显示有所述第一视频的发布者的个人主页信息。
根据本公开的一个或多个实施例,【示例十】提供了一种横屏交互方法, 还包括:
可选地,所述第二显示区域位于所述横屏显示页面中所述第一显示区域之 外的区域。
根据本公开的一个或多个实施例,【示例十一】提供了一种横屏交互装置, 该装置包括:
交互触发模块,用于接收作用于横屏显示页面中第一视频的视频播放区域 的目标交互控件的第一触发操作;
显示模块,用于响应于所述第一触发操作,将所述视频播放区域缩放至所 述横屏显示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示 于所述横屏显示页面的第二显示区域。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域 技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特 定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上 述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征 与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成 的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操 作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并 行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节, 但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中 描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的 上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多 个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但 是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或 动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (13)

1.一种横屏交互方法,其特征在于,包括:
接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控件的第一触发操作;
响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二显示区域。
2.根据权利要求1所述的方法,其特征在于,还包括:
接收用于切换所述第一视频的第二触发操作;
响应于所述第二触发操作,将所述视频播放区域内的所述第一视频切换为第二视频。
3.根据权利要求2所述的方法,其特征在于,还包括:
将所述第二显示区域中的所述第一关联信息切换为与所述第二视频对应的第二关联信息。
4.根据权利要求2所述的方法,其特征在于,所述接收用于切换所述第一视频的第二触发操作,包括下述操作中的至少一项:
接收作用于所述第一视频的视频播放画面的滑动切换操作;
接收作用于所述视频播放区域内预先设置的视频切换控件的切换操作;
若所述第一关联信息中包括至少一个推荐视频,接收作用于所述推荐视频的选中操作。
5.根据权利要求1所述的方法,其特征在于,还包括:
接收用于停止显示所述第一关联信息的第三触发操作;
响应于所述第三触发操作,停止显示所述第一关联信息,并将所述视频播放区域进行放大显示。
6.根据权利要求1所述的方法,其特征在于,所述将所述视频播放区域进行放大显示,包括:
将所述视频播放区域放大至目标显示区域进行显示,其中,所述目标显示区域根据所述第一显示区域和所述第二显示区域确定。
7.根据权利要求1所述的方法,其特征在于,所述接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控件的第一触发操作,包括:
接收作用于所述横屏显示页面中的评论标识的触发操作;
所述将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二显示区域,包括:
将第一视频对应的第一评论信息展示于所述横屏显示页面的第二显示区域。
8.根据权利要求1所述的方法,其特征在于,所述接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控件的第一触发操作,包括:
接收作用于所述横屏显示页面中第一视频的发布者标识的触发操作;
所述将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二显示区域,包括:
将第一视频对应的发布者所发布的视频信息展示于所述横屏显示页面的第二显示区域。
9.根据权利要求1所述的方法,其特征在于,所述第二显示区域显示有主页跳转标识;所述方法还包括:
接收作用于所述第二显示区域中主页跳转标识的触发操作,跳转竖屏显示页面,其中,所述竖屏显示页面显示有所述第一视频的发布者的个人主页信息。
10.根据权利要求1所述的方法,其特征在于,所述第二显示区域位于所述横屏显示页面中所述第一显示区域之外的区域。
11.一种横屏交互装置,其特征在于,包括:
交互触发模块,用于接收作用于横屏显示页面中第一视频的视频播放区域的目标交互控件的第一触发操作第一关联信息;
显示模块,用于响应于所述第一触发操作,将所述视频播放区域缩放至所述横屏显示页面的第一显示区域,并将所述第一视频对应的第一关联信息展示于所述横屏显示页面的第二显示区域。
12.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-10中任一所述的横屏交互方法。
13.一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如权利要求1-10中任一所述的横屏交互方法。
CN202110898679.0A 2021-08-05 2021-08-05 横屏交互方法、装置、电子设备及存储介质 Pending CN113867579A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202110898679.0A CN113867579A (zh) 2021-08-05 2021-08-05 横屏交互方法、装置、电子设备及存储介质
PCT/CN2022/106717 WO2023011181A1 (zh) 2021-08-05 2022-07-20 横屏交互方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110898679.0A CN113867579A (zh) 2021-08-05 2021-08-05 横屏交互方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN113867579A true CN113867579A (zh) 2021-12-31

Family

ID=78990180

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110898679.0A Pending CN113867579A (zh) 2021-08-05 2021-08-05 横屏交互方法、装置、电子设备及存储介质

Country Status (2)

Country Link
CN (1) CN113867579A (zh)
WO (1) WO2023011181A1 (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114491349A (zh) * 2022-02-15 2022-05-13 北京字跳网络技术有限公司 页面显示方法、装置、电子设备、存储介质和程序产品
CN114760516A (zh) * 2022-04-11 2022-07-15 北京字跳网络技术有限公司 一种视频处理方法、装置、设备及存储介质
CN114860139A (zh) * 2022-05-12 2022-08-05 北京字跳网络技术有限公司 视频播放方法、装置、电子设备、存储介质和程序产品
CN115237299A (zh) * 2022-06-29 2022-10-25 北京优酷科技有限公司 播放页面切换方法及终端设备
WO2023011181A1 (zh) * 2021-08-05 2023-02-09 北京字跳网络技术有限公司 横屏交互方法、装置、电子设备及存储介质
CN115933921A (zh) * 2022-11-29 2023-04-07 北京字跳网络技术有限公司 媒体内容的展示方法、装置、电子设备和存储介质
WO2024078486A1 (zh) * 2022-10-10 2024-04-18 北京字跳网络技术有限公司 内容展示方法、装置、设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102238353A (zh) * 2010-05-06 2011-11-09 Lg电子株式会社 用于操作图像显示设备的方法及图像显示设备
CN108874265A (zh) * 2018-06-21 2018-11-23 北京达佳互联信息技术有限公司 多媒体信息显示方法、装置、计算机设备及存储介质
CN111601139A (zh) * 2020-04-27 2020-08-28 维沃移动通信有限公司 信息显示方法、电子设备及存储介质
CN112261226A (zh) * 2020-10-21 2021-01-22 北京字跳网络技术有限公司 横屏交互方法、装置、电子设备和存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106648375A (zh) * 2016-12-30 2017-05-10 合网络技术(北京)有限公司 一种移动终端横向视频播放页面操作方法及系统
CN107562361B (zh) * 2017-09-06 2019-02-26 Oppo广东移动通信有限公司 消息处理方法、装置及终端
CN108234763B (zh) * 2017-12-29 2021-02-26 阿里巴巴(中国)有限公司 横竖屏切换方法、装置和终端
CN305633445S (zh) * 2019-09-10 2020-03-03
CN111078078B (zh) * 2019-11-29 2021-06-15 深圳市镜玩科技有限公司 视频播放控制方法、装置、终端及计算机可读存储介质
CN113867579A (zh) * 2021-08-05 2021-12-31 北京字跳网络技术有限公司 横屏交互方法、装置、电子设备及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102238353A (zh) * 2010-05-06 2011-11-09 Lg电子株式会社 用于操作图像显示设备的方法及图像显示设备
CN108874265A (zh) * 2018-06-21 2018-11-23 北京达佳互联信息技术有限公司 多媒体信息显示方法、装置、计算机设备及存储介质
CN111601139A (zh) * 2020-04-27 2020-08-28 维沃移动通信有限公司 信息显示方法、电子设备及存储介质
CN112261226A (zh) * 2020-10-21 2021-01-22 北京字跳网络技术有限公司 横屏交互方法、装置、电子设备和存储介质

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023011181A1 (zh) * 2021-08-05 2023-02-09 北京字跳网络技术有限公司 横屏交互方法、装置、电子设备及存储介质
CN114491349A (zh) * 2022-02-15 2022-05-13 北京字跳网络技术有限公司 页面显示方法、装置、电子设备、存储介质和程序产品
CN114491349B (zh) * 2022-02-15 2023-09-19 北京字跳网络技术有限公司 页面显示方法、装置、电子设备、存储介质和程序产品
CN114760516A (zh) * 2022-04-11 2022-07-15 北京字跳网络技术有限公司 一种视频处理方法、装置、设备及存储介质
CN114860139A (zh) * 2022-05-12 2022-08-05 北京字跳网络技术有限公司 视频播放方法、装置、电子设备、存储介质和程序产品
WO2023216936A1 (zh) * 2022-05-12 2023-11-16 北京字跳网络技术有限公司 视频播放方法、装置、电子设备、存储介质和程序产品
CN115237299A (zh) * 2022-06-29 2022-10-25 北京优酷科技有限公司 播放页面切换方法及终端设备
CN115237299B (zh) * 2022-06-29 2024-03-22 北京优酷科技有限公司 播放页面切换方法及终端设备
WO2024078486A1 (zh) * 2022-10-10 2024-04-18 北京字跳网络技术有限公司 内容展示方法、装置、设备及存储介质
CN115933921A (zh) * 2022-11-29 2023-04-07 北京字跳网络技术有限公司 媒体内容的展示方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
WO2023011181A1 (zh) 2023-02-09

Similar Documents

Publication Publication Date Title
CN113867579A (zh) 横屏交互方法、装置、电子设备及存储介质
CN112261226B (zh) 横屏交互方法、装置、电子设备和存储介质
EP4333439A1 (en) Video sharing method and apparatus, device, and medium
WO2021052256A1 (zh) 弹窗的控制方法、装置、介质及电子设备
CN113760150B (zh) 页面处理方法、装置、设备及存储介质
CN113238706B (zh) 一种视图展示方法、装置、设备及介质
JP2023548781A (ja) マルチメディアデータ処理方法、装置、電子機器及び記憶媒体
CN113783997B (zh) 一种视频发布方法、装置、电子设备及存储介质
CN112434175A (zh) 多媒体信息展示方法、装置、电子设备和计算机可读介质
WO2021218555A1 (zh) 信息展示方法、装置和电子设备
CN113891164A (zh) 视频列表的显示方法、装置、电子设备和存储介质
CN113721807B (zh) 一种信息展示方法、装置、电子设备和存储介质
US11652763B2 (en) Information display method and apparatus, and electronic device
CN114296611B (zh) 直播间控制方法、装置、电子设备、介质及程序产品
WO2023179424A1 (zh) 弹幕添加方法、装置、电子设备和存储介质
CN115474085B (zh) 媒体内容播放方法、装置、设备和存储介质
CN113727170A (zh) 视频交互方法、装置、设备及介质
WO2023035835A1 (zh) 一种信息展示方法、装置、设备及介质
CN111177610A (zh) 素材展示方法、装置、电子设备及存储介质
CN113703643A (zh) 内容显示方法、装置、设备及介质
CN115567745A (zh) 一种展示方法、装置、电子设备、计算机可读介质
CN114363686B (zh) 多媒体内容的发布方法、装置、设备和介质
CN115113790A (zh) 一种交互方法、装置、电子设备和存储介质
CN114860139A (zh) 视频播放方法、装置、电子设备、存储介质和程序产品
CN114579030A (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