zoukankan      html  css  js  c++  java
  • 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',

                                                    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));

                            }

                    });

    复制代码

  • 相关阅读:
    excel批量导入后 数据库校验存储过程
    编译内核时覆盖KBUILD_BUILD_USER和KBUILD_BUILD_HOST
    EDID真实数据块,请参考标准文档仔细核对
    RK30SDK开发板驱动分析(二):DDR频率配置
    Linux中的固件加载例子
    Android中如何禁止音量调节至静音
    C++中内部类访问外部类的私有成员
    DSD, DFF, DSF, DST概念解析
    Android中播放DSD音乐
    Linux系统调用分析
  • 原文地址:https://www.cnblogs.com/APICloud/p/11378124.html
Copyright © 2011-2022 走看看