前言

在 iOS 开发过程中,视频播放相对来说还是比较简单,可以是用MPMoviePlayerControllerMPMoviePlayerViewController, 或者 iOS8中引入的AVPlayerViewController,如果要更底层一点,也可以使用AVKit来做, 更极端的方式就是使用 WebView 来加载视频。

这里简单说明一下他们的区别:

  • MPMoviePlayerControllerMPMoviePlayerViewController使用起来类似,不足之处就是不能自定义控件,在使用HDMI来投影屏幕的时候会出现很多莫名其妙的问题,同时在 iOS9中将被标记为deprecated并不再维护
  • AVPlayerViewController使用起来也很方便,但是在 iOS8中同样有 HDMI 投影问题
  • AVKit AVPlayer自己实现,比较麻烦
  • WebView加载使用起来也很方便,HDMI投影也有问题

最近想写一个简单的 Demo,需要播放视频,同时需要自定义播放控件,上面的都不满足条件,网上很多人说VKVideoPlayer很不错,查看了一下VKVideoPlayer, 貌似 feature 特别多:

VKVideoPlayer

VKVideoPlayer的Feature

Some of the advance features are:

  • Fully customizable UI
  • No full screen restrictions (have it any size and position you would like!)
  • Display subtitles (SRT supported out of the box)
  • Customize subtitles (use CSS for styling courtesy of DTCoreText)
  • Supports HTTP Live streaming
  • Orientation change support (even when orientation lock is enabled)
  • Bulletproof event machine to easily integrate features like video ads
  • Lots of delegate callbacks for your own logging requirements

看上了这一点Fully customizable UI, 这就是我想要的, 哈哈 (jiǎo qíng)

测试VKVideoPlayer Demo

直接 clone 代码来试试看:

1
2
3
4
5
git clone git@github.com:viki-org/VKVideoPlayer.git

pod install

open VKVideoPlayer.xcworkspace

编译Demo, 因为使用xcode 7 beta的缘故,iOS9默认是禁用 http 访问的(貌似这样比较操蛋 (ān quán) ),运行的时候会报错。

2015-08-18 14:58:22.059 VKVideoPlayer[2845:41325] App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app’s Info.plist file.

解决办法, 修改Supporting FilesVKVideoPlayer-Info.plist, 加入NSAppTransportSecurity dictionary,添加一个 bool 类型的 key NSAllowsArbitraryLoads, 设置为YES

iOS 9 HTTP Load

所有使用iOS9编译的工程,默认都要这样添加才能使用http。

重新编译运行,默认界面有黑边,而且竟然在横屏和竖屏切换情况下layout有问题,

VKVideoPlayer Layout Issue on iOS 9

原因在于VKVideoPlayer是为 iOS5设计的,并没有使用Size ClassesAuto Layout不用管 (méi bàn fǎ)

使用VKVideoPlayer

创建一个工程vkplayertest, 创建Podfile

1
2
3
4
inhibit_all_warnings!
workspace 'vkplayertest'

pod "VKVideoPlayer", "~> 0.1.1"

安装依赖

1
2
3
pod install

open vkplayertest.xcworkspace

在View中添加一个按钮并绑定Action来播放视频:

1
2
3
4
5
6
7
#import "VKVideoPlayerViewController.h"

- (IBAction)playVideo:(id)sender {
VKVideoPlayerViewController *viewController = [[VKVideoPlayerViewController alloc] init];
[self presentModalViewController:viewController animated:YES];
[viewController playVideoWithStreamURL:[NSURL URLWithString:@"http://baobab.cdn.wandoujia.com/14394406774325.mp4"]];
}

layout问题在多次切换屏幕方向再一次出现:

VKVideoPlayer Layout Issue

难道是我打开方式不对?

xcode 6测试

xcode 6来测试一下试试看。结果是一样的,将模拟器换成iPhone4S,结果还是一样。

不折腾,果断放弃之。有空自己用AVPlayer实现一下。

知识共享授权条款
本著作Chen, Zai-Chun制作,以知识共享 姓名标示-相同方式分享 4.0 国际 授权条款释出

留言