iOS 视频播放器开发

最新推荐文章于 2023-07-19 15:36:27 发布
最新推荐文章于 2023-07-19 15:36:27 发布
阅读量2.2k 收藏 6
点赞数 1
分类专栏： iOS 文章标签： ios 音视频 objective-c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27247497/article/details/128822481
版权

需求设计

做一个小学生教育辅导视频播放器。

参考小猿搜题视频播放器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L0GsyFSt-1675164972791)(https://tva1.sinaimg.cn/large/008vxvgGgy1h9xk4fm5xfj31sx0u0mz0.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XZ7e0Z3Z-1675164972792)(https://tva1.sinaimg.cn/large/008vxvgGgy1h9xk4fm5xfj31sx0u0mz0.jpg)]

主要功能：

  • 非VIP用户免费播放开头部分；
  • 截屏；
  • 倍速播放；
  • 进度条快进快退；

实现原理

  1. 公开属性
#import "WMPlayer.h"
@property (nonatomic, retain) WMPlayerModel *playerModel;
@property (nonatomic, strong) WMPlayer  *wmPlayer;
  1. 实例化播放器
    //self.wmPlayer = [[WMPlayer alloc] initWithFrame:CGRectMake(0, [WMPlayer IsiPhoneX]?34:0, self.view.frame.size.width, self.view.frame.size.width*(9.0/16))];
    self.wmPlayer = [[WMPlayer alloc] initWithFrame:CGRectMake(0, 44, self.view.frame.size.width, self.view.frame.size.height-88)];
    self.wmPlayer.delegate = self;
    self.wmPlayer.playerModel = self.playerModel;
    [self.view addSubview:self.wmPlayer];
    [self.wmPlayer play];
    
    //旋转屏幕通知
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(onDeviceOrientationChange:)
                                                 name:UIDeviceOrientationDidChangeNotification
                                               object:nil];
  1. VC生命周期
#pragma mark - Life Cycle

- (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    [self.navigationController setNavigationBarHidden:YES animated:NO];
    self.view.frame = UIScreen.mainScreen.bounds;
    self.wmPlayer.delegate = self;
}

-(void)viewDidDisappear:(BOOL)animated{
    [super viewDidAppear:animated];
    [self.navigationController setNavigationBarHidden:NO animated:NO];
}

- (void)dealloc{
    [self.wmPlayer pause];
    [self.wmPlayer removeFromSuperview];
    self.wmPlayer = nil;
    [[NSNotificationCenter defaultCenter] removeObserver:self];
    NSLog(@"DetailViewController dealloc");
}
  1. 播放器代理
#pragma mark - WMPlayerDelegate
///播放器CloseButton
-(void)wmplayer:(WMPlayer *)wmplayer clickedCloseButton:(UIButton *)closeBtn{
    if (wmplayer.isFullscreen) {
        [self exitFullScreen];
    }else{
        if (self.presentingViewController) {
            [self dismissViewControllerAnimated:YES completion:^{
            }];
        }else{
            [self.navigationController popViewControllerAnimated:YES];
        }
    }
}
///全屏按钮
-(void)wmplayer:(WMPlayer *)wmplayer clickedFullScreenButton:(UIButton *)fullScreenBtn{
    if (self.wmPlayer.viewState == PlayerViewStateSmall) {
         [self enterFullScreen];
    }
}

-(void)enterFullScreen{
    if (self.wmPlayer.viewState != PlayerViewStateSmall) {
        return;
    }
    LandscapeRightViewController *rightVC = [[LandscapeRightViewController alloc] init];
    [self presentToVC:rightVC];
}

-(void)exitFullScreen{
    if (self.wmPlayer.viewState!=PlayerViewStateFullScreen) {
        return;
    }
    self.wmPlayer.isFullscreen = NO;
    self.wmPlayer.viewState = PlayerViewStateAnimating;
    [self dismissViewControllerAnimated:YES completion:^{
        self.wmPlayer.viewState  = PlayerViewStateSmall;
    }];
}
  1. 旋转屏幕通知
#pragma mark - NSNotificationCenter
/**
 *  旋转屏幕通知
 */
- (void)onDeviceOrientationChange:(NSNotification *)notification{
    if (self.wmPlayer.viewState!=PlayerViewStateSmall) {
        return;
    }
    if (self.wmPlayer.isLockScreen){
        return;
    }
    UIDeviceOrientation orientation = [UIDevice currentDevice].orientation;
    UIInterfaceOrientation interfaceOrientation = (UIInterfaceOrientation)orientation;
    switch (interfaceOrientation) {
        case UIInterfaceOrientationPortraitUpsideDown:{
        }
            break;
        case UIInterfaceOrientationPortrait:{

        }
            break;
        case UIInterfaceOrientationLandscapeLeft:{
            [self presentToVC:[LandscapeLeftViewController new]];
        }
            break;
        case UIInterfaceOrientationLandscapeRight:{
            [self presentToVC:[LandscapeRightViewController new]];
        }
            break;
        default:
            break;
    }
}

-(void)presentToVC:(FullScreenHelperViewController *)aHelperVC{
    self.wmPlayer.viewState = PlayerViewStateAnimating;
    self.wmPlayer.beforeBounds = self.wmPlayer.bounds;
    self.wmPlayer.beforeCenter = self.wmPlayer.center;
    self.wmPlayer.parentView = self.wmPlayer.superview;
    self.wmPlayer.isFullscreen = YES;
    aHelperVC.wmPlayer = self.wmPlayer;
    aHelperVC.modalPresentationStyle = UIModalPresentationFullScreen;
    aHelperVC.transitioningDelegate = self;
    [self presentViewController:aHelperVC animated:YES completion:^{
        self.wmPlayer.viewState = PlayerViewStateFullScreen;
    }];
}
  1. 调用播放器
        VideoDataModel *videoModel = self.videoDataAry[indexPath.row];
        WMPlayerModel *playerModel = [WMPlayerModel new];
        playerModel.videoURL = [NSURL URLWithString:videoModel.video_url];
        //playerModel.videoURL = [NSURL URLWithString:@"http://static.tripbe.com/videofiles/20121214/9533522808.f4v.mp4"];
        //playerModel.videoURL = [NSURL URLWithString:@"http://img.zhuoqi.tech/test_h264_level30_480_360.mp4"];
        playerModel.title = videoModel.nickname;
        DetailViewController *detailVC = [DetailViewController new];
        detailVC.playerModel = playerModel;
        [self.navigationController pushViewController:detailVC animated:YES];

基本概念

一个在线视频能够播放，大致是经过了如下步骤：

视频播放原理

HLS(Http Live Streaming)

HLS是苹果推出，实现的基于HTTP的流媒体传输协议:

优点：

1、通过m3u8索引文件可实现针对当前浏览设备的智能选择播放源

2、通过m3u8索引文件可实现添加备份索引文件，防止服务器崩溃视频播放失败

3、和http视频一样不需要太多服务器额外配置

缺点：

1、并非真正实时视频，30s左右时间差

2、需要视频处理

3、因为需要请求索引文件（ts视频文件）请求次数相对较多，对服务器负载较大

AVPlayer支持哪些视频格式

苹果设备支持音视频格式并不是就代表AVPlayer也支持那么多格式，确定AVPlayer的支持格式，我们可以查看AVKit中的一个API:

//展示当前支持的音视频格式
let asset = AVURLAsset.audiovisualTypes()
//打印asset可以得到（已经转过展示格式）
asset type (
    "audio/aacp",
    "video/3gpp2",
    "audio/mpeg3",
    "audio/mp3",
    "audio/x-caf",
    "audio/mpeg",
    "video/quicktime",
    "audio/x-mpeg3",
    "video/mp4",
    "audio/wav",
    "video/avi",
    "audio/scpls",
    "audio/mp4",
    "audio/x-mpg",
    "video/x-m4v",
    "audio/x-wav",
    "audio/x-aiff",
    "application/vnd.apple.mpegurl",
    "video/3gpp",
    "text/vtt",
    "audio/x-mpeg",
    "audio/wave",
    "audio/x-m4r",
    "audio/x-mp3",
    "audio/AMR",
    "audio/aiff",
    "audio/3gpp2",
    "audio/aac",
    "audio/mpg",
    "audio/mpegurl",
    "audio/x-m4b",
    "application/mp4",
    "audio/x-m4p",
    "audio/x-scpls",
    "audio/x-mpegurl",
    "audio/x-aac",
    "audio/3gpp",
    "audio/basic",
    "audio/x-m4a",
    "application/x-mpegurl"
)

AVPlayer支持的

视频编码格式：H.264、HEVC(iPhone7及以后设备)、MPEG-4。
视频封装格式：.mp4、.mov、.m4v、.3gp、.avi等。
如果想支持更多的视频格式，可以使用使用第三方的框架，常用的视频编码和解码框架有VLC和ffmpeg。

AVPlayerItem的控制

AVPlayerItem作为资源管理对象，它控制着视频从创建到销毁的诸多状态。

播放状态 status

typedef NS_ENUM(NSInteger,AVPlayerItemStatus) {
        AVPlayerItemStatusUnknown,//未知
        AVPlayerItemStatusReadyToPlay,//准备播放
        AVPlayerItemStatusFailed//播放失败
};

我们使用KVO监测playItem.status，可以获取播放状态的变化

[self.playerItem addObserver:selfforKeyPath:@"status"options:NSKeyValueObservingOptionNewcontext:nil];

在监听回调中：

- (void)observeValueForKeyPath:(NSString*)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void*)context{
    if([object isKindOfClass:[AVPlayerItemclass]]) {
        if([keyPath isEqualToString:@"status"]) {
            switch(_playerItem.status) {
                caseAVPlayerItemStatusReadyToPlay://推荐将视频播放放这里
                    [self play];
                    break;
                caseAVPlayerItemStatusUnknown:
                    NSLog(@"AVPlayerItemStatusUnknown");
                    break;
                caseAVPlayerItemStatusFailed:
                    NSLog(@"AVPlayerItemStatusFailed");
                    break;
                default:
                    break;
             }
        }
    }
}

虽然设置完播放配置我们可以直接调用[self.player play];进行播放，但是更稳妥的方法是在回调收到AVPlayerItemStatusReadyToPlay时进行播放。

参考文章

HTTP Streaming Architecture

HTTP Live Streaming

WMPlayer

WeChat

SJVideoPlayer

DouYin

TBPlayer

iOS视频播放器开发

iOS视频播放的基本方法

上传到阿里云OSS的视频如何实现在线播放

ZFPlayer 3.0解析

AVPlayer支持的视频格式

iOS音视频播放指南（一）

iOS音视频开发学习指南

iOS视频开发（一）：视频采集

欧生1539
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
iOS 利用FFmpeg 开发音视频流（一）——Mac 系统上编译 FFmpeg
irainsa的博客
02-27 849
说到 FFmpeg，大家都知道这个怪物一开始就是用来做视频播放器的，之所以这么受欢迎，是因为其解码手段非常牛，简单点说，就是不支持的播放格式很少，这当然就成了很多做视频相关开发的小伙伴为之倾慕了。博主今天来给大家科普一下怎么优雅的使用 FFmpeg 这个让做视频相关的程序员又爱又恨的库，今天第一编，我们就来点简单的，在 Mac 上利用 FFmpeg 将 fly 格式转成 成 mp4格式，这个技巧这么实用，相信各位小伙伴都会为之喜好吧，那么我们首先得准备好工具了。
【iOS开发进阶】-AVPlayer视频播放
qq_41843697的博客
11-14 6730
1.AVPlayer介绍 iOS提供了多种方法来实现视频播放，包括MPMoviePlayerController,MPMoviePlayerViewController,AVPlayer,AVPlayerViewController等。其中MPMoviePlayerController,MPMoviePlayerViewController在iOS9.0之后被弃用。四种播放方式的区别如下： 其中公司内项目使用的是AVPlayer实现视频播放，AVPlayer使用十分灵活，也更加接近底层，但是AVPl
基于ios的视频播放器
06-01
这个代码是一个基于ios的视频播放器.可以实现对本地视频的播放.代码有注释.简单易懂。这是我的一个课程设计.已过关
IOS视频播放器
12-09
实现功能齐全的视频播放器类库，可以代替MPMoviePlayerController。可以播放本地视频以及远程视频（即在线播放），支持拖动进度条，快进，后退，暂停，全屏等操作。
ios-自定义视频播放器AVPlayer.zip
07-11
利用系统类AVPlayer实现完全自定义视频播放器，显示播放时间，缓存等功能。代码清晰，注释详细，不懂请回复。
ios 视频播放器
09-19
通过网络解析 获得网上资源，播放视频 ios 初学者开发
swift-Swift开发一个iOS视频播放器VGPlayer
08-15
Swift开发一个iOS视频播放器 VGPlayer
ios开发-搭建自定义的视频播放器
zhangqq16781的博客
08-08 1726
本来有AVPlayer和MPPlayerviewcontrller的。后者现在被弃用了，所以就用AVplayerviewcontrller原生的开发#import <AVKit/AVKit.h> @interface ViewController : UIViewController @property(nonatomic,retain)AVPlayerViewController * avc; @
iOS WMPlayer视频播放器
你有故事，我囿酒
02-19 5840
1、WMPlayer视频播放器，AVPlayer的封装，继承UIView。 2、支持播放mp4、m3u8、3gp、mov 3、网络和本地视频同时支持。 4、全屏和小屏播放同时支持。  https://github.com/zhengwenming/WMPlayer
iOS-音视频播放的简单实现
最新发布
m0_60259116的博客
07-19 432
iOS-音视频播放的简单实现
iOS开发之简单视频播放
iOS界@迷糊小书童
06-24 1791
1.
IOS视频播放器，单个播放，列表播放，抖音滑动播放
08-11
普通模式的播放， ； 列表普通模式的播放，包括手动点击播放、... 列表的亮暗模式播放，类似于微博、UC浏览器视频列表等APP； 列表视频滑出屏幕后停止播放、滑出屏幕后小窗播放； 优雅的全屏，支持横屏和竖屏全屏模式；
iOS实现一个简单的视频播放器
xiaojun11的专栏
08-22 1877
摘自：http://blog.csdn.net/u011334685/article/details/42675179 说明：用系统自带的AVPlayer类实现一个简单的视频播放器。它既能播放本地视频，也能较流畅地播放网络视频。 首先要引入AVFoundation.framework框架； 播放器类.h文件代码如下： [objc] view plain 
IOS开源播放器ijkplayer从编译到播放（上）
PigVillage_Terry
10-06 5936
ijkplayer：来自哔哩哔哩的开源播放器 ijkplayer算是IOS平台上比较好的开源播放器了 下面就整理一下从下载，编译，到成功集成播放的过程 一、下载、编译 首先我们看看Github上的Readme git clone https://github.com/Bilibili/ijkplayer.git ijkplayer-ios
iOS开发——视频播放
刘成利的博客
10-12 744
本文主要实现调用系统自带的播放器，自带的播放器已经做好了屏幕的适配，集成播放，暂停，快进等功能。能够满足基本的视频播放功能及iOS的视频播放的开发。         （占位，更新）
iOS视频播放的基本方法
u013712343的博客
06-28 2070
本文总结了iOS中最常见的视频播放方法，不同的方法都各具特点，我希望能够总结它们的不同，方便在开发中选择合适的技术方案。 Apple为我们提供了多种方法来实现视频播放，包括MPMoviePlayerController，MPMoviePlayerViewController，AVPlayer，AVPlayerViewController等。而值得注意的是，上述的MPMoviePlayerController与MPMoviePlayerViewController在iOS9.0之后被弃用。虽说如此，这还是将
iOS音视频播放指南（一）
yinshipin007的博客
03-25 1323
可以简单的理解AVAsset提供给我们一套统一的接口用于处理不同格式的视频。AVKit构建在 AVFoundation之上，可以简单的理解使用AVKit能够及其方便的使用系统为你提供的音视频播放界面。// 10秒的第一帧。AVAsset是媒体对象的抽象类 ， AVMetadataItem是元数据的抽象类，提供了媒体文件关联的一些元数据,例如电影的标题或专辑的插图。如果你想对视频的播放时间进监听，首先肯定想到的是KVO,但KVO不不适合用来对时间进行监听，因为时间是连续变化的（想象一下KVO一直回调）。
iOS - 视频播放器的简单封装
yinshipin007的博客
03-24 318
2.imageView的tap手势点击方法实现，这里分为几种情况，当视频未播放的时候，点击imageView不会显示工具栏，而是与点击中间播放按钮相同，开始播放视频，播放过程中点击imageView会显示工具栏，而如果此时点击了工具栏中的暂停按钮，播放暂停，则此时工具栏不会消失，重新开始播放视频，工具栏在5秒内消失。当点击中间播放按钮开始播放的时候添加定时器，同步更新播放时间和Slider，当播放途中点击工具栏暂停按钮暂停播放，需要将视频暂停，并移除定时器，重新开始播放时在添加定时器，并开始播放。
iOS UIImageView 网络加载图片自适应大小问题
热门推荐
疯狂的程序猿的博客
12-02 1万+
#pragma mark - /////// //图片部分     for (int i = 0; i _imageArray count]; i++) {                  UIImageView * imageV = (UIImageView *)[_imageArray objectAtIndex:i];                  
iOS 开发 OC avplayer 视频播放器 高端使用
06-08
AVPlayer 是 iOS 开发中用于播放视频和音频的高级框架，使用起来非常灵活和强大。下面是 AVPlayer 的一些高端使用技巧： 1. 自定义播放器 UI：AVPlayer 可以与 AVPlayerLayer 配合使用，可以自定义播放器 UI，实现...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值