Banners.png
# 前言
之前学习了 Swift 一直想做一个项目，这次下定决心花了近1个月的空闲时间基于 AVPlayer 封装了一个视频播放器。
# 源代码
- GitHub地址：VGPlayer
- 有什么意见建议可以提 issues,在博文下留言，如果觉得不错，欢迎点star。
# 更新列表
- 2017-6-13 v0.0.1
- 2017-6-17 v0.0.2 支持外挂字幕 格式 srt & ass 两种都支持
- 2017-7-1 边播边缓存 v0.1.0
- 2017-7-11 修复所有编译⚠️. v0.1.2
- 2017-7-16 修复缓存视频时URL解析错误导致的crash. v0.1.3
- 2017-8-10 修复退出全屏后的播放视图frame error问题，修复iOS9播放卡住问题,增加example 嵌入在cell中的播放模式. v0.1.4
- 2017-9-6 v0.1.5 修复URL 解析问题 修复暂停播放问题
- 2017-9-21 v0.2.0 整理代码、转换成Swift 4
# 演示
demo1.gif
demo2.gif
vgplayer_embed_in_cell.gif
# 功能
- 集成了视频播放器常有的手势，包括单击显示控制视图，双击暂停，水平滑动快进、后退，竖直滑动亮度和音量调节。
- 全屏播放，自适应手机屏幕旋转方向。
- 自定义控制视图
# 实现思路
流程图.png
VGPlayer
VGPlayer是一个对AVPlayer封装提供播放功能，displayView为播放器画面绘制。
主要是使用了以下几个类：
- AVURLAsset是 AVAsset的子类，用来本地或者网络视频地址的初始化网络请求，也可以用来获取视频每一帧的画面来实现滑动提前预览图的功能（后续应该会版本迭代加上此功能）
- AVPlayerItem 是对AVPlayer播放的视频数据管理，对播放的Asset资源进行记录，提供或者视频的时间，播放状态等。
- AVPlayer 调控数据和视图
- AVPlayerLayer 进行视频视图绘制
VGPlayer封装AVPlayer提供给调用者可选代理方法
// player delegate
// play state
func vgPlayer(_ player: VGPlayer, stateDidChange state: VGPlayerState)
// playe Duration
func vgPlayer(_ player: VGPlayer, playerDurationDidChange currentDuration: TimeInterval, totalDuration: TimeInterval)
// buffer state
func vgPlayer(_ player: VGPlayer, bufferStateDidChange state: VGPlayerBufferstate)
// buffered Duration
func vgPlayer(_ player: VGPlayer, bufferedDidChange bufferedDuration: TimeInterval, totalDuration: TimeInterval)
// play error
func vgPlayer(_ player: VGPlayer, playerFailed error: VGPlayerError)
VGPlayerView
- VGPlayerView负责画面的展示,，只作为展示，而绘制层则是AVPlayerLayer提供，可继承此类进行控制视图的自定义
- VGPlayerView封装AVPlayerLayer提供可选代理方法
// player view delegate
/// fullscreen
func vgPlayerView(_ playerView: VGPlayerView, willFullscreen fullscreen: Bool)
/// close play view
func vgPlayerView(didTappedClose playerView: VGPlayerView)
/// displaye control
func vgPlayerView(didDisplayControl playerView: VGPlayerView)
VGPlayerError
- VGPlayerError一个 struct 用来播放出现Error时返回
# 细节调整
- 后台播放的实现
设置工程
backgroundModes.png
// AppDelegate settings
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
// Override point for customization after application launch.
do
{
try AVAudioSession.sharedInstance().setCategory(AVAudioSessionCategoryPlayback)
}
catch let error as NSError
{
print(error)
}
return true
}
设置VGPlayer的Background mode
self.player.backgroundMode = .proceed
- VGPlayerUtils 提供判断视频类型方法和一些通用的方法
- UIButton+VGPlayer 扩展按钮点击范围
- Timer+VGPlayer 解决Timer的 retain cycle问题
边播边缓存 (参考: VIMediaCache)
使用AVAssetResourceLoader 来控制视频缓存
使用Range请求数据，可取消下载，分段缓存
-
在 Simulator debugging, 可以看到缓存的文件
test 使用:
// Settings maxCacheSize
VGPlayerCacheManager.shared.cacheConfig.maxCacheSize = 160000000
// Setting maxCacheAge default one weak
VGPlayerCacheManager.shared.cacheConfig.maxCacheAge = 60 * 60 * 24 * 7
// clean all cache
VGPlayerCacheManager.shared.cleanAllCache()
// clean old disk cache.
// This is an async operation.
VGPlayerCacheManager.shared.cleanOldFiles { }
# 参考
- https://techblog.toutiao.com/2017/03/28/fullscreen/
- https://developer.apple.com/library/content/qa/qa1668/_index.html
- https://developer.apple.com/documentation/avfoundation
- https://stackoverflow.com/questions/808503/uibutton-making-the-hit-area-larger-than-the-default-hit-area/13977921
- https://gist.github.com/onevcat/2d1ceff1c657591eebde
- Media Cache VIMediaCache
- https://mp.weixin.qq.com/s/v1sw_Sb8oKeZ8sWyjBUXGA
# 总结
- 了解了AVPlayer的整体结构，对播放过程完整的思路和一些遇到的问题。
- 踩了屏幕旋转细节、按钮点击范围调整的一些交互细节的坑
