一、视频

在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>
  3. 创建URL
  4. 创建AVPlayer
  5. 创建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;
}

最新文章

  1. npm源切换
  2. ASP模拟POST请求异步提交数据的方法
  3. 02、AngularJs的数据绑定
  4. Hibernate中saveOrUpdate()和merge()的区别
  5. 浏览器同步测试神器 — BrowserSync
  6. BOM头的来源
  7. 《Linear Algebra and Its Applications》-chaper1-线性方程组- 线性变换
  8. SqlServer:CTE函数处理递归(WITH语法)
  9. ※数据结构※→☆非线性结构(tree)☆============二叉树 顺序存储结构(tree binary sequence)(十九)
  10. 获取当前页面url
  11. 6、Python-元组
  12. js 上一步 下一步 操作
  13. [转载] Ubuntu 12.04下安装git,SSH及出现的Permission denied解决办法
  14. 概率主题模型简介 Introduction to Probabilistic Topic Models
  15. JavaScript(select onchange)的网页跳转的简单实现
  16. android 开发 ------- 接口文档 规范
  17. 撩课-Java每天10道面试题第5天
  18. Spring(十三)之SQL存储过程
  19. javascript判断一个元素是另外一个元素的子元素
  20. C语言代码里不能用goto?

热门文章

  1. 【Python图像特征的音乐序列生成】如何生成旋律(大纲),以及整个项目的全部流程
  2. MySql5.7主从配置
  3. mac安装webpack失败
  4. 《实战Python网络爬虫》- 感想
  5. wxWidgets:处理wxEVT
  6. CMDB API验证
  7. python3 兔子繁殖问题
  8. 用Python实现小说中的汉字频率统计
  9. 深入理解FIFO(包含有FIFO深度的解释)——转载
  10. city Engine 建模