现在有越来越多的 app 的登录/注册界面的背景是播放视频或者 gif，我主要看了 Uber 和 keep 的登录界面再配合拉勾的登录界面仿作了一个登录界面。
1.首先，查资料
我在 github 上找到了这两个库：
-STLBGVideo 这个库是 oc 写的，但你的登录页面需要继承这个 VC，借用了下里面的资源，侵权告知
-VideoSplashKit 国外牛人写的 swift 版本，借鉴了下里面的思路
-附上本文的链接 https://github.com/sfmDev/videoLoginDemo
2.写视频播放器
先导入
@interface ViewController ()
/**
* 全屏播放器
*/
@property (strong, nonatomic) AVPlayer *player;
@end
创建播放图层,AVPlayer的播放器 是加在 layer 层上的,就是 AVPlayerLayer
- (void)setupForAVplayerView
{
AVPlayerLayer *playerLayer = [AVPlayerLayer playerLayerWithPlayer:self.player];
playerLayer.frame = self.view.bounds;
[self.view.layer addSublayer:playerLayer];
}
/**
* 初始化播放器
*/
- (AVPlayer *)player
{
if (!_player) {
AVPlayerItem *playerItem = [self getPlayItem];
_player = [AVPlayer playerWithPlayerItem:playerItem];
//设置重复播放
_player.actionAtItemEnd = AVPlayerActionAtItemEndNone; // set this
//视频播放完发通知
[[NSNotificationCenter defaultCenter]addObserver:self
selector:@selector(__playerItemDidPlayToEndTimeNotification:)
name:AVPlayerItemDidPlayToEndTimeNotification
object:nil];
}
return _player;
}
- (void)__playerItemDidPlayToEndTimeNotification:(NSNotification *)sender
{
[_player seekToTime:kCMTimeZero]; // 设置从头继续播放
}
设置播放的内容
- (AVPlayerItem *)getPlayItem
{
NSString *filePath = [[NSBundle mainBundle]pathForResource:@"BridgeLoop-640p" ofType:@"mp4"];
NSURL *url = [NSURL fileURLWithPath:filePath];
AVPlayerItem *playerItem = [AVPlayerItem playerItemWithURL:url];
return playerItem;
}
现在得到这样的一个视频播放,上面的注册 登录是我自己加的
屏幕快照 2016-02-17 下午11.01.04.png
现在,问题又来了,如果程序从前台切到后台,再从后台切到前台,视频会停止播放
- (void)applicationDidBecomeActive:(UIApplication *)application {
//在app 进入活跃的时候发通知,让视频继续播放
[[NSNotificationCenter defaultCenter]postNotificationName:@"videoshouldplay" object:nil];
}
这样基本就完成了视频播放的主要设置,还可以设置一些动画,我写的 demo 里的登录时仿照拉勾写的,暂时还没有打到我理想的效果,就先不写了,放在下一篇中再讲登录界面中的动画,觉得有兴趣的同学欢迎 star
