zoukankan      html  css  js  c++  java
  • iOS学习笔记26-视频播放

    一、视频

    在iOS中播放视频可以使用两个框架来实现:

    1. MediaPlayer框架的MPMoviePlayerControllerMPMoviePlayerViewController
    2. AVFoundation框架中的AVPlayer
    3. AVKit框架的AVPlayerViewController【iOS8之后才有】

    但在近两年的WWDC上,MediaPlayer框架被iOS9标记为deprcated,意味着它已经不再被苹果继续维护,而且该框架集成度较高,不如AVFoundation灵活性高,所以这里就讲AVFoundationAVPlayer来实现播放视频,AVPlayerViewController实际上就是对AVPlayer的封装。

    下面是两个框架的应用所在层:

    二、AVPlayer

    AVPlayer存在于AVFoundation中,它更加接近于底层,所以灵活性极高。
    AVPlayer本身并不能显示视频,如果AVPlayer要显示必须创建一个播放器图层AVPlayerLayer用于展示,该播放器图层继承于CALayer

    AVPlayer视频播放使用步骤:
    1. 创建视频资源地址URL,可以是网络URL
    2. 通过URL创建视频内容对象AVPlayerItem,一个视频对应一个AVPlayerItem
    3. 创建AVPlayer视频播放器对象,需要一个AVPlayerItem进行初始化
    4. 创建AVPlayerLayer播放图层对象,添加到显示视图上去
    5. 播放器播放play,播放器暂停pause
    6. 添加通知中心监听视频播放完成,使用KVO监听播放内容的属性变化
    7. 进度条监听是调用AVPlayer的对象方法:
    -(id)addPeriodicTimeObserverForInterval:(CMTime)interval/*监听频率*/ 
                                         queue:(dispatch_queue_t)queue /*监听GCD线程*/
                                    usingBlock:(void (^)(CMTime time))block;/*监听回调*/
    
    测试环境搭建:
    1. 利用终端开启Apache服务,使得手机可以通过网络访问本机资源
    2. 下载视频MP4到Apache的Web资源目录
      默认的Apache的Web资源目录是/Library/WebServer/Documents
    3. 查看本地服务器的IP
    4. 别忘了进入info.plist设置HTTP网络解禁
    下面是一个具体的项目:
    ViewController属性
    #import "ViewController.h"
    #import <AVFoundation/AVFoundation.h>
    @interface ViewController ()
    @property (strong, nonatomic) AVPlayer *player;//视频播放器
    @property (strong, nonatomic) AVPlayerLayer *playerLayer;//视频播放图层
    @property (strong, nonatomic) IBOutlet UIView *movieView;//播放容器视图
    @property (strong, nonatomic) IBOutlet UIProgressView *progressView;//进度条
    @property (strong, nonatomic) IBOutlet UISegmentedControl *segmentView;//选择栏
    @property (strong, nonatomic) NSArray *playerItemArray;//视频播放URL列表
    @end
    
    1. 初始化AVPlayerItem视频内容对象
    /* 获取播放内容对象,一个AVPlayerItem对应一个视频文件 */
    - (AVPlayerItem *)getPlayItemByNum:(NSInteger)num {
        if (num >= self.playerItemArray.count) {
            return nil;
        }
        //创建URL
        NSString *urlStr = self.playerItemArray[num];
        urlStr = [urlStr stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
        NSURL *url = [NSURL URLWithString:urlStr];
        //创建播放内容对象
        AVPlayerItem *item = [AVPlayerItem playerItemWithURL:url];
        return item;
    }
    
    2. 初始化AVPlayer视频播放器对象
    /* 初始化视频播放器 */
    - (void)initAVPlayer {
        //获取播放内容
        AVPlayerItem *item = [self getPlayItemByNum:0];
        //创建视频播放器
        AVPlayer *player = [AVPlayer playerWithPlayerItem:item];
        self.player = player;
        //添加播放进度监听
        [self addProgressObserver];
        //添加播放内容KVO监听
        [self addObserverToPlayerItem:item];
        //添加通知中心监听播放完成
        [self addNotificationToPlayerItem];
    }
    
    3. 初始化AVPlayerLayer播放图层对象
    #pragma mark - 初始化
    /* 初始化播放器图层对象 */
    - (void)initAVPlayerLayer {
        //创建视频播放器图层对象
        AVPlayerLayer *layer = [AVPlayerLayer playerLayerWithPlayer:self.player];
        layer.frame = self.movieView.bounds;//尺寸大小
        layer.videoGravity = AVLayerVideoGravityResizeAspect;//视频填充模式
        //添加进控件图层
        [self.movieView.layer addSublayer:layer];
        self.playerLayer = layer;
        self.movieView.layer.masksToBounds = YES;
    }
    
    4. 通知中心监听播放完成
    #pragma mark - 通知中心
    - (void)addNotificationToPlayerItem {
        //添加通知中心监听视频播放完成
        [[NSNotificationCenter defaultCenter] addObserver:self
                                                 selector:@selector(playerDidFinished:)
                                                     name:AVPlayerItemDidPlayToEndTimeNotification
                                                   object:self.player.currentItem];
    }
    - (void)removeNotificationFromPlayerItem {
        //移除通知中心的通知
        [[NSNotificationCenter defaultCenter] removeObserver:self];
    }
    /* 播放完成后会调用 */
    - (void)playerDidFinished:(NSNotification *)notification {
        //自动播放下一个视频
        NSInteger currentIndex = self.segmentView.selectedSegmentIndex;
        self.segmentView.selectedSegmentIndex = (currentIndex + 1)%self.playerItemArray.count;
        [self segmentValueChange:self.segmentView];
    }
    
    5. KVO属性监听
    #pragma mark - KVO监听属性
    /* 添加KVO,监听播放状态和缓冲加载状况 */
    - (void)addObserverToPlayerItem:(AVPlayerItem *)item {
        //监控状态属性
        [item addObserver:self
               forKeyPath:@"status"
                  options:NSKeyValueObservingOptionNew
                  context:nil];
        //监控缓冲加载情况属性
        [item addObserver:self
               forKeyPath:@"loadedTimeRanges"
                  options:NSKeyValueObservingOptionNew
                  context:nil];
    }
    /* 移除KVO */
    - (void)removeObserverFromPlayerItem:(AVPlayerItem *)item {
        [item removeObserver:self forKeyPath:@"status"];
        [item removeObserver:self forKeyPath:@"loadedTimeRanges"];
    }
    /* 属性发生变化,KVO响应函数 */
    - (void)observeValueForKeyPath:(NSString *)keyPath
                          ofObject:(id)object
                            change:(NSDictionary<NSString *,id> *)change
                           context:(void *)context
    {
        AVPlayerItem *playerItem = (AVPlayerItem *)object;
        if ([keyPath isEqualToString:@"status"]) {//状态发生改变
            AVPlayerStatus status = [[change objectForKey:@"new"] integerValue];
            if (status == AVPlayerStatusReadyToPlay) {
                NSLog(@"正在播放..,视频总长度为:%.2f",CMTimeGetSeconds(playerItem.duration));
            }
        } else if ( [keyPath isEqualToString:@"loadedTimeRanges"] ) {//缓冲区域变化
            NSArray *array = playerItem.loadedTimeRanges;
            CMTimeRange timeRange = [array.firstObject CMTimeRangeValue];//已缓冲范围
            float startSeconds = CMTimeGetSeconds(timeRange.start);
            float durationSeconds = CMTimeGetSeconds(timeRange.duration);
            NSTimeInterval totalBuffer = startSeconds + durationSeconds;//缓冲总长度
            NSLog(@"共缓冲:%.2f",totalBuffer);
        }
    }
    
    6. 进度条监听
    #pragma mark - 进度监听
    - (void)addProgressObserver {
        AVPlayerItem *item = self.player.currentItem;
        UIProgressView *progress = self.progressView;
        //进度监听
        [self.player addPeriodicTimeObserverForInterval:CMTimeMake(1.0, 1.0)
                                                  queue:dispatch_get_main_queue()
                                             usingBlock:^(CMTime time)
         {
             //CMTime是表示视频时间信息的结构体,包含视频时间点、每秒帧数等信息
             //获取当前播放到的秒数
             float current = CMTimeGetSeconds(time);
             //获取视频总播放秒数
             float total = CMTimeGetSeconds(item.duration);
             if (current) {
                 [progress setProgress:(current/total) animated:YES];
             }
         }];
    }
    
    7. UI点击事件以及视图控制器加载
    - (void)viewDidLoad {
        [super viewDidLoad];
        //属性初始化
        self.segmentView.selectedSegmentIndex = 0;
        self.progressView.progress = 0;
        self.playerItemArray = @[@"http://192.168.6.147/1.mp4",
                                 @"http://192.168.6.147/2.mp4",
                                 @"http://192.168.6.147/3.mp4"];
        //视频播放器初始化
        [self initAVPlayer];
        //视频播放器显示图层初始化
        [self initAVPlayerLayer];
        //视频开始播放
        [self.player play];
    
    }
    - (void)dealloc {
        //移除监听和通知
        [self removeObserverFromPlayerItem:self.player.currentItem];
        [self removeNotificationFromPlayerItem];
    }
    #pragma mark UI点击
    /* 点击播放按钮 */
    - (IBAction)playMovie:(UIButton *)sender {
        sender.enabled = NO;
        if ( self.player.rate == 0 ) {//播放速度为0,表示播放暂停
            sender.titleLabel.text = @"暂停";
            [self.player play];//启动播放
        } else if ( self.player.rate == 1.0 ) {//播放速度为1.0,表示正在播放
            sender.titleLabel.text = @"播放";
            [self.player pause];//暂停播放
        }
        sender.enabled = YES;
    }
    /* 选择视频播放列表 */
    - (IBAction)segmentValueChange:(UISegmentedControl *)sender {
        //先移除对AVPlayerItem的所有监听
        [self removeNotificationFromPlayerItem];
        [self removeObserverFromPlayerItem:self.player.currentItem];
        //获取新的播放内容
        AVPlayerItem *playerItem = [self getPlayItemByNum:sender.selectedSegmentIndex];
        //添加属性监听
        [self addObserverToPlayerItem:playerItem];
        //替换视频内容
        [self.player replaceCurrentItemWithPlayerItem:playerItem];
        //添加播放完成监听
        [self addNotificationToPlayerItem];
    }
    

    效果图

    三、AVPlayerViewController

    一个简单的视频播放器就这么搞定了,感觉还是好麻烦,而且很多功能还没有实现。
    实际上在iOS8.0之后,苹果为我们封装了AVPlayer等视频播放相关的类 ,形成了一个直接可以简单使用的播放器控制器类,那就是AVPlayerViewController,下面来讲下你就觉得有多爽,上面那一大堆,只需要下面的一小块代码就可以实现了。

    使用步骤:
    1. 导入框架:
    2. 添加头文件:
    #import <AVFoundation/AVFoundation.h>
    #import <AVKit/AVKit.h>
    
    1. 创建URL
    2. 创建AVPlayer
    3. 创建AVPlayerViewController

    Over,一个功能十分齐全的播放器就好了

    下面是全部代码【/(ㄒoㄒ)/~~泪奔】:
    #import "ViewController.h"
    #import <AVFoundation/AVFoundation.h>
    #import <AVKit/AVKit.h>
    @interface ViewController ()
    @property (strong, nonatomic) AVPlayerViewController *playerVC;
    @end
    @implementation ViewController
    - (void)viewDidLoad {
        [super viewDidLoad];
        //创建URL
        NSURL *url = [NSURL URLWithString:@"http://192.168.6.147/1.mp4"];
        //直接创建AVPlayer,它内部也是先创建AVPlayerItem,这个只是快捷方法
        AVPlayer *player = [AVPlayer playerWithURL:url];
        //创建AVPlayerViewController控制器
        AVPlayerViewController *playerVC = [[AVPlayerViewController alloc] init];
        playerVC.player = player;
        playerVC.view.frame = self.view.frame;
        [self.view addSubview:playerVC.view];
        self.playerVC = playerVC;
        //调用控制器的属性player的开始播放方法
        [self.playerVC.player play];
    }
    @end
    

    这酸爽不敢相信,不过这个是iOS9才有的,就是为了替代
    MediaPlayer框架的MPMoviePlayerViewController而定制的非常方便的视频播放器
    我用AVPlayer写的视频播放器被甩了好几十条街,/(ㄒoㄒ)/~~。

    四、扩展--生成视频缩略图

    AVFoundation框架还提供了一个类AVAssetImageGenerator,用于获取视频截图。

    应用场景:
    • 播放视频时,拖动进度条时,可以显示视频缩略图,查看视频播放到哪个画面了
    • 选择某个视频播放的时候,可以使用视频缩略图,点击视频缩放图,进入真正的播放视频界面
    • 一些有意思的视频场景需要截屏留念的时候,可以使用视频缩略图
    具体使用步骤:
    1. 创建AVURLAsset对象,该对象主要用于获取媒体信息,包括视频、声音。
    2. 根据AVURLAsset创建AVAssetImageGenerator对象
    3. 使用对象方法copyCGImageAtTime:获得指定时间点的截图
    -(CGImageRef)copyCGImageAtTime:(CMTime)requestedTime /* 要在视频的哪个时间点生成缩略图 */
                           actualTime:(CMTime *)actualTime /* 实际生成缩略图的媒体时间 */
                                error:(NSError **)outError;/* 错误信息 */
    
    下面是实际代码:
    /* 获取视频缩略图 */
    - (UIImage *)getThumbailImageRequestAtTimeSecond:(CGFloat)timeBySecond {
        //视频文件URL地址
        NSURL *url = [NSURL URLWithString:@"http://192.168.6.147/2.mp4"];
        //创建媒体信息对象AVURLAsset
        AVURLAsset *urlAsset = [AVURLAsset assetWithURL:url];
        //创建视频缩略图生成器对象AVAssetImageGenerator
        AVAssetImageGenerator *imageGenerator = [AVAssetImageGenerator assetImageGeneratorWithAsset:urlAsset];
        //创建视频缩略图的时间,第一个参数是视频第几秒,第二个参数是每秒帧数
        CMTime time = CMTimeMake(timeBySecond, 10);
        CMTime actualTime;//实际生成视频缩略图的时间
        NSError *error = nil;//错误信息
        //使用对象方法,生成视频缩略图,注意生成的是CGImageRef类型,如果要在UIImageView上显示,需要转为UIImage
        CGImageRef cgImage = [imageGenerator copyCGImageAtTime:time
                                                    actualTime:&actualTime
                                                         error:&error];
        if (error) {
            NSLog(@"截取视频缩略图发生错误,错误信息:%@",error.localizedDescription);
            return nil;
        }
        //CGImageRef转UIImage对象
        UIImage *image = [UIImage imageWithCGImage:cgImage];
        //记得释放CGImageRef
        CGImageRelease(cgImage);
        return image;
    }
    

    代码Demo点这里:LearnDemo里面的MovieDemo

    如果有什么问题可以在下方评论区中提出!O(∩_∩)O哈!
  • 相关阅读:
    如何为新的应用获取更高的关键字排名
    AppStore审核不通过?看看问题出在哪儿
    django 学习-11 Django模型数据模板呈现
    django 学习-10 Django多对多关系模型
    Django学习--9 Admin
    Django学习--9 多对一关系模型
    django 学习-7 模型数据操作
    django 学习-6 定义模型--数据库的使用
    django 学习-5 模板使用流程
    django 学习-4 模板标签
  • 原文地址:https://www.cnblogs.com/liutingIOS/p/5391668.html
Copyright © 2011-2022 走看看