Эта статья взята с официального форума API Cloud
UIBPlayer инкапсулирует SDK облачного проигрывателя Baidu. Этот модуль имеет решение пользовательского интерфейса, которое открывает интерфейс плеера с полными функциями. Облачный плеер Baidu преодолевает ограничения платформ Android и iOS на видеоформаты и поддерживает все текущие основные медиа-форматы (mp4, avi, wmv, flv, mkv, mov, rmvb и т.д.).
Основные моменты модуля:
- С помощью пользовательского интерфейса пользователям нужно только создавать свои собственные значки и настраивать параметры.
- С двойным щелчком мыши воспроизведение, пауза, скольжение жестов для изменения хода воспроизведения, яркости экрана и функций громкости
- IOS поддерживает автоматическое переключение между горизонтальным и вертикальным экранами (вертикальная блокировка экрана включена в настройках).
- Когда воспроизводятся верхняя и нижняя кнопки, они автоматически скрываются и нажимаются для пробуждения.
- Перед использованием перейдите на открытую платформу Baidu, чтобы получить ключ доступа и настроить его в конфигурации. XML-файл, в противном случае будет мерцание и другие исключения. Обратитесь к документации модуля.
- Плеер можно открыть, напрямую вызвав открытый интерфейс. Код выглядит следующим образом:
var.требуется(‘UIBPlayer’);
UIBPlayer.open({
rect: {
x: 0,
y: 0,
w: api.winWidth,
h: 300
},
videoScalingMode:"FIT_WITH_CROPPING",
path: 'http://wvideo.spriteapp.cn/video/2016/0328/56f8ec01d9bfe_wpd.mp4',
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:'Batman',
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
});Скопировать код
Разным пользователям необходимо подать заявку на получение ключа в открытой платформе Baidu, конфигурация. XML в своем собственном проекте, отправьте код и скомпилируйте пользовательский загрузчик.