本文出自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',
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));
}
});
复制代码