CN110209320B - 页面中有声书籍播放进度的联动展现方法及电子设备 - Google Patents

页面中有声书籍播放进度的联动展现方法及电子设备 Download PDF

Info

Publication number
CN110209320B
CN110209320B CN201910493736.XA CN201910493736A CN110209320B CN 110209320 B CN110209320 B CN 110209320B CN 201910493736 A CN201910493736 A CN 201910493736A CN 110209320 B CN110209320 B CN 110209320B
Authority
CN
China
Prior art keywords
book
playing
view
progress
information
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
CN201910493736.XA
Other languages
English (en)
Other versions
CN110209320A (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.)
Ireader Technology Co Ltd
Original Assignee
Ireader 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 Ireader Technology Co Ltd filed Critical Ireader Technology Co Ltd
Priority to CN201910493736.XA priority Critical patent/CN110209320B/zh
Publication of CN110209320A publication Critical patent/CN110209320A/zh
Application granted granted Critical
Publication of CN110209320B publication Critical patent/CN110209320B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • 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
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09BEDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
    • G09B5/00Electrically-operated educational appliances
    • G09B5/06Electrically-operated educational appliances with both visual and audible presentation of the material to be studied
    • G09B5/065Combinations of audio and video presentations, e.g. videotapes, videodiscs, television systems

Abstract

本发明公开了一种页面中有声书籍播放进度的联动展现方法、电子设备及存储介质,其中,该方法包括:根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示。该方案实现了进度条元素和播放进度显示元素的联动展现,丰富了有声书籍播放进度的展现效果,使得用户能够方便地获知书籍的播放进度信息。

Description

页面中有声书籍播放进度的联动展现方法及电子设备
技术领域
本发明涉及信息处理技术领域,具体涉及一种页面中有声书籍播放进度的联动展现方法、电子设备及存储介质。
背景技术
随着电子书技术的不断发展,用户不仅可以用眼阅读电子书内容,还可以通过播放有声书籍获取电子书内容。其中,通过播放有声书籍获取电子书内容的方式还可称为听书方式,这种听书方式给用户带来了全新的阅读体验,用户可在提供听书服务的电子书客户端中方便地选择所要播放的有声书籍并进行播放。然而,现有技术中一般是在播放器页面中显示对应的播放进度,用户在离开该播放器页面后,将无法便捷地获知当前的播放进度,不便于用户查看播放进度。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面中有声书籍播放进度的联动展现方法、电子设备及存储介质。
根据本发明的一个方面,提供了一种页面中有声书籍播放进度的联动展现方法,页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,其中,第二视图中每个书籍信息显示区域还呈现相应书籍的播放进度显示元素;该方法包括:
根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;
根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示。
根据本发明的另一方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,处理器、存储器和通信接口通过通信总线完成相互间的通信;
存储器用于存放至少一可执行指令,可执行指令使处理器执行以下操作:
根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;
根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示;
其中,页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,第二视图中每个书籍信息显示区域还呈现相应书籍的播放进度显示元素。
根据本发明的又一方面,提供了一种存储介质,存储介质中存储有至少一可执行指令,可执行指令使处理器执行以下操作:
根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;
根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示;
其中,页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,第二视图中每个书籍信息显示区域还呈现相应书籍的播放进度显示元素。
根据本发明提供的技术方案,通过第一监听程序和第二监听程序监听当前正在播放的书籍的播放进度信息,并根据监听到的播放进度信息,对第一视图中的书籍播放控件的进度条元素以及第二视图中该书籍的播放进度显示元素进行更新显示,使得进度条元素所显示的进度和该书籍的播放进度显示元素所显示的进度均与该书籍的播放进度同步,不仅实现了进度条元素和播放进度显示元素的联动展现,丰富了有声书籍播放进度的展现效果,而且使得用户能够根据进度条元素所显示的进度和播放进度显示元素所显示的进度方便地获知当前正在播放的书籍的播放进度信息,便于用户查看;并且根据第二视图中该播放进度显示元素对应的书籍信息显示区域中所呈现的书籍信息,用户能够更为直观地获知当前正在播放的书籍。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明实施例一的一种页面中有声书籍播放进度的联动展现方法的流程示意图;
图2a示出了根据本发明实施例二的一种页面中有声书籍播放进度的联动展现方法的流程示意图;
图2b示出了页面的展现示意图一;
图2c示出了页面的展现示意图二;
图3示出了根据本发明实施例四的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明提供了一种页面中有声书籍播放进度的联动展现方法,该页面是指电子书客户端的页面,该页面包括:当前展现在屏幕可视区域内的第一视图和第二视图。其中,第一视图中包含有书籍播放控件,用户可通过对书籍播放控件进行操作来控制书籍的播放,例如启动播放、停止播放、调节播放音量、调节播放进度等;第二视图用于展现书籍信息列表,书籍信息列表包含有多本有声书籍,具体地,第二视图中展现有多个书籍信息显示区域,第二视图中每个书籍信息显示区域可呈现有相应书籍的书籍信息,书籍信息包括该书籍对应的封面图片、作者、书籍名称、推荐标签等信息,还呈现相应书籍的播放进度显示元素。在本发明中,第一视图中的书籍播放控件的进度条元素能够与第二视图中的播放进度显示元素联动展现。下面通过具体实施例对本发明提供的页面中有声书籍播放进度的联动展现方法进行说明。
实施例一
图1示出了根据本发明实施例一的一种页面中有声书籍播放进度的联动展现方法的流程示意图,如图1所示,该方法包括如下步骤:
步骤S101,根据书籍播放操作,播放指定书籍。
当用户想要播放某本有声书籍时,可通过触发该有声书籍对应的播放按钮等方式来执行书籍播放操作,为了便于描述,将书籍播放操作对应的有声书籍称为指定书籍。在步骤S101中,根据书籍播放操作,播放指定书籍,具体地,将书籍播放操作对应的书籍ID作为指定书籍ID,播放指定书籍ID对应的有声文件。
步骤S102,根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息。
为了使第一视图中的书籍播放控件的进度条元素能够随着当前正在播放的指定书籍的播放进度实时更新显示,在第一视图中预先设置了用于监听当前正在播放的指定书籍的播放进度信息的第一监听程序。本领域技术人员可根据实际需要对第一监听程序的具体内容进行设置,此处不做限定。在步骤S101开始播放指定书籍之后,启动第一视图中的第一监听程序,根据第一监听程序,实时监听电子书客户端当前正在播放的指定书籍的播放进度信息。
其中,播放进度信息可包括:当前正在播放的指定书籍对应的有声文件已播放到的时间点、整个有声文件的总时长以及该有声文件中已播放的有声文件与整个有声文件的大小比例。例如,播放进度信息可包括10分12秒、51分以及20%,其中,10分12秒表示当前正在播放的指定书籍对应的有声文件已播放到10分12秒,51分表示当前正在播放的指定书籍对应的整个有声文件的总时长为51分钟,20%表示当前正在播放的指定书籍对应的有声文件中已经播放的有声文件占整个有声文件的总大小的20%。
步骤S103,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示。
在第一监听程序监听到指定书籍的播放进度信息之后,根据第一监听程序监听到的指定书籍的播放进度信息对第一视图中书籍播放控件的进度条元素进行实时更新显示,使得进度条元素所显示的进度与指定书籍的播放进度同步。
步骤S104,根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息。
为了使第二视图中的指定书籍的播放进度显示元素能够随着当前正在播放的指定书籍的播放进度实时更新显示,在页面中预先设置了用于监听当前正在播放的指定书籍的播放进度信息的第二监听程序。本领域技术人员可根据实际需要对第二监听程序的具体内容进行设置,此处不做限定。在步骤S101开始播放指定书籍之后,启动页面中的第二监听程序,根据第二监听程序,实时监听电子书客户端当前正在播放的指定书籍的播放进度信息。其中,步骤S102和步骤S104同时执行。
步骤S105,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示。
其中,第二视图中书籍信息列表中包含有多本有声书籍,考虑到还可能存在这多本有声书籍均不为指定书籍的情况,那么还需判断第二视图中书籍信息列表是否包含该指定书籍。若第二视图中书籍信息列表不包含指定书籍,则不作处理,该方法结束;若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对第二视图中指定书籍的播放进度显示元素进行实时更新显示,使得该播放进度显示元素所显示的进度与指定书籍的播放进度同步。在本发明中,第一视图中的书籍播放控件的进度条元素所显示的进度和第二视图中指定书籍的播放进度显示元素所显示的进度均与当前正在播放的指定书籍的播放进度同步,从而实现了进度条元素和播放进度显示元素的联动展现,丰富有声书籍播放进度的展现效果。
利用本实施例提供的页面中有声书籍播放进度的联动展现方法,通过第一监听程序和第二监听程序监听当前正在播放的书籍的播放进度信息,并根据监听到的播放进度信息,对第一视图中的书籍播放控件的进度条元素以及第二视图中该书籍的播放进度显示元素进行更新显示,使得进度条元素所显示的进度和该书籍的播放进度显示元素所显示的进度均与该书籍的播放进度同步,不仅实现了进度条元素和播放进度显示元素的联动展现,丰富了有声书籍播放进度的展现效果,而且使得用户能够根据进度条元素所显示的进度和播放进度显示元素所显示的进度方便地获知当前正在播放的书籍的播放进度信息,便于用户查看;并且根据第二视图中该播放进度显示元素对应的书籍信息显示区域中所呈现的书籍信息,用户能够更为直观地获知当前正在播放的书籍。
实施例二
图2a示出了根据本发明实施例二的一种页面中有声书籍播放进度的联动展现方法的流程示意图,如图2a所示,该方法包括如下步骤:
步骤S201,根据书籍播放操作,播放指定书籍。
步骤S202,根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息。
在第一视图中预先设置了用于监听当前正在播放的指定书籍的播放进度信息的第一监听程序。在步骤S201开始播放指定书籍之后,根据第一视图中启动的第一监听程序,实时监听当前正在播放的指定书籍的播放进度信息。
步骤S203,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示。
其中,播放进度信息可包括:当前正在播放的指定书籍对应的有声文件已播放到的时间点、整个有声文件的总时长以及该有声文件中已播放的有声文件与整个有声文件的大小比例。本领域技术人员可根据实际需要对书籍播放控件的进度条元素的样式进行设置,例如可将书籍播放控件的进度条元素设置为条形样式。
步骤S204,根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息。
其中,步骤S202和步骤S204同时执行。
步骤S205,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示。
本领域技术人员可根据实际需要对第二视图中的播放进度显示元素的样式进行设置,例如可将播放进度显示元素设置为圆形样式。
图2b示出了页面的展现示意图一,如图2b所示,当前状态下,页面在屏幕可视区域内展现有第一视图10、第二视图20以及其他视图30。其中,第一视图10展示在屏幕可视区域的底部位置处,第一视图10包含有书籍播放控件,书籍播放控件的进度条元素11为条形样式。在第二视图20中展现有6个书籍信息显示区域21(虚线围成的区域),每个书籍信息显示区域21中呈现有相应书籍的封面图片22以及播放进度显示元素23,播放进度显示元素23为圆形样式。在其他视图30中展现有标签栏,标签栏中显示有标签内容分别为“沙海”、“世界上最美的10个地方”、“秦时明月”、“深度好文”、“励志”等的推荐标签。
假设当前正在播放的指定书籍为《良妃》,根据第一监听程序和第二监听程序监听到的指定书籍《良妃》的播放进度信息可知,当前正在播放的指定书籍《良妃》对应的有声文件中已经播放的有声文件占整个有声文件的总大小的25%。根据第一监听程序监听到的指定书籍《良妃》的播放进度信息对书籍播放控件的进度条元素11进行更新显示;由于第二视图中书籍信息列表包含指定书籍《良妃》,那么根据第二监听程序监听到的指定书籍《良妃》的播放进度信息对指定书籍《良妃》的播放进度显示元素23进行更新显示。进度条元素11和指定书籍《良妃》的播放进度显示元素23可如图2b所示。
步骤S206,检测用户在页面内执行的手势滑动操作。
当用户想要从页面中获取更多的内容时,可在页面的任意位置处执行手势滑动操作,那么在步骤S206中检测用户在页面内执行的手势滑动操作,其中,手势滑动操作可以为向上滑动操作或向下滑动操作。
步骤S207,响应于手势滑动操作,沿与手势滑动操作的滑动方向移动展示第二视图,第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处。
具体地,依据手势滑动操作的滑动距离,确定页面移动距离,根据页面移动距离沿与手势滑动操作的滑动方向移动展示第二视图。为了便于用户使用书籍播放控件,可使第一视图不随手势滑动操作而移动,使第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处。本领域技术人员可根据实际需要对预设位置进行设置,此处不做限定。例如,预设位置可为屏幕可视区域的底部位置。
假设页面的展现示意图如图2b所示,当用户在页面的任意位置处执行的手势滑动操作为向上滑动操作时,响应于该手势滑动操作,页面中的第二视图20和其他视图30对应向上移动展示,而第一视图10不随手势滑动操作而移动,以上层图层的形式固定展示在屏幕可视区域的底部位置处,移动后的页面的展现示意图如图2c所示。
可选地,为了便于用户在滑动手势过程中查看页面中所展现的内容,可在第二视图的移动过程中,对页面上层的第一视图进行隐藏处理,在第二视图停止移动之后,再将第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处。
在一种实现方式中,上述页面为瀑布流页面,用于展示第二视图中的书籍信息列表,第一视图位于瀑布流页面上层,并置于屏幕显示区域的下方显示。当向上滑动瀑布流页面时,刷新显示页面中的书籍列表信息,同时随着瀑布流页面的向上移动,第一视图逐渐向下移动直至消失于屏幕显示区域。之后,当向下滑动瀑布流页面时,在刷新显示书籍列表信息的同时,第一视图逐渐向上移动直至完全显示于屏幕显示区域的下方,从而实现第一视图可以随瀑布流页面联动收放的显示效果。
进一步,当用户对瀑布流页面进行快速往复的上下滑动操作时,第一视图的移动速度小于滑动操作速度,在滑动操作完成后第一视图还在继续执行未完成的隐藏/展示的移动过程,造成联动效果拖尾的问题。在一种实现方式中,当瀑布流页面上产生上下往复的滑动操作时,若首次滑动操作为向下滑动操作,则第一视图不做响应;若首次滑动操作为向上滑动操作,则第一视图按照预设速度向下移出屏幕显示区域的下边缘直至完全消失,并在第一视图向下移动的过程中,取消对移动过程中产生的滑动操作的响应,直到完成向下移动动作后,再对完成移动动作时刻上产生的当前滑动操作进行响应。若该当前滑动操作为向上滑动操作,则第一视图不做响应;若该当前滑动操作为向下滑动操作,则第一视图按照预设速度从屏幕显示区域的下边缘处向上移动直至完全显示于屏幕显示区域下方。
步骤S208,随着第二视图的移动,当第二视图离开屏幕可视区域时,将第二视图存储至视图回收池中。
随着第二视图的移动,当第二视图离开屏幕可视区域时,说明该第二视图成为当前不处于使用状态的视图,那么可将该第二视图存储至视图回收池中。通过对第二视图进行回收处理,能够减少内存占用,还有助于减少视图创建,提高视图的复用率。
需要说明的是,考虑到当第二视图离开屏幕可视区域时,会对第二视图进行回收处理,在本发明中选择将第二监听程序设置于页面中,以确保第二监听程序不会随着第二视图的回收而消失,从而使得第二监听程序能够一直存在并用于监听当前正在播放的指定书籍的播放进度信息。
步骤S209,当新的书籍信息列表需要进入屏幕可视区域时,从视图回收池中取出新的视图作为用于展现新的书籍信息列表的第二视图。
页面中的内容会随着用户手势滑动一起移动,当新的书籍信息列表需要进入屏幕可视区域时,从视图回收池中取出新的视图作为用于展现新的书籍信息列表的第二视图。
步骤S210,检测用户针对书籍播放控件执行的进度调整操作。
第一视图中的书籍播放控件可提供有进度调节功能,用户可通过点击进度条元素、拖动进度条元素或者点击快进快退元素等方式来调节当前播放的指定书籍的播放进度,那么在步骤S210中检测用户针对书籍播放控件执行的进度调整操作。
步骤S211,根据进度调整操作对应的进度调整信息,对当前正在播放的指定书籍的播放进度信息进行调整。
其中,进度调整信息可包括:指定书籍对应的有声文件调整后的播放时间点等信息。根据进度调整信息,对当前正在播放的指定书籍的播放进度信息进行调整。第一监听程序和第二监听程序会实时监听到当前正在播放的指定书籍的播放进度信息发生了调整,根据第一监听程序监听到的指定书籍调整后的播放进度信息对书籍播放控件的进度条元素进行更新显示,在第二视图中书籍信息列表包含指定书籍的情况下,还会根据第二监听程序监听到的指定书籍调整后的播放进度信息对指定书籍的播放进度显示元素进行更新显示,从而实现了进度条元素和播放进度显示元素的联动展现。
在本实施例中,虽然图2a所示的步骤S210和步骤S211是在步骤S209之后执行的,但是本领域技术人员可根据实际需要对步骤S210和步骤S211的执行顺序进行设置,此处不做具体限定。
可选地,第一视图中的书籍播放控件和第二视图中的播放进度显示元素还可提供有播放控制功能,用户可通过触发第一视图中的书籍播放控件或者第二视图中指定书籍的播放进度显示元素的方式来控制停止播放还是继续播放,那么该方法还可包括:检测用户针对书籍播放控件或第二视图中指定书籍的播放进度显示元素执行的播放控制操作,根据播放控制操作,停止播放或继续播放指定书籍的步骤。
当通过第一视图中的书籍播放控件改变书籍播放状态时,将改变后的书籍播放状态同步给书籍的播放进度信息,以使第二视图通过监听播放进度信息的方式获得改变后的书籍播放状态,并根据该书籍播放状态同步更新第二视图中的播放进度显示元素。
当通过第二视图中的播放进度显示元素改变书籍播放状态时,将改变后的书籍播放状态同步给书籍的播放进度信息,以使第一视图通过监听播放进度信息的方式获得改变后的书籍播放状态,并根据该书籍播放状态同步更新第一视图中书籍播放控件的显示状态。
进一步,当在书籍信息列表中切换播放的书籍时,同步更改第一监听程序和第二监听程序所监听的书籍进度信息,并通过对切换后书籍的书籍进度信息的监听,同步更新第一视图中播放控件的进度条元素以及第二视图中切换后书籍的播放进度显示元素。
利用本实施例提供的页面中有声书籍播放进度的联动展现方法,第一视图中的书籍播放控件的进度条元素所显示的进度和第二视图中当前正在播放的书籍对应的播放进度显示元素所显示的进度能够实时地与当前正在播放的书籍的播放进度保持同步,实现了进度条元素和播放进度显示元素的联动展现,而且进度条元素和播放进度显示元素还会随着进度调整操作实时更新显示,根据第二视图中该书籍的播放进度显示元素以及对应的书籍信息显示区域中所呈现的书籍信息,用户能够更为直观地获知当前正在播放的书籍以及其播放进度信息;另外,通过设置于页面中的第二监听程序来监听当前正在播放的指定书籍的播放进度信息,使得第二监听程序的监听工作不会因回收第二视图而受到影响,保障了本方案的正常运行。
实施例三
本发明实施例三提供了一种非易失性存储介质,存储介质存储有至少一可执行指令,该可执行指令可执行上述任意方法实施例中的页面中有声书籍播放进度的联动展现方法。
可执行指令具体可以用于使得处理器执行以下操作:根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示;其中,页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,第二视图中每个书籍信息显示区域还呈现相应书籍的播放进度显示元素。
在一种可选的实施方式中,可执行指令进一步使处理器执行以下操作:检测用户在页面内执行的手势滑动操作;响应于手势滑动操作,沿与手势滑动操作的滑动方向移动展示第二视图,第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处。
在一种可选的实施方式中,可执行指令进一步使处理器执行以下操作:随着第二视图的移动,当第二视图离开屏幕可视区域时,将第二视图存储至视图回收池中;当新的书籍信息列表需要进入屏幕可视区域时,从视图回收池中取出新的视图作为用于展现新的书籍信息列表的第二视图。
在一种可选的实施方式中,可执行指令进一步使处理器执行以下操作:在第二视图的移动过程中,对第一视图进行隐藏处理。
在一种可选的实施方式中,可执行指令进一步使处理器执行以下操作:检测用户针对书籍播放控件执行的进度调整操作;根据进度调整操作对应的进度调整信息,对当前正在播放的指定书籍的播放进度信息进行调整。
在一种可选的实施方式中,可执行指令进一步使处理器执行以下操作:检测用户针对书籍播放控件或第二视图中指定书籍的播放进度显示元素执行的播放控制操作;根据播放控制操作,停止播放或继续播放指定书籍。
实施例四
图3示出了根据本发明实施例四的一种电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。
如图3所示,该电子设备可以包括:处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中:
处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。
通信接口304,用于与其它设备比如客户端或其它服务器等的网元通信。
处理器302,用于执行程序310,具体可以执行上述页面中有声书籍播放进度的联动展现方法实施例中的相关步骤。
具体地,程序310可以包括程序代码,该程序代码包括计算机操作指令。
处理器302可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器306,用于存放程序310。存储器306可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序310具体可以用于使得处理器302执行以下操作:根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示;其中,页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,第二视图中每个书籍信息显示区域还呈现相应书籍的播放进度显示元素。
在一种可选的实施方式中,程序310进一步使得处理器302执行以下操作:检测用户在页面内执行的手势滑动操作;响应于手势滑动操作,沿与手势滑动操作的滑动方向移动展示第二视图,第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处。
在一种可选的实施方式中,程序310进一步使得处理器302执行以下操作:随着第二视图的移动,当第二视图离开屏幕可视区域时,将第二视图存储至视图回收池中;当新的书籍信息列表需要进入屏幕可视区域时,从视图回收池中取出新的视图作为用于展现新的书籍信息列表的第二视图。
在一种可选的实施方式中,程序310进一步使得处理器302执行以下操作:在第二视图的移动过程中,对第一视图进行隐藏处理。
在一种可选的实施方式中,程序310进一步使得处理器302执行以下操作:检测用户针对书籍播放控件执行的进度调整操作;根据进度调整操作对应的进度调整信息,对当前正在播放的指定书籍的播放进度信息进行调整。
在一种可选的实施方式中,程序310进一步使得处理器302执行以下操作:检测用户针对书籍播放控件或第二视图中指定书籍的播放进度显示元素执行的播放控制操作;根据播放控制操作,停止播放或继续播放指定书籍。
程序310中各步骤的具体实现可以参见上述页面中有声书籍播放进度的联动展现实施例中的相应步骤对应的描述,在此不赘述。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的设备的具体工作过程,可以参考前述方法实施例中的对应过程描述,在此不再赘述。
通过本实施例提供的方案,实现了进度条元素和播放进度显示元素的联动展现,丰富了有声书籍播放进度的展现效果,使得用户能够根据进度条元素所显示的进度和播放进度显示元素所显示的进度方便地获知当前正在播放的书籍的播放进度信息。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (12)

1.一种页面中有声书籍播放进度的联动展现方法,所述页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,所述书籍信息列表包含有多本有声书籍,其中,第二视图中每个书籍信息显示区域还呈现相应书籍的书籍信息以及播放进度显示元素;所述方法包括:
根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;
根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若所述第二视图中书籍信息列表包含所述指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示;
其中,所述方法还包括:响应于用户在所述页面内执行的手势滑动操作,沿与所述手势滑动操作的滑动方向移动展示第二视图,所述第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处;随着所述第二视图的移动,当所述第二视图离开屏幕可视区域时,将所述第二视图存储至视图回收池中;当新的书籍信息列表需要进入屏幕可视区域时,从所述视图回收池中取出新的视图作为用于展现所述新的书籍信息列表的第二视图。
2.根据权利要求1所述的方法,所述方法还包括:
在所述第二视图的移动过程中,对所述第一视图进行隐藏处理。
3.根据权利要求1-2任一项所述的方法,所述方法还包括:
检测用户针对所述书籍播放控件执行的进度调整操作;
根据所述进度调整操作对应的进度调整信息,对当前正在播放的指定书籍的播放进度信息进行调整。
4.根据权利要求1-2任一项所述的方法,所述方法还包括:
检测用户针对所述书籍播放控件或所述第二视图中指定书籍的播放进度显示元素执行的播放控制操作;
根据所述播放控制操作,停止播放或继续播放指定书籍。
5.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;
根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含所述指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示;
其中,页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,所述书籍信息列表包含有多本有声书籍,第二视图中每个书籍信息显示区域还呈现相应书籍的书籍信息以及播放进度显示元素;
所述可执行指令进一步使所述处理器执行以下操作:响应于用户在所述页面内执行的手势滑动操作,沿与所述手势滑动操作的滑动方向移动展示第二视图,所述第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处;随着所述第二视图的移动,当所述第二视图离开屏幕可视区域时,将所述第二视图存储至视图回收池中;当新的书籍信息列表需要进入屏幕可视区域时,从所述视图回收池中取出新的视图作为用于展现所述新的书籍信息列表的第二视图。
6.根据权利要求5所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
在所述第二视图的移动过程中,对所述第一视图进行隐藏处理。
7.根据权利要求5-6任一项所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
检测用户针对所述书籍播放控件执行的进度调整操作;
根据所述进度调整操作对应的进度调整信息,对当前正在播放的指定书籍的播放进度信息进行调整。
8.根据权利要求5-6任一项所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
检测用户针对所述书籍播放控件或所述第二视图中指定书籍的播放进度显示元素执行的播放控制操作;
根据所述播放控制操作,停止播放或继续播放指定书籍。
9.一种存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
根据第一视图中启动的第一监听程序,监听当前正在播放的指定书籍的播放进度信息,根据第一监听程序监听到的指定书籍的播放进度信息对书籍播放控件的进度条元素进行更新显示;
根据页面中启动的第二监听程序,监听当前正在播放的指定书籍的播放进度信息,若第二视图中书籍信息列表包含所述指定书籍,则根据第二监听程序监听到的指定书籍的播放进度信息对指定书籍的播放进度显示元素进行更新显示;
其中,页面包括:包含书籍播放控件的第一视图以及用于展现书籍信息列表的第二视图,所述书籍信息列表包含有多本有声书籍,第二视图中每个书籍信息显示区域还呈现相应书籍的书籍信息以及播放进度显示元素;
所述可执行指令进一步使所述处理器执行以下操作:响应于用户在所述页面内执行的手势滑动操作,沿与所述手势滑动操作的滑动方向移动展示第二视图,所述第一视图以上层图层的形式固定展示在屏幕可视区域的预设位置处;随着所述第二视图的移动,当所述第二视图离开屏幕可视区域时,将所述第二视图存储至视图回收池中;当新的书籍信息列表需要进入屏幕可视区域时,从所述视图回收池中取出新的视图作为用于展现所述新的书籍信息列表的第二视图。
10.根据权利要求9所述的存储介质,所述可执行指令进一步使所述处理器执行以下操作:
在所述第二视图的移动过程中,对所述第一视图进行隐藏处理。
11.根据权利要求9-10任一项所述的存储介质,所述可执行指令进一步使所述处理器执行以下操作:
检测用户针对所述书籍播放控件执行的进度调整操作;
根据所述进度调整操作对应的进度调整信息,对当前正在播放的指定书籍的播放进度信息进行调整。
12.根据权利要求9-10任一项所述的存储介质,所述可执行指令进一步使所述处理器执行以下操作:
检测用户针对所述书籍播放控件或所述第二视图中指定书籍的播放进度显示元素执行的播放控制操作;
根据所述播放控制操作,停止播放或继续播放指定书籍。
CN201910493736.XA 2019-06-06 2019-06-06 页面中有声书籍播放进度的联动展现方法及电子设备 Active CN110209320B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910493736.XA CN110209320B (zh) 2019-06-06 2019-06-06 页面中有声书籍播放进度的联动展现方法及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910493736.XA CN110209320B (zh) 2019-06-06 2019-06-06 页面中有声书籍播放进度的联动展现方法及电子设备

Publications (2)

Publication Number Publication Date
CN110209320A CN110209320A (zh) 2019-09-06
CN110209320B true CN110209320B (zh) 2021-04-02

Family

ID=67791521

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910493736.XA Active CN110209320B (zh) 2019-06-06 2019-06-06 页面中有声书籍播放进度的联动展现方法及电子设备

Country Status (1)

Country Link
CN (1) CN110209320B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110909201B (zh) * 2019-11-27 2020-09-29 掌阅科技股份有限公司 基于播放页面的内容分发方法、计算设备及计算机存储介质
CN114385052B (zh) * 2020-10-19 2023-10-20 聚好看科技股份有限公司 一种Tab栏的动态展示方法及三维显示设备
CN113391866A (zh) * 2021-06-15 2021-09-14 亿览在线网络技术(北京)有限公司 一种界面展示方法
CN113946263A (zh) * 2021-10-18 2022-01-18 网易(杭州)网络有限公司 播放控制方法、装置以及电子终端

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102347045A (zh) * 2011-05-20 2012-02-08 合一网络技术(北京)有限公司 一种用于嵌入式媒体播放器的同步显示、控制的系统和设备
CN102955653A (zh) * 2011-08-26 2013-03-06 苹果公司 用于导览和预览内容项目的装置、方法和图形用户接口
CN103716706A (zh) * 2013-12-06 2014-04-09 乐视致新电子科技(天津)有限公司 一种多媒体文件播放进度与显示进度同步的方法及装置
CN103986962A (zh) * 2014-06-03 2014-08-13 合一网络技术(北京)有限公司 显示悬浮式播放窗口的方法和系统
CN106341552A (zh) * 2016-10-24 2017-01-18 北京网梯科技发展有限公司 移动终端播放教学视频的方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7890874B2 (en) * 2007-02-23 2011-02-15 Dkcm, Inc. Systems and methods for interactively displaying user images
CN103279352A (zh) * 2013-05-31 2013-09-04 北京小米科技有限责任公司 多级进度条、进度控制的方法和装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102347045A (zh) * 2011-05-20 2012-02-08 合一网络技术(北京)有限公司 一种用于嵌入式媒体播放器的同步显示、控制的系统和设备
CN102955653A (zh) * 2011-08-26 2013-03-06 苹果公司 用于导览和预览内容项目的装置、方法和图形用户接口
CN103716706A (zh) * 2013-12-06 2014-04-09 乐视致新电子科技(天津)有限公司 一种多媒体文件播放进度与显示进度同步的方法及装置
CN103986962A (zh) * 2014-06-03 2014-08-13 合一网络技术(北京)有限公司 显示悬浮式播放窗口的方法和系统
CN106341552A (zh) * 2016-10-24 2017-01-18 北京网梯科技发展有限公司 移动终端播放教学视频的方法及装置

Also Published As

Publication number Publication date
CN110209320A (zh) 2019-09-06

Similar Documents

Publication Publication Date Title
CN110209320B (zh) 页面中有声书籍播放进度的联动展现方法及电子设备
KR102373116B1 (ko) 증강 및 가상 현실 환경들과 상호작용하기 위한 시스템들, 방법들, 및 그래픽 사용자 인터페이스들
US7111229B2 (en) System and method for providing a webpage
CN105144058B (zh) 延迟放置提示
WO2019046597A1 (en) GRAPHIC USER SYSTEMS, METHODS AND INTERFACES FOR INTERACTING WITH ENHANCED AND VIRTUAL REALITY ENVIRONMENTS
US20090044123A1 (en) Action builds and smart builds for use in a presentation application
TW201243705A (en) Compact control menu for touch-enabled command execution
WO2022012436A1 (zh) 信息交互方法、装置、电子设备和可读存储介质
CN109582430B (zh) 电子书中评论信息的展现方法、计算设备及存储介质
CN112835499A (zh) 一种轮播图展示方法、装置、设备及介质
CN108491140B (zh) 互动内容的展示方法及装置
CN103761253A (zh) 漫画显示系统和漫画显示方法
CN114443945A (zh) 一种虚拟用户界面中应用图标的展示方法及三维显示设备
CN110278297A (zh) 一种终端屏幕折叠的方法、装置、计算机设备及存储介质
CN113315883A (zh) 调整视频组合素材的方法和装置
CN106681590B (zh) 一种行车记录装置屏幕内容的展示方法和装置
CN113158621B (zh) 书架页面的显示方法、计算设备及计算机存储介质
CN109634510B (zh) 基于电子书的章节信息显示方法及电子设备
JP2007272397A (ja) 設計支援装置、設計支援方法、及びプログラム
US9727214B2 (en) Electronic apparatus and object processing method thereof
KR102648288B1 (ko) 편집 환경에서 다수의 미디어 요소들을 갖는 미디어 콘텐츠를 제시하기 위한 방법들 및 시스템들
EP4276592A1 (en) Devices, methods, and graphical user interfaces for providing notifications and application information
JP2009025622A (ja) グラフィック表示装置、グラフィック表示方法およびプログラム
CN117234373A (zh) 一种处理方法及电子设备
DE202014004477U1 (de) Vorrichtung und grafische Benutzerschnittstelle zum Verwalten von Ordnern mit mehreren Seiten

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