超级播放器 ios

最近更新时间:2018-11-06 11:19:21

查看pdf

简介

SuperPlayer是腾讯云开源的一款播放器组件,简单几行代码即可拥有类似腾讯视频强大的播放功能。包括横竖屏切换、清晰度选择、手势、小窗等基础功能,还支持视频缓存,软硬解切换,倍速播放等特殊功能。相比系统播放器,支持格式更多,兼容性更好,功能更强大。同时还支持直播流(flv+rtmp)播放,具备首屏秒开、低延迟的优点,清晰度无缝切换、直播时移等高级能力。

本播放器完全免费开源,不对播放地址来源做限制,可放心使用。

阅读对象

本文档部分内容为腾讯云专属能力,使用前请开通腾讯云相关服务,未注册用户可注册账号免费试用

快速集成

接入准备

方案1. 官方CocoaPods

请将下面代码加入到您的Podfile中:

pod 'SuperPlayer'

方案2. 本地CocoaPods

下载SDK 下载地址,解压到本地。

以独立播放器版为例,此时您可以看到解压后的文件

其中,播放器代码位于Demo/SuperPlayer,SDK库位于SDK目录。

在您的Podfile文件,添加下面代码:

pod 'SuperPlayer', :path => '<解压路径>/Demo/SuperPlayer/SuperPlayer.podspec', :subspecs => ['Player']
# subspecs根据下载SDK不同会不一样,如果您下载的是专业版,则需要将Player改为Professional,其它以此类推

命令行输入 pod installpod update 执行安装。

使用播放器

播放器主类为SuperPlayerView,创建后即可播放视频。

objective-c

运行代码,可以看到视频在手机上播放,并且界面上大部分功能都处于可以状态

多清晰度

上面的示例代码只有一种清晰度,如果要添加多个清晰度,也非常简单。以直播为例,打开直播控制台,找到需要播放放的直播流,进入详情。

这里有不同清晰度、不同格式的播放地址。推荐使用FLV地址播放,代码如下:

SuperPlayerUrl *url1 = [SuperPlayerUrl new];
url1.url = @"http://5815.liveplay.myqcloud.com/live/5815_62fe94d692ab11e791eae435c87f075e.flv";
url1.title = @"超清";
SuperPlayerUrl *url2 = [SuperPlayerUrl new];
url2.url = @"http://5815.liveplay.myqcloud.com/live/5815_62fe94d692ab11e791eae435c87f075e_900.flv";
url2.title = @"高清";
SuperPlayerUrl *url3 = [SuperPlayerUrl new];
url3.url = @"http://5815.liveplay.myqcloud.com/live/5815_62fe94d692ab11e791eae435c87f075e_550.flv";
url3.title = @"标清";

SuperPlayerModel *playerModel = [[SuperPlayerModel alloc] init];
palyerModel.multiVideoURLs = @[url1, url2, url3];
playerModel.videoURL = url1.url; // 设置默认播放的清晰度
// 开始播放
[_playerView playWithModel:playerModel];

在播放器中即可看到这几个清晰度,单击即可立即切换。

直播清晰度

时移播放

播放器开启时移非常简单,您只需要在播放前配置好appId

playerModel.appId = 1252463788;

appId在 腾讯云控制台 -> 账号信息 中查到。

播放的直播流就能在下面看到进度条。往后拖动即可回到指定位置,单击“返回直播”可观看最新直播流。

时移功能处于公测申请阶段,如您需要可提交工单申请使用。

FileId播放

设置清晰度除了填写url外,更简单的使用方式是采用fileId播放。fileId在一般是在视频上传后,由服务器返回:

  1. 腾讯云官网 注册腾讯云账号,然后开通点播服务。
  2. 客户端视频发布后,服务器会返回fileId到客户端
  3. 服务端视频上传,在确认上传的通知中包含对应的fileId

如果文件已存在腾讯云,则可以进入 点播视频管理 ,找到对应的文件。点开后在右侧视频详情中,可以看到appId和fileId。

视频管理

播放fileId的代码如下:

SuperPlayerModel *playerModel = [[SuperPlayerModel alloc] init];
playerModel.appId = 1252463788;
playerModel.fileId = @"4564972819219071679";
[_playerView playWithModel:self.playerModel];

视频在上传后,后台会自动转码(所有转码格式请参考转码模板)。转码完成后,播放器会自动显示多个清晰度。

视频缩略图&打点信息

在播放长视频时,雪碧图和打点信息有助于观众找到该兴趣的点。使用腾讯云服务API,能快速对视频处理。

截取雪碧图

增加打点信息

任务执行成功后,播放器的界面会增加新的元素。

小窗播放

小窗播是指在App内,悬浮在主window上的播放器。使用小窗播放非常简单,只需要在适当位置调用下面代码即可:

objective-c

退出播放

当不需要播放器时,调用resetPlayer清理播放器内部状态,释放内存。

objective-c

更多功能

完整功能可扫码下载视频云工具包体验,或直接运行工程Demo。

iOS二维码下载

如果有其他疑问,您也可以在问答社区中寻求帮助。前往问答社区 >