iOS开发--手把手教你制作音乐播放器

本文介绍了一个iOS开发者自制的迷你音乐播放器的实现过程,包括新建工程、导入资源、界面展示、播放控制、进度显示、歌词滚动、后台播放及远程控制等关键步骤。适合iOS开发新手学习,提供了完整的项目代码链接。
摘要由CSDN通过智能技术生成

    我个人之前有个想法,把平常用的小软件,闲暇之余自己都实现一个迷你版本,打造自己的app专属文件夹,比如闹钟、音乐播放器、视频播放器、电子书以及贪吃蛇之类的小游戏。我相信通过实现这些小程序,能够进一步熟悉iOS开发各方面的专业知识,毕竟我们平常工作过程中,大多数时间都花费在实现业务逻辑上,反而忽略了这些知识细节。上个月抽空初步用OC实现了迷你音乐播放器、迷你闹钟以及用swift实现了贪吃蛇游戏。这些实例我会陆续在博客里分享出来,不过牵涉的知识难度较低,仅对新手有一定帮助意义,大虾请自行绕过。

先看效果图:



效果图初看比较简陋,其实音乐播放器基础功能都有了:播放、暂停、上一首和下一首,除此之外还实现了歌词的滚动显示、进度更新、后台播放、远程控制以及来电处理等功能。下面我们来看如何一步步实现迷你音乐播放器。'


一、新建工程

在xcode中选择新建单视图工程,过程按部就班,不做赘述。


二、导入mp3资源文件

限于时间,这里仅导入了三个mp3文件,都是王菲的歌:红豆、笑忘书和爱情呼叫转移。在网上下载这三个mp3后,拖拽至工程即可。


三、主界面的展示

从上面的效果图可以看出,整个工程只有一个页面,不牵涉到任何的页面跳转,因此主界面不需要使用UINavigationController这么重的视图控制器,UIViewController便能满足要求,项目中主界面对应的视图控制器名称为RootViewController。下面是主界面的显示代码:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    RootViewController *rootViewController = [[RootViewController alloc] init];
    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    
    self.window.rootViewController = rootViewController;
    [self.window makeKeyAndVisible];
    
    return YES;
}

四、音乐播放基础功能实现

先让我们看看音频播放器的初始化方法:

self.audioPlayer = [[AVAudioPlayer alloc] initWithContentsOfURL:url error:nil];
url表示实际mp3文件的路径。这里需要注意的是,构造一个音频播放器后,该播放器只能播一首歌曲。

播放功能:调用播放器的play函数

暂停功能:调用播放器的pause函数

上一首、下一首功能:RootViewController初始化时,会构建一个mp3资源列表,当用户点击“下一首”按钮后,从资源列表取出下一首音乐的url,并销毁当前播放器,利用刚取到的url构建一个新的播放器,然后调用play函数。


五、播放进度显示

音频播放器中包含有音频持续时间的属性duration,单位为秒。进度条区间为0-1,因此播放进度 = 已经播放的秒数 / duration。实现方案很简单,创建一个时间间隔为1s的定时器,每次执行播放时间加1,然后按照上面的公式更新progeressview的进度。


六、歌词的滚动显示

歌词部分用UITableView实现,每一行歌词都是一个cell,随着时间的推移调用

[self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionMiddle animated:YES];
达到歌词滚动的动态效果。

七、音乐的后台播放

如果不实现后台播放模式,用户只能够在音乐播放器显示在前台的时候方能听音乐,按home键退到后台后,音乐自动暂停播放。由此可见,作为音乐播放软件,后台播放功能必不可少。

在工程的plist文件中加入如下字段:


设置AVAudioSession模式:

    AVAudioSession *session = [AVAudioSessi
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值