vPlayer 模块Demo
本文出自APICloud官方论坛
vPlayer iOS封装了AVPlayer视频播放功能（支持音频播放）。iOS 平台上支持的视频文件格式有：WMV，AVI，MKV，RMVB，RM，XVID，MP4，3GP，MPG等，音频文件格式有：MP3，WMA，RM，ACC，OGG，APE，FLAC，FLV等。本模块封装了两套播放方案：一，通过调用 openPlayer 接口，直接打开一个自带默认播放界面的播放器；二，通过 open 接口，打开一个纯播放器界面，再配合 frame 自定义完整的播放页面，通过play、pause等接口控制播放操作。
效果图：
openPlayer示例代码：
var vPlayer = api.require('vPlayer');
vPlayer.openPlayer({
rect: {
x: 0, //（可选项）数字类型；模块左上角的 x 坐标（相对于所属的 Window 或 Frame）；默认：0
y: 30, //（可选项）数字类型；模块左上角的 y 坐标（相对于所属的 Window 或 Frame）；默认：0
w: api.frameWidth, //（可选项）数字类型；模块的宽度；默认：所属的 Window 或 Frame 的宽度
h: 300
},
path: 'http://www.w3school.com.cn/example/html5/mov_bbb.mp4',
autoPlay: true,
coverImg: 'widget://image/video/cover_img.png',
styles: {
head: {
bg: 'rgba(161,161,161,0.4)',
height: 44,
marginTop: 0,
hide: false,
backBtn: { //ok
size: 32,
backImg: 'widget://image/video/back.png',
marginLeft: 0
},
titleLabel: { //ok
title: '视频播放',
size: 16,
color: '#FFFFFF',
width: 170,
numberLines: 3,
leftMargin: 5,
// backgroundColor:'rgba(161,161,161,0.4)'
},
customButtons: [{
w: 32,
h: 32,
rightMagin: 5,
img: 'widget://image/video/delete.png',
imgSelected: 'widget://image/video/delete_sel.png',
}, ]
},
foot: {
bg: 'rgba(161,161,161,0.4)',
height: 44,
marginBottom: 0,
hide: false,
playBtn: {
size: 32,
playImg: 'widget://image/video/play.png',
pauseImg: 'widget://image/video/pause.png',
marginLeft: 5
},
currentTimeLabel: {
textSize: 14,
textColor: "#FFFFFF",
marginLeft: 5
},
seekBar: {
sliderImg: 'widget://image/video/seek_bar.png',
progressColor: '#FA8072',
progressSelectedColor: '#A2CD5A',
marginLeft: 5,
marginRight: 5
},
totalTimeLabel: {
textSize: 14,
textColor: "#FFFFFF",
marginRight: 5
},
fullScreenBtn: {
size: 32,
img: 'widget://image/video/fullscreencal.png',
fullScreenImg: 'widget://image/video/fullScreen.png',
marginRight: 10
}
}
},
fixedOn: api.frameName,
fixed: true
}, function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
复制代码
