swift 音乐播放器项目-《lxy的杰伦情歌》开发实战演练

2024-08-21 13:08

本文主要是介绍swift 音乐播放器项目-《lxy的杰伦情歌》开发实战演练,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近准备将项目转化为OC与swift混合开发,试着写一个swift音乐播放器的demo,体会到了swift相对OC的优势所在,废话不多说,先上效果图:
这里写图片描述
ps:身为杰伦的铁粉,demo的主题必须跟杰伦有关,哈哈!而且自我感觉我有转型UI的天赋,有木有?

一、导入OC文件
创建好swift项目之后,导入OC工具类文件,Xcode会自动生成桥接文件
这里写图片描述

打开这个文件,在开头导入OC工具类的头文件,就可以调用OC工具类了

//
//  Use this file to import your target's public headers that you would like to expose to Swift.
//
#import "UIView+Frame.h"

二、界面绘制
这里方便起见,没有考虑性能问题,只是简单的demo,所以直接创建十个音乐按钮,加上一个播放按钮和一个暂停按钮。十个乐曲按钮放在一个UIScrollView上面。而且播放的音乐是本地音乐,首先在viewDidLoad前创建全局变量,代码如下:

    var btnIndex = 0let arrMusicName = ["蒲公英的约定","窃爱","退后","告白气球","阳光宅男","甜甜的","彩虹","心雨","哪里都是你","说好的幸福呢"]let btnPlay:UIButton = UIButton(type:.System)let btnPause:UIButton = UIButton(type:.System)override func viewDidLoad() {

界面绘制代码如下:

let SCREEN_W = UIScreen.mainScreen().bounds.size.widthlet SCREEN_H = UIScreen.mainScreen().bounds.size.heightlet ivBack:UIImageView = UIImageView(frame:CGRect(x:0, y:20, width:SCREEN_W, height:SCREEN_H))ivBack.image = UIImage(named:"aa.jpg")self.view.addSubview(ivBack)let lbTitle:UILabel = UILabel(frame:CGRect(x:0, y:20, width:SCREEN_W, height:44))lbTitle.text = "LXY的杰伦情歌"lbTitle.textColor = UIColor.whiteColor()lbTitle.textAlignment = NSTextAlignment.CenterlbTitle.backgroundColor = UIColor.blackColor()lbTitle.alpha = 0.2self.view.addSubview(lbTitle)let scv:UIScrollView = UIScrollView(frame:CGRect(x:0, y:64, width:SCREEN_W, height:SCREEN_H - 74 - 44))scv.backgroundColor = UIColor.clearColor()self.view.addSubview(scv)var boom:Int = 0for st in arrMusicName {print(st)if let index = arrMusicName.indexOf(st) {let btn:UIButton = UIButton(type:.System)btn.backgroundColor = UIColor.whiteColor()btn.alpha = 0.5btn.setTitle(st, forState: UIControlState.Normal)btn.setTitleColor(UIColor.blackColor(), forState: UIControlState.Normal)btn.titleLabel?.font = UIFont.systemFontOfSize(16)btn.layer.masksToBounds = truebtn.layer.shadowOffset = CGSizeMake(0, 10)btn.layer.shadowColor = UIColor.grayColor().CGColorbtn.layer.shadowOpacity = 1btn.layer.shadowRadius = 10btn.layer.cornerRadius = 6btn.tag = index//传递触摸对象(即点击的按钮),需要在定义action参数时,方法名称后面带上冒号btn.addTarget(self, action:#selector(play(_:)), forControlEvents:.TouchUpInside)if index%2 == 0 {btn.frame = CGRectMake(SCREEN_W/9,  20 + (SCREEN_W/3 + SCREEN_W/9)*CGFloat(index/2),SCREEN_W/3,SCREEN_W/3)}else {btn.frame = CGRectMake(5*SCREEN_W/9,  20 + (SCREEN_W/3 + SCREEN_W/9)*CGFloat(index/2),SCREEN_W/3,SCREEN_W/3)}scv.addSubview(btn)boom = Int(btn.bottom)}}scv.contentSize = CGSizeMake(SCREEN_W,CGFloat(boom + 20))btnPlay.frame = CGRectMake(0, scv.bottom, SCREEN_W/2 - 10, 44)btnPlay.backgroundColor = UIColor.whiteColor()btnPlay.alpha = 0.5btnPlay.setTitle("播放", forState: UIControlState.Normal)btnPlay.setTitleColor(UIColor.blueColor(), forState: UIControlState.Normal)btnPlay.titleLabel?.font = UIFont.systemFontOfSize(16)btnPlay.addTarget(self, action:#selector(MPMediaPlayback.play), forControlEvents:.TouchUpInside)btnPlay.hidden = trueself.view.addSubview(btnPlay)btnPause.frame = CGRectMake(10 + SCREEN_W/2, scv.bottom, SCREEN_W/2 - 10, 44)btnPause.backgroundColor = UIColor.whiteColor()btnPause.alpha = 0.5btnPause.setTitle("暂停", forState: UIControlState.Normal)btnPause.setTitleColor(UIColor.blueColor(), forState: UIControlState.Normal)btnPause.titleLabel?.font = UIFont.systemFontOfSize(16)btnPause.addTarget(self, action:#selector(MPMediaPlayback.pause), forControlEvents:.TouchUpInside)btnPause.hidden = trueself.view.addSubview(btnPause)}func play(btn: UIButton){btnIndex = btn.taglet music = arrMusicName[btn.tag]let path = NSBundle.mainBundle().pathForResource(music, ofType: "mp3")let pathURL=NSURL(fileURLWithPath: path!)do {audioPlayer = try AVAudioPlayer(contentsOfURL: pathURL)} catch {audioPlayer = nil}audioPlayer?.prepareToPlay()audioPlayer.play()btnPause.hidden = falsebtnPlay.hidden = false

三、音乐播放器创建

class AudioManager: NSObject, AVAudioPlayerDelegate {static let sharedManager = AudioManager()  // singletonvar audioPlayer: AVAudioPlayer!
}

然后在曲剧变量里实例化播放器

var audioPlayer = AudioManager.sharedManager.audioPlayer

四、按钮事件绑定

1、音乐按钮播放音乐事件

 func playWitnIndex(index: Int){let music = arrMusicName[index]let path = NSBundle.mainBundle().pathForResource(music, ofType: "mp3")let pathURL=NSURL(fileURLWithPath: path!)do {audioPlayer = try AVAudioPlayer(contentsOfURL: pathURL)} catch {audioPlayer = nil}audioPlayer?.prepareToPlay()audioPlayer.play()btnPause.hidden = falsebtnPlay.hidden = false}

这个方法吧button带过来,通过button的tag值判断所点击的按钮

2、播放按钮的点击事件

func play(){audioPlayer.play()}

3、暂停按钮的点击事件

 func pause(){audioPlayer.pause()}

到这里,音乐播放器的基本功能就已经实现了,点击就会有音乐播放了,并且播放暂停功能都已经实现

五、音乐后台播放的实现

要实现后台音乐播放功能,还学要对音乐播放器设置一下

在viewDidLoad方法中添加一下代码:

UIApplication.sharedApplication().beginReceivingRemoteControlEvents()do {try AVAudioSession.sharedInstance().setCategory(AVAudioSessionCategoryPlayAndRecord)try AVAudioSession.sharedInstance().setActive(true)} catch {}

只添加这个还不够,需要对工程进行设置
在info.plist添加Required background modes,具体如图:
这里写图片描述

这样,音乐播放器就实现了后台播放功能

六、音乐播放器锁屏音乐播放设置

添加setLockView方法,代码如下:

func setLockView(){MPNowPlayingInfoCenter.defaultCenter().nowPlayingInfo = [// 歌曲名称MPMediaItemPropertyTitle:arrMusicName[btnIndex],// 演唱者MPMediaItemPropertyArtist:"周杰伦",// 锁屏图片MPMediaItemPropertyArtwork:MPMediaItemArtwork(image: UIImage(named: "aa.jpg")!),//MPNowPlayingInfoPropertyPlaybackRate:1.0,// 总时长            MPMediaItemPropertyPlaybackDuration:audioPlayer.duration,// 当前时间        MPNowPlayingInfoPropertyElapsedPlaybackTime:audioPlayer.currentTime]}

在viewDidLoad方法中调用这个方法:

  self.setLockView()

这样就实现了锁屏界面了按钮设置

这里写图片描述

锁屏按钮点击事件实现需要重写remoteControlReceivedWithEvent方法,代码如下:

override func remoteControlReceivedWithEvent(event: UIEvent?) {switch event!.subtype {case .RemoteControlPlay:  // play按钮audioPlayer.play()case .RemoteControlPause:  // pause按钮audioPlayer.pause()case .RemoteControlNextTrack:  // next// ▶▶self.btnIndex = self.btnIndex + 1self.playWitnIndex(self.btnIndex)self.setLockView()breakcase .RemoteControlPreviousTrack:  // previous// ◀◀if self.btnIndex>0 {self.btnIndex = self.btnIndex - 1self.playWitnIndex(self.btnIndex)self.setLockView()}breakdefault:break}}

七、外放问题的解决

此时,虽然功能都实现了,但是会发现音乐播放声音特别小,因为AVAudioPlayer默认是听筒播放,而不是扬声器播放
这里需要在播放器设置里添加如下设置代码

 let session = AVAudioSession.sharedInstance()try session.setCategory(AVAudioSessionCategoryPlayAndRecord, withOptions: AVAudioSessionCategoryOptions.DefaultToSpeaker)

其他设置如图所示:

这里写图片描述
到这里,这个swift版的lxy杰伦情歌APP就大功告成了,文章最后附上项目源码(由于音乐文件太大,只保留前两首歌曲),希望大家喜欢:

项目源码下载地址

这篇关于swift 音乐播放器项目-《lxy的杰伦情歌》开发实战演练的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1093250

相关文章

Spring Boot项目部署命令java -jar的各种参数及作用详解

《SpringBoot项目部署命令java-jar的各种参数及作用详解》:本文主要介绍SpringBoot项目部署命令java-jar的各种参数及作用的相关资料,包括设置内存大小、垃圾回收... 目录前言一、基础命令结构二、常见的 Java 命令参数1. 设置内存大小2. 配置垃圾回收器3. 配置线程栈大小

Spring Boot项目中结合MyBatis实现MySQL的自动主从切换功能

《SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能》:本文主要介绍SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能,本文分步骤给大家介绍的... 目录原理解析1. mysql主从复制(Master-Slave Replication)2. 读写分离3.

Python通过模块化开发优化代码的技巧分享

《Python通过模块化开发优化代码的技巧分享》模块化开发就是把代码拆成一个个“零件”,该封装封装,该拆分拆分,下面小编就来和大家简单聊聊python如何用模块化开发进行代码优化吧... 目录什么是模块化开发如何拆分代码改进版:拆分成模块让模块更强大:使用 __init__.py你一定会遇到的问题模www.

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

Pandas使用SQLite3实战

《Pandas使用SQLite3实战》本文主要介绍了Pandas使用SQLite3实战,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1 环境准备2 从 SQLite3VlfrWQzgt 读取数据到 DataFrame基础用法:读

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加