Ox Video Recorder

/ Title: oxVideoRecorder Description: oxVideoRecorder /

来自于:开发者立即使用

Method

论坛示例

为帮助用户更好更快的使用模块,论坛维护了一个示例,示例中包含示例代码、知识点讲解、注意事项等,供您参考。

概述

短视频 录制 滤镜 美颜 特效 音乐合成

模块概述

短视频 录制 滤镜(自定义) 美颜 特效(飘心,雪花等自定义) 控件自定义 音乐合成 ios:GPUImage android:ffmpeg

模块接口

unzipFilter

解压滤镜 zipPath 可以为http网络资源 用户可自己定义 格式参考 static/filter下zip内格式

    ox = api.require('oxVideoRecorder');
    ox.unzipFilter({
                        filters: [{
                            name: '纯真',
                            zipPath: 'widget://resource/filter/001.zip'
                        }, {
                            name: '清新',
                            zipPath: 'widget://resource/filter/002.zip'
                        }, {
                            name: '桃花',
                            zipPath: 'widget://resource/filter/003.zip'
                        }]
                    });

`

可用性

unzipEffect

初始化特效 可以为http网络资源 格式参考 zip内可是,可自己定义

    ox = api.require('oxVideoRecorder');
    ox.unzipEffect({
                        effects: [{
                            name: '爱心泡泡',
                            zipPath: 'widget://resource/effect/axpp.zip'
                        }, {
                            name: '蝴蝶',
                            zipPath: 'widget://resource/effect/hd.zip'
                        }, {
                            name: '花火',
                            zipPath: 'widget://resource/effect/hh.zip'
                        }, {
                            name: '飘花瓣',
                            zipPath: 'widget://resource/ffect/phb.zip'
                        }, {
                            name: '下雪',
                            zipPath: 'widget://resource/effect/xx.zip'
                        }, {
                            name: '羽毛',
                            zipPath: 'widget://resource/effect/yumao.zip'
                        }]
                    });

`

可用性

Android,ios系统

可提供的1.0.0

open

打开录制

示例代码

  var h = api.frameHeight;
            var w = api.frameWidth;
            ox = api.require('oxVideoRecorder');
            ox.open({
                rect: {
                    x: 0,
                    y: 0,
                    w: w,
                    h: h
                },
                fixedOn: api.frameName,
                fixed: true,
                maxTime: 60, //录制时长 15秒
                countDownTime:5,//倒计时时长 秒
                isSaveAlbum: true, //录制完成是否保持相册
                openBeauty:true,//基础美颜是否开启
                closeBtn:'widget://resource/arrow-left.png',// 关闭按钮
                btnRecordingHiden:true,//录制中按钮是否隐藏
                musicBtn: { //音乐按钮事件 code 2 音乐搜索
                    x: w/2-70,
                    y: 50,
                    w: 140,
                    h: 30,
                    pic:'widget://resource/ic_camera_music.png',
                    hidden: false
                },
                uploadBtn: { //上传按钮是否显示 code 3 上传按钮事件
                    x: w-110,
                    y: h-110,
                    w: 50,
                    h: 50,
                    showTitle:true,
                    hidden: false
                },
                deleteBtn: { //删除 按钮
                    x: w-130,
                    y: h-110,
                    w: 40,
                    h: 40,
                    pic:'widget://resource/ic_camera_record_delete.png',
                    hidden: false
                },
                nextBtn: { //下一步按钮
                    x: w-60,
                    y: h-105,
                    w: 25,
                    h: 25,
                    pic:'widget://resource/ic_camera_record_done.png',
                    hidden: false
                },
                switchBtn: {//摄像头更换按钮
                    x: w-60,
                    y: 60,
                    w: 50,
                    h: 50,
                    showTitle:true,
                    pic:'widget://resource/ic_camera_switch_camera_light.png',
                    hidden: false
                },
                beautyBtn: {//美化按钮
                    x: w-60,
                    y: 120,
                    w: 50,
                    h: 50,
                    showTitle:true,
                    pic:'widget://resource/ic_camera_beauty_light.png',
                    hidden: false
                },
                effectBtn: {//特效按钮
                    x: w-60,
                    y: 180,
                    w: 50,
                    h: 50,
                    showTitle:true,
                    pic:'widget://resource/ic_camera_sticker_light.png',
                    hidden: false
                },
                speedBtn: {//速度按钮
                    x: w-60,
                    y: 240,
                    w: 50,
                    h: 50,
                    showTitle:true,
                    pic:'widget://resource/ic_camera_speed_off_light.png',
                    pic:'widget://resource/ic_camera_speed_on_light.png',
                    hidden: false
                },
                cutDownBtn: {//倒计时按钮
                    x: w-60,
                    y: 300,
                    w: 50,
                    h: 50,
                    showTitle:true,
                    pic:'widget://resource/ic_camera_count_down_light.png',
                    hidden: false
                },
                flashBtn: {//闪光灯按钮
                    x: w-60,
                    y: 360,
                    w: 50,
                    h: 50,
                    showTitle:true,
                    pic:'widget://resource/ic_camera_flash_off.png',
                    pic1:'widget://resource/ic_camera_flash_on.png',
                    hidden: false
                },
                progress: {//进度条
                    x: 0,
                    y: 40,
                    w: w,
                    h: 3,
                    color:'#FF0000',
                    hidden: false
                },
                recordTime: {//录制时间进度展示00:00
                     x: 80,
                     y: 55,
                     w: 40,
                     h: 20,
                     textSize:14,
                     hidden: false
                },
                recordBtn: {//录制点击按钮
                    x: w/2-40,
                    y: h-130,
                    w: 80,
                    h: 80,
                    color:'#FF0000'
                }
            }, function(ret) {
                //code -1 合并失败 0 关闭 1 录制完成 2 音乐搜索 3 上传
                var code = ret.code;

            });

可用性

Android,ios系统

可提供的1.0.0

resume

摄像头恢复

示例代码

var ox = api.require('oxVideoRecorder');
ox.resume();

可用性

Android,ios系统

可提供的1.0.0

pause

摄像头暂停

示例代码

```js
var ox = api.require('oxVideoRecorder');
ox.pause();

可用性

Android,ios系统

可提供的1.0.0

updateMusic

更新音乐

示例代码

var ox = api.require('oxRecorder');
尽量先下载 在传入
ox.updateMusic({name:'忘清水',
                path:'http://dldir1.qq.com/hudongzhibo/LiteAV/demomusic/testmusic2.mp3'
              });

可用性

Android,ios系统

可提供的1.0.0

cleanCache

清理缓存

示例代码

ox = api.require('oxVideoRecorder');
ox.cleanCache();

可用性

Android,ios系统

可提供的1.0.0

show

显示

示例代码

var ox = api.require('oxVideoRecorder');
ox.show();

可用性

Android,ios系统

可提供的1.0.0

hide

隐藏

示例代码

var ox = api.require('oxVideoRecorder');
ox.hide();

可用性

Android,ios系统

可提供的1.0.0

addWaterMark

添加水印

示例代码

var ox = api.require('oxVideoRecorder');
 ox.addWaterMark({path:''},function(ret) {
            var code = ret.code;
            if (code == 0) {
                //视频路径返回 path 
                alert(JSON.stringify(ret))

            }
        });

可用性

Android,ios系统

可提供的1.0.0

getCover

获取首帧封面

示例代码

```js
var ox = api.require('oxVideoRecorder');
 ox.getCover({path:''},function(ret) {
            var code = ret.code;
            if (code == 0) {
                //封面返回 cover
                alert(JSON.stringify(ret))

            }
        });

可用性

Android,ios系统

可提供的1.0.0

preview

视频预览

示例代码

var ox = api.require('oxVideoRecorder');
 ox.preview({path:''});

可用性

Android,ios系统

可提供的1.0.0