聆听中国—一款收音机类App的前世今生

原创 2015年07月07日 23:58:54

一,开发初衷

一直是个广播迷,从小到大,身边从不离开收音机,听广播,这个习惯一直没有丢掉,舍弃了实物收音机,开始用手机收听,刚开始是Android手机自带,后来换了iPhone4,发现只能下载app来收听,但是尝试很多类似app,均没有一款满意的,要么非常复杂,把简单的听广播做成了一个社交性的app,要么就非常简单,粗糙的收音机,这对于一个iOS开发者来说,无法容忍,于是,为了自己听广播,开始预研开发收音机,并取名:聆听中国,备注:听内心的声音,则是来自一位朋友国强的内心独白,也是很多文艺青年的内心告白。


二,开发过程

1,资源(音频,图片)

图片资源来自万能的互联网,这里给大家分享个找图标的好网址:http://www.easyicon.net/,足够满足最初的设计图标,声源当然也来自万能的互联网,为了版权问题,这里不便透露,大家可自行想办法;

2,技术要点

播放继续沿用系统库  <MediaPlayer/MediaPlayer.h>,摇一摇随机切换,采用计时器来实现定时关闭,比如设置30分钟后自动关闭,防止睡着了了一直播放,记得第一版就这些简单的功能吧,在后来全新设计的2.0则强势加入了闹铃功能,也就是说睡前设置一个早上起床时间,同时设置一个要播放的频道,这样就能实现伴着广播醒来(注:此功能是用户反馈提出的需求,再次特别感谢),该技术鉴于iOS系统的限制,采用了一种称为黑科技的实现方式,后面会详细说出过程,同时加入了友盟意见反馈,并且加入了在线聊天室功能,边听边聊,此外也加入了监听网络变化的功能,及时反馈当前是3G还是WiFi,提高用户体验。

3,黑科技

所谓黑科技就是在不越狱的情况下,采用另类的,又符合iOS审核的情况下实现了看似不可能实现的效果,比如QQ音乐锁屏的歌词滚动效果,就是采用了黑科技,不断的把歌词快照后不断刷新锁屏图片,实现感觉上的歌词滚动,刚才说到的闹铃,没有采用推送或通知的方式,因为这不是真正意义上的闹铃,目前除了苹果自身的闹铃,还没有那款闹铃能入驻iOS系统后台执行,那么如何实现了晚上10点设置早上起床6:50定时播放中国之声的频道呢,时隔8个小时,让app一直运行呢,这就要说下苹果有个规则,只有涉及:地图定位,VoIP,订阅,音乐 的app是允许后台运行,也就是点了home后仍然能运行app,此外的app进入后台就会雪藏,最多有10分钟的活动时间,那么由于聆听中国是款广播app,自然有了后台播放的权限,那么就可以这样做,当设置闹铃时间后,app进入后台,此时会循环播放一段无声的音频,这样app就会一直播放,直到早上6:50的到来,立马播放正常的广播,无声音频停止播放,从而实现了闹铃效果,但是前期是不要彻底退出app,不然就彻底没戏了,也算黑科技吧。


三,起死回生

最初开发完,提交到AppStore,几乎无人下载,于是只能将该app定位为自己使用,给朋友也都说太简陋,所以该app算是半舍弃性质的对待,几乎不再迭代升级,只是自己晚上听一会;

后来,慢慢发现很多人评价,甚至有app评论说该app比官方app都好用,说实话有点感动,于是决定对UI和功能全面升级,提供用户体验,于是,全新2.0版本开始进入日程开发;


四,设计过程

1.0版本设计采用了传统的音响造型,就是两边是音箱,中间是播放器,同时有个波纹线表示正在播放,故而可以想象到非常简陋,而且图标也采用了中国风式设计,给人一种闲散的感觉,后面有图片可以看到,就是以最简单的方式来设计开发;

2.0版本则全面颠覆了1.0的界面设计,交互也完全改变,同时代码也重构一遍,开始在纸上构思时先下载了大量相关app,比如QQ音乐,酷我,喜马拉雅等等,在一番对比后决定采用类似QQ音乐的播放界面,简单,直接,清晰,而且非常符合当前功能布局,顶部是播放频道名称,节目内容和主持人和当前网络类型,中间三个滚动列表,横向三个模块,频道介绍,旋转频道图片,全天播放列表,底部是播放按钮,声音调节,以及一排功能图标:随机播放,闹铃,定时关闭,意见反馈,在线聊天室,频道列表;

 icon也全新设计,参考多个图标后,决定采用半拟物化半扁平化的旋转图标,让人有一种莫名的想触摸它,这就是最好的设计,完全符合苹果的设计指南;

再三的对比和可行性研究后,2.0界面和交互后定稿,最后开始重构代码,一番编写和调试后,2.0版本成功上线AppStore,上线后下载量稳步上升,得到了一些用户的好评,倍感欣慰。


五,后期计划

2.0版本的发布后,当然会逐步增加一些更友好的功能,比如:录音功能,用户可以录下喜欢的节目内容,以备再次收听,还有用户可以点击主持人,进入主持人的微博与之及时互动,等等这些功能都会评估后加入迭代开发计划,让聆听中国,做到简约而不简单,听内心的声音,做真正的自己,世界这么大,看不了就多听听。


六,推荐体验

AppStore下载地址:https://itunes.apple.com/cn/app/ling-ting-zhong-guo-ting-nei/id857795289?l=en&mt=8


附录1.0和2.0设计

icon

   

UI

  


2015年07月07日



相关文章推荐

iOS网络收音机

通过百度媒体云来实现网络收音机 进入SDK下载界面,下载iOS开发包 http://developer.baidu.com/wiki/index.php?title=docs/cp...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

iPhone开发之深入浅出 (3) — ARC之前世今生

转载: http://article.ityran.com/tutorials 原文链接:http://www.yifeiyang.net/development-of-the-iphone-sim...

iPhone开发之深入浅出 (3) — ARC之前世今生

原文链接:http://www.yifeiyang.net/development-of-the-iphone-simply-3/ 前两节我们对 ARC(Automatic Reference Co...

接口和抽象类的前世今生

今天被人问了java的接口了抽象类的不同处,我回答的就是网上的常规答案是: 1、内容层面而言抽象类更丰富点: 抽象类可以有实体方法、可以有各种类型变量成员、可以有全部的访问级别;除了必须有抽象方法外,...
  • five3
  • five3
  • 2015年01月07日 16:44
  • 1190

flash动画的前世今生

  • 2015年12月28日 09:44
  • 76KB
  • 下载

【从 0 开始开发一款直播 APP】3.2 高层封装之 Adapter — RecyclerView 实现单布局展示

RecyclerView 是一种新的视图组,目标是为任何基于适配器的视图提供相似的渲染方式。该控件用于在有限的窗中展示大量数据集,它被作为 ListView 和 GridView 控件的继承者。...
  • cniao5
  • cniao5
  • 2017年04月06日 20:25
  • 189

Amr Awadallah:Hadoop的前世今生

  • 2014年05月29日 14:04
  • 1.75MB
  • 下载

大数据前世今生

  • 2016年03月08日 09:02
  • 8.69MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:聆听中国—一款收音机类App的前世今生
举报原因:
原因补充:

(最多只允许输入30个字)