美文网首页iOS 知识点iOS开发移动开发
iOS在线音乐播放SZKAVPlayer(基于AVPlayer的

iOS在线音乐播放SZKAVPlayer(基于AVPlayer的

作者: iOS_凯 | 来源:发表于2016-04-22 16:43 被阅读1593次

    由于最近闲着没事,想找有关在线音乐播放的demo学习一下,在gitHub跟code4APP上面查找了很多帖子,结果很多在线音乐都是基于AudioStream实现的,我感觉用起来不太方便。后来突然发现,AVFoundation框架中提供了一个AVPlayer可以用来实现在线音乐播放,特地学习了一下,封装成了SZKAVPlayer,与大家共享一下,笔者第一次写这些功能文档,如果有不足或者错误的地方,欢迎大家批评指正。废话不多说,直接上调用的代码:

    在ViewController.m首先导入头文件,并挂上SZKAVPlayerDelegate代理

    #import "SZKAVPlayer.h"    
    

    准备好相关的数据源

    #pragma mark---歌曲名称数组
    -(NSArray *)songNameArr
    {
        _songNameArr=@[@"火星情报局 (《火星情报局》节目主题曲)",@"下一站我是你的依靠",@"世界上不存在的歌(《火锅英雄》电影主题曲)"];
        return _songNameArr;
    }
    #pragma mark---歌曲流媒体地址
    -(NSArray *)songArr
    {
        _songArr=@[@"http://ws.stream.qqmusic.qq.com/105857360.m4a?fromtag=46",@"http://ws.stream.qqmusic.qq.com/105772207.m4a?fromtag=46",@"http://ws.stream.qqmusic.qq.com/105857409.m4a?fromtag=46"];
        return _songArr;
    }
    #pragma mark---歌曲演唱者数组
    -(NSArray *)songAuthorArr
    {
        _songAuthorArr=@[@"华晨宇",@"金志文",@"赵英俊"];
        return _songAuthorArr;
    }
    #pragma mark---歌曲图片的数组
    -(NSArray *)songImageArr
    {
        _songImageArr=@[@"http://i.gtimg.cn/music/photo/mid_album_300/W/8/003re5702kSBW8.jpg",@"http://i.gtimg.cn/music/photo/mid_album_300/z/9/002PnERL0JwJz9.jpg",@"photo3.jpg"];
        return _songImageArr;
    }
    

    初始化player时传入歌曲的网址数组跟歌曲的背景图片数组便可实现当前歌曲播放结束后,自动播放下一首并切换player的背景图片(支持本地图片和网络图片)

    - (void)viewDidLoad {
        [super viewDidLoad];
        self.view.backgroundColor=[UIColor colorWithWhite:0.875 alpha:1.000];
        //添加playerView
        [self addPlayerView];
    }
    
    #pragma mark---添加playerView
    -(void)addPlayerView
    {
        _player=[[SZKAVPlayer alloc]initWithFrame:CGRectMake(WIDTH/4, HEIGHT/2-WIDTH/4, WIDTH/2, WIDTH/2) andSongUrlArr:self.songArr andSongImageArr:self.songImageArr];
        _player.delegate=self;
        _player.layer.cornerRadius=WIDTH/4;
        _player.layer.masksToBounds=YES;
        _player.backgroundColor=[UIColor yellowColor];
        //设置volume,不设置默认为0.5
        _player.volume=0.8;
        [self.view addSubview:_player];
    }
    

    实现代理方法可自动返回当前时间,总共时间,歌曲进度以及点击次数,并且时间的格式已经转换成00:00的格式

    #pragma mark----SZKAVPlayerDelegate代理方法
    -(void)getSongCurrentTime:(NSString *)currentTime andTotalTime:(NSString *)totalTime andProgress:(CGFloat)progress andTapCount:(NSInteger)tapCount
    {
        //进度条
        [_progressView setProgress:progress];
        //歌曲时间
        _songTime.text=[NSString stringWithFormat:@"%@/%@",currentTime,totalTime];
        //歌曲名称
        _songName.text=self.songNameArr[tapCount];
        //歌曲演唱者
        _songAuthor.text=self.songAuthorArr[tapCount];
    }
    

    player的其他操作调用SZKAVPlayer.h中相关的API即可

    /**
     *  开始播放
     */
    -(void)startPlay;
    /**
     *  暂停播放
     */
    -(void)puasePlay;
    /**
     *  播放下一首
     */
    -(void)nextSong;
    /**
     *  播放上一首
     */
    -(void)lastSong;
    

    最终效果图:

    046379CE-59E9-4F04-8211-FE8D8B9AF388.png

    SZKAVPlayer的调用方法大致就是这样,只需要在初始化时传入歌曲数组和歌曲图片,便可实现当前歌曲结束后,自动播放下一首,同时切换歌曲图片,并且代理方法中的歌曲的当前时间,总共时间以及播放进度,也会随着歌曲的切换而自动刷新。

    下面大致介绍一下SZKAVPlayer.m的实现方法
    songItem和player用来初始化SZKAVPlayer

    //初始化songItem和player
            _songItem=[AVPlayerItem playerItemWithURL:url];
            _player=[AVPlayer playerWithPlayerItem:_songItem];
            [_player play];
    
    

    并对播放器添加了三个监听和一个通知

    #pragma mark----监听播放器的加载状态
    -(void)addAVPlayerStatusObserver
    {
        [_songItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil];
    }
    #pragma mark----数据缓冲状态的监听
    -(void)addNetDataStatusObserver
    {
        [_songItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil];
    }
    #pragma mark----添加观察者监听获取当前时间,总共时间,进度
    -(void)addTimeObserve
    {
        __block  AVPlayerItem *songItem=_songItem;
        __block typeof(self) bself = self;
        _timeObserver=[_player addPeriodicTimeObserverForInterval:CMTimeMake(1.0, 1.0) queue:dispatch_get_main_queue() usingBlock:^(CMTime time) {
            //设置player的声音
            [bself setPlayerVolume];
            //添加背景图片
            NSString *imagrStr=bself.imageArr[bself.tapCount];
            if (imagrStr.length<=4) {
                bself.playerImage.image=[UIImage imageNamed:bself.imageArr[bself.tapCount]];
            }else{
                NSString *imagrSubStr=[imagrStr substringWithRange:NSMakeRange(0, 4)];
                if ([imagrSubStr isEqualToString:@"http"]) {
                    NSURL *imageUrl=[NSURL URLWithString:bself.imageArr[bself.tapCount]];
                    [bself.playerImage setImageWithURL:imageUrl placeholderImage:[UIImage imageNamed:@"radioBG"]];
                }else{
                    bself.playerImage.image=[UIImage imageNamed:bself.imageArr[bself.tapCount]];
                }
            }
            //当前时间
            float current=CMTimeGetSeconds(time);
            //总共时间
            float total=CMTimeGetSeconds(songItem.duration);
            //进度
            float progress=current/total;
            //将值传入知道delegate方法中
            [bself.delegate getSongCurrentTime:[bself formatTime:current]  andTotalTime:[bself formatTime:total] andProgress:progress andTapCount:bself.tapCount];
        }];
    }
    #pragma mark----播放完成后发送通知
    -(void)addPlayToEndObserver
    {
        [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(playFinished:) name:AVPlayerItemDidPlayToEndTimeNotification object:_songItem];
    }
    

    为了防止在进行下一首歌曲时候监听出错,在当前歌曲结束后移除所有监听,在下一首歌曲播放前再次添加监听,笔者亲测目前这样写没有出现什么问题。

    大致的功能原理先写到这,笔者第一次写,不足的地方还望各位读者见谅,如果遇到什么问题,可以评论回复,笔者收到后第一时间回复大家,也可以添加笔者的QQ/微信:790057066 ,并且刚刚把demo上传到了GitHub上面感兴趣的朋友,可以上去下载查看,记得star下,非常感谢。

    SZKAVPlayer链接 https://github.com/18811314750/SZKAVPlayer

    笔者的其他文章
    iOS开发-利用命令行实现将本地代码上传到GitHub
    http://www.jianshu.com/p/79b94add9057

    iOS开发-快速调用照相机和相册,并实现沙盒中照片的保存与读取
    http://www.jianshu.com/p/7ffc8844e956

    相关文章

      网友评论

      • 我系哆啦:2018-03-27 18:26:02.936643+0800 SZKAVPlayer[34530:3365736] 当前播放第1首歌
        2018-03-27 18:26:02.938615+0800 SZKAVPlayer[34530:3365736] start play
        2018-03-27 18:26:03.020865+0800 SZKAVPlayer[34530:3365823] Task <30978197-E2E1-4CF4-9C61-3A298B1889D5>.<2> finished with error - code: -999
        2018-03-27 18:26:03.356804+0800 SZKAVPlayer[34530:3365803] Task <70F814C3-0528-40D8-8CCF-60A944901352>.<3> finished with error - code: -999
        2018-03-27 18:26:03.542481+0800 SZKAVPlayer[34530:3365736] 准备完毕,可以播放
        2018-03-27 18:26:05.575233+0800 SZKAVPlayer[34530:3365736] current time : 0.000000
        2018-03-27 18:26:05.578723+0800 SZKAVPlayer[34530:3365736] current time : 0.000000
        2018-03-27 18:26:06.594629+0800 SZKAVPlayer[34530:3365736] current time : 1.000538
        2018-03-27 18:26:07.594110+0800 SZKAVPlayer[34530:3365736] current time : 2.000242
        2018-03-27 18:26:08.232613+0800 SZKAVPlayer[34530:3365736] current time : 2.607180
        2018-03-27 18:26:30.955456+0800 SZKAVPlayer[34530:3365736] 当前播放第2首歌
        2018-03-27 18:26:30.957619+0800 SZKAVPlayer[34530:3365736] start play
        2018-03-27 18:26:31.055251+0800 SZKAVPlayer[34530:3365736] 准备完毕,可以播放
        2018-03-27 18:26:35.082375+0800 SZKAVPlayer[34530:3365736] current time : 0.000000
        2018-03-27 18:26:35.089888+0800 SZKAVPlayer[34530:3365736] current time : 0.000000
        2018-03-27 18:26:36.095348+0800 SZKAVPlayer[34530:3365736] current time : 1.000550

        楼主有研究过,如果音乐时长稍微长点,缓冲时间会跟音乐时长成正比关系,如上,play后缓冲了五六s才开始播放的问题吗?
        iOS_凯:@我系哆啦 年久失修,一直没再研究,见谅:smile:
      • 杨淳引:棒棒哒
        iOS_凯:@杨淳引 谢谢
      • BBBBean:不错,很清楚
        iOS_凯:@W1LLB3AN :smile:
      • 300388fec3c1:刚下载了demo,谢谢作者
        iOS_凯:@dm_xk 感谢使用
      • mysteryemm:如果手动快速切换下一曲或者上一曲,由于KVO没来得及删除就再次添加或者没来得及添加就再次删除,从而导致程序崩溃,楼主知道这个如何解决不
        iOS_凯:@心董儿:joy: 忙完这段时间我研究研究
        mysteryemm:@iOS_凯 今天一直研究,至今无果,:sweat:
        iOS_凯:@心董儿 感谢你的反馈,不过我也遇到这样的问题,暂时没有好的解决办法,有时间再去好好研究研究,解决之后再回复你,感谢你的阅读
      • Peak_One:我凯可以的
        iOS_凯:@Peak_One 谢谢辉
      • 流火绯瞳:github上文件没传上去吧
        流火绯瞳:@iOS_凯 恩,谢谢,刚看到回复,我去github看看
        iOS_凯:@iOS_凯 已经修改了好了,传上去zip文件,这样应该没啥问题啦,你可以试试
        iOS_凯:@流火绯瞳 gitHub上传出现点问题,我正在修改,需要demo加以加我QQ发给你

      本文标题:iOS在线音乐播放SZKAVPlayer(基于AVPlayer的

      本文链接:https://www.haomeiwen.com/subject/okdxrttx.html