CN113392260B - 界面显示控制方法、装置、介质及电子设备 - Google Patents

界面显示控制方法、装置、介质及电子设备 Download PDF

Info

Publication number
CN113392260B
CN113392260B CN202110785390.8A CN202110785390A CN113392260B CN 113392260 B CN113392260 B CN 113392260B CN 202110785390 A CN202110785390 A CN 202110785390A CN 113392260 B CN113392260 B CN 113392260B
Authority
CN
China
Prior art keywords
area
audio
interface
playing
display area
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
CN202110785390.8A
Other languages
English (en)
Other versions
CN113392260A (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.)
Hangzhou Netease Cloud Music Technology Co Ltd
Original Assignee
Hangzhou Netease Cloud Music 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 Hangzhou Netease Cloud Music Technology Co Ltd filed Critical Hangzhou Netease Cloud Music Technology Co Ltd
Priority to CN202110785390.8A priority Critical patent/CN113392260B/zh
Publication of CN113392260A publication Critical patent/CN113392260A/zh
Application granted granted Critical
Publication of CN113392260B publication Critical patent/CN113392260B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/60Information retrieval; Database structures therefor; File system structures therefor of audio data
    • G06F16/64Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/60Information retrieval; Database structures therefor; File system structures therefor of audio data
    • G06F16/63Querying
    • G06F16/638Presentation of query results
    • G06F16/639Presentation of query results using playlists
    • 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
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Multimedia (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开的实施例提供了一种界面显示控制方法、装置、介质及电子设备,涉及计算机技术领域。该方法包括:提供初始音频播放界面,该界面包括播放操作区域、内容显示区域,并悬浮显示有推荐窗口;响应第一交互操作将播放操作区域和内容显示区域进行同步移动,并在播放操作区域移动到初始音频播放界面的置顶区域时停止同步移动;以及在同步移动过程中或者同步移动结束时,将推荐窗口放置在内容显示区域的预设区域处,此时推荐窗口不再呈悬浮状态。本公开实施例的技术方案能够在初始音频播放界面显示当前播放音频的相关信息,同时保留当前播放音频的基本播放操作,简化用户操作,提升交互操作的流畅度,提升用户体验。

Description

界面显示控制方法、装置、介质及电子设备
技术领域
本公开的实施例涉及计算机技术领域,更具体地,本公开的实施例涉及界面显示控制方法、界面显示控制装置、计算机可读存储介质、电子设备。
背景技术
本部分旨在为权利要求书中陈述的本公开的实施例提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。
随着互联网技术的飞速发展,播客(Podcast,又称Ipod Broadcasting)作为数字广播技术的一种,越来越得到人们的广泛关注。播客声音录制的是网络广播或类似的网络声讯节目,网友可将网上的广播节目下载到的终端设备的本地播放器或其它便携式数码声讯播放器中随身收听,不必端坐电脑前,也不必实时收听,享受随时随地的自由。
目前相关的播客声音播放界面中,显示播客声音的基础操作界面,如上一首、暂停、下一首等基础操作对应的界面。
发明内容
但是,相关方案中的播客声音播放界面,要么仅显示播客声音的基础操作界面,无法显示播客声音的相关信息如评论信息、详情信息、推荐信息等,导致播客声音播放界面的显示较为单一,减少了用户了解播客声音的渠道,降低了用户吸引性;要么通过上下滑动显示播客声音的相关信息,但会将播客声音的基础操作界面隐藏,在需要对播客声音进行基础操作时需要上下滑动返回,导致用户无法实时实现对播客声音的基本操作,操作难度较高。
因此在现有技术中,难以达到令人满意的播客声音播放界面显示方案。
为此,非常需要一种改进的界面显示控制方法,以使得播客声音播放界面在能够显示播客声音的相关信息时不影响播客声音的基础操作,简化用户的操作,提升交互便利性。
在本上下文中,本公开的实施例期望提供一种界面显示控制方法、界面显示控制装置、计算机可读存储介质以及电子设备。
在本公开实施例的第一方面中,提供了一种界面显示控制方法,该方法包括:
提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口;
响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动;以及
在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,此时所述推荐窗口不再呈悬浮状态。
在本公开的一些实施例中,基于前述方案,所述第一交互操作包括滑动操作;
所述响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动,包括:
响应接收到的滑动操作,获取所述滑动操作的滑动方向;
控制所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与所述滑动方向对应的置顶区域时停止同步移动。
在本公开的一些实施例中,基于前述方案,所述方法还包括:
在所述初始音频播放界面上显示有第一标签控件,在所述内容显示区域显示有第一内容控件;
在接收到所述第一交互操作前,响应针对所述第一标签控件或所述第一内容控件的第二交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与默认方向对应的置顶区域时停止同步移动;
响应接收到的第一恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动。
在本公开的一些实施例中,基于前述方案,所述方法还包括:
当响应针对所述第一标签控件的第二交互操作时,在同步移动结束时,在当前页面的所述内容显示区域显示所述第一内容控件关联的显示内容,所述第一标签控件和所述第一内容控件是相对应的。
在本公开的一些实施例中,基于前述方案,所述内容显示区域包括音频列表显示区域;所述将所述推荐窗口放置在所述内容显示区域的预设区域处,包括:
响应针对所述音频列表显示区域的滑动操作,将预设的音频列表按照当前排列顺序在所述音频列表显示区域进行滚动展示;以及
在所述音频列表滚动展示结束时,将所述推荐窗口拼接在所述音频列表的末尾展示位置处。
在本公开的一些实施例中,基于前述方案,所述方法还包括:
响应接收到的第二恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动;以及
将所述推荐窗口悬浮显示在所述初始音频播放界面。
在本公开的一些实施例中,基于前述方案,所述推荐窗口包括收藏按钮控件,所述方法还包括:
响应对于所述收藏按钮控件的触发操作,将所述推荐窗口非悬浮显示在所述内容显示区域中。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面还包括主题显示区域和配图显示区域,所述方法还包括:
在同步移动过程中,将所述配图显示区域进行隐藏显示;以及
始终保持所述主题显示区域显示在所述初始音频播放界面上。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面包括音频进度条,所述方法还包括:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
在所述关键节点构成的节点区间显示所述当前播放音频关联的关键内容信息。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面包括音频进度条,所述方法还包括:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
响应针对所述音频进度条的调整操作,调整过程中在相应的所述关键节点处显示内容展示信息。
在本公开实施例的第二方面中,提供了一种界面显示控制装置,该装置包括:
初始音频播放界面提供模块,用于提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口;
区域同步移动模块,用于响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动;以及
推荐窗口显示模块,用于在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,此时所述推荐窗口不再呈悬浮状态。
在本公开的一些实施例中,基于前述方案,所述第一交互操作包括滑动操作;所述区域同步移动模块被配置为:
响应接收到的滑动操作,获取所述滑动操作的滑动方向;
控制所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与所述滑动方向对应的置顶区域时停止同步移动。
在本公开的一些实施例中,基于前述方案,所述界面显示控制装置包括内容跳转模块,所述内容跳转模块被配置为:
在所述初始音频播放界面上显示有第一标签控件,在所述内容显示区域显示有第一内容控件;
在接收到所述第一交互操作前,响应针对所述第一标签控件或所述第一内容控件的第二交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与默认方向对应的置顶区域时停止同步移动;
响应接收到的第一恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动。
在本公开的一些实施例中,基于前述方案,所述内容跳转模块还被配置为:
当响应针对所述第一标签控件的第二交互操作时,在同步移动结束时,在当前页面的所述内容显示区域显示所述第一内容控件关联的显示内容,所述第一标签控件和所述第一内容控件是相对应的。
在本公开的一些实施例中,基于前述方案,所述内容显示区域包括音频列表显示区域;所述推荐窗口显示模块被配置为:
响应针对所述音频列表显示区域的滑动操作,将预设的音频列表按照当前排列顺序在所述音频列表显示区域进行滚动展示;以及
在所述音频列表滚动展示结束时,将所述推荐窗口拼接在所述音频列表的末尾展示位置处。
在本公开的一些实施例中,基于前述方案,所述界面显示控制装置包括界面恢复模块,所述界面恢复模块被配置为:
响应接收到的第二恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动;以及
将所述推荐窗口悬浮显示在所述初始音频播放界面。
在本公开的一些实施例中,基于前述方案,所述推荐窗口包括收藏按钮控件,所述界面显示控制装置包括收藏模块,所述收藏模块被配置为:
响应对于所述收藏按钮控件的触发操作,将所述推荐窗口非悬浮显示在所述内容显示区域中。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面还包括主题显示区域和配图显示区域,所述界面显示控制装置包括其他区域控制模块,所述其他区域控制模块被配置为:
在同步移动过程中,将所述配图显示区域进行隐藏显示;以及
始终保持所述主题显示区域显示在所述初始音频播放界面上。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面包括音频进度条,所述界面显示控制装置包括第一音频进度条显示模块,所述第一音频进度条显示模块被配置为:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
在所述关键节点构成的节点区间显示所述当前播放音频关联的关键内容信息。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面包括音频进度条,所述界面显示控制装置包括第一音频进度条显示模块,所述第一音频进度条显示模块被配置为:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
响应针对所述音频进度条的调整操作,调整过程中在相应的所述关键节点处显示内容展示信息。
在本公开实施例的第三方面中,提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上述第一方面所述的界面显示控制方法。
在本公开实施例的第四方面中,提供了一种电子设备,包括:处理器;以及存储器,所述存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时实现如上述第一方面所述的界面显示控制方法。
根据本公开实施例的技术方案,一方面,在初始音频播放界面提供播放操作区域、内容显示区域,并且在接收到第一交互操作时将播放操作区域和内容显示区域进行同步移动,在播放操作区域移动到初始音频播放界面的置顶区域时停止同步移动,这样,将播放操作区域放置在初始音频播放界面的置顶区域,用户能够实时实现对播客声音的基础操作,同时,能够使内容显示区域得到充分展示,使用户能够便捷地浏览播客声音的相关信息,提升用户浏览播客声音的相关信息的便利性,简化用户操作,提升用户体验;另一方面,在初始音频播放界面悬浮显示有推荐窗口,这样在不影响播放操作区域的操作以及不影响内容显示区域的信息展示的前提下,能够通过推荐窗口向用户推荐相关的播客声音,使用户更方便获取感兴趣的相关播客声音,提升播客声音的回访率,并且在同步移动过程中或者同步移动结束时,将推荐窗口放置在内容显示区域的预设区域处,此时推荐窗口不再呈悬浮状态,避免推荐窗口对内容显示区域的遮挡,便于用户浏览信息,扩大用户浏览信息区域的面积,提升用户的浏览舒适性。
附图说明
通过参考附图阅读下文的详细描述,本公开示例性实施例的上述以及其他目的、特征和优点将变得易于理解。在附图中,以示例性而非限制性的方式示出了本公开的若干实施例,其中:
图1示意性示出了根据本公开的一些实施例的示例性应用场景的系统架构的示意框图;
图2示意性地示出了根据本公开的一些实施例的界面显示控制方法的流程示意图;
图3示意性地示出了根据本公开的一些实施例的控制区域移动的流程示意图;
图4示意性地示出了根据本公开的一些实施例的控制区域移动的界面示意图;
图5示意性地示出了根据本公开的另一些实施例的实现展示内容跳转的流程示意图;
图6示意性地示出了根据本公开的再一些实施例的触发第一标签控件的界面示意图;
图7示意性地示出了根据本公开的一些实施例的放置推荐窗口的流程示意图;
图8示意性地示出了根据本公开的一些实施例的显示音频进度条的流程示意图;
图9示意性地示出了根据本公开的一些实施例的显示音频进度条的界面示意图;
图10示意性地示出了根据本公开的另一些实施例的显示音频进度条的流程示意图;
图11示意性地示出了根据本公开的另一些实施例的显示音频进度条的界面示意图;
图12示意性地示出了根据本公开的一些实施例的界面显示控制装置的示意框图;
图13示意性地示出了根据本公开的示例实施例的存储介质的示意图;以及
图14示意性地示出了根据发明的示例实施例的电子设备的方框图。
在附图中,相同或对应的标号表示相同或对应的部分。
具体实施方式
下面将参考若干示例性实施例来描述本公开的原理和精神。应当理解,给出这些实施例仅仅是为了使本领域技术人员能够更好地理解进而实现本公开,而并非以任何方式限制本公开的范围。相反,提供这些实施例是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。
本领域技术人员知道,本公开的实施例可以实现为一种系统、装置、设备、方法或计算机程序产品。因此,本公开可以具体实现为以下形式,即:完全的硬件、完全的软件(包括固件、驻留软件、微代码等),或者硬件和软件结合的形式。
根据本公开的实施例,提出了一种界面显示控制方法、界面显示控制装置、介质和电子设备。
在本文中,需要理解的是,所涉及的术语,比如:
应用程序(Application,APP)客户端是指基于手机操作系统的应用,用户打开App客户端中某个界面,客户端发送请求到产品服务器,产品服务器返回数据,并呈现给用户最终界面。用户在App客户端的界面上进行输入操作,客户端发送数据到产品服务器,产品服务器存储数据。
播客声音(Podcast)是指在云音乐里的一种区别于单曲的音频类型,包含了多种类别内容,如有声书、脱口秀、创作翻唱等,用户可以自行录制并在云音乐里上传。
播客声音播放页是指承载声音的底层播放器页面,包含了图片、操作和对应的相关信息。
播单是指多个播客声音组成的聚合页面,可以包含播客声音列表、播单封面、描述和创建者信息。
播放进度条是指播客声音播放过程中的进度,显示当前播放时间点和总时间,可以进行拖拽拉进度。
此外,附图中的任何元素数量均用于示例而非限制,以及任何命名都仅用于区分,而不具有任何限制含义。
下面参考本公开的若干代表性实施例,详细阐释本公开的原理和精神。
发明概述
一种播客声音播放界面显示方案中,仅仅展示播客声音的标题、封面图片和操作图标等信息,但是用户获取不到该播客声音的其他信息,例如详情信息、评论信息、推荐信息等,不利于用户快速了解当前播放的播客声音的相关信息。
另一种播客声音播放界面显示方案中,在用户需要在播客声音播放界面获取更多信息时,需要点击图片区域、或者通过左右横滑的操作获取,相关播单也是通过点击图片显示出浮层、左右横滑或者上下滑动页面出现;但是,点击图片查看详情信息或者左右横滑查看详情信息的操作比较隐晦,需要用户付出额外的学习成本,并且相关播单信息的推荐不直接,可能影响后续用户的回访率。
再一种播客声音播放界面显示方案中,用户在查看播客声音的相关信息如评论信息时,需要通过点击图标的操作跳转到新的页面,或者通过上滑操作显示,但是,跳转到新页面的变化效果太大,导致用户短时间内无法接受,或者通过上滑操作显示可能导致将播客声音的基本操作界面给隐藏,导致用户操作难度提高,降低用户操作的便利性。
又一种播客声音播放界面显示方案中,播客声音的播放进度条显示总时间、当前播放时间和拖动控件,但是,该播放进度条与播客声音的内容无关联,拖动进度条时仅能够通过连续拖动试听的方式猜测播客声音的内容进度,导致操作较为复杂,操作效率较低。
基于上述内容,本公开的基本思想在于,在初始音频播放界面提供播放操作区域、内容显示区域,并且在接收到第一交互操作时将播放操作区域和内容显示区域进行同步移动,在播放操作区域移动到初始音频播放界面的置顶区域时停止同步移动,这样,将播放操作区域放置在初始音频播放界面的置顶区域,用户能够实时实现对播客声音的基础操作,同时,能够使内容显示区域得到充分展示,使用户能够便捷地浏览播客声音的相关信息,提升用户浏览播客声音的相关信息的便利性,简化用户操作,提升用户体验;在初始音频播放界面悬浮显示有推荐窗口,这样在不影响播放操作区域的操作以及不影响内容显示区域的信息展示的前提下,能够通过推荐窗口向用户推荐相关的播客声音,使用户更方便获取感兴趣的相关播客声音,提升播客声音的回访率,并且在同步移动过程中或者同步移动结束时,将推荐窗口放置在内容显示区域的预设区域处,此时推荐窗口不再呈悬浮状态,避免推荐窗口对内容显示区域的遮挡,便于用户浏览信息,扩大用户浏览信息区域的面积,提升用户的浏览舒适性。
在介绍了本公开的基本原理之后,下面具体介绍本公开的各种非限制性实施例。
应用场景总览
首先参考图1,图1示出了可以应用本公开实施例的一种界面显示控制方法及装置的示例性应用场景的系统架构的示意框图。
如图1所示,系统架构100可以包括终端设备101、102、103中的一个或多个,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。终端设备101、102、103可以是具有显示屏的各种电子设备,包括但不限于台式计算机、便携式计算机、智能手机和平板电脑等。应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。比如服务器105可以是多个服务器组成的服务器集群等。
本公开实施例所提供的界面显示控制方法一般由终端设备101、102、103执行,相应地,界面显示控制装置一般设置于终端设备101、102、103中。但本领域技术人员容易理解的是,本公开实施例所提供的界面显示控制方法也可以由服务器105执行,相应的,界面显示控制装置也可以设置于服务器105中,本示例性实施例中对此不做特殊限定。举例而言,在云应用程序的应用场景中,可以通过终端设备101、102、103等获取用户的交互操作,并将该交互操作通过网络104传递给服务器105,使服务器105根据本示例实施例提供的界面显示控制方法生成相应的界面实时反馈给终端设备101、102、103并显示给用户。
应该理解的是,图1所示的应用场景仅是本公开的实施例可以在其中得以实现的一个示例。本公开实施例的适用范围不受到该应用场景任何方面的限制。
示例性方法
下面结合图1的应用场景,参考图2来描述根据本公开示例性实施例的界面显示控制方法。需要注意的是,上述应用场景仅是为了便于理解本公开的精神和原理而示出,本公开的实施例在此方面不受任何限制。相反,本公开的实施例可以应用于适用的任何场景。
本公开首先提供了一种界面显示控制方法,本示例实施例中以终端设备执行该方法为例进行说明。
参照图2所示,在步骤S210中,提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口。
在示例实施例中,初始音频播放界面是指在启动应用程序客户端之后显示的具有默认显示格式的音频播放界面,具体的,初始音频播放界面可以包括播放操作区域、内容显示区域。
播放操作区域是指提供的用于控制初始音频播放界面中当前播放音频的控制区域,例如,播放操作区域可以包括播放暂停、上一首、下一首等基础操作,当然,还可以包括播放列表和倍速播放等操作,本示例实施例对此不做特殊限定。
内容显示区域是指提供的用于显示当前播放音频的相关信息的区域,例如,内容显示区域可以是显示当前播放音频关联的详情信息的区域,也可以是显示当前播放音频关联的评论信息的区域,当然,还可以是显示当前播放音频关联的推荐信息的区域,本示例实施例不以此为限。
其中,当前播放音频可以是播客声音,也可以是音乐音频,当然,还可以是其他类型的音频,例如,还可以是用户的本地电话录音,本示例实施例对此不做特殊限定。
推荐窗口是指用于提供与当前播放音频相关联的音频列表的窗口,例如,推荐窗口可以是提供与当前播放音频具有相同创作者的音频列表的窗口,也可以是提供与当前播放音频具有相同创作风格的音频列表的窗口,当然,还可以是提供其他类型的与当前播放音频相关联的音频列表的窗口,本示例实施例对此不做特殊限定。
为了保证推荐窗口的显示不会遮挡初始音频播放界面中播放操作区域或者内容显示区域,可以在初始音频播放界面中将推荐窗口进行悬浮显示。
在步骤S220中,响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动。
在示例实施例中,第一交互操作是指触发播放操作区域和内容显示区域进行同步移动的交互操作,例如,第一交互操作可以是任意方向上的滑动操作,也可以是在初始音频播放界面中非交互区域(或者空白区域)的双击操作或者长按操作,当然,第一交互操作还可以是其他能够触发播放操作区域和内容显示区域进行同步移动的交互操作,可以通过预先提供的设置界面由用户进行自定义设置,本示例实施例对此不做特殊限定。
置顶区域是指初始音频播放界面中的边缘区域处,例如,置顶区域可以是初始音频播放界面的顶部区域,也可以是初始音频播放界面的左边缘或者边缘区域,当然,一些特殊情况下,还可以是初始音频播放界面的底部区域,本示例实施例对此不作特殊限定。
在接收到第一交互操作之前,初始音频播放界面中的播放操作区域可以作为主要界面元素进行展示,内容显示区域作为次要界面元素进行展示,例如,初始音频播放界面中的播放操作区域可以设置于初始音频播放界面的中心区域处,而内容显示区域可以设置于初始音频播放界面的底部区域处,当然,此处仅是示意性举例说明,本示例实施例不以此为限。
在接收到第一交互操作时,可以控制播放操作区域和内容显示区域在当前显示界面进行同步移动,以在当前显示界面实现界面布局切换的动画,并且在播放操作区域移动到初始音频播放界面的置顶区域时,停止播放操作区域和内容显示区域的同步移动,此时,能够在当前显示界面显示播放操作区域的同时,显示内容显示区域,保证用户在浏览内容显示区域中的内容的同时,能够随时基于处于置顶区域处的播放操作区域对当前播放音频进行控制,提升用户的操作便利性,简化用户操作,提升操作效率。
在步骤S230中,在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,此时所述推荐窗口不再呈悬浮状态。
在示例实施例中,预设区域是指在内容显示区域中预先设置的、不影响内容显示区域中的内容展示的区域,例如,预设区域可以是内容展示区域的左侧边或者右侧边,也可以是内容展示区域中展示的内容的末尾展示的位置处,本示例实施例对此不做特殊限定。
可以在播放操作区域和内容显示区域同步移动的过程中,可以将悬浮显示的推荐窗口放置在内容显示区域的预设区域处,此时的推荐窗口不再呈悬浮状态;当然,也可以在播放操作区域和内容显示区域同步移动的过程中,可以将悬浮显示的推荐窗口放置在内容显示区域的预设区域处,此时的推荐窗口不再呈悬浮状态,具体可以根据实际情况确定推荐窗口的悬浮状态的切换时机,本示例实施例不以此为限。
根据图2示例实施例的技术方案,一方面,在初始音频播放界面提供播放操作区域、内容显示区域,并且在接收到第一交互操作时将播放操作区域和内容显示区域进行同步移动,在播放操作区域移动到初始音频播放界面的置顶区域时停止同步移动,这样,将播放操作区域放置在初始音频播放界面的置顶区域,用户能够实时实现对播客声音的基础操作,同时,能够使内容显示区域得到充分展示,使用户能够便捷地浏览播客声音的相关信息,提升用户浏览播客声音的相关信息的便利性,简化用户操作,提升用户体验;另一方面,在初始音频播放界面悬浮显示有推荐窗口,这样在不影响播放操作区域的操作以及不影响内容显示区域的信息展示的前提下,能够通过推荐窗口向用户推荐相关的播客声音,使用户更方便获取感兴趣的相关播客声音,提升播客声音的回访率,并且在同步移动过程中或者同步移动结束时,将推荐窗口放置在内容显示区域的预设区域处,此时推荐窗口不再呈悬浮状态,避免推荐窗口对内容显示区域的遮挡,便于用户浏览信息,扩大用户浏览信息区域的面积,提升用户的浏览舒适性。
下面,对图2中的步骤S210至步骤S230进行详细说明。
在示例实施例中,第一交互操作可以包括滑动操作,例如,滑动操作可以是在初始音频播放界面上进行相对向上或者向下的滑动操作,也可以是初始音频播放界面上进行相对向左或者向右的滑动操作,本示例实施例不以此为限。
具体的,步骤S210可以包括步骤S310和步骤S320,实现响应滑动操作将播放操作区域和内容显示区域进行同步移动,参考图3所示,具体可以包括:
步骤S310,响应接收到的滑动操作,获取所述滑动操作的滑动方向;
步骤S320,控制所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与所述滑动方向对应的置顶区域时停止同步移动。
其中,滑动方向是指滑动操作在初始音频播放界面上的相对位移方向,具体可以根据滑动操作对应的位移矢量确定滑动操作对应的滑动方向,例如,滑动操作对应的位移矢量可以是由屏幕坐标(1,1)指向屏幕坐标(1,2)的矢量,此时可以认为滑动操作对应的滑动方向为相对向上滑动。
可以根据滑动操作的滑动方向确定播放操作区域的置顶区域,具体是基于滑动方向控制播放操作区域和内容显示区域在初始音频播放界面上进行同步移动,并且在播放操作区域移动到与滑动方向对应的置顶区域时停止同步移动。
举例而言,假设滑动操作的滑动方向为相对向上滑动,那么可以控制播放操作区域向初始音频播放界面的向上方向对应的置顶区域(即顶部区域)进行移动,同时控制内容显示区域与播放操作区域的移动进行同步,直到播放操作区域移动到与向上方向对应的置顶区域时,控制播放操作区域和内容显示区域结束同步移动;当然,假设滑动操作的滑动方向为相对向左或者向右滑动,那么可以控制播放操作区域向初始音频播放界面的向左或者向右方向对应的置顶区域(即左侧或者右侧的边缘区域)进行移动,同时控制内容显示区域与播放操作区域的移动进行同步,直到播放操作区域移动到与向左或者向右方向对应的置顶区域时,控制播放操作区域和内容显示区域结束同步移动。
图4示意性地示出了根据本公开的一些实施例的控制区域移动的界面示意图。
参考图4所示,初始音频播放界面401可以包括播放操作区域402、内容显示区域403以及推荐窗口404。
一实施例中,可以在初始音频播放界面401执行第一交互操作,假设第一交互操作可以是相对向上滑动的滑动操作,此时可以控制播放操作区域402以及内容显示区域403进行同步移动得到当前音频播放界面405,并且在播放操作区域402移动到向上方向的置顶区域时停止同步移动,并得到播放操作区域406以及内容显示区域407,实现播放操作区域402以及内容显示区域403的吸附置顶状态;同时,在同步移动过程中或者同步移动结束时,将初始音频播放界面401悬浮显示的推荐窗口404放置到内容显示区域407的预设区域处,得到推荐窗口408,此时的推荐窗口408不再呈悬浮状态;
一实施例中,可以在初始音频播放界面401执行第一交互操作,假设第一交互操作可以是相对向左滑动的滑动操作,此时可以控制播放操作区域402以及内容显示区域403进行同步移动得到当前音频播放界面409,并且在播放操作区域402移动到向左方向的置顶区域时停止同步移动,并得到播放操作区域410以及内容显示区域411,实现播放操作区域402的左侧吸附状态;同时,在同步移动过程中或者同步移动结束时,将初始音频播放界面401悬浮显示的推荐窗口404放置到内容显示区域401的预设区域处,得到推荐窗口412,此时的推荐窗口412不再呈悬浮状态;
一实施例中,可以在初始音频播放界面401执行第一交互操作,假设第一交互操作可以是在初始音频播放界面401的空白区域处的双击操作,此时可以控制播放操作区域402以及内容显示区域403进行同步移动得到当前音频播放界面413,并且在播放操作区域402移动到向上方向的置顶区域,以及内容显示区域403中的内容切换控件移动到向左方向的置顶区域时停止同步移动,并得到播放操作区域414以及内容显示区域415,实现播放操作区域402的吸附置顶状态以及内容切换控件的左侧吸附状态;同时,在同步移动过程中或者同步移动结束时,将初始音频播放界面401悬浮显示的推荐窗口404放置到内容显示区域415的预设区域处,得到推荐窗口416,此时的推荐窗口416不再呈悬浮状态。
通过滑动操作的滑动方向控制播放操作区域和内容显示区域的同步移动,使界面的切换跟随用户的手势,提升操作的跟手性,同时,能够使用户将播放操作区域放置在自己喜欢的置顶区域(或者边缘区域)处,提升用户体验。
在示例实施例中,还可以在响应接收到的第一交互操作之前,即在启动应用程序客户端之后默认显示的初始音频播放界面上,通过第二交互操作实现播放操作区域和内容显示区域的同步移动,参考图5所示,具体可以包括:
步骤S510,在所述初始音频播放界面上显示有第一标签控件,在所述内容显示区域显示有第一内容控件;
步骤S520,在接收到所述第一交互操作前,响应针对所述第一标签控件或所述第一内容控件的第二交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与默认方向对应的置顶区域时停止同步移动;
步骤S530,响应接收到的第一恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动。
其中,第一标签控件是指在初始音频播放界面中提供的快捷标签,第一内容控件是指内容显示区域中提供的一用于切换内容显示区域中的显示内容类型的控件,第一标签控件与第一内容控件可以是相互关联的,第一标签控件可以是第一内容控件的一种快捷显示方式,例如,第一标签控件可以是初始音频播放界面中以气泡显示的用于切换评论信息的控件,第一内容标签可以是内容显示区域中用于切换显示评论信息的控件,第一标签控件中可以显示当前播放音频的评论信息数量,同样的,第一内容控件中也可以显示当前播放音频的评论信息数量,且第一标签控件中显示的评论信息数量与第一内容控件中显示的评论信息数量是相关联的,当然,此处仅是示意性举例说明,本示例实施例不以此为限。
第二交互操作是指触发第一标签控件或者第一内容控件的操作,例如,第二交互操作可以是针对第一标签控件或者第一内容控件的单击操作,也可以是针对第一标签控件或者第一内容控件的长按操作,本示例实施例不以此为限。
默认方向是指预先设置的响应第二交互操作移动播放操作区域的置顶区域的方向,例如,默认方向可以是向上方向,也可以是向左方向或者向右方向,本示例实施例对此不做特殊限定。
第一恢复操作是指将同步移动后的播放操作区域以及内容显示区域恢复为初始显示的界面布局的操作,例如,假设第二交互操作是对第一标签控件或者第一内容控件的单击操作,那么相对的,第一恢复操作可以是对第一标签控件或者第一内容控件的再次点击操作。
初始位置是指在响应第二交互操作将播放操作区域以及内容显示区域进行同步移动之前播放操作区域所处的位置,即启动应用程序客户端之后,初始音频播放界面上显示的播放操作区域的位置就是播放操作区域的初始位置。
通过响应针对第一标签控件或第一内容控件的第二交互操作,将播放操作区域和内容显示区域的自动同步移动,实现在当前界面的内容显示区域中快速显示第一标签控件或第一内容控件关联的显示内容,简化用户操作,提升显示内容的跳转效率,提升用户体验。
在示例实施例中,可以响应针对第一标签控件的第二交互操作,将播放操作区域和内容显示区域进行同步移动,并在播放操作区域移动到与默认方向对应的置顶区域时停止同步移动,并且在同步移动结束时,在当前页面的内容显示区域显示第一内容控件关联的显示内容,第一标签控件和第一内容控件是相对应的,第一标签控件可以认为是第一内容控件的一种快捷显示方式。
举例而言,假设第一标签控件和第一内容控件关联的是评论信息,在初始音频播放界面可以提供以气泡样式展示的评论信息控件即第一标签控件,在内容展示区域可以提供用于切换评论信息的控件即第一内容控件。用户在对第一标签控件进行第二交互操作如单击操作时,控制播放操作区域和内容显示区域进行同步移动,并在播放操作区域移动到与默认方向对应的置顶区域时停止同步移动,在同步移动结束时,可以在当前页面的内容显示区域(即在加载评论信息时页面不进行跳转)显示第一内容控件关联的显示内容即评论信息。
图6示意性地示出了根据本公开的再一些实施例的触发第一标签控件的界面示意图。
参考图6所示,在初始音频播放界面601上显示有第一标签控件,即评论标签控件602,在内容显示区域显示有第一内容控件,即评论内容切换控件603,在接收到第一交互操作前,响应针对评论标签控件602或评论内容切换控件603的第二交互操作如点击操作,将播放操作区域和内容显示区域进行同步移动,并在播放操作区域移动到与默认方向对应的置顶区域时停止同步移动,得到当前音频播放界面604,并显示评论内容切换控件603的切换,以及在内容显示区域显示评论内容切换控件603对应的显示内容,即当前播放音频相关的评论信息605。
另一实施例中,可以响应针对评论标签控件602的第二交互操作如点击操作,将播放操作区域和内容显示区域进行同步移动,并在播放操作区域移动到与默认方向对应的置顶区域时停止同步移动,以及在同步移动结束时,在不跳转到新的页面,即在当前音频播放界面604的内容显示区域显示评论内容切换控件603关联的显示内容即评论信息605,评论标签控件602和评论内容切换控件603是相对应的,评论标签控件602可以认为是评论内容切换控件603的一种快捷显示方式。
在示例实施例中,内容显示区域可以包括音频列表显示区域,该音频列表显示区域是指内容展示区域中提供的用于展示当前播放音频的关联音频列表的区域。
具体的,步骤S210可以包括步骤710和步骤S720,实现将推荐窗口放置在内容显示区域的预设区域处,参考图7所示,具体可以包括:
步骤S710,响应针对所述音频列表显示区域的滑动操作,将预设的音频列表按照当前排列顺序在所述音频列表显示区域进行滚动展示;以及
步骤S720,在所述音频列表滚动展示结束时,将所述推荐窗口拼接在所述音频列表的末尾展示位置处。
其中,预设的音频列表是指预先设置的与当前播放音频相关的推荐音频列表,例如,预设的音频列表可以是与当前播放音频具有相同创作者的音频列表,也可以是与当前播放音频具有相同创作风格的音频列表,本示例实施例不以此为限。当前排列顺序是指音频列表中预先设置好的音频显示顺序。
由于音频列表显示区域设置在内容显示区域,展示区域的面积有限,若音频列表中的音频较多时,无法同时展示在音频列表显示区域中,因此,可以通过拖动操作将预设的音频列表按照当前排列顺序在音频列表显示区域进行滚动展示。同时,可以在音频列表滚动展示结束或者音频列表显示区域中展示到音频列表的最后一条音频内容时,将推荐窗口拼接在音频列表的末尾展示位置处,实现在继续拖动音频列表时,使推荐窗口跟随音频列表的滚动而跟随移动,避免悬浮的推荐窗口遮挡音频列表的末尾位置,提升内容展示区域的显示效果,提升用户体验。
在示例实施例中,可以响应接收到的第二恢复操作,将播放操作区域和内容显示区域进行同步移动,并在播放操作区域移动到初始位置时停止同步移动;以及将推荐窗口悬浮显示在初始音频播放界面。
其中,第二恢复操作是指将同步移动后的播放操作区域以及内容显示区域恢复为初始显示的界面布局的操作,例如,假设第一交互操作是相对向上滑动的滑动操作,那么相对的,第二恢复操作可以是相对向下滑动的滑动操作;容易理解的,第一交互操作是相对向左(或者向右)滑动的滑动操作时,第二恢复操作可以是相对向右(或者向左)滑动的滑动操作,本示例实施例对此不做特殊限定。
在将播放操作区域以及内容显示区域恢复为初始显示的界面布局之后,同时也将不再呈悬浮状态显示的推荐窗口重新恢复为悬浮状态显示。
在示例实施例中,推荐窗口可以包括收藏按钮控件,收藏按钮控件是指用于将推荐窗口中提供的多个音频进行快速关注收藏的控件。具体的,可以响应对于收藏按钮控件的触发操作,将推荐窗口非悬浮显示在内容显示区域中。
其中,触发操作是指触发收藏按钮控件的操作,例如,触发操作可以是针对收藏按钮控件的单击操作,也可以是针对推荐窗口任意区域的长按操作,当然,还可以是其他的能够触发收藏按钮控件的操作,本示例实施例对此不做特殊限定。
在接收到对收藏按钮控件的触发操作之后,此时可以认为已经将推荐窗口中推荐的多个音频进行收藏关注,那么推荐窗口中的多个音频不在需要向用户进行推荐,因此可以将推荐窗口非悬浮显示在内容显示区域中。并且在用户重新启动应用程序客户端之后,当前播放音频对应的推荐窗口依旧为非悬浮显示。
在示例实施例中,初始音频播放界面还可以包括主题显示区域和配图显示区域,其中,主题显示区域是指显示初始音频播放界面中的当前播放音频对应的主题信息的区域,在根据第一交互操作或者第二交互操作控制播放操作区域以及内容显示区域同步移动的过程中,主题显示区域可以始终保持显示在初始音频播放界面上,具体的,可以显示在初始音频播放界面的固定位置处;配图显示区域是指显示初始音频播放界面中的当前播放音频对应的配图信息的区域,在根据第一交互操作或者第二交互操作控制播放操作区域以及内容显示区域同步移动的过程中,可以将配图显示区域进行隐藏显示。
在同步移动过程中,始终保持主题显示区域在初始音频播放界面上,能够保证用户时刻看到当前播放音频对应的主题信息,降低用户的记忆负担;而对于不太重要的配图信息,可以将配图信息所在的配图显示区域进行隐藏,有效减少对界面区域的占用,提高音频播放界面的利用率。
在示例实施例中,初始音频播放界面可以包括音频进度条,具体的,可以通过图8中的步骤实现音频进度条的显示,参考图8所示,具体可以包括:
步骤S810,在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
步骤S820,在所述关键节点构成的节点区间显示所述当前播放音频关联的关键内容信息。
其中,关键节点是指当前播放音频对应的音频内容的节点,例如,假设当前播放音频包含四个章节,那么关键节点可以认为是不同章节之间的分割节点,不同当前播放音频对应的音频进度条上显示的多个关键节点不同,具体可以根据初始音频播放界面上播放的当前播放音频进行设置。
关键内容信息是指当前播放音频对应的音频内容的主要信息,例如,假设当前播放音频包含四个章节,每个章节对应的目录信息或者核心内容即为该当前播放音频的关键内容信息。
具体的,可以在音频进度条上的多个关键节点构成的节点区间显示当前播放音频关联的关键内容信息,这样,用户在调整音频进度条时,可以根据音频进度条上显示的多个关键节点,或者节点区间中显示的关键内容信息快速调整到想听的音频内容处,提高音频进度条的调整效率以及调整准确度。
图9示意性地示出了根据本公开的一些实施例的显示音频进度条的界面示意图。
参考图9所示,可以在音频进度条901上显示多个关键节点902,并在关键节点构成的节点区间显示当前播放音频关联的关键内容信息。
在示例实施例中,初始音频播放界面可以包括音频进度条,具体的,还可以通过图10中的步骤实现音频进度条的显示,参考图10所示,具体可以包括:
步骤S1010,在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
步骤S1020,响应针对所述音频进度条的调整操作,调整过程中在相应的所述关键节点处显示内容展示信息。
其中,关键节点是指当前播放音频对应的音频内容的节点,例如,假设当前播放音频包含四个章节,那么关键节点可以认为是不同章节之间的分割节点,不同当前播放音频对应的音频进度条上显示的多个关键节点不同,具体可以根据初始音频播放界面上播放的当前播放音频进行设置。
调整操作是指拖动音频进度条上的拖动按钮以调整当前播放音频的播放时间的操作。内容展示信息是指与当前播放音频相关联的信息,例如,内容展示信息可以是当前播放音频对应的文字信息或者预设文案信息,也可以是与当前播放音频的内容相关联的配图信息,当然,还可以是文字信息或者预设文案信息、与配图信息的结合,本示例实施例对此不做特殊限定。
通过在用户不调整音频进度条时,可以仅在音频进度条上显示多个关键节点,而在用户调整音频进度条时,可以在调整过程中在相应的关键节点处显示内容展示信息,一方面,可以保证音频进度条在不操作时的简洁性,也可以保证音频进度条在调整时能够显示当前播放音频的关键内容,使用户能够快速调整到想听的音频内容处,提高音频进度条的调整效率以及调整准确度。
图11示意性地示出了根据本公开的另一些实施例的显示音频进度条的界面示意图。
参考图11所示,在音频进度条1101上显示多个关键节点1102,响应针对音频进度条1101的调整操作,调整过程中在相应的关键节点处显示内容展示信息1103,内容展示信息可以包括文字信息和/或配图信息。
示例性装置
在介绍了本公开示例性实施例的方法之后,接下来,参考图12对本公开示例性实施例的界面显示控制装置。
在图12中,界面显示控制装置1200可以包括:初始音频播放界面提供模块1210、区域同步移动模块1220以及推荐窗口显示模块1230。其中:
初始音频播放界面提供模块1210用于提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口;
区域同步移动模块1220用于响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动;以及
推荐窗口显示模块1230用于在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,此时所述推荐窗口不再呈悬浮状态。
在本公开的一些实施例中,基于前述方案,所述第一交互操作包括滑动操作;所述区域同步移动模块1220被配置为:
响应接收到的滑动操作,获取所述滑动操作的滑动方向;
控制所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与所述滑动方向对应的置顶区域时停止同步移动。
在本公开的一些实施例中,基于前述方案,所述界面显示控制装置1200包括内容跳转模块,所述内容跳转模块被配置为:
在所述初始音频播放界面上显示有第一标签控件,在所述内容显示区域显示有第一内容控件;
在接收到所述第一交互操作前,响应针对所述第一标签控件或所述第一内容控件的第二交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与默认方向对应的置顶区域时停止同步移动;
响应接收到的第一恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动。
在本公开的一些实施例中,基于前述方案,所述内容跳转模块还被配置为:
当响应针对所述第一标签控件的第二交互操作时,在同步移动结束时,在当前页面的所述内容显示区域显示所述第一内容控件关联的显示内容,所述第一标签控件和所述第一内容控件是相对应的。
在本公开的一些实施例中,基于前述方案,所述内容显示区域包括音频列表显示区域;所述推荐窗口显示模块1230被配置为:
响应针对所述音频列表显示区域的滑动操作,将预设的音频列表按照当前排列顺序在所述音频列表显示区域进行滚动展示;以及
在所述音频列表滚动展示结束时,将所述推荐窗口拼接在所述音频列表的末尾展示位置处。
在本公开的一些实施例中,基于前述方案,所述界面显示控制装置1200包括界面恢复模块,所述界面恢复模块被配置为:
响应接收到的第二恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动;以及
将所述推荐窗口悬浮显示在所述初始音频播放界面。
在本公开的一些实施例中,基于前述方案,所述推荐窗口包括收藏按钮控件,所述界面显示控制装置1200包括收藏模块,所述收藏模块被配置为:
响应对于所述收藏按钮控件的触发操作,将所述推荐窗口非悬浮显示在所述内容显示区域中。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面还包括主题显示区域和配图显示区域,所述界面显示控制装置1200包括其他区域控制模块,所述其他区域控制模块被配置为:
在同步移动过程中,将所述配图显示区域进行隐藏显示;以及
始终保持所述主题显示区域显示在所述初始音频播放界面上。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面包括音频进度条,所述界面显示控制装置1200包括第一音频进度条显示模块,所述第一音频进度条显示模块被配置为:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
在所述关键节点构成的节点区间显示所述当前播放音频关联的关键内容信息。
在本公开的一些实施例中,基于前述方案,所述初始音频播放界面包括音频进度条,所述界面显示控制装置1200包括第一音频进度条显示模块,所述第一音频进度条显示模块被配置为:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
响应针对所述音频进度条的调整操作,调整过程中在相应的所述关键节点处显示内容展示信息。
在本公开实施例的第三方面中,提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上述第一方面所述的界面显示控制方法。
示例性介质
在介绍了本公开示例性实施例的装置之后,接下来,对本公开示例性实施例的存储介质进行说明。
在一些实施例中,本公开的各个方面还可以实现为一种介质,其上存储有程序代码,当所述程序代码被设备的处理器执行时用于实现本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施例的界面显示控制方法中的步骤。
例如,所述设备的处理器执行所述程序代码时可以实现如图2中所述的步骤S210,提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口;步骤S220,响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动;步骤S230,在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,此时所述推荐窗口不再呈悬浮状态。
参考图13所示,描述了根据本公开的实施例的用于实现上述界面显示控制方法的程序产品1300,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本公开的程序产品不限于此。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质。
可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备。
示例性计算设备
在介绍了本公开示例性实施例的界面显示控制方法、界面显示控制装置以及存储介质之后,接下来,介绍根据本公开的示例性实施例的电子设备。
所属技术领域的技术人员能够理解,本公开的各个方面可以实现为系统、方法或程序产品。因此,本公开的各个方面可以具体实现为以下形式,即:完全的硬件实施例、完全的软件实施例(包括固件、微代码等),或硬件和软件方面结合的实施例,这里可以统称为“电路”、“模块”或“系统”。
在一些可能的实施例中,根据本公开的电子设备可以至少包括至少一个处理单元、以及至少一个存储单元。其中,所述存储单元存储有程序代码,当所述程序代码被所述处理单元执行时,使得所述处理单元执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施例的界面显示控制方法中的步骤。例如,所述处理单元可以执行如图2中所示的步骤S210,提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口;步骤S220,响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动;步骤S230,在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,此时所述推荐窗口不再呈悬浮状态。
下面参照图14来描述根据本公开的示例实施例的电子设备1400。图14所示的电子设备1400仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图14所示,电子设备1400以通用计算设备的形式表现。电子设备1400的组件可以包括但不限于:上述至少一个处理单元1401、上述至少一个存储单元1402、连接不同系统组件(包括存储单元1402和处理单元1401)的总线1403、显示单元1407。
总线1403表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器、外围总线、图形加速端口、处理器或者使用多种总线结构中的任意总线结构的局域总线。
存储单元1402可以包括易失性存储器形式的可读介质,例如随机存取存储器(RAM)1421和/或高速缓存存储器1422,还可以进一步包括只读存储器(ROM)1423。
存储单元1402还可以包括具有一组(至少一个)程序模块1424的程序/实用工具1425,这样的程序模块1424包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
电子设备1400也可以与一个或多个外部设备1404(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与电子设备1400交互的设备通信,和/或与使得电子设备1400能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1405进行。并且,电子设备1400还可以通过网络适配器1406与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器1406通过总线1403与电子设备1400的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备1400使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
应当注意,尽管在上文详细描述中提及了界面显示控制装置的若干单元/模块或子单元/模块,但是这种划分仅仅是示例性的并非强制性的。实际上,根据本公开的实施例,上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之,上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。
此外,尽管在附图中以特定顺序描述了本公开方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。
虽然已经参考若干具体实施例描述了本公开的精神和原理,但是应该理解,本公开并不限于所公开的具体实施例,对各方面的划分也不意味着这些方面中的特征不能组合以进行受益,这种划分仅是为了表述的方便。本公开旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。

Claims (22)

1.一种界面显示控制方法,其特征在于,包括:
提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口;
响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动;以及
在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,所述预设区域包括不遮挡内容显示区域中的内容展示的区域,此时所述推荐窗口不再呈悬浮状态。
2.根据权利要求1所述的方法,其特征在于,所述第一交互操作包括滑动操作;
所述响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动,包括:
响应接收到的滑动操作,获取所述滑动操作的滑动方向;
控制所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与所述滑动方向对应的置顶区域时停止同步移动。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述初始音频播放界面上显示有第一标签控件,在所述内容显示区域显示有第一内容控件;
在接收到所述第一交互操作前,响应针对所述第一标签控件或所述第一内容控件的第二交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与默认方向对应的置顶区域时停止同步移动;
响应接收到的第一恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
当响应针对所述第一标签控件的第二交互操作时,在同步移动结束时,在当前页面的所述内容显示区域显示所述第一内容控件关联的显示内容,所述第一标签控件和所述第一内容控件是相对应的。
5.根据权利要求1所述的方法,其特征在于,所述内容显示区域包括音频列表显示区域;所述将所述推荐窗口放置在所述内容显示区域的预设区域处,包括:
响应针对所述音频列表显示区域的滑动操作,将预设的音频列表按照当前排列顺序在所述音频列表显示区域进行滚动展示;以及
在所述音频列表滚动展示结束时,将所述推荐窗口拼接在所述音频列表的末尾展示位置处。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应接收到的第二恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动;以及
将所述推荐窗口悬浮显示在所述初始音频播放界面。
7.根据权利要求1所述的方法,其特征在于,所述推荐窗口包括收藏按钮控件,所述方法还包括:
响应对于所述收藏按钮控件的触发操作,将所述推荐窗口非悬浮显示在所述内容显示区域中。
8.根据权利要求1所述的方法,其特征在于,所述初始音频播放界面还包括主题显示区域和配图显示区域,所述方法还包括:
在同步移动过程中,将所述配图显示区域进行隐藏显示;以及
始终保持所述主题显示区域显示在所述初始音频播放界面上。
9.根据权利要求1所述的方法,其特征在于,所述初始音频播放界面包括音频进度条,所述方法还包括:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
在所述关键节点构成的节点区间显示所述当前播放音频关联的关键内容信息。
10.根据权利要求1所述的方法,其特征在于,所述初始音频播放界面包括音频进度条,所述方法还包括:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
响应针对所述音频进度条的调整操作,调整过程中在相应的所述关键节点处显示内容展示信息。
11.一种界面显示控制装置,其特征在于,包括:
初始音频播放界面提供模块,用于提供初始音频播放界面,所述初始音频播放界面包括播放操作区域、内容显示区域,所述初始音频播放界面中悬浮显示有推荐窗口;
区域同步移动模块,用于响应接收到的第一交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到所述初始音频播放界面的置顶区域时停止同步移动;以及
推荐窗口显示模块,用于在同步移动过程中或者同步移动结束时,将所述推荐窗口放置在所述内容显示区域的预设区域处,所述预设区域包括不遮挡内容显示区域中的内容展示的区域,此时所述推荐窗口不再呈悬浮状态。
12.根据权利要求11所述的装置,其特征在于,所述第一交互操作包括滑动操作;所述区域同步移动模块被配置为:
响应接收到的滑动操作,获取所述滑动操作的滑动方向;
控制所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与所述滑动方向对应的置顶区域时停止同步移动。
13.根据权利要求11所述的装置,其特征在于,所述界面显示控制装置包括内容跳转模块,所述内容跳转模块被配置为:
在所述初始音频播放界面上显示有第一标签控件,在所述内容显示区域显示有第一内容控件;
在接收到所述第一交互操作前,响应针对所述第一标签控件或所述第一内容控件的第二交互操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到与默认方向对应的置顶区域时停止同步移动;
响应接收到的第一恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动。
14.根据权利要求13所述的装置,其特征在于,所述内容跳转模块还被配置为:
当响应针对所述第一标签控件的第二交互操作时,在同步移动结束时,在当前页面的所述内容显示区域显示所述第一内容控件关联的显示内容,所述第一标签控件和所述第一内容控件是相对应的。
15.根据权利要求11所述的装置,其特征在于,所述内容显示区域包括音频列表显示区域;所述推荐窗口显示模块被配置为:
响应针对所述音频列表显示区域的滑动操作,将预设的音频列表按照当前排列顺序在所述音频列表显示区域进行滚动展示;以及
在所述音频列表滚动展示结束时,将所述推荐窗口拼接在所述音频列表的末尾展示位置处。
16.根据权利要求11所述的装置,其特征在于,所述界面显示控制装置包括界面恢复模块,所述界面恢复模块被配置为:
响应接收到的第二恢复操作,将所述播放操作区域和所述内容显示区域进行同步移动,并在所述播放操作区域移动到初始位置时停止同步移动;以及
将所述推荐窗口悬浮显示在所述初始音频播放界面。
17.根据权利要求11所述的装置,其特征在于,所述推荐窗口包括收藏按钮控件,所述界面显示控制装置包括收藏模块,所述收藏模块被配置为:
响应对于所述收藏按钮控件的触发操作,将所述推荐窗口非悬浮显示在所述内容显示区域中。
18.根据权利要求11所述的装置,其特征在于,所述初始音频播放界面还包括主题显示区域和配图显示区域,所述界面显示控制装置包括其他区域控制模块,所述其他区域控制模块被配置为:
在同步移动过程中,将所述配图显示区域进行隐藏显示;以及
始终保持所述主题显示区域显示在所述初始音频播放界面上。
19.根据权利要求11所述的装置,其特征在于,所述初始音频播放界面包括音频进度条,所述界面显示控制装置包括第一音频进度条显示模块,所述第一音频进度条显示模块被配置为:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
在所述关键节点构成的节点区间显示所述当前播放音频关联的关键内容信息。
20.根据权利要求11所述的装置,其特征在于,所述初始音频播放界面包括音频进度条,所述界面显示控制装置包括第一音频进度条显示模块,所述第一音频进度条显示模块被配置为:
在所述音频进度条上显示多个关键节点,所述关键节点是基于所述初始音频播放界面上播放的当前播放音频设置的;
响应针对所述音频进度条的调整操作,调整过程中在相应的所述关键节点处显示内容展示信息。
21.一种电子设备,其特征在于,包括:
处理器;以及
存储器,所述存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时实现如权利要求1至10中任意一项所述的界面显示控制方法。
22.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至10中任意一项所述的界面显示控制方法。
CN202110785390.8A 2021-07-12 2021-07-12 界面显示控制方法、装置、介质及电子设备 Active CN113392260B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110785390.8A CN113392260B (zh) 2021-07-12 2021-07-12 界面显示控制方法、装置、介质及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110785390.8A CN113392260B (zh) 2021-07-12 2021-07-12 界面显示控制方法、装置、介质及电子设备

Publications (2)

Publication Number Publication Date
CN113392260A CN113392260A (zh) 2021-09-14
CN113392260B true CN113392260B (zh) 2022-08-09

Family

ID=77625867

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110785390.8A Active CN113392260B (zh) 2021-07-12 2021-07-12 界面显示控制方法、装置、介质及电子设备

Country Status (1)

Country Link
CN (1) CN113392260B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116467037B (zh) * 2023-06-09 2023-09-22 成都融见软件科技有限公司 一种图形用户界面工作状态的恢复方法

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112416216A (zh) * 2020-01-21 2021-02-26 上海哔哩哔哩科技有限公司 作品的显示方法、电子设备和存储介质
CN111708901B (zh) * 2020-06-19 2023-10-13 腾讯科技(深圳)有限公司 多媒体资源推荐方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN113392260A (zh) 2021-09-14

Similar Documents

Publication Publication Date Title
US12014040B2 (en) Dynamic resizable media item player
US12008232B2 (en) User interfaces for viewing and accessing content on an electronic device
WO2022193597A1 (zh) 界面信息切换方法及装置
US8914739B2 (en) Data processing apparatus and method
US20110145745A1 (en) Method for providing gui and multimedia device using the same
US20130268826A1 (en) Synchronizing progress in audio and text versions of electronic books
US11714529B2 (en) Navigation of a list of content sharing platform media items on a client device via gesture controls and contextual synchronization
US9679330B2 (en) Interface for enhanced continuity of browsing experience
US20240171801A1 (en) Video processing method and apparatus, and electronic device and storage medium
US10296158B2 (en) Systems and methods involving features of creation/viewing/utilization of information modules such as mixed-media modules
CN113727170A (zh) 视频交互方法、装置、设备及介质
CN112987999B (zh) 视频编辑方法、装置、计算机可读存储介质及电子设备
Miller et al. MiniDiver: A Novel Mobile Media Playback Interface for Rich Video Content on an iPhone TM
CN113392260B (zh) 界面显示控制方法、装置、介质及电子设备
WO2024037480A1 (zh) 交互方法、装置、电子设备和存储介质
US11099714B2 (en) Systems and methods involving creation/display/utilization of information modules, such as mixed-media and multimedia modules
CN115605837A (zh) 带有动作卡链的游戏控制台应用程序
US10504555B2 (en) Systems and methods involving features of creation/viewing/utilization of information modules such as mixed-media modules
US12099699B2 (en) Methods, systems, and media for navigating a user interface with a toolbar
CN110209870B (zh) 音乐日志生成方法、装置、介质和计算设备
KR101827863B1 (ko) 멀티미디어 콘텐츠를 제공하는 방법 및 시스템
JP7572108B2 (ja) 議事録のインタラクション方法、装置、機器及び媒体
EP2795444A1 (en) Systems and methods involving features of creation/viewing/utilization of information modules
WO2024165040A1 (zh) 信息显示方法、装置、设备及存储介质
JP2023539815A (ja) 議事録のインタラクション方法、装置、機器及び媒体

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