google搜索“iOS视频变下边播”,有好几篇博客写到了实现方法,其实只有一篇,其他都是copy的,不过他们都是使用的本地代理服务器的方式。

原理很简单,但是缺点也很明显,需要自己写一个本地代理服务器或者使用第三方库httpSever。

如果使用httpSever作为本地代理服务器,如果只缓存一个视频是没有问题的,如果缓存多个视频互相切换,本地代理服务器提供的数据很不稳定,crash概率非常大。


这里我采用ios7以后系统自带的方法实现视频边下边播,这里的边下边播不是单独开一个子线程去下载,而是把视频播放的数据给保存到本地。

  1. 用到的框架:<AVFoundation/AVFoundation.h>
  2. 用到的播放器:AVplayer

先说一下avplayer自身的播放原理,当我们给播放器设置好url等一些参数后,播放器就会向url所在的服务器发送请求

(请求参数有两个值,一个是offset偏移量,另一个是length长度,其实就相当于NSRange一样),

服务器就根据range参数给播放器返回数据。

这就是大致的原理,当然实际的过程还是略微比较复杂。


下面进入主题

产品需求:

1.支持正常播放器的一切功能,包括暂停、播放和拖拽

2.如果视频加载完成且完整,将视频文件保存到本地cache,下一次播放本地cache中的视频,不再请求网络数据

3.如果视频没有加载完(半路关闭或者拖拽)就不用保存到本地cache

实现方案:

1.需要在视频播放器和服务器之间添加一层类似代理的机制,视频播放器不再直接访问服务器,而是访问代理对象,代理对象去访问服务器获得数据,之后返回给视频播放器,同时代理对象根据一定的策略缓存数据。

2.AVURLAsset中的resourceLoader可以实现这个机制,resourceLoader的delegate就是上述的代理对象。

3.视频播放器在开始播放之前首先检测是本地cache中是否有此视频,如果没有才通过代理获得数据,如果有,则直接播放本地cache中的视频即可。

视频播放器需要实现的功能

1.有开始暂停按钮

2.显示播放进度及总时长

3.可以通过拖拽从任意位置开始播放视频

4.视频加载中的过程和加载失败需要有相应的提示
<br/>

代理对象需要实现的功能

1.接收视频播放器的请求,并根据请求的range向服务器请求本地没有获得的数据

2.缓存向服务器请求回的数据到本地

3.如果向服务器的请求出现错误,需要通知给视频播放器,以便视频播放器对用户进行提示

<br/>

具体流程图

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDQzA1MTVGNkE2MjExRTRBRjEzODVCM0Q0NEVFMjFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDQzA1MTYwNkE2MjExRTRBRjEzODVCM0Q0NEVFMjFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkNDMDUxNUQ2QTYyMTFFNEFGMTM4NUIzRDQ0RUUyMUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkNDMDUxNUU2QTYyMTFFNEFGMTM4NUIzRDQ0RUUyMUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6p+a6fAAAAD0lEQVR42mJ89/Y1QIABAAWXAsgVS/hWAAAAAElFTkSuQmCC" alt="" data-ratio="0.4154676258992806" data-src="http://mmbiz.qpic.cn/mmbiz/4dJbufXzsicYDYic3ibnJ5gJzgCib0Z7s5WnjUlje9f3IuUA0kGIg8eFJkTicbH2bXKDHCVKNBh8KdCibHOV52ibrzeNg/0?wx_fmt=png" data-type="png" data-w="" />

1.png

视频播放器处理流程

  1. 当开始播放视频时,通过视频url判断本地cache中是否已经缓存当前视频,如果有,则直接播放本地cache中视频

2.如果本地cache中没有视频,则视频播放器向代理请求数据

3.加载视频时展示正在加载的提示(菊花转)

4.如果可以正常播放视频,则去掉加载提示,播放视频,如果加载失败,去掉加载提示并显示失败提示

5.在播放过程中如果由于网络过慢或拖拽原因导致没有播放数据时,要展示加载提示,跳转到第4步

代理对象处理流程

1.当视频播放器向代理请求dataRequest时,判断代理是否已经向服务器发起了请求,如果没有,则发起下载整个视频文件的请求

2.如果代理已经和服务器建立链接,则判断当前的dataRequest请求的offset是否大于当前已经缓存的文件的offset,

如果大于则取消当前与服务器的请求,并从offset开始到文件尾向服务器发起请求(此时应该是由于播放器向后拖拽,并且超过了已缓存的数据时才会出现)

3.如果当前的dataRequest请求的offset小于已经缓存的文件的offset,同时大于代理向服务器请求的range的offset,

说明有一部分已经缓存的数据可以传给播放器,则将这部分数据返回给播放器(此时应该是由于播放器向前拖拽,请求的数据已经缓存过才会出现)

4.如果当前的dataRequest请求的offset小于代理向服务器请求的range的offset,则取消当前与服务器的请求,

并从offset开始到文件尾向服务器发起请求(此时应该是由于播放器向前拖拽,并且超过了已缓存的数据时才会出现)

5.只要代理重新向服务器发起请求,就会导致缓存的数据不连续,则加载结束后不用将缓存的数据放入本地cache

6.如果代理和服务器的链接超时,重试一次,如果还是错误则通知播放器网络错误

7.如果服务器返回其他错误,则代理通知播放器网络错误


resourceLoader的难点处理

  1. - (BOOL)resourceLoader:(AVAssetResourceLoader *)resourceLoader shou
  2.  
  3. ldWaitForLoadingOfRequestedResource:(AVAssetResourceLoadingRequest
  4.  
  5. *)loadingRequest
    {
  6.    
    [self.pendingRequests addObject:loadingRequest];
  7.    
    [self dealWithLoadingRequest:loadingRequest];    
  8.  
  9. return YES;
    }

播放器发出的数据请求从这里开始,我们保存从这里发出的所有请求存放到数组,自己来处理这些请求,当一个请求完成后,对请求发出finishLoading消息,并从数组中移除。

正常状态下,当播放器发出下一个请求的时候,会把上一个请求给finish。

下面这个方法发出的请求说明播放器自己关闭了这个请求,我们不需要再对这个请求进行处理,系统每次结束一个旧的请求,

便必然会发出一个或多个新的请求,除了播放器已经获得整个视频完整的数据,这时候就不会再发起请求。

  1. - (void)resourceLoader:(AVAssetResourceLoader *)resourceLoader didC
  2. ancelLoadingRequest:(AVAssetResourceLoadingRequest *)loadingRequest
    {
  3.    
    [self.pendingRequests removeObject:loadingRequest];
  4. }

下面这个方法是对播放器发出的请求进行填充数据

  1. - (BOOL)respondWithDataForRequest:(AVAssetResourceLoadingDataReques
  2. t *)dataRequest
    {    long long startOffset = dataRequest.requestedOffset;    if
    (dataRequest.currentOffset != 0) {
  3.        
    startOffset = dataRequest.currentOffset;
  4.    
    }    if ((self.task.offset +self.task.downLoadingOffset) < startO
  5. ffset)
  6.    
    {        //NSLog(@"NO DATA FOR REQUEST");
  7.        
    return NO;
  8.    
    }    
  9. if (startOffset < self.task.offset) {        return NO;
  10.    
    }    
  11. NSData *filedata = [NSData dataWithContentsOfURL:[NSURL fileURLWithPath:_videoPath] options:NSDataReadingMappedIfSafe error:nil];    
    // This is the total data we have from startOffset to whatever has
  12. been downloaded so far
  13.    
    NSUInteger unreadBytes = self.task.downLoadingOffset - ((NSInteger)startOffset - self.task.offset);    
  14. // Respond with whatever is available if we can't satisfy the request fully yet
  15.    
    NSUInteger numberOfBytesToRespondWith = MIN((NSUInteger)dataRequest.requestedLength, unreadBytes);
    [dataRequest respondWithData:[filedata subdataWithRange:NSMakeRange
  16. ((NSUInteger)startOffset- self.task.offset, (NSUInteger)numberOfBytesToRespondWith)]];    
  17. long long endOffset = startOffset + dataRequest.requestedLength;    
    BOOL didRespondFully = (self.task.offset + self.task.downLoadingOffset) >= endOffset;    
  18. return didRespondFully;
  19. }

这是对存放所有的请求的数组进行处理

  1. - (void)processPendingRequests
    {    NSMutableArray *requestsCompleted = [NSMutableArray array];  
    //请求完成的数组
  2.    
    //每次下载一块数据都是一次请求,把这些请求放到数组,遍历数组
  3.    
    for (AVAssetResourceLoadingRequest *loadingRequest in self.pendingR
  4. equests)
  5.    
    {
  6.        
    [self fillInContentInformation:loadingRequest.contentInformationReq
  7. uest]; //对每次请求加上长度,文件类型等信息       
    BOOL didRespondCompletely = [self respondWithDataForRequest:loading
  8. Request.dataRequest]; //判断此次请求的数据是否处理完全if (didRespondCompletely) {
    [requestsCompleted addObject:loadingRequest];  
  9. //如果完整,把此次请求放进 请求完成的数组
  10.            
    [loadingRequest finishLoading];
  11.        
    }
  12.    
    }
  13. [self.pendingRequests removeObjectsInArray:requestsCompleted];   /
  14. /在所有请求的数组中移除已经完成的}

resourceLoader的难点基本上就是上面这点了,说到播放器,下面便顺便讲下AVPlayer的难点。

难点:对播放器状态的捕获

举个简单的例子,视频总长度60分,现在缓冲的数据才10分钟,然后拖动到20分钟的位置进行播放。

在网速较慢的时候,视频从当前位置开始播放,必然会出现一段时间的卡顿。

为了有一个更好的用户体验,在卡顿的时候,我们需要加一个菊花转的状态,现在问题就来了。

在拖动到未缓冲区域内,是否需要加菊花转,如果加,要显示多久再消失,而且如果在网速很慢的时候,播放器如果等了太久,哪怕最后有数据了,播放器也已经“死”了,它自己无法恢复播放。

这个时候需要我们人为的去恢复播放,如果恢复播放不成功,那么过一段时间需要再次恢复播放,是否恢复播放成功,这里也需要捕获其状态。

所以,如果要有一个好的用户体验,我们需要时时知道播放器的状态。

有两个状态需要捕获,一个是正在缓冲,一个是正在播放,监听播放的“playbackBufferEmpty”属性就可以捕获正在缓冲状态,播放器的时间监听器则可以捕获正在播放状态,我的demo中一共有4个状态:

  1. typedef NS_ENUM(NSInteger, TBPlayerState) {
    TBPlayerStateBuffering = 1,
  2.    
    TBPlayerStatePlaying   = 2,
  3.    
    TBPlayerStateStopped   = 3,
  4.    
    TBPlayerStatePause     = 4};

这样可以对播放器更好的把握和处理了。

然后说一说在缓冲时候的处理,以及缓冲后多久去播放,处理方法:

进入缓冲状态后,缓冲2秒后去手动播放,如果播放不成功(缓冲的数据太少,还不足以播放),那就再缓冲2秒再次播放,如此循环,看详细代码:

  1. - (void)bufferingSomeSecond
  2. {    
  3. // playbackBufferEmpty会反复进入,因此在bufferingOneSecond延时播放
  4. 执行完之前再调用bufferingSomeSecond都忽略
  5.    
    static BOOL isBuffering = NO;    if (isBuffering) {        return;
  6.    
    }
  7.    
    isBuffering = YES;    // 需要先暂停一小会之后再播放,否则网络状况
  8. 不好的时候时间在走,声音播放不出来
  9.    
    [self.player pause];
  10.    
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{        
  11. // 如果此时用户已经暂停了,则不再需要开启播放了
  12.        
    if (self.isPauseByUser) {
  13.            
    isBuffering = NO;            return;
  14.        
    }
    [self.player play];        
  15. // 如果执行了play还是没有播放则说明还没有缓存好,则再次缓存一段时间
  16.        
    isBuffering = NO;        
  17. if (!self.currentPlayerItem.isPlaybackLikelyToKeepUp)
    {
  18.            
    [self bufferingSomeSecond];
  19.        
    }
  20.    
    });
    }

这个demo花了我很长的时间,实现这个demo我也遇到了很多坑最后才完成的,现在我奉献出来,也许对你会有所帮助。

如果你觉得不错,还请为我Star一个,也算是对我的支持和鼓励。

demo下载地址【https://github.com/suifengqjn/TBPlayer】

视频边下边播--缓存播放数据流-b的更多相关文章

  1. iOS视频边下边播--缓存播放数据流

    实现视频边下边播,这里的边下边播不是单独开一个子线程去下载,而是把视频播放的数据给保存到本地.简而言之,就是使用一遍的流量,既播放了视频,也保存了视频. 用到的框架:<AVFoundation/ ...

  2. 仿微博视频边下边播之滑动TableView自动播放-b

    Tips:这次的内容分为两篇文章讲述01.[iOS]仿微博视频边下边播之封装播放器 讲述如何封装一个实现了边下边播并且缓存的视频播放器.02.[iOS]仿微博视频边下边播之滑动TableView自动播 ...

  3. ios 音视频实现边播边缓存的思路和解决方案 (转)

    本片为转载内容,主要是以后自己看起来方便一些 原文地址:iOS音视频实现边下载边播放 其实音视频本地缓存的思想都差不多,都需要一个中间对象来连接播放器和服务器. 近段时间制作视频播放社区的功能,期间查 ...

  4. Android设备广告投放解决方案——大量网络图片、多个网络视频的轮播、缓存与更新

    转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/7742996.html 一:业务场景 基于Android系统的设备上投放广告,诸如:地铁广告屏.自助服务机器上的 ...

  5. 关于MPMoviePlayerController 缓存播放的一些技术准备

    如果是视频文件,比如Mp4,avi,rmvb等可根据下面的这边文章推荐的Demo(http://code4app.com/ios/5292c381cb7e8445678b5ac2),经过测试可以进行同 ...

  6. android 项目学习随笔十六( 广告轮播条播放)

    广告轮播条播放 if (mHandler == null) {//在此初始化mHandler , 保证消息不重复发送 mHandler = new Handler() { public void ha ...

  7. 视频swiper轮播

    关于本次文章的内容,实际上是咪咕阅读详情页中的一个前端需求要做的效果,不过比起原需求,此次案例已经被删减掉许多部分了.音频部分舍弃,调用客户端接口舍弃,并做一些整理.最后留下的是这个精简版的案例.方便 ...

  8. [转]Android WebView播放视频(包括全屏播放),androidwebview

    Android WebView播放视频(包括全屏播放),androidwebview 最近项目开发中用到了WebView播放视频的功能,总结了开发中犯过的错误,这些错误在开发是及容易遇到的,所以我这里 ...

  9. docker+fastdfs+nginx 实现分布式大文件存储系统以及视频缓存播放

    废话不多说,直接开撸 首先是一些准备工作: 1.关闭防火墙 service iptables stop --- fastdfs虽然在docker部署,但是使用的是主机网络,所以关闭防火墙. 2  下载 ...

随机推荐

  1. ios 图片截取功能 图片拼接功能

    截取整个view: -(UIImage*)captureView:(UIView *)theView{ CGRect rect = theView.frame; if ([theView isKind ...

  2. 百度地图SDK下载以及创建应用(申请Key)和本地导入Demo

    一.百度地图SDK下载 http://lbsyun.baidu.com/sdk/download?selected=location 选择全部,然后分别下载开发包.示例代码.类参考. 二.创建应用(申 ...

  3. 까페24 호스팅 php 에러메세지 출력

    [문제점] 최근 까페24호스팅에서 php작업시화면에 에러메세지가 나오지 않아 디버깅시에 매우 곤란함 [해결책] .htaccess 내용에 아래추가.=================== ...

  4. Json-lib - java.util.Date 转换问题

    使用 JSON-lib 将 java.util.Date 对象直接转换成 JSON 字符串时,得到的通常不是想要格式: System.out.println(JSONSerializer.toJSON ...

  5. SQL-学习使用FOR XML PATH

    前言:本人SQL技术很烂,然后工作时间也不久,许多东西都还在学习中,说的不好的地方尽请谅解. 首先跟大家说一下我今天遇到的问题吧. 查出的数据有三列,第一列存放的是32位的GUID,Res_Name存 ...

  6. IIS经典模式和集成模式在管道模型中的不同

    问题: 有时候我们配置IIS后可能运行提示以下错误: HTTP 错误 500.23 - Internal Server Error 检测到在集成的托管管道模式下不适用的 ASP.NET 设置. 其中由 ...

  7. Hql 中实用查询时候 引号的使用

    出错代码://List vlist = this.getHibernateTemplate().find("from AndroidCustomer ct where ct.token = ...

  8. ###g++编译器

    点击查看Evernote原文. #@author: gr #@date: 2014-07-20 #@email: forgerui@gmail.com 对g++编译器不是特别熟悉,希望借此熟悉一下. ...

  9. android体系架构

    android体系架构总结: android体系架构分为四层 第一层:应用层:applications 第二层:开发层 第三层:

  10. 简单模拟java动态动态代理机制的底层实现原理

    在网上学习了马士兵老师的设计模式视屏,过程中也有认真的做相应的笔记.在次分享我的一些成果,方便大家的进一步学习. 1.接口  } 2.被代理的对象 public class Tank implemen ...