vPlayer 模块Demo
阅读原文时间:2023年07月10日阅读:1

本文出自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));

}

});

复制代码

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器