vPlayer 模块Demo

128 阅读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));
                        }
                });
复制代码