zoukankan      html  css  js  c++  java
  • iOS在线音乐播放SZKAVPlayer(基于AVPlayer的封装)

    由于最近闲着没事,想找有关在线音乐播放的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



    文/iOS_凯(简书作者)
    原文链接:http://www.jianshu.com/p/4e0ac2898de0
    著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
  • 相关阅读:
    博客园侧边栏添加QQ链接
    通俗易懂的理解 Redux(知乎)
    Redux生态系统
    ReactNative环境搭建
    cordova插件开发
    java类初始化
    Cordova指令
    安卓中如何调用jni
    JNI开发的常见错误
    JNI-java native interface(java本地接口)
  • 原文地址:https://www.cnblogs.com/wanghuaijun/p/5675967.html
Copyright © 2011-2022 走看看