CN108762866B - 一种短音频滚动展现的方法 - Google Patents
一种短音频滚动展现的方法 Download PDFInfo
- Publication number
- CN108762866B CN108762866B CN201810439849.7A CN201810439849A CN108762866B CN 108762866 B CN108762866 B CN 108762866B CN 201810439849 A CN201810439849 A CN 201810439849A CN 108762866 B CN108762866 B CN 108762866B
- Authority
- CN
- China
- Prior art keywords
- cell
- dragging
- view
- short audio
- display unit
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种短音频滚动展现的方法,包括如下步骤:设置一导航栏NavBar,当用户即将停止拖拽ScrollView事件被触发,则调用scrollViewWillEndDragging代理方法,判断拖拽的具体情况:当快速上滑拖拽,或滚动到顶部拖拽,则调用显示导航栏方法,当下滑拖拽,则调用隐藏导航栏方法;获取当前滚动视图中点处的内容显示单元cell,在非快速上滑拖拽,且cell为非播放状态下,调用自动播放方法cell startPlay。本发明,可滚动呈现短音频视图,便于用户快速浏览海量的短音频,能根据当前视图的情况,在视图非快速上滑拖拽的情况下,自动播放内容显示单元CELL中的短音频,减少用户操作的繁琐,提升用户体验,算法简洁,易于维护。
Description
技术领域
本发明涉及音频展示及播放技术领域,具体说是一种短音频滚动展现的方法。
背景技术
在快节奏的现今,随着便携设备的性能不断提高,种类不断丰富,人们已经习惯于随时随地使用便携设备放松、调节生活节奏加快带来的压迫感,人们欣赏音频、视频等的时间已经由整段的闲暇时间,越来越多的向碎片化时间倾斜。
在这种碎片化时代之下,用户通过网络获取音频、视频等时,已经更多的选择聆听、观赏时长15秒~5分钟的精选音视频内容,即短视频、短音频,这种短视频、短音频的传播通常还可配合图片、文字、表情包等,以增强体验感及凸显个性化,提供更丰富的碎片化内容。
现在的中青年群体,通过智能手机听音频节目逐渐成为时尚。以短音频为例,据不完全统计,某线上广播节目,在移动互联网同步的推出了时长3~5分钟的精选音频内容,配合图片、文字、表情包等进行全网传播,这些碎片化内容,在移动互联网上点击率就至少超过两千万,同时在半个月的播出时间内,也让广播节目收听率有所上升。这一案例体现了短音频的价值。
随着大量的短音频的推出、发布,在客户端如何更好地管理短音频,更合理的呈现短音频及配图、配文等内容,更快捷的进行短音频的播放,是各App优化的方向之一。
发明内容
针对现有技术中存在的缺陷,本发明的目的在于提供一种短音频滚动展现的方法,可滚动呈现短音频视图,便于用户快速浏览海量的短音频,能根据当前视图的情况,在视图非快速上滑拖拽的情况下,自动播放内容显示单元CELL中的短音频,减少用户操作的繁琐,提升用户体验,算法简洁,易于维护。
为达到以上目的,本发明采取的技术方案是:
一种短音频滚动展现的方法,其特征在于,包括如下步骤:
设置一导航栏NavBar,基于滚动视图ScrollView,
当用户即将停止拖拽ScrollView事件被触发,则调用scrollViewWillEndDragging代理方法,
通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况:
情况1:快速上滑拖拽,拖拽速度量velocity.y < -1,则调用显示导航栏方法showNavBar,
情况2:滚动到顶部拖拽,指针量targetOffset.y<100,则调用显示导航栏方法showNavBar,
情况3:下滑拖拽,偏移量contentOffset.y > 100,则调用隐藏导航栏方法hideNavBar,
调用scrollviewdidscroll方法,获取当前滚动视图中点处的内容显示单元cell,
在当前状态不是快速上滑拖拽,且当前滚动视图中点处的内容显示单元cell为非播放状态下,
调用自动播放方法cell startPlay。
在上述技术方案的基础上,当前滚动视图中点处的内容显示单元cell为非播放状态通过cell.isShowing属性获取,当该属性为yes时,为播放状态,否则为非播放状态。
在上述技术方案的基础上,当用户快速上滑拖拽视图时,如果存在处于播放状态的内容显示单元cell,则调用didEndDisplayingCell方法,进行以下操作:
再次确认存在处于播放状态的内容显示单元cell,
调用停止播放方法stopPlay,
调用播放界面移除方法removePlayBox。
在上述技术方案的基础上,通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况时,还包括以下具体情况的处理:
情况4:快速下滑滚动,拖拽速度量velocity.y > kQuickVelocity,
所述kQuickVelocity为一预设的拖拽速度阈值,
设定targetContentOffset为一默认值,使得向下滚动不超过一屏幕距离。
在上述技术方案的基础上,通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况时,还包括以下具体情况的处理:
情况5:目标cell位置微调,获取滚动结束后视图中点处的内容显示单元cell的IndexPath,
通过Indexpath获取cell 位置信息disRect,
判断disRect 是否压上边界或者下边界,
调整targetContentOffset使得播放Cell完全展现在当前视图。
本发明所述的短音频滚动展现的方法,可滚动呈现短音频视图,便于用户快速浏览海量的短音频,能根据当前视图的情况,在视图非快速上滑拖拽的情况下,自动播放内容显示单元CELL中的短音频,减少用户操作的繁琐,提升用户体验,算法简洁,易于维护。
附图说明
本发明有如下附图:
图1本发明的流程图。
具体实施方式
以下结合附图对本发明作进一步详细说明。
如图1所示,本发明所述的短音频滚动展现的方法,包括如下步骤:
设置一导航栏NavBar,基于滚动视图ScrollView,
当用户即将停止拖拽ScrollView事件被触发,则调用scrollViewWillEndDragging代理方法,
通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况:
情况1:快速上滑拖拽,拖拽速度量velocity.y < -1,则调用显示导航栏方法showNavBar,
情况2:滚动到顶部拖拽,指针量targetOffset.y<100,则调用显示导航栏方法showNavBar,
情况3:下滑拖拽,偏移量contentOffset.y > 100,则调用隐藏导航栏方法hideNavBar,
调用scrollviewdidscroll方法,获取当前滚动视图中点处的内容显示单元cell,
在当前状态不是快速上滑拖拽,且当前滚动视图中点处的内容显示单元cell为非播放状态下,
调用自动播放方法cell startPlay。
在上述技术方案的基础上,当前滚动视图中点处的内容显示单元cell为非播放状态通过cell.isShowing属性获取,当该属性为yes时,为播放状态,否则为非播放状态。
在上述技术方案的基础上,当用户快速上滑拖拽视图时,如果存在处于播放状态的内容显示单元cell,则调用didEndDisplayingCell方法,进行以下操作:
再次确认存在处于播放状态的内容显示单元cell,
调用停止播放方法stopPlay,
调用播放界面移除方法removePlayBox。
在上述技术方案的基础上,通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况时,还包括以下具体情况的处理:
情况4:快速下滑滚动,拖拽速度量velocity.y > kQuickVelocity,
所述kQuickVelocity为一预设的拖拽速度阈值,
设定targetContentOffset为一默认值,使得向下滚动不超过一屏幕距离。
在上述技术方案的基础上,通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况时,还包括以下具体情况的处理:
情况5:目标cell位置微调,获取滚动结束后视图中点处的内容显示单元cell的IndexPath,
通过Indexpath获取cell 位置信息disRect,
判断disRect 是否压上边界或者下边界,
调整targetContentOffset使得播放Cell完全展现在当前视图。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (4)
1.一种短音频滚动展现的方法,其特征在于,包括如下步骤:
设置一导航栏NavBar,基于滚动视图ScrollView,
当用户即将停止拖拽ScrollView事件被触发,则调用scrollViewWillEndDragging代理方法,
通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况:
情况1:快速上滑拖拽,拖拽速度量velocity.y<-1,则调用显示导航栏方法showNavBar,
情况2:滚动到顶部拖拽,指针量targetOffset.y<100,则调用显示导航栏方法showNavBar,
情况3:下滑拖拽,偏移量contentOffset.y>100,则调用隐藏导航栏方法hideNavBar,
调用scrollviewdidscroll方法,获取当前滚动视图中点处的内容显示单元cell,
在当前状态不是快速上滑拖拽,且当前滚动视图中点处的内容显示单元cell为非播放状态下,
调用自动播放方法cell startPlay;
通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况时,还包括以下具体情况的处理:
情况4:快速下滑滚动,拖拽速度量velocity.y>kQuickVelocity,
所述kQuickVelocity为一预设的拖拽速度阈值,
设定targetContentOffset为一默认值,使得向下滚动不超过一屏幕距离。
2.如权利要求1所述的短音频滚动展现的方法,其特征在于:当前滚动视图中点处的内容显示单元cell为非播放状态通过cell.isShowing属性获取,当该属性为yes时,为播放状态,否则为非播放状态。
3.如权利要求1所述的短音频滚动展现的方法,其特征在于:当用户快速上滑拖拽视图时,如果存在处于播放状态的内容显示单元cell,则调用didEndDisplayingCell方法,进行以下操作:
再次确认存在处于播放状态的内容显示单元cell,
调用停止播放方法stopPlay,
调用播放界面移除方法removePlayBox。
4.如权利要求1所述的短音频滚动展现的方法,其特征在于:通过scrollViewWillEndDragging代理方法的withVelocity:targetContentOffset方法判断拖拽的具体情况时,还包括以下具体情况的处理:
情况5:目标cell位置微调,获取滚动结束后视图中点处的内容显示单元cell的IndexPath,
通过Indexpath获取cell位置信息disRect,
判断disRect是否压上边界或者下边界,
调整targetContentOffset使得播放Cell完全展现在当前视图。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810439849.7A CN108762866B (zh) | 2018-05-09 | 2018-05-09 | 一种短音频滚动展现的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810439849.7A CN108762866B (zh) | 2018-05-09 | 2018-05-09 | 一种短音频滚动展现的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108762866A CN108762866A (zh) | 2018-11-06 |
CN108762866B true CN108762866B (zh) | 2021-08-13 |
Family
ID=64009698
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810439849.7A Active CN108762866B (zh) | 2018-05-09 | 2018-05-09 | 一种短音频滚动展现的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108762866B (zh) |
Family Cites Families (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7930646B2 (en) * | 2007-10-19 | 2011-04-19 | Microsoft Corporation | Dynamically updated virtual list view |
US8775971B2 (en) * | 2008-12-05 | 2014-07-08 | Microsoft Corporation | Touch display scroll control |
CN102387091B (zh) * | 2010-08-31 | 2014-12-10 | 腾讯科技(深圳)有限公司 | 一种基于滑动检测的数据传输方法及装置 |
US9589594B2 (en) * | 2013-02-05 | 2017-03-07 | Alc Holdings, Inc. | Generation of layout of videos |
WO2015013321A2 (en) * | 2013-07-25 | 2015-01-29 | Declarativ, Inc. | Opportunistic use of transient user interface space |
CN103699289B (zh) * | 2013-12-13 | 2017-01-11 | 广州华多网络科技有限公司 | 滑动操作响应方法及装置 |
US9510036B1 (en) * | 2015-10-26 | 2016-11-29 | Google Inc. | Systems and methods for providing content in a content list |
CN105677366B (zh) * | 2016-02-26 | 2019-01-11 | 四川长虹电器股份有限公司 | 基于iOS系统中UITableView实现无限循环滚动选择的方法 |
WO2017197188A2 (en) * | 2016-05-11 | 2017-11-16 | Aclipsa Mobile Video Solutions, Llc | System and method for analyzing content usage events |
CN107132962B (zh) * | 2017-05-02 | 2020-09-01 | 青岛海信移动通信技术股份有限公司 | 导航栏控制方法及装置 |
CN107329795A (zh) * | 2017-06-23 | 2017-11-07 | 北京酷我科技有限公司 | 一种TableView优化方法 |
CN107797839A (zh) * | 2017-10-31 | 2018-03-13 | 北京酷我科技有限公司 | 一种列表滚动时视频小窗化的方法 |
-
2018
- 2018-05-09 CN CN201810439849.7A patent/CN108762866B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN108762866A (zh) | 2018-11-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108200463B (zh) | 弹幕表情包的生成方法、服务器及弹幕表情包的生成系统 | |
WO2021109650A1 (zh) | 虚拟礼物的发送方法、装置、设备及存储介质 | |
EP3047644B1 (en) | Method and apparatus for generating a text color for a group of images | |
JP6730335B2 (ja) | ストリーミングメディアプレゼンテーションシステム | |
CN107370887B (zh) | 一种表情生成方法及移动终端 | |
WO2017032054A1 (zh) | 一种播放速度调节方法及终端 | |
US8949718B2 (en) | Visual audio links for digital audio content | |
CN115509398A (zh) | 使用即时消息服务以显示图释的方法及其用户装置 | |
US20240154924A1 (en) | Methods, systems, and media for generating a notification in connection with a video content item | |
US10496243B2 (en) | Method and apparatus for color detection to generate text color | |
US10341727B2 (en) | Information processing apparatus, information processing method, and information processing program | |
CN108803993B (zh) | 应用程序的交互方法、智能终端及计算机可读存储介质 | |
CN111541930A (zh) | 直播画面的显示方法、装置、终端及存储介质 | |
CN111556352B (zh) | 多媒体资源分享方法、装置、电子设备及存储介质 | |
CN106303655A (zh) | 一种媒体内容播放提示方法及装置 | |
CN113286157A (zh) | 一种视频播放方法、装置、电子设备及存储介质 | |
CN112188230A (zh) | 虚拟资源处理方法、装置、终端设备及服务器 | |
CN110830813B (zh) | 一种视频切换的方法、装置、电子设备及存储介质 | |
CN113852767B (zh) | 视频编辑方法、装置、设备及介质 | |
CN109729374B (zh) | 礼物打赏方法、移动终端以及计算机存储介质 | |
CN114895787A (zh) | 多人互动方法、装置、电子设备及存储介质 | |
CN108762866B (zh) | 一种短音频滚动展现的方法 | |
US20180101976A1 (en) | Methods, systems, and media for presenting interstitial animations | |
CN102903137A (zh) | 动画播放方法及系统 | |
CN115237314B (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 |