开发者进阶之路 |UIBPlayer （视频播放）demo分享
本文出自APICloud官方論壇
UIBPlayer 封裝了百度云播放器 SDK。本模塊帶有UI方案，打開后為一個(gè)具有完整功能的播放器界面。百度云播放器突破 Android、iOS 平臺(tái)對(duì)視頻格式的限制，支持目前所有主流的媒體格式(mp4、avi、wmv、flv、mkv、mov、 rmvb 等)。
模塊亮點(diǎn)介紹：
自帶UI，用戶只需自己設(shè)計(jì)圖標(biāo)，調(diào)整參數(shù)。
具有雙擊播放、暫停，手勢(shì)滑動(dòng)改變播放進(jìn)度、屏幕亮度和音量的功能
iOS 支持橫豎屏自動(dòng)切換（設(shè)置中打開豎屏鎖定）
頂部、底部按鈕播放時(shí)自動(dòng)隱藏，點(diǎn)擊喚起。
使用前先去百度開放平臺(tái)獲取AccessKey，配置到config.xml文件中，否則會(huì)出現(xiàn)閃退等異常。參考模塊文檔說明。
直接調(diào)用open接口即可打開播放器。代碼如下：
var UIBPlayer = api.require('UIBPlayer');
UIBPlayer.open({
rect: {
x: 0,
y: 0,
w: api.winWidth,
h: 300
},
videoScalingMode:"FIT_WITH_CROPPING",
path: 'wvideo.spriteapp.cn/video/2016/…',
autoPlay: false,
enableLooping: true,
pauseInBackground: true,
coverImg: 'widget://image/uibplayer/cover.png',
styles: {
head: {
bg: 'rgba(161,161,161,0.5)',
height: 44,
marginTop: api.safeArea.top,
hide: false,
backBtn: {
size: 30,
backImg: 'widget://image/uibplayer/back.png',
marginLeft: 5
},
titleLabel: {
title: '蝙蝠俠',
size: 20,
color: '#fff',
width: 200,
numberLines: 1,
leftMargin: 5,
backgroundColor: 'rgba(0,0,0,0)'
},
customButtons: [{
w: 30,
h: 30,
rightMagin: 5,
img: 'widget://image/uibplayer/setting.png',
imgSelected: 'widget://image/uibplayer/settinged.png',
}, {
w: 30,
h: 30,
rightMagin: 5,
img: 'widget://image/uibplayer/mess.png',
imgSelected: 'widget://image/uibplayer/messed.png',
}]
},
foot: {
bg: 'rgba(161,161,161,0.5)',
height: 44,
marginBottom: 0,
hide: false,
playBtn: {
size: 44,
playImg: 'widget://image/uibplayer/play.png',
pauseImg: 'widget://image/uibplayer/pause.png',
marginLeft: 0
},
currentTimeLabel: {
textSize: 14,
textColor: "#FFF",
marginLeft: 5
},
seekBar: {
sliderImg: 'widget://image/uibplayer/slide.png',
progressColor: '#696969',
progressSelectedColor: '#333333',
marginLeft: 5,
marginRight: 5
},
totalTimeLabel: {
textSize: 14,
textColor: "#FFF",
marginRight: 5
},
fullScreenBtn: {
size: 30,
img: 'widget://image/uibplayer/unfullscreen.png',
fullScreenImg: 'widget://image/uibplayer/fullscreen.png',
marginRight: 10
}
}
},
fixedOn: api.frameName,
fixed: false
});
復(fù)制代碼
不同用戶需要到百度開放平臺(tái)申請(qǐng)key, 配置到自己項(xiàng)目的config.xml中，提交代碼然后編譯自定義loader。
轉(zhuǎn)載于:https://juejin.im/post/5cfe2552f265da1bab29a34a
總結(jié)
以上是生活随笔為你收集整理的开发者进阶之路 |UIBPlayer （视频播放）demo分享的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微博深度学习平台架构和实践
- 下一篇： Spark学习之路 （二十二）Spark