LyricsAnalysis 功能描述:锁屏歌曲信息、控制台远程控制音乐播放:暂停/播放、上一首/下一首、快进/快退、锁屏状态下列表菜单弹框和拖拽控制台的进度条调节进度(结合了QQ音乐和网易云音乐在锁屏状态下的效果)、歌词解析并随音乐滚动显示。


#第一部分:锁屏效果包括:锁屏歌曲信息和远程控制音乐播放

① 锁屏歌曲信息显示

//展示锁屏歌曲信息:图片、歌词、进度、歌曲名、演唱者、专辑、(歌词是绘制在图片上的)
- (void)showLockScreenTotaltime:(float)totalTime andCurrentTime:(float)currentTime andLyricsPoster:(BOOL)isShow{NSMutableDictionary * songDict = [[NSMutableDictionary alloc] init];//设置歌曲题目[songDict setObject:@"多幸运" forKey:MPMediaItemPropertyTitle];//设置歌手名[songDict setObject:@"韩安旭" forKey:MPMediaItemPropertyArtist];//设置专辑名[songDict setObject:@"专辑名" forKey:MPMediaItemPropertyAlbumTitle];//设置歌曲时长[songDict setObject:[NSNumber numberWithDouble:totalTime]  forKey:MPMediaItemPropertyPlaybackDuration];//设置已经播放时长[songDict setObject:[NSNumber numberWithDouble:currentTime] forKey:MPNowPlayingInfoPropertyElapsedPlaybackTime];UIImage * lrcImage = [UIImage imageNamed:@"backgroundImage5.jpg"];if (isShow) {//制作带歌词的海报if (!_lrcImageView) {_lrcImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 480,800)];}if (!_lockScreenTableView) {_lockScreenTableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 800 - 44 * 7 + 20, 480, 44 * 3) style:UITableViewStyleGrouped];_lockScreenTableView.dataSource = self;_lockScreenTableView.delegate = self;_lockScreenTableView.separatorStyle = NO;_lockScreenTableView.backgroundColor = [UIColor clearColor];[_lockScreenTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cellID"];}//主要为了把歌词绘制到图片上,已达到更新歌词的目的[_lrcImageView addSubview:self.lockScreenTableView];_lrcImageView.image = lrcImage;_lrcImageView.backgroundColor = [UIColor blackColor];//获取添加了歌词数据的海报图片UIGraphicsBeginImageContextWithOptions(_lrcImageView.frame.size, NO, 0.0);CGContextRef context = UIGraphicsGetCurrentContext();[_lrcImageView.layer renderInContext:context];lrcImage = UIGraphicsGetImageFromCurrentImageContext();_lastImage = lrcImage;UIGraphicsEndImageContext();}else{if (_lastImage) {lrcImage = _lastImage;}}//设置显示的海报图片[songDict setObject:[[MPMediaItemArtwork alloc] initWithImage:lrcImage]forKey:MPMediaItemPropertyArtwork];//加入正在播放媒体的信息中心[[MPNowPlayingInfoCenter defaultCenter] setNowPlayingInfo:songDict];}复制代码

② 远程控制音乐播放

在此之前需先满足后台播放音乐的条件:

    //后台播放音频设置,需要在Capabilities->Background Modes中勾选Audio,Airplay,and Picture in Picture ,如下图1、2AVAudioSession *session = [AVAudioSession sharedInstance];[session setActive:YES error:nil];[session setCategory:AVAudioSessionCategoryPlayback error:nil];
复制代码
  • 在iOS7.1之前, App如果需要在锁屏界面开启和监控远程控制事件,可以通过重写- (void)remoteControlReceivedWithEvent:(UIEvent *)event这个方法来捕获远程控制事件,并根据event.subtype来判别指令意图并作出反应。具体用法如下:
//在具体的控制器或其它类中捕获处理远程控制事件,当远程控制事件发生时触发该方法, 该方法属于UIResponder类,iOS 7.1 之前经常用
- (void)remoteControlReceivedWithEvent:(UIEvent *)event{NSLog(@"%ld",event.type);[[NSNotificationCenter defaultCenter] postNotificationName:@"songRemoteControlNotification" object:self userInfo:@{@"eventSubtype":@(event.subtype)}];
}/* iOS 7.1之前*///让App开始接收远程控制事件, 该方法属于UIApplication类[[UIApplication sharedApplication] beginReceivingRemoteControlEvents];//结束远程控制,需要的时候关闭//     [[UIApplication sharedApplication] endReceivingRemoteControlEvents];//处理控制台的暂停/播放、上/下一首事件[[NSNotificationCenter defaultCenter] addObserverForName:@"songRemoteControlNotification" object:nil queue:[NSOperationQueue mainQueue] usingBlock:^(NSNotification *notification) {NSInteger  eventSubtype = [notification.userInfo[@"eventSubtype"] integerValue];switch (eventSubtype) {case UIEventSubtypeRemoteControlNextTrack:NSLog(@"下一首");break;case UIEventSubtypeRemoteControlPreviousTrack:NSLog(@"上一首");break;case  UIEventSubtypeRemoteControlPause:[self.player pause];break;case  UIEventSubtypeRemoteControlPlay:[self.player play];break;//耳机上的播放暂停case  UIEventSubtypeRemoteControlTogglePlayPause:NSLog(@"播放或暂停");break;//后退case UIEventSubtypeRemoteControlBeginSeekingBackward:break;case UIEventSubtypeRemoteControlEndSeekingBackward:NSLog(@"后退");break;//快进case UIEventSubtypeRemoteControlBeginSeekingForward:break;case UIEventSubtypeRemoteControlEndSeekingForward:NSLog(@"前进");break;default:break;}}];复制代码
  • 在iOS7.1之后,出现了MPRemoteCommandCenter、MPRemoteCommand 及其相关的一些类 ,锁屏界面开启和监控远程控制事件就更方便了,而且还扩展了一些新功能:网易云音乐的列表菜单弹框功能和QQ音乐的拖拽控制台的进度条调节进度功能等等..... 官方文档:developer.apple.com/documentati…
//锁屏界面开启和监控远程控制事件
- (void)createRemoteCommandCenter{/**///远程控制命令中心 iOS 7.1 之后  详情看官方文档:https://developer.apple.com/documentation/mediaplayer/mpremotecommandcenterMPRemoteCommandCenter *commandCenter = [MPRemoteCommandCenter sharedCommandCenter];//   MPFeedbackCommand对象反映了当前App所播放的反馈状态. MPRemoteCommandCenter对象提供feedback对象用于对媒体文件进行喜欢, 不喜欢, 标记的操作. 效果类似于网易云音乐锁屏时的效果//添加喜欢按钮MPFeedbackCommand *likeCommand = commandCenter.likeCommand;likeCommand.enabled = YES;likeCommand.localizedTitle = @"喜欢";[likeCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {NSLog(@"喜欢");return MPRemoteCommandHandlerStatusSuccess;}];//添加不喜欢按钮,假装是“上一首”MPFeedbackCommand *dislikeCommand = commandCenter.dislikeCommand;dislikeCommand.enabled = YES;dislikeCommand.localizedTitle = @"上一首";[dislikeCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {NSLog(@"上一首");return MPRemoteCommandHandlerStatusSuccess;}];//标记MPFeedbackCommand *bookmarkCommand = commandCenter.bookmarkCommand;bookmarkCommand.enabled = YES;bookmarkCommand.localizedTitle = @"标记";[bookmarkCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {NSLog(@"标记");return MPRemoteCommandHandlerStatusSuccess;}];//    commandCenter.togglePlayPauseCommand 耳机线控的暂停/播放[commandCenter.pauseCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {[self.player pause];return MPRemoteCommandHandlerStatusSuccess;}];[commandCenter.playCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {[self.player play];return MPRemoteCommandHandlerStatusSuccess;}];//    [commandCenter.previousTrackCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {//        NSLog(@"上一首");//        return MPRemoteCommandHandlerStatusSuccess;//    }];[commandCenter.nextTrackCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {NSLog(@"下一首");return MPRemoteCommandHandlerStatusSuccess;}];//快进//    MPSkipIntervalCommand *skipBackwardIntervalCommand = commandCenter.skipForwardCommand;//    skipBackwardIntervalCommand.preferredIntervals = @[@(54)];//    skipBackwardIntervalCommand.enabled = YES;//    [skipBackwardIntervalCommand addTarget:self action:@selector(skipBackwardEvent:)];//在控制台拖动进度条调节进度(仿QQ音乐的效果)[commandCenter.changePlaybackPositionCommand addTargetWithHandler:^MPRemoteCommandHandlerStatus(MPRemoteCommandEvent * _Nonnull event) {CMTime totlaTime = self.player.currentItem.duration;MPChangePlaybackPositionCommandEvent * playbackPositionEvent = (MPChangePlaybackPositionCommandEvent *)event;[self.player seekToTime:CMTimeMake(totlaTime.value*playbackPositionEvent.positionTime/CMTimeGetSeconds(totlaTime), totlaTime.timescale) completionHandler:^(BOOL finished) {}];return MPRemoteCommandHandlerStatusSuccess;}];}-(void)skipBackwardEvent: (MPSkipIntervalCommandEvent *)skipEvent
{NSLog(@"快进了 %f秒", skipEvent.interval);
}复制代码

#第二部分:歌词解析

  • 根据上图的歌词样式,思路就是:先根据换行符“\n“分割字符串,获得包含每一行歌词字符串的数组,然后解析每一行歌词字符,获得时间点和对应的歌词,再用创建的歌词对象wslLrcEach来存储时间点和歌词,最后得到一个存储wslLrcEach对象的数组。
//每句歌词对象
@interface wslLrcEach : NSObject
@property(nonatomic, assign) NSUInteger time ;
@property(nonatomic, copy) NSString * lrc ;
@end
复制代码

接下来就是要让歌词随歌曲的进度来滚动显示,主要代码如下:

        self.tableView  显示歌词的currentTime  当前播放时间点self.currentRow  当前时间点歌词的位置//歌词滚动显示for ( int i = (int)(self.lrcArray.count - 1); i >= 0 ;i--) {wslLrcEach * lrc = self.lrcArray[i];if (lrc.time < currentTime) {self.currentRow = i;[self.tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow: self.currentRow inSection:0] atScrollPosition:UITableViewScrollPositionMiddle animated:YES];[self.tableView reloadData];break;}}
复制代码
  • 更新于2017/9/13 iOS11系统正式发布后 , iOS11上不能像iOS11以下那样锁屏歌词和海报,iOS11把海报显示位置放到了左上方,而且大小变成了头像大小,可能是苹果为了锁屏界面的简洁,只保留了如下图的界面。
  • 更新于2018/3/7 :上面提到 iOS11系统上 ,不能像以往那样显示锁屏歌词了,那锁屏歌词该怎么显示呢,网易云音乐给出了如下图的设计:她是把当前唱到的歌词放到了锁屏的副标题处,随着播放的进度而改变。
    [songDict setObject:@"当前歌词" forKey:MPMediaItemPropertyAlbumTitle];
复制代码
  • 更新于2018/8/2 最近有小猿反应了一个Bug:锁屏下暂停播放,过几秒再继续播放,进度条会跳一下,暂停越久跳越猛? 查阅资料后发现:我们知道 player 有个 rate 属性,表示播放速率,为 0 的时候表示暂停,为 1.0 的时候表示播放,而MPNowPlayingInfoCenter的nowPlayingInfo也有一个键值MPNowPlayingInfoPropertyPlaybackRate表示速率rate,但是它 与 self.player.rate 是不同步的,也就是说[self.player pause]暂停播放后的速率rate是0,但MPNowPlayingInfoPropertyPlaybackRate还是1,就会造成 在锁屏界面点击了暂停按钮,这个时候进度条表面看起来停止了走动,但是其实还是在计时,所以再点击播放的时候,锁屏界面进度条的光标会发生位置闪动, 所以我们需要在监听播放状态时同步播放速率给MPNowPlayingInfoPropertyPlaybackRate。
 [songDict setObject:[NSNumber numberWithInteger:rate] forKey:MPNowPlayingInfoPropertyPlaybackRate];
复制代码

好了,就说这么多了,demo中注释的还算是清楚的,感兴趣的可以去look look??! GitHub:LyricsAnalysis,觉得有帮助的话,别忘了给个star⭐️哈??!

如果需要跟我交流的话: ※ Github: github.com/wsl2ls ※ 个人博客:wsl2ls.github.io ※ 简书:www.jianshu.com/u/e15d1f644… ※ 微信公众号:iOS2679114653 ※ QQ:1685527540

iOS 音乐播放器之锁屏歌词+歌词解析+锁屏效果相关推荐

  1. iOS 音乐播放器之锁屏效果+歌词解析

    概述 功能描述:锁屏歌曲信息.控制台远程控制音乐播放:暂停/播放.上一首/下一首.快进/快退.列表菜单弹框和拖拽控制台的进度条调节进度(结合了QQ音乐和网易云音乐在锁屏状态下的效果).歌词解析并随音乐 ...

  2. android音乐播放器之歌词下载、处理、开始、同步

    android音乐播放器之歌词下载.处理.开始.同步 ** 程序源代码在底部 ** 先来看看效果 下载 /*** 自定义下载方法,调用系统DownloadManager下载* * @param myU ...

  3. 乐乐音乐:Android音乐播放器及动感(KTV)歌词相关博客汇总

    相关简介 Java Swing PC版本乐乐音乐播放器 乐乐音乐PC播放器单机版本,支持ape,wav,flac,mp3等多种格式,支持动态ksc.hrc.krc歌词文件和支持和显示翻译歌词和音译歌词 ...

  4. Android开源音乐播放器之播放器基本功能

    系列文章 Android开源在线音乐播放器--波尼音乐 Android开源音乐播放器之播放器基本功能 Android开源音乐播放器之高仿云音乐黑胶唱片 Android开源音乐播放器之自动滚动歌词 An ...

  5. 【android】音乐播放器之service服务设计

    学习Android有一个多月,看完了<第一行代码>以及mars老师的第一期视频通过音乐播放器小项目加深对知识点的理解.从本文开始,将详细的介绍简单仿多米音乐播放器的实现,以及网络解析数据获 ...

  6. 【android】音乐播放器之设计思路

    学习Android有一个多月,看完了<第一行代码>以及mars老师的第一期视频通过音乐播放器小项目加深对知识点的理解.从本文开始,将详细的介绍简单仿多米音乐播放器的实现,以及网络解析数据获 ...

  7. 【android】音乐播放器之UI设计的点点滴滴

    学习Android有一个多月,看完了<第一行代码>以及mars老师的第一期视频通过音乐播放器小项目加深对知识点的理解.从本文开始,将详细的介绍简单仿多米音乐播放器的实现,以及网络解析数据获 ...

  8. android音乐播放器之----天天动听

    下载手机软件的时候,随意的下了个天天动听,觉得喜欢,就仿照着他的UI做了个简单的音乐播放器,还不完善,只是在工作之余随便做做,贴图: 本文来自CSDN丹丹博库,转载请必须注明出处: http://bl ...

  9. 【android】音乐播放器之数据存储总结

    学习Android有一个多月,看完了<第一行代码>以及mars老师的第一期视频通过音乐播放器小项目加深对知识点的理解.从本文开始,将详细的介绍简单仿多米音乐播放器的实现,以及网络解析数据获 ...

  10. iOS高仿微信悬浮窗、忍者小猪游戏、音乐播放器、支付宝、今日头条布局滚动效果等源码...

    iOS精选源码 iOS WKWebView的使用源码 模仿apple music 小播放器的交互实现 高仿微信的悬浮小窗口 iOS仿支付宝首页效果 [swift]仿微信悬浮窗 类似于今日头条,网易新闻 ...

最新文章

  1. Python设计模式-解释器模式
  2. layer的一种用法,自己画出弹出框样式
  3. devcon的测试 尝试使用devcon命令重置Intel Realsense D435摄像头 USB
  4. mybatis的简单查询用语句吗_FILTER函数你用过吗?一对多查询与自动筛选,用它都能轻松搞定...
  5. 分布式锁的几种实现原理
  6. Qt笔记-Linux程序控制台启动界面实例
  7. hana 查看表字段_hana 查看表数据库
  8. Theano 中文文档 0.9 - 6. 更新Theano
  9. python爬取热门新闻每日排行_用python查看百度搜索中今日热点事件排行榜
  10. 博客开篇第一篇--资深前端工程师
  11. maven解决依赖冲突
  12. 数字电子技术基础 目录
  13. 开封 计算机职称培训,2017河南职称计算机考试报名:开封职称计算机报名入口...
  14. Hive实现环比和同比
  15. lack名词形式_lack是什么意思_lack在线翻译_英语_读音_用法_例句_海词词典
  16. Windows 10 版本 1507 中的新 AppLocker 功能
  17. 手机游戏制作(开发流程)
  18. 宽带DDC matlab,基于DDC和DUC的大带宽DRFM设计与实现
  19. 诸神之战|福建赛区圆满收官,IP“论剑”引爆现场
  20. 人工智能一路狂飙现隐忧 过高预期恐催泡沫

热门文章

  1. LCD带字符液晶显示I LOVE YOU
  2. 基于C#的图片浏览及显示功能(源码)
  3. windows2003 序列号
  4. 研究:信仰能帮助人坦然面对挫折
  5. SequoiaDB巨杉数据库许建辉:夯实数据库根科技,提升企业数智化转型的“人效”和“能效”...
  6. 2020年如何利用外链提升网站排名和权重?
  7. 柠檬味百香果饮料怎么制作
  8. Rational License Key Error的解决办法
  9. 高红梅:第二章 海明威个人身份的探寻 第一节 性别身份意识与代际关系书写
  10. 商品进销差价_商品进销差价如何计算及账务处理怎么做?