首页 > 学院 > 开发设计 > 正文

AVplayer的使用教程

2019-11-09 17:13:44
字体:
来源:转载
供稿:网友

GitHub地址

公司做视频服务的,写了一个播放器Demo。主要功能都已经实现,自己再插入几个控制控件。

先梳理几个问题:

1.AVplayer的播放

2.uislider进度条

3.全屏模式

4.单个页面强制横屏

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

自定义一个view用来播放视频。

////  PlayerView.m//  videodemo////  Created by meipaipai on 17/2/3.//  Copyright © 2017年 meipaipai. All rights reserved.//#import "PlayerView.h"#import "LykSlider.h"@interface PlayerView ()@PRoperty (nonatomic, strong) AVPlayer *player;@property (nonatomic, strong) AVPlayerItem *playerItem;@property (nonatomic ,strong) id playbackTimeObserver;@property (nonatomic, strong) NSString *totalTime;//视频总时间@property (nonatomic, strong) NSDateFormatter *dateFormatter;//时间格式//控制台@property (nonatomic, strong) UIView *controlView;//控制台视图@property (nonatomic, strong) UIButton *playButton;//播放按钮@property (nonatomic, strong) LykSlider *playSlider;//进度条@property (nonatomic, strong) UILabel *playTime;//播放时间@property (nonatomic, strong) UIButton *fullScreen;//全屏@endstatic UIImage *thumbImage;@implementation PlayerView-(void)dealloc{    [self.playerItem removeObserver:self forKeyPath:@"status" context:nil];    [self.playerItem removeObserver:self forKeyPath:@"loadedTimeRanges" context:nil];    [[NSNotificationCenter defaultCenter] removeObserver:self name:AVPlayerItemDidPlayToEndTimeNotification object:self.playerItem];    [self.player removeTimeObserver:self.playbackTimeObserver];}-(instancetype)initWithFrame:(CGRect)frame{    self = [super initWithFrame:frame];    if (self) {        NSURL *videoUrl = [NSURL URLWithString:@"http://v.jxvdy.com/sendfile/w5bgP3A8JgiQQo5l0hvoNGE2H16WbN09X-ONHPq3P3C1BISgf7C-qVs6_c8oaw3zKScO78I--b0BGFBRxlpw13sf2e54QA"];        self.playerItem = [AVPlayerItem playerItemWithURL:videoUrl];        self.player = [AVPlayer playerWithPlayerItem:self.playerItem];        //解决iOS 10偶尔播放不了的问题        if([[UIDevice currentDevice] systemVersion].intValue>=10){            //      增加下面这行可以解决ios10兼容性问题了            self.player.automaticallyWaitsToMinimizeStalling = NO;        }                // 添加视频播放结束通知        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(moviePlayDidEnd:) name:AVPlayerItemDidPlayToEndTimeNotification object:self.playerItem];        //  监听status属性        [self.playerItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil];        //  监听loadedTimeRanges属性        [self.playerItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil];        [self.player play];    }    return self;}//重写layer方法+ (Class)layerClass {    return [AVPlayerLayer class];}//重写get方法- (AVPlayer *)player {    return [(AVPlayerLayer *)[self layer] player];}//重写set方法- (void)setPlayer:(AVPlayer *)player {    [(AVPlayerLayer *)[self layer] setPlayer:player];}//KVO-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{    AVPlayerItem *playerItem = (AVPlayerItem *)object;    if ([keyPath isEqualToString:@"status"]) {        //准备播放        if (playerItem.status == AVPlayerItemStatusReadyToPlay) {            // 转换成秒            CGFloat totalSecond = playerItem.duration.value / playerItem.duration.timescale;            // 转换成播放时间            self.totalTime = [self convertTime:totalSecond];            // 监听播放状态            [self monitoringPlayback:self.playerItem];            //控制台UI            [self customVideoSlider:totalSecond];                    } else if (playerItem.status == AVPlayerStatusFailed) {            NSLog(@"播放失败");        }    } else if ([keyPath isEqualToString:@"loadedTimeRanges"]) {        NSTimeInterval timeInterval = [self availableDuration];// 计算缓冲进度        NSLog(@"Time Interval:%f",timeInterval);        CGFloat currentSecond = playerItem.currentTime.value / playerItem.currentTime.timescale;        //缓冲好后自动播放        if (timeInterval > currentSecond && self.playButton.selected == NO) {            [self.player play];        }    }}//缓冲- (NSTimeInterval)availableDuration {    NSArray *loadedTimeRanges = [[self.player currentItem] loadedTimeRanges];    CMTimeRange timeRange = [loadedTimeRanges.firstObject CMTimeRangeValue];// 获取缓冲区域    float startSeconds = CMTimeGetSeconds(timeRange.start);    float durationSeconds = CMTimeGetSeconds(timeRange.duration);    NSTimeInterval result = startSeconds + durationSeconds;// 计算缓冲总进度    return result;}//视频总时间转换- (NSString *)convertTime:(CGFloat)second{    NSDate *d = [NSDate dateWithTimeIntervalSince1970:second];    if (second/3600 >= 1) {        [[self dateFormatter] setDateFormat:@"HH:mm:ss"];    } else {        [[self dateFormatter] setDateFormat:@"mm:ss"];    }    NSString *showtimeNew = [[self dateFormatter] stringFromDate:d];    return showtimeNew;}//dateFormatter懒加载- (NSDateFormatter *)dateFormatter {    if (!_dateFormatter) {        _dateFormatter = [[NSDateFormatter alloc] init];    }    return _dateFormatter;}//监听播放状态- (void)monitoringPlayback:(AVPlayerItem *)playerItem {        __weak typeof(self) weakSelf = self;    self.playbackTimeObserver = [self.player addPeriodicTimeObserverForInterval:CMTimeMake(1, 1) queue:NULL usingBlock:^(CMTime time) {        // 计算当前在第几秒        CGFloat currentSecond = playerItem.currentTime.value / playerItem.currentTime.timescale;        NSString *timeString = [weakSelf convertTime:currentSecond];        NSLog(@"%@", timeString);        weakSelf.playSlider.value = currentSecond;        weakSelf.playTime.text = [NSString stringWithFormat:@"%@/%@", timeString, weakSelf.totalTime];    }];}//自定义控制台- (void)customVideoSlider:(CGFloat)second {    //控制台视图    self.controlView = [[UIView alloc] init];    self.controlView.alpha = 0.8;    self.controlView.backgroundColor = [UIColor blackColor];    [self addSubview:self.controlView];    //播放按钮    float itemY = self.controlView.bounds.size.height / 6;    self.playButton = [UIButton buttonWithType:UIButtonTypeCustom];    if (self.playButton.selected) {        [self.playButton setImage:[UIImage imageNamed:@"videoPlay"] forState:UIControlStateNormal];    } else {        [self.playButton setImage:[UIImage imageNamed:@"videoStop"] forState:UIControlStateNormal];    }    [self.playButton addTarget:self action:@selector(clickButton:) forControlEvents:UIControlEventTouchDown];    [self.controlView addSubview:self.playButton];    //视频时间    self.playTime = [[UILabel alloc] init];    self.playTime.textColor = [UIColor whiteColor];    self.playTime.font = [UIFont systemFontOfSize:itemY * 2];    self.playTime.text = [NSString stringWithFormat:@"00:00/%@", self.totalTime];    [self.controlView addSubview:self.playTime];    //全屏    self.fullScreen = [UIButton buttonWithType:UIButtonTypeCustom];    [self.fullScreen setImage:[UIImage imageNamed:@"videoBig"] forState:UIControlStateNormal];    [self.fullScreen addTarget:self action:@selector(clickFullButton:) forControlEvents:UIControlEventTouchDown];    [self.controlView addSubview:self.fullScreen];    //进度条    self.playSlider = [[LykSlider alloc] init];    self.playSlider.minimumValue = 0;// 设置最小值    self.playSlider.maximumValue = second;// 设置最大值    self.playSlider.value = 0;// 设置初始值    self.playSlider.continuous = NO;// 设置可连续变化,yes连续变化会触发方法,no当滑块拖动停止会触发方法    [self.playSlider addTarget:self action:@selector(sliderValueChanged:) forControlEvents:UIControlEventValueChanged];    [self.controlView addSubview:self.playSlider];        [self changeFrame:self.frame];}//控制台按钮点击事件-(void)clickButton:(UIButton *)sender{    sender.selected = !sender.selected;    if (sender.selected) {        [self.playButton setImage:[UIImage imageNamed:@"videoPlay"] forState:UIControlStateNormal];        [self.player pause];    } else {        [self.playButton setImage:[UIImage imageNamed:@"videoStop"] forState:UIControlStateNormal];        [self.player play];    }}//全屏按钮点击事件-(void)clickFullButton:(UIButton *)sender{    sender.selected = !sender.selected;    if (sender.selected) {        [self.fullScreen setImage:[UIImage imageNamed:@"videoSmall"] forState:UIControlStateNormal];        //调用全屏block        self.pushBlockWithView();    } else {        [self.fullScreen setImage:[UIImage imageNamed:@"videoBig"] forState:UIControlStateNormal];        //调用小屏block        self.popBlockWithView();    }}//改变frame-(void)changeFrame:(CGRect)frame{    self.frame = frame;    self.controlView.frame = CGRectMake(0, self.bounds.size.height / 7 * 6, self.bounds.size.width, self.bounds.size.height / 7);    float itemY = self.controlView.bounds.size.height / 6;    self.playButton.frame = CGRectMake(itemY, itemY, self.controlView.bounds.size.height - itemY * 2, self.controlView.bounds.size.height - itemY * 2);    self.playTime.frame = CGRectMake(self.playButton.frame.size.width + itemY * 6, itemY * 2, 200, itemY * 2);    self.playTime.font = [UIFont systemFontOfSize:itemY * 2];    self.fullScreen.frame = CGRectMake(self.bounds.size.width - self.controlView.bounds.size.height, itemY, self.controlView.bounds.size.height - itemY * 2, self.controlView.bounds.size.height - itemY * 2);    self.playSlider.frame = CGRectMake(0, -itemY, self.controlView.bounds.size.width, itemY * 2);    thumbImage = [self OriginImage:[UIImage imageNamed:@"videoThum"] scaleToSize:CGSizeMake(itemY * 2, itemY * 2)];    [self.playSlider setThumbImage:thumbImage forState:UIControlStateNormal];}//裁剪图片大小-(UIImage *)OriginImage:(UIImage *)image scaleToSize:(CGSize)size {    UIGraphicsBeginImageContext(size);  //size 为CGSize类型,即你所需要的图片尺寸    [image drawInRect:CGRectMake(0, 0, size.width, size.height)];    UIImage* scaledImage = UIGraphicsGetImageFromCurrentImageContext();    UIGraphicsEndImageContext();    return scaledImage;   //返回的就是已经改变的图片}//进度条拖动方法-(void)sliderValueChanged:(UISlider *)sender{    [self.player seekToTime:CMTimeMake(sender.value,1)];}//播放完成处理- (void)moviePlayDidEnd:(NSNotification *)notification {    [self.player seekToTime:kCMTimeZero completionHandler:^(BOOL finished) {    }];}@end

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

解决问题:

1.uislider滑块大小无法控制

解决:

自定义图片更改滑块图片

- (void)setThumbImage:(nullable UIImage *)image forState:(UIControlState)state;

通过控制图片大小来改变滑块大小

//裁剪图片大小-(UIImage *)OriginImage:(UIImage *)image scaleToSize:(CGSize)size {    UIGraphicsBeginImageContext(size);  //size 为CGSize类型,即你所需要的图片尺寸    [image drawInRect:CGRectMake(0, 0, size.width, size.height)];    UIImage* scaledImage = UIGraphicsGetImageFromCurrentImageContext();    UIGraphicsEndImageContext();    return scaledImage;   //返回的就是已经改变的图片}2.uislider滑块拖动不灵敏,有时点不中

解决:传言都说uislider frame的高度没用,实际高度是一个范围,只是对样式没有改变,问题的原因就是高度值太小,点不中。

3.视频播放不了

解决:iOS 10版本问题,avplayer新增属性automaticallyWaitsToMinimizeStalling,设置为no就可以

4.全屏强制横屏

解决:

appdelegate.h

#import <UIKit/UIKit.h>@interface AppDelegate : UIResponder <UIapplicationDelegate>@property (strong, nonatomic) UIWindow *window;/** *  是否强制横屏 */@property  BOOL isForceLandscape;/** *  是否强制竖屏 */@property  BOOL isForcePortrait;@endappdelegate.m

static AppDelegate *_appDelegate;+(AppDelegate *)appDelegate{    return _appDelegate;}-(UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window{        if (self.isForceLandscape) {        return UIInterfaceOrientationMaskLandscape;    }else if (self.isForcePortrait){        return UIInterfaceOrientationMaskPortrait;    }    return UIInterfaceOrientationMaskAll;}需要横屏的viewcontroller加入下列代码

-(void)viewWillAppear:(BOOL)animated{    [self forceOrientationLandscape];}/** *  强制横屏 */-(void)forceOrientationLandscape{    //这段代码,只能旋转屏幕不能达到强制横屏的效果    if ([[UIDevice currentDevice] respondsToSelector:@selector(setOrientation:)]) {        SEL selector = NSSelectorFromString(@"setOrientation:");        NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:[UIDevice instanceMethodSignatureForSelector:selector]];        [invocation setSelector:selector];        [invocation setTarget:[UIDevice currentDevice]];        int val = UIInterfaceOrientationLandscapeRight;        [invocation setArgument:&val atIndex:2];        [invocation invoke];    }    //加上代理类里的方法,旋转屏幕可以达到强制横屏的效果    AppDelegate *appdelegate=(AppDelegate *)[UIApplication sharedApplication].delegate;    appdelegate.isForceLandscape=YES;    [appdelegate application:[UIApplication sharedApplication] supportedInterfaceOrientationsForWindow:self.view.window];}-(void)viewWillDisappear:(BOOL)animated{    AppDelegate *appdelegate=(AppDelegate *)[UIApplication sharedApplication].delegate;    appdelegate.isForcePortrait=NO;    appdelegate.isForceLandscape=NO;}


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表