quPaiModule模块demo示例

52yaoer

quPaiModule模块，实现了iOS、 Android 平台集成阿里SDK基础版本模块。可以设置录制时长、视频码率、美颜参数等丰富了app视频录制相关功能;(从3.0.5版本开始必须使用升级环境编译打包)

点击进入模块详情

<!DOCTYPE html>
<html>
<head>
<title>Module Develop</title>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<style type="text/css">
html, body {
height: 100%
}
body {
background-color: #fff;
margin: 0;
}
#wrap {
height: 100%;
position: relative;
}
#header {
padding-top: 20px;
background-color: #5082c2;
height: 44px;
position: relative;
}
#header h1 {
font-size: 20px;
height: 44px;
line-height: 44px;
margin: 0em;
color: #fff;
margin-left: 100px;
margin-right: 100px;
text-align: center;
}
#main {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
a.button {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 32px;
margin: 8px;
background-color: rgba(240,240,240,1.0);
border-color: rgba(220,220,220,1.0);
border-width: 2px;
border-style: solid;
}
a.active {
background-color: rgba(240,240,240,0.7);
}
</style>
</head>
<body>
<div id="wrap">
<div id="main">
<a class="button" tapmode="active" onclick="permissionCheck()">摄像头权限验证</a>
<a class="button" tapmode="active" onclick="record()">录制视频</a>
<a class="button" tapmode="active" onclick="getCacheSize()">获取缓存大小</a>
<a class="button" tapmode="active" onclick="clearCache()">清空缓存</a>
<a class="button" tapmode="active" onclick="playQuPai()">播放录制视频测试</a>
</div>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script>
var demo;
function record() {
demo.record({
resolutionMode : 2, //设置分辨率基数 1:360P 2:480P 3:540P 4:720P
ratioMode : 3, //设置分辨率宽高比 1>3:4 2>1:1 3>9:16
recordMode : 3, //设置录制模式 1>AUTO 2>PRESS 3>TOUCH
beautyStatus : true,//是否开启美颜
beautyLevel : 80, //设置美颜级别 0-100
isCameraBack : false,//是否默认后置摄像头
isNeedClip : false, //是否多段录制
minDuration : 2, //最小时长(秒)
maxDuration : 30, //最大时长(秒)
videoQuality : 2, //设置输出视频质量 1:标清 2:高清 3:超清 4:超高清
gop : 5, //关键帧间隔
frameRate : 25, //帧率
isImport : false //
}, function(ret, err) {
alert("record|" + JSON.stringify(ret) + " " + JSON.stringify(err));
if (ret.status) {
$api.setStorage('videoPath', ret.videoPath);
}
});
}
function getCacheSize() {
demo.getCacheSize(function(ret, err) {
alert(JSON.stringify(ret));
});
}
function clearCache() {
demo.clearCache(function(ret, err) {
alert(JSON.stringify(ret));
});
}
function permissionCheck() {
demo.permissionCheck(function(ret, err) {
alert(JSON.stringify(ret));
});
}
function playQuPai() {
alert($api.getStorage('videoPath'));
api.openWin({
name : 'playQuPai',
url : "openurl.html",
pageParam : {
url : $api.getStorage('videoPath')
}
});
}
function apiready() {
demo = api.require('quPaiModule');
if (!demo) {
alert("请添加模块后编译");
return;
}
}
</script>
</html>

复制代码

TamborTang

感谢分享！

8130abc

怎么播放录制的视频啊

52yaoer

用播放模块。或者vidoe标签。

小人物1992

为什么录制的视频本地相册无法播放

52yaoer

小人物1992 发表于 2019-8-12 21:37
为什么录制的视频本地相册无法播放

不明白你描述的什么意思。。

lj419300

看看去

BIP336772

你好，我使用了这个模块后，会导致部分机型闪退，目前已知的有华为nova4,华为mate40pro
以下是闪退日志：

Android|MAR-AL00|10
java.lang.NoClassDefFoundError: Failed resolution of: Lokhttp3/Headers$Builder;
at com**.**mon.httpfinal.QupaiHttpFinal.initOkHttpFinal(Unknown Source:5)
at com.apicloud.qupaimodule.QuPaiModuleDelegate.onApplicationCreate(QuPaiModuleDelegate.java:19)
at com.uzmap.pkg.uzcore.e.b(Unknown Source:36)
at com.uzmap.pkg.uzcore.e.a(Unknown Source:40)
at com.uzmap.pkg.uzapp.UZApplication.onCreate(Unknown Source:9)
at android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1202)
at android.app.ActivityThread.handleBindApplication(ActivityThread.java:7588)
at android.app.ActivityThread.access$2600(ActivityThread.java:260)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:2435)
at android.os.Handler.dispatchMessage(Handler.java:110)
at android.os.Looper.loop(Looper.java:219)
at android.app.ActivityThread.main(ActivityThread.java:8668)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:513)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1109)
Caused by: java.lang.ClassNotFoundException: okhttp3.Headers$Builder
... 15 more
java.lang.ClassNotFoundException: okhttp3.Headers$Builder
at com**.**mon.httpfinal.QupaiHttpFinal.initOkHttpFinal(Unknown Source:5)
at com.apicloud.qupaimodule.QuPaiModuleDelegate.onApplicationCreate(QuPaiModuleDelegate.java:19)
at com.uzmap.pkg.uzcore.e.b(Unknown Source:36)
at com.uzmap.pkg.uzcore.e.a(Unknown Source:40)
at com.uzmap.pkg.uzapp.UZApplication.onCreate(Unknown Source:9)
at android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1202)
at android.app.ActivityThread.handleBindApplication(ActivityThread.java:7588)
at android.app.ActivityThread.access$2600(ActivityThread.java:260)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:2435)
at android.os.Handler.dispatchMessage(Handler.java:110)
at android.os.Looper.loop(Looper.java:219)
at android.app.ActivityThread.main(ActivityThread.java:8668)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:513)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1109)

复制代码

52yaoer

插件包的okhttp-1.0.7.aar没打包进去？可能需要咨询下平台了，