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

一，开发初衷

一直是个广播迷，从小到大，身边从不离开收音机，听广播，这个习惯一直没有丢掉，舍弃了实物收音机，开始用手机收听，刚开始是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日