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