iOS音频开发(OC)-仿写简易QQ音乐播放器

摘要:本文将介绍笔者仿写QQ音乐播放器的主体思路.笔者在该项目中实现的主要功能有:横竖屏适配,本地音频播放,lrc类型歌词解析.展示及播放时变色处理,上下曲切换,后台运行模式设置,锁屏视图设置,播放打断处理等基本功能.接下来,也将在以上几个板块中选择一些音频开发中实用性强的功能做简要介绍.

一.播放功能的效果展示


二.本地音频播放的主体实现思路(思维导图展示)

三.歌词解析及展示

      笔者用到的歌词文件类型为lrc(github上托管的项目中sources文件下,github托管地址:https://github.com/moonCai/SimpleMusicPlayer),将每句歌词作为一个模型(CYLyricModel),并将整首歌的歌词解析为模型数组.

        第一张效果图和第二张效果图中每一句歌词的展示控件都是label,为了实现歌词的变色效果,自定义了UIColorLabel这个类,继承自UILabel.它的实现原理非常简单:设置一个progress属性,根据progress的值来设定填充区域.设定一个填充色(即当前正播放的歌词中已经播放过的部分的颜色),在指定的填充区域采用混合模式渲染.并在progress的setter方法中进行重绘,就能达到动态渲染的效果.代码如下:

- (void)drawRect:(CGRect)rect {

    [super drawRect:rect];

     //设置填充色

     [[UIColor colorWithRed:45/255.0 green:185/255.0 blue:105/255.0 alpha:1.0] setFill];

     //设置填充区域

     rect = CGRectMake(rect.origin.x, rect.origin.y, rect.size.width * self.progress, rect.size.height);

     //渲染,在填充区域使用混个模式进行填充

     UIRectFillUsingBlendMode(rect, kCGBlendModeSourceIn);

}

-(void)setProgress:(CGFloat)progress {

      _progress = progress;

     [self setNeedsDisplay];

}

        第二张效果图的歌词展示控件是UIScrollView,展示每一句歌词的label也是UIColorLabel.根据当前播放歌词的索引来动态改变contentOffset,以实现播放中不断滚动的效果.

四.后台运行模式

      仅仅打开后台运行模式的话,在真机上进行后台播放时,只会持续几秒钟就会挂起,如果想要持续在后台运行模式下播放,还需要在音频管理单例的初始化方法中开启音频会话,代码如下:

        AVAudioSession *session = [AVAudioSession sharedInstance];

        [session setCategory:AVAudioSessionCategoryPlayback error:nil];

五.设置锁屏视图

        如果手机锁屏了,音频还在进行播放.再次点开屏幕时的视图即为锁屏视图.以上代码为笔者在项目中的实现代码.在设置封面图片时,为了能显示歌词,采取了绘制的方式(项目中的方法名:drawImageWithArtWorkAndLyric):先绘制指定大小的封面图片,再在指定rect下绘制歌词文字.如果锁屏视图中没有显示歌词的需求,可采用以下方式设置封面图片:

MPMediaItemArtwork *artWork = [[MPMediaItemArtwork alloc] initWithImage:[UIImage imageNamed:music.image]];

六.应用开启远程控制,实现播放/暂停及自动切歌,音频打断的处理

      以上为笔者仿写QQ音乐播放器的主体思路,项目在github上的开源地址:github.com/moonCai/SimpleMusicPlayer.欢迎交流探讨.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,511评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,495评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,595评论 0 225
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,558评论 0 190
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,715评论 3 270
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,672评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,112评论 2 291
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,837评论 0 181
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,417评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,928评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,316评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,773评论 2 234
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,253评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,827评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,440评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,523评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,583评论 2 249

推荐阅读更多精彩内容