产品文档 点播技术文档 iOS 点播 UI SDK

iOS点播UI SDK文档

SDK 地址

最新版 changelog

适用于iOS8.0+。

功能简介

iOS点播UISDK是基于点播CoreSDK的播放器, 功能包括:

  • 横竖屏切换
  • 播放/暂停/快进/快退
  • 横屏状态下锁屏功能, 改变清晰度和倍速
  • 屏幕左侧上下滑动调节亮度, 屏幕右侧上下滑动调节音量

界面展示

  • 竖屏

    登陆界面

  • 横屏

    登陆界面

  • 调节亮度

    登陆界面

  • 调节声音

    登陆界面

  • 调节清晰度

    登陆界面

  • 倍速

    登陆界面

  • 调节进度

    登陆界面

SDK集成

  • Podfile 中设置 source
source 'https://github.com/CocoaPods/Specs.git'
source 'http://git.baijiashilian.com/open-ios/specs.git''
  • Podfile 中引入 BJPlayerManagerUI
target 'yourProjectName' do
  pod 'BJPlayerManagerUI
end
  • 配置ATS 因为视频url是http的, 需要在info.plist里面增加 NSAllowsArbitraryLoads = true

创建播放器

  • 百家云点播播放器对外提供了一个ViewController,使用者将这个ViewController作为childViewController添加到自己的ViewController中,代码如下

BJPUViewController *playVC = [[BJPUViewController alloc] init]; [playVC setSmallScreenFrame:CGRectMake(0, 64, BJPUScreenWidth, BJPUScreenWidth*9/16)]; [self.view addSubview:playVC.view]; [self addChildViewController:playVC]; //播放在线视频, shouldAutoPlay设置是否自动播放 [playVC playWithVid:videoID token:token shouldAutoPlay:shouldAutoPlay]; //播放本地视频, 默认自动播放 [playVC playWithVideoPath:videoPath definitionType:definitionType];

定制UI元素(BJPUTheme.h)

  • 百家云点播播放器UI库支持部分自定义的界面元素,定制包括
//设置颜色
//默认状态下文本颜色
+ (void)setDefaultTextColor:(UIColor *)color;   
//选中状态的文本颜色
+ (void)setHighlightTextColor:(UIColor *)color;
//设置topBar/bottomBar/definitionView/RateView的背景
+ (void)setBrandColor:(UIColor *)color;

//small image
//logo
+ (void)setLogoImage:(UIImage *)image;
//backButtonImage
+ (void)setBackButtonImage:(UIImage *)image;
//PlayButton
+ (void)setPlayButtonImage:(UIImage *)image;
//pauseButton
+ (void)setPauseButtonImage:(UIImage *)image;
//stopButton
+ (void)setStopButtonImage:(UIImage *)image;
//nextButton
+ (void)setNextButtonImage:(UIImage *)image;
//ProgressSlider
+ (void)setProgressSliderImage:(UIImage *)image;
//ScaleButton
+ (void)setScaleButtonImage:(UIImage *)image;
//ForwardImage
+ (void)setForwardImage:(UIImage *)image;
//BackwardImage
+ (void)setBackwardImage:(UIImage *)image;

Git 地址

常见问题

  • 为什么接入了BJPUViewController之后,点击全屏,无法全屏

    • 首先看APP项目的设置,检查'General'-'Device Orientation'中是否打开了Landscape Left,Landscape Right.
    • 其次,确认在代码中, window、root view controller、navigation controller、tabbar controller 等VC中有没有特殊设置,是否支持旋转和支持的方向
  • UI SDK的功能和界面无法满足现有需求