diff --git a/.idea/compiler.xml b/.idea/compiler.xml
index a5444ea..e929627 100644
--- a/.idea/compiler.xml
+++ b/.idea/compiler.xml
@@ -3,11 +3,13 @@
   <component name="CompilerConfiguration">
     <bytecodeTargetLevel target="1.7">
       <module name="UniPlugin-Hello-AS.app" target="1.8" />
+      <module name="UniPlugin-Hello-AS.beautysettingkit" target="1.8" />
       <module name="UniPlugin-Hello-AS.face_module" target="1.8" />
       <module name="UniPlugin-Hello-AS.face_module_2" target="1.8" />
       <module name="UniPlugin-Hello-AS.facelibrary" target="1.8" />
       <module name="UniPlugin-Hello-AS.gatelibrary" target="1.8" />
       <module name="UniPlugin-Hello-AS.registerlibrary" target="1.8" />
+      <module name="UniPlugin-Hello-AS.ugckit" target="1.8" />
       <module name="UniPlugin-Hello-AS.uniplugin_component" target="1.8" />
       <module name="UniPlugin-Hello-AS.uniplugin_module" target="1.8" />
       <module name="UniPlugin-Hello-AS.uniplugin_module_ox" target="1.8" />
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 78d0f89..54244a7 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -12,11 +12,13 @@
           <set>
             <option value="$PROJECT_DIR$" />
             <option value="$PROJECT_DIR$/app" />
+            <option value="$PROJECT_DIR$/beautysettingkit" />
             <option value="$PROJECT_DIR$/face_module" />
             <option value="$PROJECT_DIR$/facelibrary" />
             <option value="$PROJECT_DIR$/gatelibrary" />
             <option value="$PROJECT_DIR$/ox_module" />
             <option value="$PROJECT_DIR$/registerlibrary" />
+            <option value="$PROJECT_DIR$/ugckit" />
             <option value="$PROJECT_DIR$/uniplugin_component" />
             <option value="$PROJECT_DIR$/uniplugin_module" />
             <option value="$PROJECT_DIR$/uniplugin_module_TXLiveAVSDK" />
diff --git a/app/build.gradle b/app/build.gradle
index 8f5fc03..d187752 100755
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -19,6 +19,17 @@ android {
             sourceCompatibility JavaVersion.VERSION_1_8
             targetCompatibility JavaVersion.VERSION_1_8
         }
+
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode rootProject.ext.versionCode
+        versionName rootProject.ext.versionName
+        renderscriptTargetApi = 19
+        renderscriptSupportModeEnabled = true
+        multiDexEnabled = true
+        ndk {
+            abiFilters rootProject.ext.ndkAbi
+        }
     }
 
     packagingOptions {
@@ -103,6 +114,16 @@ dependencies {
     implementation project(path: ':gatelibrary')
 
     implementation project(path: ':uniplugin_module_TXLiveAVSDK')
+//    compile fileTree(include: ['*.jar'], dir: 'libs')
+//    compile fileTree(include: ['*.jar'], dir: 'src/main/jniLibs')
+    compile 'com.mcxiaoke.volley:library:1.0.19'
+    compile 'com.android.support:design:25.3.1'
+    compile 'com.android.support:recyclerview-v7:25.3.1'
+    compile 'com.google.code.gson:gson:2.3.1'
+    compile 'com.github.bumptech.glide:glide:3.7.0'
+    compile 'com.github.ctiao:dfm:0.4.4'
+    compile project(':ugckit')
+    compile 'com.android.support.constraint:constraint-layout:1.1.3'
 }
 
 
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index b5f9d3a..b3e0b7e 100755
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -20,6 +20,18 @@
     <uses-permission android:name="android.permission.FLASHLIGHT" />
     <!-- Barcode(二维码)  end -->
 
+<!--    TXLive SDK-->
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-feature android:name="android.hardware.Camera"/>
+    <uses-feature android:name="android.hardware.camera.autofocus" />
+
+
     <application
         android:name="io.dcloud.application.DCloudApplication"
         android:allowBackup="true"
diff --git a/app/src/main/assets/apps/__UNI__2B9497D/www/app-service.js b/app/src/main/assets/apps/__UNI__2B9497D/www/app-service.js
index 450ddcf..5efe6e6 100644
--- a/app/src/main/assets/apps/__UNI__2B9497D/www/app-service.js
+++ b/app/src/main/assets/apps/__UNI__2B9497D/www/app-service.js
@@ -1 +1 @@
-(this["webpackJsonp"]=this["webpackJsonp"]||[]).push([["app-service"],{"0a3c":function(t,e,n){"use strict";n("e3f4");var r=a(n("8bbf")),i=a(n("8d89"));function a(t){return t&&t.__esModule?t:{default:t}}function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}r.default.config.productionTip=!1,i.default.mpType="app";var c=new r.default(s({},i.default));c.$mount()},"0de9":function(t,e,n){"use strict";function r(t){var e=Object.prototype.toString.call(t);return e.substring(8,e.length-1)}function i(){return"string"===typeof __channelId__&&__channelId__}function a(t,e){switch(r(e)){case"Function":return"function() { [native code] }";default:return e}}function o(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];console[t].apply(console,n)}function s(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var o=e.shift();if(i())return e.push(e.pop().replace("at ","uni-app:///")),console[o].apply(console,e);var s=e.map((function(t){var e=Object.prototype.toString.call(t).toLowerCase();if("[object object]"===e||"[object array]"===e)try{t="---BEGIN:JSON---"+JSON.stringify(t,a)+"---END:JSON---"}catch(i){t=e}else if(null===t)t="---NULL---";else if(void 0===t)t="---UNDEFINED---";else{var n=r(t).toUpperCase();t="NUMBER"===n||"BOOLEAN"===n?"---BEGIN:"+n+"---"+t+"---END:"+n+"---":String(t)}return t})),u="";if(s.length>1){var c=s.pop();u=s.join("---COMMA---"),0===c.indexOf(" at ")?u+=c:u+="---COMMA---"+c}else u=s[0];console[o](u)}n.r(e),n.d(e,"log",(function(){return o})),n.d(e,"default",(function(){return s}))},"148d":function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=o(n("a34a")),i=n("c677"),a=o(n("bcf8"));function o(t){return t&&t.__esModule?t:{default:t}}function s(t,e,n,r,i,a,o){try{var s=t[a](o),u=s.value}catch(c){return void n(c)}s.done?e(u):Promise.resolve(u).then(r,i)}function u(t){return function(){var e=this,n=arguments;return new Promise((function(r,i){var a=t.apply(e,n);function o(t){s(a,r,i,o,u,"next",t)}function u(t){s(a,r,i,o,u,"throw",t)}o(void 0)}))}}var c=uni.requireNativePlugin("Zmt-Module"),l=uni.requireNativePlugin("TestModule"),f=uni.requireNativePlugin("uniplugin_module_ox"),d=uni.requireNativePlugin("Face-Module"),p=uni.requireNativePlugin("TXLiveModule"),g=uni.requireNativePlugin("modal"),h={onLoad:function(){this.initAPPListener()},onReady:function(){this.logs.push("\u5f53\u524d\u65f6\u95f4:"+this.getTime())},data:function(){return{logs:["LOG VIEW"]}},methods:{getFileList:function(){var e=this;return u(r.default.mark((function n(){var i,o;return r.default.wrap((function(n){while(1)switch(n.prev=n.next){case 0:return i="33\u4fe1\u606f2",n.next=3,a.default.getFileChildrenList("Face-Sync");case 3:o=n.sent,t("log",o,"000"," at pages/sample/ext-module-vue.vue:70"),o.map((function(t){return t.split(".")[0]==i&&(e.log("\u547d\u4e2d\u540e\u5220\u9664"),e.deleteAndroidFaceImage(t)),t}));case 6:case"end":return n.stop()}}),n)})))()},deleteAndroidFaceImage:function(e){var n=this;return u(r.default.mark((function i(){var o;return r.default.wrap((function(r){while(1)switch(r.prev=r.next){case 0:return r.next=2,a.default.deleteAndroidFaceImage(e);case 2:o=r.sent,n.log(o),t("log",77777,o," at pages/sample/ext-module-vue.vue:89");case 5:case"end":return r.stop()}}),i)})))()},initAPPListener:function(){var t=this;plus.globalEvent.addEventListener("myEvent",(function(e){g.toast({message:"TestEvent\u6536\u5230\uff1a"+JSON.stringify(e),duration:3.5}),t.log("\u5168\u5c40\u4e8b\u4ef6\u63a5\u6536:"+JSON.stringify(e))}))},liveInit:function(){var t=this;this.log("\u6267\u884cTXLiveModule.liveInit"),p.liveInit({name:"unimp",age:1},(function(e){g.toast({message:e,duration:1.5}),t.log(JSON.stringify(e))}))},faceAsyncFunc:function(){var t=this;this.log("\u6267\u884cfaceModule.faceAsyncFunc"),d.faceAsyncFunc({name:"unimp",age:1},(function(e){g.toast({message:e,duration:1.5}),t.log(JSON.stringify(e))}))},initTcp:function(){var t=this;this.log("Click Tcp Server."),c.initTcp({port:"16666"},(function(e){g.toast({message:e,duration:2}),t.log("invoke:"+JSON.stringify(e))}))},getIP:function(){var t=this;c.getIP({},(function(e){g.toast({message:e,duration:2}),t.log("invoke:"+JSON.stringify(e))}))},closeTcp:function(){var t=this;this.log("Click Tcp Server."),c.closeTcp({},(function(e){g.toast({message:e,duration:2}),t.log("invoke:"+JSON.stringify(e))}))},testFun2:function(){var t=c.testSyncFunc({name:"unimp",age:1});g.toast({message:t,duration:1.5})},testAsyncFunc:function(){l.testAsyncFunc({name:"unimp",age:1},(function(t){g.toast({message:t,duration:1.5})}))},testSyncFunc:function(){var t=l.testSyncFunc({name:"unimp",age:1});g.toast({message:t,duration:1.5})},testAsyncFunc2:function(){f.testAsyncFunc2({name:"unimp",age:1},(function(t){g.toast({message:t,duration:1.5})}))},testSyncFunc2:function(){var t=f.testSyncFunc2({name:"unimp",age:1});g.toast({message:t,duration:1.5})},log:function(t){this.logs.push(this.getTime()+" ".concat(t))},getTime:function(){return(0,i.timeFormat)(new Date,"mm/dd hh:MM:ss")},gotoNativePage:function(){l.gotoNativePage()},gotoLiveNativePage:function(){p.gotoNativePage()}}};e.default=h}).call(this,n("0de9")["default"])},"1e9b":function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={onLaunch:function(){t("log","App Launch"," at App.vue:4")},onShow:function(){t("log","App Show"," at App.vue:7")},onHide:function(){t("log","App Hide"," at App.vue:10")}};e.default=n}).call(this,n("0de9")["default"])},"3b32":function(t,e,n){(function(e){var r,i=n("a34a");function a(t,e,n,r,i,a,o){try{var s=t[a](o),u=s.value}catch(c){return void n(c)}s.done?e(u):Promise.resolve(u).then(r,i)}function o(t){return function(){var e=this,n=arguments;return new Promise((function(r,i){var o=t.apply(e,n);function s(t){a(o,r,i,s,u,"next",t)}function u(t){a(o,r,i,s,u,"throw",t)}s(void 0)}))}}function s(){return u.apply(this,arguments)}function u(){return u=o(i.mark((function t(){var n,r,a,o;return i.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,g(plus.io.PUBLIC_DOWNLOADS);case 2:return n=t.sent,t.next=5,b({OriginPathEntry:n.root,newFileName:"OXSyncConfig"});case 5:return r=t.sent,t.next=8,_(r,"config.json");case 8:return a=t.sent,t.next=11,y(a);case 11:return o=t.sent,e("log","\u8bfb\u53d6\u7ed3\u679c:",o," at utils/download.js:19"),t.abrupt("return",o);case 14:case"end":return t.stop()}}),t)}))),u.apply(this,arguments)}function c(t){return l.apply(this,arguments)}function l(){return l=o(i.mark((function t(n){var r,a,o,s;return i.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,g(plus.io.PUBLIC_DOWNLOADS);case 2:return r=t.sent,t.next=5,b({OriginPathEntry:r.root,newFileName:"OXSyncConfig"});case 5:return a=t.sent,t.next=8,_(a,"config.json");case 8:return o=t.sent,t.next=11,w(o,n);case 11:return s=t.sent,e("log","\u5199\u5165\u7ed3\u679c:",s," at utils/download.js:31"),t.abrupt("return",s);case 14:case"end":return t.stop()}}),t)}))),l.apply(this,arguments)}function f(t){var n=t.url,i=t.onProgresCallBack;return new Promise((function(t,a){r&&r.abort(),r=uni.downloadFile({url:n,timeout:6e4,success:function(r){200==r.statusCode?(e("log",n+" downloadFile:"+JSON.stringify(r)," at utils/download.js:140"),t(r.tempFilePath)):(e("warn","\u4e0b\u8f7d\u5931\u8d25---\x3e",r," at utils/download.js:143"),e("warn","\u4e0b\u8f7d\u5931\u8d25\u94fe\u63a5---\x3e",n," at utils/download.js:144"),a(r))},fail:function(t){e("warn","\u4e0b\u8f7d\u5931\u8d25---\x3e",t," at utils/download.js:149"),e("warn","\u4e0b\u8f7d\u5931\u8d25\u94fe\u63a5---\x3e",n," at utils/download.js:150"),a(t)}}),r.onProgressUpdate((function(t){i&&i(t)}))}))}function d(t){return new Promise((function(e,n){uni.saveFile({tempFilePath:t,success:function(t){var n=t.savedFilePath;e(n)},fail:function(t){n(t)}})}))}function p(t){return new Promise((function(e,n){plus.io.resolveLocalFileSystemURL(t,(function(t){e(t)}),(function(t){n(t)}))}))}function g(t){return new Promise((function(e,n){plus.io.requestFileSystem(t,(function(t){e(t)}),(function(t){n(t)}))}))}function h(t,n,r){return new Promise((function(i,a){t.moveTo(n,r,(function(t){i(t)}),(function(t){e("log",t.message," at utils/download.js:227"),a(t)}))}))}function v(t){return new Promise((function(n,r){t.remove((function(t){e("log",t," at utils/download.js:237"),n("Remove succeeded: "+t.name)}),(function(t){r(t.message)}))}))}function m(t){return new Promise((function(e){return t.removeRecursively(e,e)}))}function _(t,e){return new Promise((function(n,r){t.getFile(e,{create:!0},(function(t){n(t)}))}))}function y(t){return new Promise((function(n,r){t.file((function(t){var r=new plus.io.FileReader;r.readAsText(t,"utf-8"),r.onloadend=function(t){n(t.target.result)},e("log",">>>>>>>\u6587\u4ef6\u4fe1\u606f:"+t.name+" : "+t.size+" B <<<<<<<<"+JSON.stringify(t)," at utils/download.js:306")}))}))}function w(t,n){return new Promise((function(r,i){t.createWriter((function(t){t.onwrite=function(t){e("log","Write data success!"," at utils/download.js:333"),r("success")},t.write(JSON.stringify(n))}),(function(t){e("log",t.message," at utils/download.js:340"),i(t.message)}))}))}function b(t){var n=t.OriginPathEntry,r=t.newFileName;return new Promise((function(t,i){n.getDirectory(r,{create:!0,exclusive:!1},(function(e){t(e)}),(function(t){e("log",dir.name,t.message," at utils/download.js:361"),i(t)}))}))}function x(t){return new Promise((function(n,r){var i=t.createReader();i.readEntries((function(t){var e,r=[];for(e=0;e<t.length;e++)r.push(t[e].name);n(r)}),(function(t){e("log","Read entries failed: "+t.message," at utils/download.js:379"),r(t.message)}))}))}t.exports={getSaveFile:d,getDownloadFile:f,requestFileSystem:g,resolveLocalFileSystemURL:p,moveFileTo:h,getDirectory:b,removeFile:v,removeFileAll:m,readLocal:s,writeLocal:c,getFileChildrenList:x}}).call(this,n("0de9")["default"])},"3c60":function(t,e,n){"use strict";n.r(e);var r=n("b80a"),i=n("b5df");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},"40a2":function(t,e,n){"use strict";n.r(e);var r=n("499f"),i=n("c3ad");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},"499f":function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("view",{staticClass:t._$s(0,"sc","ball-list"),attrs:{_i:0}},[n("view",{staticClass:t._$s(1,"sc","bl-line"),attrs:{_i:1}},[n("view"),n("view",{attrs:{_i:3},on:{click:t.returnBtn}})]),n("view",{staticClass:t._$s(4,"sc","bl-tab"),attrs:{_i:4}},[n("view"),n("view"),n("view"),n("view")]),n("scroll-view",{staticClass:t._$s(9,"sc","bl-scroll"),attrs:{_i:9}},[n("view",{staticClass:t._$s(10,"sc","bl-list"),attrs:{_i:10}},[t._l(3,(function(e,r,i,a){return n("view",{key:r,staticClass:t._$s("11-"+a,"sc","bll-item"),attrs:{_i:"11-"+a}},[n("view",{class:t._$s("12-"+a,"c",[r==t.ballList.length-1?"fillet-left":""]),attrs:{_i:"12-"+a}},[t._v(t._$s("12-"+a,"t0-0",t._s(e.goods_name||"555")))]),n("view",[t._v(t._$s("13-"+a,"t0-0",t._s(e.tid_string||"\u5408\u6cd5\u5927\u4f7f\u9986sfghdsfghdjsgdksjdjghdfjkghfd2021-11-11 11:22:54")))]),n("view",[t._v(t._$s("14-"+a,"t0-0",t._s(e.created_at||"123213")))]),n("view",{class:t._$s("15-"+a,"c",[r==t.ballList.length-1?"fillet-right":""]),attrs:{_i:"15-"+a}},[t._v(t._$s("15-"+a,"t0-0",t._s(e.operator_name||"544")))])])})),n("view",{staticClass:t._$s(16,"sc","info-list"),attrs:{_i:16}},t._l(3,(function(e,r,i,a){return n("view",{staticClass:t._$s("17-"+a,"sc","i-item"),attrs:{_i:"17-"+a}},[n("view",{staticClass:t._$s("18-"+a,"sc","i-box"),attrs:{_i:"18-"+a}}),n("view",{staticClass:t._$s("19-"+a,"sc","i-box"),attrs:{_i:"19-"+a}}),n("view",{staticClass:t._$s("20-"+a,"sc","i-box"),attrs:{_i:"20-"+a}}),n("view",{staticClass:t._$s("21-"+a,"sc","i-box"),attrs:{_i:"21-"+a}},[t._v(t._$s("21-"+a,"t0-0",t._s(e[2])))])])})),0)],2)]),t._$s(22,"i",t.isShowBtn)?n("view",{staticClass:t._$s(22,"sc","bl-btn"),attrs:{_i:22}},[n("view",{attrs:{_i:23},on:{click:function(e){return t.btnChange(1)}}}),n("view",[n("text",[t._v(t._$s(25,"t0-0",t._s(t.page||0)))]),n("text",[t._v(t._$s(26,"t0-0",t._s(t.pageTotal||0)))])]),n("view",{attrs:{_i:27},on:{click:function(e){return t.btnChange(2)}}})]):t._e()])},a=[]},5564:function(t,e,n){"use strict";n.r(e);var r=n("741d"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},"741d":function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={data:function(){return{list:[{id:"ext-module",name:"\u6269\u5c55 module\u6d4b\u8bd5\u5217\u8868",open:!1,url:"/pages/sample/ext-module-vue"},{id:"ext-component",name:"\u6269\u5c55 component",open:!1,url:"/pages/sample/ext-component"},{id:"richAlert",name:"\u63d2\u4ef6\u793a\u4f8bRichAlert",open:!1,url:"/pages/sample/richAlert"}],navigateFlag:!1}},onLoad:function(){},methods:{goScan:function(){t("log",111," at pages/index/index.vue:59"),uni.navigateTo({url:"./scan"})},goBallList:function(){t("log",111," at pages/index/index.vue:66"),uni.navigateTo({url:"./ball_list"})},testScanCancle:function(){uni.scanCode({onlyFromCamera:!0,success:function(e){t("log","\u6761\u7801\u7c7b\u578b\uff1a"+e.scanType," at pages/index/index.vue:76"),t("log","\u6761\u7801\u5185\u5bb9\uff1a"+e.result," at pages/index/index.vue:77")}}),setTimeout((function(){t("log","\u6267\u884c\u8fd4\u56de"," at pages/index/index.vue:81"),uni.navigateBack(),uni.navigateBack()}),3e3)},triggerCollapse:function(t){if(this.list[t].pages)for(var e=0;e<this.list.length;++e)this.list[e].open=t===e&&!this.list[t].open;else this.goDetailPage(this.list[t].url)},goDetailPage:function(t){var e=this;if(!this.navigateFlag)return this.navigateFlag=!0,uni.navigateTo({url:t}),setTimeout((function(){e.navigateFlag=!1}),200),!1}}};e.default=n}).call(this,n("0de9")["default"])},"8bbf":function(t,e){t.exports=Vue},"8d89":function(t,e,n){"use strict";n.r(e);var r=n("b611");for(var i in r)"default"!==i&&function(t){n.d(e,t,(function(){return r[t]}))}(i);var a,o,s,u,c=n("f0c5"),l=Object(c["a"])(r["default"],a,o,!1,null,null,null,!1,s,u);e["default"]=l.exports},"8db1":function(t,e,n){"use strict";n.r(e);var r=n("abef"),i=n("5564");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},"96cf":function(t,e){!function(e){"use strict";var n,r=Object.prototype,i=r.hasOwnProperty,a="function"===typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",s=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag",c="object"===typeof t,l=e.regeneratorRuntime;if(l)c&&(t.exports=l);else{l=e.regeneratorRuntime=c?t.exports:{},l.wrap=w;var f="suspendedStart",d="suspendedYield",p="executing",g="completed",h={},v={};v[o]=function(){return this};var m=Object.getPrototypeOf,_=m&&m(m(N([])));_&&_!==r&&i.call(_,o)&&(v=_);var y=O.prototype=x.prototype=Object.create(v);F.prototype=y.constructor=O,O.constructor=F,O[u]=F.displayName="GeneratorFunction",l.isGeneratorFunction=function(t){var e="function"===typeof t&&t.constructor;return!!e&&(e===F||"GeneratorFunction"===(e.displayName||e.name))},l.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,O):(t.__proto__=O,u in t||(t[u]="GeneratorFunction")),t.prototype=Object.create(y),t},l.awrap=function(t){return{__await:t}},P(S.prototype),S.prototype[s]=function(){return this},l.AsyncIterator=S,l.async=function(t,e,n,r){var i=new S(w(t,e,n,r));return l.isGeneratorFunction(e)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},P(y),y[u]="Generator",y[o]=function(){return this},y.toString=function(){return"[object Generator]"},l.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){while(e.length){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},l.values=N,$.prototype={constructor:$,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=n,this.done=!1,this.delegate=null,this.method="next",this.arg=n,this.tryEntries.forEach(L),!t)for(var e in this)"t"===e.charAt(0)&&i.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=n)},stop:function(){this.done=!0;var t=this.tryEntries[0],e=t.completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(r,i){return s.type="throw",s.arg=t,e.next=r,i&&(e.method="next",e.arg=n),!!i}for(var a=this.tryEntries.length-1;a>=0;--a){var o=this.tryEntries[a],s=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var u=i.call(o,"catchLoc"),c=i.call(o,"finallyLoc");if(u&&c){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(u){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&i.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var a=r;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var o=a?a.completion:{};return o.type=t,o.arg=e,a?(this.method="next",this.next=a.finallyLoc,h):this.complete(o)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),h},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),L(n),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var i=r.arg;L(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:N(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=n),h}}}function w(t,e,n,r){var i=e&&e.prototype instanceof x?e:x,a=Object.create(i.prototype),o=new $(r||[]);return a._invoke=j(t,n,o),a}function b(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(r){return{type:"throw",arg:r}}}function x(){}function F(){}function O(){}function P(t){["next","throw","return"].forEach((function(e){t[e]=function(t){return this._invoke(e,t)}}))}function S(t){function e(n,r,a,o){var s=b(t[n],t,r);if("throw"!==s.type){var u=s.arg,c=u.value;return c&&"object"===typeof c&&i.call(c,"__await")?Promise.resolve(c.__await).then((function(t){e("next",t,a,o)}),(function(t){e("throw",t,a,o)})):Promise.resolve(c).then((function(t){u.value=t,a(u)}),(function(t){return e("throw",t,a,o)}))}o(s.arg)}var n;function r(t,r){function i(){return new Promise((function(n,i){e(t,r,n,i)}))}return n=n?n.then(i,i):i()}this._invoke=r}function j(t,e,n){var r=f;return function(i,a){if(r===p)throw new Error("Generator is already running");if(r===g){if("throw"===i)throw a;return E()}n.method=i,n.arg=a;while(1){var o=n.delegate;if(o){var s=C(o,n);if(s){if(s===h)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=g,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=p;var u=b(t,e,n);if("normal"===u.type){if(r=n.done?g:d,u.arg===h)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r=g,n.method="throw",n.arg=u.arg)}}}function C(t,e){var r=t.iterator[e.method];if(r===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=n,C(t,e),"throw"===e.method))return h;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var i=b(r,t.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,h;var a=i.arg;return a?a.done?(e[t.resultName]=a.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=n),e.delegate=null,h):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,h)}function k(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function L(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function $(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(k,this),this.reset(!0)}function N(t){if(t){var e=t[o];if(e)return e.call(t);if("function"===typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function e(){while(++r<t.length)if(i.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=n,e.done=!0,e};return a.next=a}}return{next:E}}function E(){return{value:n,done:!0}}}(function(){return this||"object"===typeof self&&self}()||Function("return this")())},"9a1b":function(t,e,n){"use strict";n.r(e);var r=n("e678"),i=n("ba8c");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},a34a:function(t,e,n){t.exports=n("bbdd")},abef:function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("view",{staticClass:t._$s(0,"sc","uni-container"),attrs:{_i:0}},[n("view",{staticClass:t._$s(1,"sc","uni-hello-text"),attrs:{_i:1}},[n("text",{staticClass:t._$s(2,"sc","hello-text"),attrs:{_i:2}})]),t._l(t._$s(3,"f",{forItems:t.list}),(function(e,r,i,a){return n("view",{key:t._$s(3,"f",{forIndex:i,key:e.id}),staticClass:t._$s("3-"+a,"sc","uni-panel"),attrs:{_i:"3-"+a}},[n("view",{staticClass:t._$s("4-"+a,"sc","uni-panel-h"),class:t._$s("4-"+a,"c",e.open?"uni-panel-h-on":""),attrs:{_i:"4-"+a},on:{click:function(e){return t.triggerCollapse(r)}}},[n("text",{staticClass:t._$s("5-"+a,"sc","uni-panel-text"),attrs:{_i:"5-"+a}},[t._v(t._$s("5-"+a,"t0-0",t._s(e.name)))]),n("text",{staticClass:t._$s("6-"+a,"sc","uni-panel-icon uni-icon"),class:t._$s("6-"+a,"c",e.open?"uni-panel-icon-on":""),attrs:{_i:"6-"+a}},[t._v(t._$s("6-"+a,"t0-0",t._s(e.pages?"\ue581":"\ue470")))])]),t._$s("7-"+a,"i",e.open)?n("view",{staticClass:t._$s("7-"+a,"sc","uni-panel-c"),attrs:{_i:"7-"+a}},t._l(t._$s("8-"+a,"f",{forItems:e.pages}),(function(e,r,i,o){return n("view",{key:t._$s("8-"+a,"f",{forIndex:i,key:r}),staticClass:t._$s("8-"+a+"-"+o,"sc","uni-navigate-item"),attrs:{_i:"8-"+a+"-"+o},on:{click:function(n){return t.goDetailPage(e.url)}}},[n("text",{staticClass:t._$s("9-"+a+"-"+o,"sc","uni-navigate-text"),attrs:{_i:"9-"+a+"-"+o}},[t._v(t._$s("9-"+a+"-"+o,"t0-0",t._s(e.name?e.name:e)))]),n("text",{staticClass:t._$s("10-"+a+"-"+o,"sc","uni-navigate-icon uni-icon"),attrs:{_i:"10-"+a+"-"+o}})])})),0):t._e()])})),n("view",{staticClass:t._$s(11,"sc","uni-panel"),attrs:{_i:11}},[n("view",{staticClass:t._$s(12,"sc","uni-panel-h"),attrs:{_i:12},on:{click:function(e){return t.testScanCancle()}}}),n("view",{staticClass:t._$s(13,"sc","uni-panel-h"),attrs:{_i:13},on:{click:function(e){return t.goScan()}}}),n("view",{staticClass:t._$s(14,"sc","uni-panel-h"),attrs:{_i:14},on:{click:function(e){return t.goBallList()}}})])],2)},a=[]},b5df:function(t,e,n){"use strict";n.r(e);var r=n("148d"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},b611:function(t,e,n){"use strict";n.r(e);var r=n("1e9b"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},b80a:function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:t._$s(0,"sc","content"),attrs:{_i:0}},[n("button",{staticClass:t._$s(1,"sc","btn"),attrs:{_i:1},on:{click:t.getFileList}}),n("button",{staticClass:t._$s(2,"sc","btn"),attrs:{_i:2},on:{click:t.deleteAndroidFaceImage}}),n("button",{staticClass:t._$s(3,"sc","btn"),attrs:{_i:3},on:{click:t.gotoNativePage}}),n("button",{staticClass:t._$s(4,"sc","btn"),attrs:{_i:4},on:{click:t.initTcp}}),n("button",{staticClass:t._$s(5,"sc","btn"),attrs:{_i:5},on:{click:t.closeTcp}}),n("button",{staticClass:t._$s(6,"sc","btn"),attrs:{_i:6},on:{click:t.getIP}}),n("text",{staticClass:t._$s(7,"sc","tips"),attrs:{_i:7}}),n("button",{staticClass:t._$s(8,"sc","btn"),attrs:{_i:8},on:{click:t.faceAsyncFunc}}),n("text",{staticClass:t._$s(9,"sc","tips"),attrs:{_i:9}}),n("view",{staticClass:t._$s(10,"sc","console"),attrs:{_i:10}},t._l(t._$s(11,"f",{forItems:t.logs}),(function(e,r,i,a){return n("text",{key:t._$s(11,"f",{forIndex:i,key:"11-"+a}),staticClass:t._$s("11-"+a,"sc","log"),attrs:{_i:"11-"+a}},[t._v(t._$s("11-"+a,"t0-0",t._s(e)))])})),0),n("button",{staticClass:t._$s(12,"sc","btn"),attrs:{_i:12},on:{click:t.testAsyncFunc2}}),n("button",{staticClass:t._$s(13,"sc","btn"),attrs:{_i:13},on:{click:t.testSyncFunc2}}),n("button",{staticClass:t._$s(14,"sc","btn"),attrs:{_i:14},on:{click:t.testAsyncFunc}}),n("button",{staticClass:t._$s(15,"sc","btn"),attrs:{_i:15},on:{click:t.testSyncFunc}}),n("button",{staticClass:t._$s(16,"sc","btn"),attrs:{_i:16},on:{click:t.liveInit}}),n("button",{staticClass:t._$s(17,"sc","btn"),attrs:{_i:17},on:{click:function(e){return t.gotoLiveNativePage()}}})])},a=[]},ba8c:function(t,e,n){"use strict";n.r(e);var r=n("c8cc"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},bbdd:function(t,e,n){var r=function(){return this||"object"===typeof self&&self}()||Function("return this")(),i=r.regeneratorRuntime&&Object.getOwnPropertyNames(r).indexOf("regeneratorRuntime")>=0,a=i&&r.regeneratorRuntime;if(r.regeneratorRuntime=void 0,t.exports=n("96cf"),i)r.regeneratorRuntime=a;else try{delete r.regeneratorRuntime}catch(o){r.regeneratorRuntime=void 0}},bcf8:function(t,e,n){"use strict";(function(e){var r=a(n("a34a")),i=a(n("3b32"));function a(t){return t&&t.__esModule?t:{default:t}}function o(t,e,n,r,i,a,o){try{var s=t[a](o),u=s.value}catch(c){return void n(c)}s.done?e(u):Promise.resolve(u).then(r,i)}function s(t){return function(){var e=this,n=arguments;return new Promise((function(r,i){var a=t.apply(e,n);function s(t){o(a,r,i,s,u,"next",t)}function u(t){o(a,r,i,s,u,"throw",t)}s(void 0)}))}}function u(t){return c.apply(this,arguments)}function c(){return c=s(r.default.mark((function t(n){var a,o;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 2:return a=t.sent,t.next=5,i.default.getDirectory({OriginPathEntry:a.root,newFileName:n});case 5:return o=t.sent,t.abrupt("return",i.default.getFileChildrenList(o).then((function(t){return t})).catch((function(t){e("log","\u83b7\u53d6\u6587\u4ef6\u5217\u8868\u5931\u8d25:",t," at utils/8inFileOperate.js:23")})));case 7:case"end":return t.stop()}}),t)}))),c.apply(this,arguments)}function l(t){return f.apply(this,arguments)}function f(){return f=s(r.default.mark((function t(n){var a,o,s,u,c,l;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return e("log","deleteAndroidFaceImage:",n," at utils/8inFileOperate.js:30"),a={deleteFile:!0,name:n},t.next=4,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 4:return o=t.sent,a.url,s=a.name,t.next=9,i.default.getDirectory({OriginPathEntry:o.root,newFileName:"Face-Sync"});case 9:return u=t.sent,t.next=12,i.default.resolveLocalFileSystemURL(u.fullPath+s).catch((function(t){e("log","\u76ee\u6807\u6587\u4ef6\u53ef\u4ee5\u64cd\u4f5c",t," at utils/8inFileOperate.js:44")}));case 12:if(c=t.sent,!c){t.next=30;break}if(e("log","\u5b58\u5728\u7f13\u5b58\u7684\u540c\u540d\u6587\u4ef6:",c.fullPath," at utils/8inFileOperate.js:47"),!a.deleteFile){t.next=21;break}return t.next=18,i.default.removeFile(c);case 18:return l=t.sent,e("log","\u5220\u9664\u540c\u540d\u6587\u4ef6\u7ed3\u679c:",l," at utils/8inFileOperate.js:51"),t.abrupt("return",l);case 21:if(!a.forceDownload){t.next=27;break}return t.next=24,i.default.removeFile(c);case 24:t.sent,t.next=28;break;case 27:return t.abrupt("return",c.fullPath);case 28:t.next=31;break;case 30:e("log","\u4e0d\u5b58\u5728\u540c\u540d\u6587\u4ef6:"+n," at utils/8inFileOperate.js:61");case 31:case"end":return t.stop()}}),t)}))),f.apply(this,arguments)}function d(t){return p.apply(this,arguments)}function p(){return p=s(r.default.mark((function t(n){var i;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,S();case 2:return i=t.sent,e("log","\u6e05\u7a7adoc\u7ed3\u679c:",i," at utils/8inFileOperate.js:72"),t.abrupt("return",new Promise(function(){var t=s(r.default.mark((function t(i,a){var o,s,u,c,l,f;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:o=n.list,s=n.request_time,u=n.total,e("log",s,u," at utils/8inFileOperate.js:76"),c=[],l=0;case 4:if(!(l<o.length)){t.next=24;break}return t.prev=5,t.next=8,v();case 8:return e("log","\u5f53\u524d\u7b2c"+(l+1)+"\u5f20, \u603b\u9700\u4e0b\u8f7d:"+o.length," at utils/8inFileOperate.js:81"),t.next=11,b(o[l]);case 11:f=t.sent,c.push(f),o[l]["local_path"]=f,t.next=21;break;case 16:return t.prev=16,t.t0=t["catch"](5),e("error","\u4e0b\u8f7d\u5931\u8d25:",t.t0," at utils/8inFileOperate.js:88"),o[l]["error"]=t.t0,t.abrupt("continue",21);case 21:l++,t.next=4;break;case 24:n.list=o,g(n),i(o);case 27:case"end":return t.stop()}}),t,null,[[5,16]])})));return function(e,n){return t.apply(this,arguments)}}()));case 5:case"end":return t.stop()}}),t)}))),p.apply(this,arguments)}function g(t){t.list.every((function(t){return t.local_path}))&&m(t)}function h(t){return t.map((function(t){if(t.local_path)return t.user_id})).join(",")}function v(){return new Promise((function(t,n){uni.getNetworkType({success:function(n){e("log","checkNetworkUsable \u5f53\u524d\u53ef\u7528\u7f51\u7edc:",n.networkType," at utils/8inFileOperate.js:119"),t(!0)},fail:function(t){e("log",t," at utils/8inFileOperate.js:123"),n(!1)}})}))}function m(t){t.request_time&&uni.setStorageSync("request_time",t.request_time)}function _(){return new Promise((function(t,n){var r="";try{r=uni.getStorageSync("request_time")}catch(i){e("warn","\u8bf7\u6c42\u65f6\u95f4\u6233\u5f02\u5e38:",i," at utils/8inFileOperate.js:145")}t(r)}))}function y(t){return w.apply(this,arguments)}function w(){return w=s(r.default.mark((function t(e){var n;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,new Promise((function(t){setTimeout((function(){return t("asyncSetTimeOut")}),e||1e3)}));case 2:return n=t.sent,t.abrupt("return",n);case 4:case"end":return t.stop()}}),t)}))),w.apply(this,arguments)}function b(t){return x.apply(this,arguments)}function x(){return x=s(r.default.mark((function t(n){var a,o,s,u,c,l,f,d,p,g;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 2:return a=t.sent,o=n.pic_url,s=function(t){e("log","\u4e0b\u8f7d\u4e2d...user_id:"+n.user_id,t," at utils/8inFileOperate.js:170")},t.next=7,i.default.getDownloadFile({url:o,onProgresCallBack:s});case 7:return u=t.sent,t.next=10,i.default.getSaveFile(u);case 10:return c=t.sent,l=n.user_id+"."+(c.split(".")[1]||"jpg"),l=n.user_id+F(o),t.next=15,i.default.resolveLocalFileSystemURL(c);case 15:return f=t.sent,t.next=18,i.default.getDirectory({OriginPathEntry:a.root,newFileName:"Face-Sync"});case 18:return d=t.sent,t.next=21,i.default.resolveLocalFileSystemURL(d.fullPath+l).catch((function(t){e("log","\u76ee\u6807\u6587\u4ef6\u53ef\u4ee5\u64cd\u4f5c",t," at utils/8inFileOperate.js:189")}));case 21:if(p=t.sent,!p){t.next=27;break}return e("log","\u5220\u9664\u5b58\u5728\u7684\u540c\u540d\u6587\u4ef6:",p.fullPath," at utils/8inFileOperate.js:192"),t.next=26,i.default.removeFile(p);case 26:t.sent;case 27:return t.next=29,i.default.moveFileTo(f,d,l);case 29:return g=t.sent,e("log","\u91cd\u547d\u540d\u540e:",c,l,g.fullPath," at utils/8inFileOperate.js:197"),t.abrupt("return",g.fullPath);case 32:case"end":return t.stop()}}),t)}))),x.apply(this,arguments)}function F(t){var e=".",n=t.split("."),r=n[n.length];return"jpg"==r&&"png"==r&&"jpeg"==r&&"PNG"==r&&"JPG"==r&&"JPEG"==r||(r="jpg"),e+r}function O(t){return P.apply(this,arguments)}function P(){return P=s(r.default.mark((function t(n){var a,o,s;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 2:return a=t.sent,t.next=5,i.default.getDirectory({OriginPathEntry:a.root,newFileName:n});case 5:return o=t.sent,t.next=8,i.default.resolveLocalFileSystemURL(o.fullPath).catch((function(t){e("log","\u64cd\u4f5c\u76ee\u6807\u6587\u4ef6",t," at utils/8inFileOperate.js:220")}));case 8:return s=t.sent,t.next=11,i.default.removeFileAll(s).then((function(t){e("log",n,"\u5220\u9664:",t," at utils/8inFileOperate.js:223")}));case 11:case"end":return t.stop()}}),t)}))),P.apply(this,arguments)}function S(){return j.apply(this,arguments)}function j(){return j=s(r.default.mark((function t(){var n;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PRIVATE_DOC);case 2:return n=t.sent,t.next=5,i.default.removeFileAll(n).then((function(t){e("log","\u5220\u9664uni _Doc\u7f13\u5b58\u6587\u4ef6:",t," at utils/8inFileOperate.js:240")}));case 5:case"end":return t.stop()}}),t)}))),j.apply(this,arguments)}t.exports={downloadFileImg:b,clearDownloadFace:O,downloadFileList:d,getRequestTime:_,getDataForPlugin:h,asyncSetTimeOut:y,deleteAndroidFaceImage:l,getFileChildrenList:u}}).call(this,n("0de9")["default"])},c3ad:function(t,e,n){"use strict";n.r(e);var r=n("f5b2"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},c677:function(t,e,n){"use strict";function r(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"yyyy-mm-dd";t||(t=Number(new Date)),"string"==typeof t&&t.indexOf("-")>0&&(t=t.replace(/\-/g,"/")),10==t.toString().length&&(t*=1e3);var n,r=new Date(t),i={"y+":r.getFullYear().toString(),"m+":(r.getMonth()+1).toString(),"d+":r.getDate().toString(),"h+":r.getHours().toString(),"M+":r.getMinutes().toString(),"s+":r.getSeconds().toString()};for(var a in i)n=new RegExp("("+a+")").exec(e),n&&(e=e.replace(n[1],1==n[1].length?i[a]:i[a].padStart(n[1].length,"0")));return e}function i(t){var e="",n=parseInt(t/3600),r=parseInt(t%3600/60),i=parseInt(t%3600%60);return n>0&&(n=n<10?"0"+n:n,e+=n+":"),r=r<10?"0"+r:r,i=i<10?"0"+i:i,e+=r+":"+i,e}Object.defineProperty(e,"__esModule",{value:!0}),e.timeFormat=r,e.getDurationTime=i,String.prototype.padStart||(String.prototype.padStart=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";if("[object String]"!==Object.prototype.toString.call(e))throw new TypeError("fillString must be String");var n=this;if(n.length>=t)return String(n);var r=t-n.length,i=Math.ceil(r/e.length);while(i>>=1)e+=e,1===i&&(e+=e);return e.slice(0,r)+n})},c8cc:function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=uni.requireNativePlugin("modal"),r=uni.requireNativePlugin("DCloud-RichAlert"),i={data:function(){return{title:""}},onLoad:function(){},methods:{showRichAlert:function(){r.show({position:"bottom",title:"\u63d0\u793a\u4fe1\u606f",titleColor:"#FF0000",content:"<a href='https://uniapp.dcloud.io/' value='Hello uni-app'>uni-app</a> \u662f\u4e00\u4e2a\u4f7f\u7528 Vue.js \u5f00\u53d1\u8de8\u5e73\u53f0\u5e94\u7528\u7684\u524d\u7aef\u6846\u67b6!\n\u514d\u8d39\u7684\n\u514d\u8d39\u7684\n\u514d\u8d39\u7684\n\u91cd\u8981\u7684\u4e8b\u60c5\u8bf4\u4e09\u904d",contentAlign:"left",checkBox:{title:"\u4e0d\u518d\u63d0\u793a",isSelected:!0},buttons:[{title:"\u53d6\u6d88"},{title:"\u5426"},{title:"\u786e\u8ba4",titleColor:"#3F51B5"}]},(function(e){var r=JSON.stringify(e);switch(n.toast({message:r,duration:1.5}),e.type){case"button":t("log","callback---button--"+e.index," at pages/sample/richAlert.vue:50");break;case"checkBox":t("log","callback---checkBox--"+e.isSelected," at pages/sample/richAlert.vue:53");break;case"a":t("log","callback---a--"+JSON.stringify(e)," at pages/sample/richAlert.vue:56");break;case"backCancel":t("log","callback---backCancel--"," at pages/sample/richAlert.vue:59");break}}))}}};e.default=i}).call(this,n("0de9")["default"])},e3f4:function(t,e,n){"undefined"===typeof Promise||Promise.prototype.finally||(Promise.prototype.finally=function(t){var e=this.constructor;return this.then((function(n){return e.resolve(t()).then((function(){return n}))}),(function(n){return e.resolve(t()).then((function(){throw n}))}))}),uni.restoreGlobal&&uni.restoreGlobal(weex,plus,setTimeout,clearTimeout,setInterval,clearInterval),__definePage("pages/sample/ext-module-vue",(function(){return Vue.extend(n("3c60").default)})),__definePage("pages/index/index",(function(){return Vue.extend(n("8db1").default)})),__definePage("pages/index/ball_list",(function(){return Vue.extend(n("40a2").default)})),__definePage("pages/sample/richAlert",(function(){return Vue.extend(n("9a1b").default)}))},e678:function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("view",{staticClass:t._$s(0,"sc","button-sp-area"),attrs:{_i:0}},[n("button",{attrs:{_i:1},on:{click:function(e){return t.showRichAlert()}}})])},a=[]},f0c5:function(t,e,n){"use strict";function r(t,e,n,r,i,a,o,s,u,c){var l,f="function"===typeof t?t.options:t;if(u){f.components||(f.components={});var d=Object.prototype.hasOwnProperty;for(var p in u)d.call(u,p)&&!d.call(f.components,p)&&(f.components[p]=u[p])}if(c&&((c.beforeCreate||(c.beforeCreate=[])).unshift((function(){this[c.__module]=this})),(f.mixins||(f.mixins=[])).push(c)),e&&(f.render=e,f.staticRenderFns=n,f._compiled=!0),r&&(f.functional=!0),a&&(f._scopeId="data-v-"+a),o?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},f._ssrRegister=l):i&&(l=s?function(){i.call(this,this.$root.$options.shadowRoot)}:i),l)if(f.functional){f._injectStyles=l;var g=f.render;f.render=function(t,e){return l.call(e),g(t,e)}}else{var h=f.beforeCreate;f.beforeCreate=h?[].concat(h,l):[l]}return{exports:t,options:f}}n.d(e,"a",(function(){return r}))},f5b2:function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={data:function(){return{optionQuery:{},ballList:[],page:1,pageTotal:1,isShowBtn:!1}},onLoad:function(t){t.stadium_id,t.brand_id},onReachBottom:function(){},methods:{returnBtn:function(){uni.navigateBack()},getList:function(e){var n=this,r=e.page,i=void 0===r?1:r,a=e.page_size,o=void 0===a?10:a,s=this.optionQuery;util.showLoad(),servers.post({url:API.tidList,data:{brand_id:s.brand_id,stadium_id:s.stadium_id,goods_name:"\u7bee\u7403\u5f55\u5165",page:i,page_size:o},failMsg:"\u52a0\u8f7d\u5931\u8d25\uff01"}).then((function(e){util.hideLoad(),n.pageTotal=Math.ceil(e.total/10);var r=e.list||[];return t("log","\u6b66\u6c49\u51e1\u8c37\uff1a",JSON.stringify(e)," at pages/index/ball_list.vue:102"),1==i?(r.length>0&&(n.isShowBtn=!0),n.ballList=r):r.length<=0?util.showNone("\u6ca1\u6709\u66f4\u591a\uff01"):(n.page=i,void(n.ballList=r))})).catch((function(e){t("error","\u7bee\u7403\u5217\u8868-err\uff1f",e," at pages/index/ball_list.vue:116")}))}}};e.default=n}).call(this,n("0de9")["default"])}},[["0a3c","app-config"]]]);
\ No newline at end of file
+(this["webpackJsonp"]=this["webpackJsonp"]||[]).push([["app-service"],{"0a3c":function(t,e,n){"use strict";n("e3f4");var r=a(n("8bbf")),i=a(n("8d89"));function a(t){return t&&t.__esModule?t:{default:t}}function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}r.default.config.productionTip=!1,i.default.mpType="app";var c=new r.default(s({},i.default));c.$mount()},"0de9":function(t,e,n){"use strict";function r(t){var e=Object.prototype.toString.call(t);return e.substring(8,e.length-1)}function i(){return"string"===typeof __channelId__&&__channelId__}function a(t,e){switch(r(e)){case"Function":return"function() { [native code] }";default:return e}}function o(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];console[t].apply(console,n)}function s(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var o=e.shift();if(i())return e.push(e.pop().replace("at ","uni-app:///")),console[o].apply(console,e);var s=e.map((function(t){var e=Object.prototype.toString.call(t).toLowerCase();if("[object object]"===e||"[object array]"===e)try{t="---BEGIN:JSON---"+JSON.stringify(t,a)+"---END:JSON---"}catch(i){t=e}else if(null===t)t="---NULL---";else if(void 0===t)t="---UNDEFINED---";else{var n=r(t).toUpperCase();t="NUMBER"===n||"BOOLEAN"===n?"---BEGIN:"+n+"---"+t+"---END:"+n+"---":String(t)}return t})),u="";if(s.length>1){var c=s.pop();u=s.join("---COMMA---"),0===c.indexOf(" at ")?u+=c:u+="---COMMA---"+c}else u=s[0];console[o](u)}n.r(e),n.d(e,"log",(function(){return o})),n.d(e,"default",(function(){return s}))},"148d":function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=o(n("a34a")),i=n("c677"),a=o(n("bcf8"));function o(t){return t&&t.__esModule?t:{default:t}}function s(t,e,n,r,i,a,o){try{var s=t[a](o),u=s.value}catch(c){return void n(c)}s.done?e(u):Promise.resolve(u).then(r,i)}function u(t){return function(){var e=this,n=arguments;return new Promise((function(r,i){var a=t.apply(e,n);function o(t){s(a,r,i,o,u,"next",t)}function u(t){s(a,r,i,o,u,"throw",t)}o(void 0)}))}}var c=uni.requireNativePlugin("Zmt-Module"),l=uni.requireNativePlugin("TestModule"),f=uni.requireNativePlugin("uniplugin_module_ox"),d=uni.requireNativePlugin("Face-Module"),p=uni.requireNativePlugin("TXLiveModule"),g=uni.requireNativePlugin("modal"),h={onLoad:function(){this.initAPPListener()},onReady:function(){this.logs.push("\u5f53\u524d\u65f6\u95f4:"+this.getTime()),t("log","\u5f53\u524d\u65f6\u95f4:"+this.getTime()," at pages/sample/ext-module-vue.vue:65")},data:function(){return{logs:["LOG VIEW"]}},methods:{getFilePath:function(){var e=this;return u(r.default.mark((function n(){var i;return r.default.wrap((function(n){while(1)switch(n.prev=n.next){case 0:return t("log","getFilePath77777"," at pages/sample/ext-module-vue.vue:75"),e.log("getFilePath77777"),n.next=4,a.default.getJoinSaveFilePath();case 4:i=n.sent,e.log(i);case 6:case"end":return n.stop()}}),n)})))()},getFileList:function(){var e=this;return u(r.default.mark((function n(){var i,o;return r.default.wrap((function(n){while(1)switch(n.prev=n.next){case 0:return i="33\u4fe1\u606f2",n.next=3,a.default.getFileChildrenList("Face-Sync");case 3:o=n.sent,t("log",o,"000"," at pages/sample/ext-module-vue.vue:86"),o.map((function(t){return t.split(".")[0]==i&&(e.log("\u547d\u4e2d\u540e\u5220\u9664"),e.deleteAndroidFaceImage(t)),t}));case 6:case"end":return n.stop()}}),n)})))()},deleteAndroidFaceImage:function(e){var n=this;return u(r.default.mark((function i(){var o;return r.default.wrap((function(r){while(1)switch(r.prev=r.next){case 0:return r.next=2,a.default.deleteAndroidFaceImage(e);case 2:o=r.sent,n.log(o),t("log",77777,o," at pages/sample/ext-module-vue.vue:105");case 5:case"end":return r.stop()}}),i)})))()},initAPPListener:function(){var t=this;plus.globalEvent.addEventListener("myEvent",(function(e){g.toast({message:"TestEvent\u6536\u5230\uff1a"+JSON.stringify(e),duration:3.5}),t.log("\u5168\u5c40\u4e8b\u4ef6\u63a5\u6536:"+JSON.stringify(e))}))},liveInit:function(){var t=this;this.log("\u6267\u884cTXLiveModule.liveInit"),p.liveInit({name:"unimp",age:1},(function(e){g.toast({message:e,duration:1.5}),t.log(JSON.stringify(e))}))},getLicenceInfo:function(){var t=this;p.getLicenceInfo({name:"unimp",age:1},(function(e){g.toast({message:e,duration:1.5}),t.log(JSON.stringify(e))}))},joinerVideo:function(){var t=this;p.joinerVideo({name:"unimp",age:1},(function(e){g.toast({message:e,duration:1.5}),t.log(JSON.stringify(e))}))},faceAsyncFunc:function(){var t=this;this.log("\u6267\u884cfaceModule.faceAsyncFunc"),d.faceAsyncFunc({name:"unimp",age:1},(function(e){g.toast({message:e,duration:1.5}),t.log(JSON.stringify(e))}))},initTcp:function(){var t=this;this.log("Click Tcp Server."),c.initTcp({port:"16666"},(function(e){g.toast({message:e,duration:2}),t.log("invoke:"+JSON.stringify(e))}))},getIP:function(){var t=this;c.getIP({},(function(e){g.toast({message:e,duration:2}),t.log("invoke:"+JSON.stringify(e))}))},closeTcp:function(){var t=this;this.log("Click Tcp Server."),c.closeTcp({},(function(e){g.toast({message:e,duration:2}),t.log("invoke:"+JSON.stringify(e))}))},testFun2:function(){var t=c.testSyncFunc({name:"unimp",age:1});g.toast({message:t,duration:1.5})},testAsyncFunc:function(){l.testAsyncFunc({name:"unimp",age:1},(function(t){g.toast({message:t,duration:1.5})}))},testSyncFunc:function(){var t=l.testSyncFunc({name:"unimp",age:1});g.toast({message:t,duration:1.5})},testAsyncFunc2:function(){f.testAsyncFunc2({name:"unimp",age:1},(function(t){g.toast({message:t,duration:1.5})}))},testSyncFunc2:function(){var t=f.testSyncFunc2({name:"unimp",age:1});g.toast({message:t,duration:1.5})},log:function(t){this.logs.push(this.getTime()+" ".concat(t))},getTime:function(){return(0,i.timeFormat)(new Date,"mm/dd hh:MM:ss")},gotoNativePage:function(){l.gotoNativePage()},gotoLiveNativePage:function(){p.gotoNativePage()}}};e.default=h}).call(this,n("0de9")["default"])},"1e9b":function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={onLaunch:function(){t("log","App Launch"," at App.vue:4")},onShow:function(){t("log","App Show"," at App.vue:7")},onHide:function(){t("log","App Hide"," at App.vue:10")}};e.default=n}).call(this,n("0de9")["default"])},"3b32":function(t,e,n){(function(e){var r,i=n("a34a");function a(t,e,n,r,i,a,o){try{var s=t[a](o),u=s.value}catch(c){return void n(c)}s.done?e(u):Promise.resolve(u).then(r,i)}function o(t){return function(){var e=this,n=arguments;return new Promise((function(r,i){var o=t.apply(e,n);function s(t){a(o,r,i,s,u,"next",t)}function u(t){a(o,r,i,s,u,"throw",t)}s(void 0)}))}}function s(){return u.apply(this,arguments)}function u(){return u=o(i.mark((function t(){var n,r,a,o;return i.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,g(plus.io.PUBLIC_DOWNLOADS);case 2:return n=t.sent,t.next=5,b({OriginPathEntry:n.root,newFileName:"OXSyncConfig"});case 5:return r=t.sent,t.next=8,_(r,"config.json");case 8:return a=t.sent,t.next=11,y(a);case 11:return o=t.sent,e("log","\u8bfb\u53d6\u7ed3\u679c:",o," at utils/download.js:19"),t.abrupt("return",o);case 14:case"end":return t.stop()}}),t)}))),u.apply(this,arguments)}function c(t){return l.apply(this,arguments)}function l(){return l=o(i.mark((function t(n){var r,a,o,s;return i.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,g(plus.io.PUBLIC_DOWNLOADS);case 2:return r=t.sent,t.next=5,b({OriginPathEntry:r.root,newFileName:"OXSyncConfig"});case 5:return a=t.sent,t.next=8,_(a,"config.json");case 8:return o=t.sent,t.next=11,w(o,n);case 11:return s=t.sent,e("log","\u5199\u5165\u7ed3\u679c:",s," at utils/download.js:31"),t.abrupt("return",s);case 14:case"end":return t.stop()}}),t)}))),l.apply(this,arguments)}function f(t){var n=t.url,i=t.onProgresCallBack;return new Promise((function(t,a){r&&r.abort(),r=uni.downloadFile({url:n,timeout:6e4,success:function(r){200==r.statusCode?(e("log",n+" downloadFile:"+JSON.stringify(r)," at utils/download.js:140"),t(r.tempFilePath)):(e("warn","\u4e0b\u8f7d\u5931\u8d25---\x3e",r," at utils/download.js:143"),e("warn","\u4e0b\u8f7d\u5931\u8d25\u94fe\u63a5---\x3e",n," at utils/download.js:144"),a(r))},fail:function(t){e("warn","\u4e0b\u8f7d\u5931\u8d25---\x3e",t," at utils/download.js:149"),e("warn","\u4e0b\u8f7d\u5931\u8d25\u94fe\u63a5---\x3e",n," at utils/download.js:150"),a(t)}}),r.onProgressUpdate((function(t){i&&i(t)}))}))}function d(t){return new Promise((function(e,n){uni.saveFile({tempFilePath:t,success:function(t){var n=t.savedFilePath;e(n)},fail:function(t){n(t)}})}))}function p(t){return new Promise((function(e,n){plus.io.resolveLocalFileSystemURL(t,(function(t){e(t)}),(function(t){n(t)}))}))}function g(t){return new Promise((function(e,n){plus.io.requestFileSystem(t,(function(t){e(t)}),(function(t){n(t)}))}))}function h(t,n,r){return new Promise((function(i,a){t.moveTo(n,r,(function(t){i(t)}),(function(t){e("log",t.message," at utils/download.js:227"),a(t)}))}))}function v(t){return new Promise((function(n,r){t.remove((function(t){e("log",t," at utils/download.js:237"),n("Remove succeeded: "+t.name)}),(function(t){r(t.message)}))}))}function m(t){return new Promise((function(e){return t.removeRecursively(e,e)}))}function _(t,e){return new Promise((function(n,r){t.getFile(e,{create:!0},(function(t){n(t)}))}))}function y(t){return new Promise((function(n,r){t.file((function(t){var r=new plus.io.FileReader;r.readAsText(t,"utf-8"),r.onloadend=function(t){n(t.target.result)},e("log",">>>>>>>\u6587\u4ef6\u4fe1\u606f:"+t.name+" : "+t.size+" B <<<<<<<<"+JSON.stringify(t)," at utils/download.js:306")}))}))}function w(t,n){return new Promise((function(r,i){t.createWriter((function(t){t.onwrite=function(t){e("log","Write data success!"," at utils/download.js:333"),r("success")},t.write(JSON.stringify(n))}),(function(t){e("log",t.message," at utils/download.js:340"),i(t.message)}))}))}function b(t){var n=t.OriginPathEntry,r=t.newFileName;return new Promise((function(t,i){n.getDirectory(r,{create:!0,exclusive:!1},(function(e){t(e)}),(function(t){e("log",dir.name,t.message," at utils/download.js:361"),i(t)}))}))}function x(t){return new Promise((function(n,r){var i=t.createReader();i.readEntries((function(t){var e,r=[];for(e=0;e<t.length;e++)r.push(t[e].name);n(r)}),(function(t){e("log","Read entries failed: "+t.message," at utils/download.js:379"),r(t.message)}))}))}t.exports={getSaveFile:d,getDownloadFile:f,requestFileSystem:g,resolveLocalFileSystemURL:p,moveFileTo:h,getDirectory:b,removeFile:v,removeFileAll:m,readLocal:s,writeLocal:c,getFileChildrenList:x}}).call(this,n("0de9")["default"])},"3c60":function(t,e,n){"use strict";n.r(e);var r=n("bc72"),i=n("b5df");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},"40a2":function(t,e,n){"use strict";n.r(e);var r=n("499f"),i=n("c3ad");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},"499f":function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("view",{staticClass:t._$s(0,"sc","ball-list"),attrs:{_i:0}},[n("view",{staticClass:t._$s(1,"sc","bl-line"),attrs:{_i:1}},[n("view"),n("view",{attrs:{_i:3},on:{click:t.returnBtn}})]),n("view",{staticClass:t._$s(4,"sc","bl-tab"),attrs:{_i:4}},[n("view"),n("view"),n("view"),n("view")]),n("scroll-view",{staticClass:t._$s(9,"sc","bl-scroll"),attrs:{_i:9}},[n("view",{staticClass:t._$s(10,"sc","bl-list"),attrs:{_i:10}},[t._l(3,(function(e,r,i,a){return n("view",{key:r,staticClass:t._$s("11-"+a,"sc","bll-item"),attrs:{_i:"11-"+a}},[n("view",{class:t._$s("12-"+a,"c",[r==t.ballList.length-1?"fillet-left":""]),attrs:{_i:"12-"+a}},[t._v(t._$s("12-"+a,"t0-0",t._s(e.goods_name||"555")))]),n("view",[t._v(t._$s("13-"+a,"t0-0",t._s(e.tid_string||"\u5408\u6cd5\u5927\u4f7f\u9986sfghdsfghdjsgdksjdjghdfjkghfd2021-11-11 11:22:54")))]),n("view",[t._v(t._$s("14-"+a,"t0-0",t._s(e.created_at||"123213")))]),n("view",{class:t._$s("15-"+a,"c",[r==t.ballList.length-1?"fillet-right":""]),attrs:{_i:"15-"+a}},[t._v(t._$s("15-"+a,"t0-0",t._s(e.operator_name||"544")))])])})),n("view",{staticClass:t._$s(16,"sc","info-list"),attrs:{_i:16}},t._l(3,(function(e,r,i,a){return n("view",{staticClass:t._$s("17-"+a,"sc","i-item"),attrs:{_i:"17-"+a}},[n("view",{staticClass:t._$s("18-"+a,"sc","i-box"),attrs:{_i:"18-"+a}}),n("view",{staticClass:t._$s("19-"+a,"sc","i-box"),attrs:{_i:"19-"+a}}),n("view",{staticClass:t._$s("20-"+a,"sc","i-box"),attrs:{_i:"20-"+a}}),n("view",{staticClass:t._$s("21-"+a,"sc","i-box"),attrs:{_i:"21-"+a}},[t._v(t._$s("21-"+a,"t0-0",t._s(e[2])))])])})),0)],2)]),t._$s(22,"i",t.isShowBtn)?n("view",{staticClass:t._$s(22,"sc","bl-btn"),attrs:{_i:22}},[n("view",{attrs:{_i:23},on:{click:function(e){return t.btnChange(1)}}}),n("view",[n("text",[t._v(t._$s(25,"t0-0",t._s(t.page||0)))]),n("text",[t._v(t._$s(26,"t0-0",t._s(t.pageTotal||0)))])]),n("view",{attrs:{_i:27},on:{click:function(e){return t.btnChange(2)}}})]):t._e()])},a=[]},5564:function(t,e,n){"use strict";n.r(e);var r=n("741d"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},"741d":function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={data:function(){return{list:[{id:"ext-module",name:"\u6269\u5c55 module\u6d4b\u8bd5\u5217\u8868",open:!1,url:"/pages/sample/ext-module-vue"},{id:"ext-component",name:"\u6269\u5c55 component",open:!1,url:"/pages/sample/ext-component"},{id:"richAlert",name:"\u63d2\u4ef6\u793a\u4f8bRichAlert",open:!1,url:"/pages/sample/richAlert"}],navigateFlag:!1}},onLoad:function(){},methods:{goScan:function(){t("log",111," at pages/index/index.vue:59"),uni.navigateTo({url:"./scan"})},goBallList:function(){t("log",111," at pages/index/index.vue:66"),uni.navigateTo({url:"./ball_list"})},testScanCancle:function(){uni.scanCode({onlyFromCamera:!0,success:function(e){t("log","\u6761\u7801\u7c7b\u578b\uff1a"+e.scanType," at pages/index/index.vue:76"),t("log","\u6761\u7801\u5185\u5bb9\uff1a"+e.result," at pages/index/index.vue:77")}}),setTimeout((function(){t("log","\u6267\u884c\u8fd4\u56de"," at pages/index/index.vue:81"),uni.navigateBack(),uni.navigateBack()}),3e3)},triggerCollapse:function(t){if(this.list[t].pages)for(var e=0;e<this.list.length;++e)this.list[e].open=t===e&&!this.list[t].open;else this.goDetailPage(this.list[t].url)},goDetailPage:function(t){var e=this;if(!this.navigateFlag)return this.navigateFlag=!0,uni.navigateTo({url:t}),setTimeout((function(){e.navigateFlag=!1}),200),!1}}};e.default=n}).call(this,n("0de9")["default"])},"8bbf":function(t,e){t.exports=Vue},"8d89":function(t,e,n){"use strict";n.r(e);var r=n("b611");for(var i in r)"default"!==i&&function(t){n.d(e,t,(function(){return r[t]}))}(i);var a,o,s,u,c=n("f0c5"),l=Object(c["a"])(r["default"],a,o,!1,null,null,null,!1,s,u);e["default"]=l.exports},"8db1":function(t,e,n){"use strict";n.r(e);var r=n("abef"),i=n("5564");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},"96cf":function(t,e){!function(e){"use strict";var n,r=Object.prototype,i=r.hasOwnProperty,a="function"===typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",s=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag",c="object"===typeof t,l=e.regeneratorRuntime;if(l)c&&(t.exports=l);else{l=e.regeneratorRuntime=c?t.exports:{},l.wrap=w;var f="suspendedStart",d="suspendedYield",p="executing",g="completed",h={},v={};v[o]=function(){return this};var m=Object.getPrototypeOf,_=m&&m(m(N([])));_&&_!==r&&i.call(_,o)&&(v=_);var y=O.prototype=x.prototype=Object.create(v);F.prototype=y.constructor=O,O.constructor=F,O[u]=F.displayName="GeneratorFunction",l.isGeneratorFunction=function(t){var e="function"===typeof t&&t.constructor;return!!e&&(e===F||"GeneratorFunction"===(e.displayName||e.name))},l.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,O):(t.__proto__=O,u in t||(t[u]="GeneratorFunction")),t.prototype=Object.create(y),t},l.awrap=function(t){return{__await:t}},P(S.prototype),S.prototype[s]=function(){return this},l.AsyncIterator=S,l.async=function(t,e,n,r){var i=new S(w(t,e,n,r));return l.isGeneratorFunction(e)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},P(y),y[u]="Generator",y[o]=function(){return this},y.toString=function(){return"[object Generator]"},l.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){while(e.length){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},l.values=N,$.prototype={constructor:$,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=n,this.done=!1,this.delegate=null,this.method="next",this.arg=n,this.tryEntries.forEach(L),!t)for(var e in this)"t"===e.charAt(0)&&i.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=n)},stop:function(){this.done=!0;var t=this.tryEntries[0],e=t.completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(r,i){return s.type="throw",s.arg=t,e.next=r,i&&(e.method="next",e.arg=n),!!i}for(var a=this.tryEntries.length-1;a>=0;--a){var o=this.tryEntries[a],s=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var u=i.call(o,"catchLoc"),c=i.call(o,"finallyLoc");if(u&&c){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(u){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&i.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var a=r;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var o=a?a.completion:{};return o.type=t,o.arg=e,a?(this.method="next",this.next=a.finallyLoc,h):this.complete(o)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),h},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),L(n),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var i=r.arg;L(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:N(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=n),h}}}function w(t,e,n,r){var i=e&&e.prototype instanceof x?e:x,a=Object.create(i.prototype),o=new $(r||[]);return a._invoke=j(t,n,o),a}function b(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(r){return{type:"throw",arg:r}}}function x(){}function F(){}function O(){}function P(t){["next","throw","return"].forEach((function(e){t[e]=function(t){return this._invoke(e,t)}}))}function S(t){function e(n,r,a,o){var s=b(t[n],t,r);if("throw"!==s.type){var u=s.arg,c=u.value;return c&&"object"===typeof c&&i.call(c,"__await")?Promise.resolve(c.__await).then((function(t){e("next",t,a,o)}),(function(t){e("throw",t,a,o)})):Promise.resolve(c).then((function(t){u.value=t,a(u)}),(function(t){return e("throw",t,a,o)}))}o(s.arg)}var n;function r(t,r){function i(){return new Promise((function(n,i){e(t,r,n,i)}))}return n=n?n.then(i,i):i()}this._invoke=r}function j(t,e,n){var r=f;return function(i,a){if(r===p)throw new Error("Generator is already running");if(r===g){if("throw"===i)throw a;return E()}n.method=i,n.arg=a;while(1){var o=n.delegate;if(o){var s=C(o,n);if(s){if(s===h)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=g,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=p;var u=b(t,e,n);if("normal"===u.type){if(r=n.done?g:d,u.arg===h)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r=g,n.method="throw",n.arg=u.arg)}}}function C(t,e){var r=t.iterator[e.method];if(r===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=n,C(t,e),"throw"===e.method))return h;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var i=b(r,t.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,h;var a=i.arg;return a?a.done?(e[t.resultName]=a.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=n),e.delegate=null,h):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,h)}function k(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function L(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function $(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(k,this),this.reset(!0)}function N(t){if(t){var e=t[o];if(e)return e.call(t);if("function"===typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function e(){while(++r<t.length)if(i.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=n,e.done=!0,e};return a.next=a}}return{next:E}}function E(){return{value:n,done:!0}}}(function(){return this||"object"===typeof self&&self}()||Function("return this")())},"9a1b":function(t,e,n){"use strict";n.r(e);var r=n("e678"),i=n("ba8c");for(var a in i)"default"!==a&&function(t){n.d(e,t,(function(){return i[t]}))}(a);var o,s=n("f0c5"),u=Object(s["a"])(i["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],o);e["default"]=u.exports},a34a:function(t,e,n){t.exports=n("bbdd")},abef:function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("view",{staticClass:t._$s(0,"sc","uni-container"),attrs:{_i:0}},[n("view",{staticClass:t._$s(1,"sc","uni-hello-text"),attrs:{_i:1}},[n("text",{staticClass:t._$s(2,"sc","hello-text"),attrs:{_i:2}})]),t._l(t._$s(3,"f",{forItems:t.list}),(function(e,r,i,a){return n("view",{key:t._$s(3,"f",{forIndex:i,key:e.id}),staticClass:t._$s("3-"+a,"sc","uni-panel"),attrs:{_i:"3-"+a}},[n("view",{staticClass:t._$s("4-"+a,"sc","uni-panel-h"),class:t._$s("4-"+a,"c",e.open?"uni-panel-h-on":""),attrs:{_i:"4-"+a},on:{click:function(e){return t.triggerCollapse(r)}}},[n("text",{staticClass:t._$s("5-"+a,"sc","uni-panel-text"),attrs:{_i:"5-"+a}},[t._v(t._$s("5-"+a,"t0-0",t._s(e.name)))]),n("text",{staticClass:t._$s("6-"+a,"sc","uni-panel-icon uni-icon"),class:t._$s("6-"+a,"c",e.open?"uni-panel-icon-on":""),attrs:{_i:"6-"+a}},[t._v(t._$s("6-"+a,"t0-0",t._s(e.pages?"\ue581":"\ue470")))])]),t._$s("7-"+a,"i",e.open)?n("view",{staticClass:t._$s("7-"+a,"sc","uni-panel-c"),attrs:{_i:"7-"+a}},t._l(t._$s("8-"+a,"f",{forItems:e.pages}),(function(e,r,i,o){return n("view",{key:t._$s("8-"+a,"f",{forIndex:i,key:r}),staticClass:t._$s("8-"+a+"-"+o,"sc","uni-navigate-item"),attrs:{_i:"8-"+a+"-"+o},on:{click:function(n){return t.goDetailPage(e.url)}}},[n("text",{staticClass:t._$s("9-"+a+"-"+o,"sc","uni-navigate-text"),attrs:{_i:"9-"+a+"-"+o}},[t._v(t._$s("9-"+a+"-"+o,"t0-0",t._s(e.name?e.name:e)))]),n("text",{staticClass:t._$s("10-"+a+"-"+o,"sc","uni-navigate-icon uni-icon"),attrs:{_i:"10-"+a+"-"+o}})])})),0):t._e()])})),n("view",{staticClass:t._$s(11,"sc","uni-panel"),attrs:{_i:11}},[n("view",{staticClass:t._$s(12,"sc","uni-panel-h"),attrs:{_i:12},on:{click:function(e){return t.testScanCancle()}}}),n("view",{staticClass:t._$s(13,"sc","uni-panel-h"),attrs:{_i:13},on:{click:function(e){return t.goScan()}}}),n("view",{staticClass:t._$s(14,"sc","uni-panel-h"),attrs:{_i:14},on:{click:function(e){return t.goBallList()}}})])],2)},a=[]},b5df:function(t,e,n){"use strict";n.r(e);var r=n("148d"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},b611:function(t,e,n){"use strict";n.r(e);var r=n("1e9b"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},ba8c:function(t,e,n){"use strict";n.r(e);var r=n("c8cc"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},bbdd:function(t,e,n){var r=function(){return this||"object"===typeof self&&self}()||Function("return this")(),i=r.regeneratorRuntime&&Object.getOwnPropertyNames(r).indexOf("regeneratorRuntime")>=0,a=i&&r.regeneratorRuntime;if(r.regeneratorRuntime=void 0,t.exports=n("96cf"),i)r.regeneratorRuntime=a;else try{delete r.regeneratorRuntime}catch(o){r.regeneratorRuntime=void 0}},bc72:function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:t._$s(0,"sc","content"),attrs:{_i:0}},[n("button",{staticClass:t._$s(1,"sc","btn"),attrs:{_i:1},on:{click:function(e){return t.getFilePath()}}}),n("button",{staticClass:t._$s(2,"sc","btn"),attrs:{_i:2},on:{click:t.getFileList}}),n("button",{staticClass:t._$s(3,"sc","btn"),attrs:{_i:3},on:{click:t.deleteAndroidFaceImage}}),n("button",{staticClass:t._$s(4,"sc","btn"),attrs:{_i:4},on:{click:t.gotoNativePage}}),n("button",{staticClass:t._$s(5,"sc","btn"),attrs:{_i:5},on:{click:t.initTcp}}),n("button",{staticClass:t._$s(6,"sc","btn"),attrs:{_i:6},on:{click:t.closeTcp}}),n("button",{staticClass:t._$s(7,"sc","btn"),attrs:{_i:7},on:{click:t.getIP}}),n("text",{staticClass:t._$s(8,"sc","tips"),attrs:{_i:8}}),n("button",{staticClass:t._$s(9,"sc","btn"),attrs:{_i:9},on:{click:t.faceAsyncFunc}}),n("text",{staticClass:t._$s(10,"sc","tips"),attrs:{_i:10}}),n("view",{staticClass:t._$s(11,"sc","console"),attrs:{_i:11}},t._l(t._$s(12,"f",{forItems:t.logs}),(function(e,r,i,a){return n("text",{key:t._$s(12,"f",{forIndex:i,key:"12-"+a}),staticClass:t._$s("12-"+a,"sc","log"),attrs:{_i:"12-"+a}},[t._v(t._$s("12-"+a,"t0-0",t._s(e)))])})),0),n("button",{staticClass:t._$s(13,"sc","btn"),attrs:{_i:13},on:{click:t.testAsyncFunc2}}),n("button",{staticClass:t._$s(14,"sc","btn"),attrs:{_i:14},on:{click:t.testSyncFunc2}}),n("button",{staticClass:t._$s(15,"sc","btn"),attrs:{_i:15},on:{click:t.testAsyncFunc}}),n("button",{staticClass:t._$s(16,"sc","btn"),attrs:{_i:16},on:{click:t.testSyncFunc}}),n("button",{staticClass:t._$s(17,"sc","btn"),attrs:{_i:17},on:{click:t.liveInit}}),n("button",{staticClass:t._$s(18,"sc","btn"),attrs:{_i:18},on:{click:function(e){return t.gotoLiveNativePage()}}}),n("button",{staticClass:t._$s(19,"sc","btn"),attrs:{_i:19},on:{click:function(e){return t.getLicenceInfo()}}}),n("button",{staticClass:t._$s(20,"sc","btn"),attrs:{_i:20},on:{click:function(e){return t.joinerVideo()}}})])},a=[]},bcf8:function(t,e,n){"use strict";(function(e){var r=a(n("a34a")),i=a(n("3b32"));function a(t){return t&&t.__esModule?t:{default:t}}function o(t,e,n,r,i,a,o){try{var s=t[a](o),u=s.value}catch(c){return void n(c)}s.done?e(u):Promise.resolve(u).then(r,i)}function s(t){return function(){var e=this,n=arguments;return new Promise((function(r,i){var a=t.apply(e,n);function s(t){o(a,r,i,s,u,"next",t)}function u(t){o(a,r,i,s,u,"throw",t)}s(void 0)}))}}function u(){return c.apply(this,arguments)}function c(){return c=s(r.default.mark((function t(){var n,a;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 2:return n=t.sent,t.next=5,i.default.getDirectory({OriginPathEntry:n.root,newFileName:"VideoSave"});case 5:return a=t.sent,e("log","99999",JSON.stringify(a)," at utils/8inFileOperate.js:18"),t.abrupt("return",a.fullPath);case 8:case"end":return t.stop()}}),t)}))),c.apply(this,arguments)}function l(t){return f.apply(this,arguments)}function f(){return f=s(r.default.mark((function t(n){var a,o;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 2:return a=t.sent,t.next=5,i.default.getDirectory({OriginPathEntry:a.root,newFileName:n});case 5:return o=t.sent,t.abrupt("return",i.default.getFileChildrenList(o).then((function(t){return t})).catch((function(t){e("log","\u83b7\u53d6\u6587\u4ef6\u5217\u8868\u5931\u8d25:",t," at utils/8inFileOperate.js:34")})));case 7:case"end":return t.stop()}}),t)}))),f.apply(this,arguments)}function d(t){return p.apply(this,arguments)}function p(){return p=s(r.default.mark((function t(n){var a,o,s,u,c,l;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return e("log","deleteAndroidFaceImage:",n," at utils/8inFileOperate.js:41"),a={deleteFile:!0,name:n},t.next=4,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 4:return o=t.sent,a.url,s=a.name,t.next=9,i.default.getDirectory({OriginPathEntry:o.root,newFileName:"Face-Sync"});case 9:return u=t.sent,t.next=12,i.default.resolveLocalFileSystemURL(u.fullPath+s).catch((function(t){e("log","\u76ee\u6807\u6587\u4ef6\u53ef\u4ee5\u64cd\u4f5c",t," at utils/8inFileOperate.js:55")}));case 12:if(c=t.sent,!c){t.next=30;break}if(e("log","\u5b58\u5728\u7f13\u5b58\u7684\u540c\u540d\u6587\u4ef6:",c.fullPath," at utils/8inFileOperate.js:58"),!a.deleteFile){t.next=21;break}return t.next=18,i.default.removeFile(c);case 18:return l=t.sent,e("log","\u5220\u9664\u540c\u540d\u6587\u4ef6\u7ed3\u679c:",l," at utils/8inFileOperate.js:62"),t.abrupt("return",l);case 21:if(!a.forceDownload){t.next=27;break}return t.next=24,i.default.removeFile(c);case 24:t.sent,t.next=28;break;case 27:return t.abrupt("return",c.fullPath);case 28:t.next=31;break;case 30:e("log","\u4e0d\u5b58\u5728\u540c\u540d\u6587\u4ef6:"+n," at utils/8inFileOperate.js:72");case 31:case"end":return t.stop()}}),t)}))),p.apply(this,arguments)}function g(t){return h.apply(this,arguments)}function h(){return h=s(r.default.mark((function t(n){var i;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,C();case 2:return i=t.sent,e("log","\u6e05\u7a7adoc\u7ed3\u679c:",i," at utils/8inFileOperate.js:83"),t.abrupt("return",new Promise(function(){var t=s(r.default.mark((function t(i,a){var o,s,u,c,l,f;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:o=n.list,s=n.request_time,u=n.total,e("log",s,u," at utils/8inFileOperate.js:87"),c=[],l=0;case 4:if(!(l<o.length)){t.next=24;break}return t.prev=5,t.next=8,_();case 8:return e("log","\u5f53\u524d\u7b2c"+(l+1)+"\u5f20, \u603b\u9700\u4e0b\u8f7d:"+o.length," at utils/8inFileOperate.js:92"),t.next=11,F(o[l]);case 11:f=t.sent,c.push(f),o[l]["local_path"]=f,t.next=21;break;case 16:return t.prev=16,t.t0=t["catch"](5),e("error","\u4e0b\u8f7d\u5931\u8d25:",t.t0," at utils/8inFileOperate.js:99"),o[l]["error"]=t.t0,t.abrupt("continue",21);case 21:l++,t.next=4;break;case 24:n.list=o,v(n),i(o);case 27:case"end":return t.stop()}}),t,null,[[5,16]])})));return function(e,n){return t.apply(this,arguments)}}()));case 5:case"end":return t.stop()}}),t)}))),h.apply(this,arguments)}function v(t){t.list.every((function(t){return t.local_path}))&&y(t)}function m(t){return t.map((function(t){if(t.local_path)return t.user_id})).join(",")}function _(){return new Promise((function(t,n){uni.getNetworkType({success:function(n){e("log","checkNetworkUsable \u5f53\u524d\u53ef\u7528\u7f51\u7edc:",n.networkType," at utils/8inFileOperate.js:130"),t(!0)},fail:function(t){e("log",t," at utils/8inFileOperate.js:134"),n(!1)}})}))}function y(t){t.request_time&&uni.setStorageSync("request_time",t.request_time)}function w(){return new Promise((function(t,n){var r="";try{r=uni.getStorageSync("request_time")}catch(i){e("warn","\u8bf7\u6c42\u65f6\u95f4\u6233\u5f02\u5e38:",i," at utils/8inFileOperate.js:156")}t(r)}))}function b(t){return x.apply(this,arguments)}function x(){return x=s(r.default.mark((function t(e){var n;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,new Promise((function(t){setTimeout((function(){return t("asyncSetTimeOut")}),e||1e3)}));case 2:return n=t.sent,t.abrupt("return",n);case 4:case"end":return t.stop()}}),t)}))),x.apply(this,arguments)}function F(t){return O.apply(this,arguments)}function O(){return O=s(r.default.mark((function t(n){var a,o,s,u,c,l,f,d,p,g;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 2:return a=t.sent,o=n.pic_url,s=function(t){e("log","\u4e0b\u8f7d\u4e2d...user_id:"+n.user_id,t," at utils/8inFileOperate.js:181")},t.next=7,i.default.getDownloadFile({url:o,onProgresCallBack:s});case 7:return u=t.sent,t.next=10,i.default.getSaveFile(u);case 10:return c=t.sent,l=n.user_id+"."+(c.split(".")[1]||"jpg"),l=n.user_id+P(o),t.next=15,i.default.resolveLocalFileSystemURL(c);case 15:return f=t.sent,t.next=18,i.default.getDirectory({OriginPathEntry:a.root,newFileName:"Face-Sync"});case 18:return d=t.sent,t.next=21,i.default.resolveLocalFileSystemURL(d.fullPath+l).catch((function(t){e("log","\u76ee\u6807\u6587\u4ef6\u53ef\u4ee5\u64cd\u4f5c",t," at utils/8inFileOperate.js:200")}));case 21:if(p=t.sent,!p){t.next=27;break}return e("log","\u5220\u9664\u5b58\u5728\u7684\u540c\u540d\u6587\u4ef6:",p.fullPath," at utils/8inFileOperate.js:203"),t.next=26,i.default.removeFile(p);case 26:t.sent;case 27:return t.next=29,i.default.moveFileTo(f,d,l);case 29:return g=t.sent,e("log","\u91cd\u547d\u540d\u540e:",c,l,g.fullPath," at utils/8inFileOperate.js:208"),t.abrupt("return",g.fullPath);case 32:case"end":return t.stop()}}),t)}))),O.apply(this,arguments)}function P(t){var e=".",n=t.split("."),r=n[n.length];return"jpg"==r&&"png"==r&&"jpeg"==r&&"PNG"==r&&"JPG"==r&&"JPEG"==r||(r="jpg"),e+r}function S(t){return j.apply(this,arguments)}function j(){return j=s(r.default.mark((function t(n){var a,o,s;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PUBLIC_DOWNLOADS);case 2:return a=t.sent,t.next=5,i.default.getDirectory({OriginPathEntry:a.root,newFileName:n});case 5:return o=t.sent,t.next=8,i.default.resolveLocalFileSystemURL(o.fullPath).catch((function(t){e("log","\u64cd\u4f5c\u76ee\u6807\u6587\u4ef6",t," at utils/8inFileOperate.js:231")}));case 8:return s=t.sent,t.next=11,i.default.removeFileAll(s).then((function(t){e("log",n,"\u5220\u9664:",t," at utils/8inFileOperate.js:234")}));case 11:case"end":return t.stop()}}),t)}))),j.apply(this,arguments)}function C(){return k.apply(this,arguments)}function k(){return k=s(r.default.mark((function t(){var n;return r.default.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i.default.requestFileSystem(plus.io.PRIVATE_DOC);case 2:return n=t.sent,t.next=5,i.default.removeFileAll(n).then((function(t){e("log","\u5220\u9664uni _Doc\u7f13\u5b58\u6587\u4ef6:",t," at utils/8inFileOperate.js:251")}));case 5:case"end":return t.stop()}}),t)}))),k.apply(this,arguments)}t.exports={downloadFileImg:F,clearDownloadFace:S,downloadFileList:g,getRequestTime:w,getDataForPlugin:m,asyncSetTimeOut:b,deleteAndroidFaceImage:d,getFileChildrenList:l,getJoinSaveFilePath:u}}).call(this,n("0de9")["default"])},c3ad:function(t,e,n){"use strict";n.r(e);var r=n("f5b2"),i=n.n(r);for(var a in r)"default"!==a&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=i.a},c677:function(t,e,n){"use strict";function r(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"yyyy-mm-dd";t||(t=Number(new Date)),"string"==typeof t&&t.indexOf("-")>0&&(t=t.replace(/\-/g,"/")),10==t.toString().length&&(t*=1e3);var n,r=new Date(t),i={"y+":r.getFullYear().toString(),"m+":(r.getMonth()+1).toString(),"d+":r.getDate().toString(),"h+":r.getHours().toString(),"M+":r.getMinutes().toString(),"s+":r.getSeconds().toString()};for(var a in i)n=new RegExp("("+a+")").exec(e),n&&(e=e.replace(n[1],1==n[1].length?i[a]:i[a].padStart(n[1].length,"0")));return e}function i(t){var e="",n=parseInt(t/3600),r=parseInt(t%3600/60),i=parseInt(t%3600%60);return n>0&&(n=n<10?"0"+n:n,e+=n+":"),r=r<10?"0"+r:r,i=i<10?"0"+i:i,e+=r+":"+i,e}Object.defineProperty(e,"__esModule",{value:!0}),e.timeFormat=r,e.getDurationTime=i,String.prototype.padStart||(String.prototype.padStart=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";if("[object String]"!==Object.prototype.toString.call(e))throw new TypeError("fillString must be String");var n=this;if(n.length>=t)return String(n);var r=t-n.length,i=Math.ceil(r/e.length);while(i>>=1)e+=e,1===i&&(e+=e);return e.slice(0,r)+n})},c8cc:function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=uni.requireNativePlugin("modal"),r=uni.requireNativePlugin("DCloud-RichAlert"),i={data:function(){return{title:""}},onLoad:function(){},methods:{showRichAlert:function(){r.show({position:"bottom",title:"\u63d0\u793a\u4fe1\u606f",titleColor:"#FF0000",content:"<a href='https://uniapp.dcloud.io/' value='Hello uni-app'>uni-app</a> \u662f\u4e00\u4e2a\u4f7f\u7528 Vue.js \u5f00\u53d1\u8de8\u5e73\u53f0\u5e94\u7528\u7684\u524d\u7aef\u6846\u67b6!\n\u514d\u8d39\u7684\n\u514d\u8d39\u7684\n\u514d\u8d39\u7684\n\u91cd\u8981\u7684\u4e8b\u60c5\u8bf4\u4e09\u904d",contentAlign:"left",checkBox:{title:"\u4e0d\u518d\u63d0\u793a",isSelected:!0},buttons:[{title:"\u53d6\u6d88"},{title:"\u5426"},{title:"\u786e\u8ba4",titleColor:"#3F51B5"}]},(function(e){var r=JSON.stringify(e);switch(n.toast({message:r,duration:1.5}),e.type){case"button":t("log","callback---button--"+e.index," at pages/sample/richAlert.vue:50");break;case"checkBox":t("log","callback---checkBox--"+e.isSelected," at pages/sample/richAlert.vue:53");break;case"a":t("log","callback---a--"+JSON.stringify(e)," at pages/sample/richAlert.vue:56");break;case"backCancel":t("log","callback---backCancel--"," at pages/sample/richAlert.vue:59");break}}))}}};e.default=i}).call(this,n("0de9")["default"])},e3f4:function(t,e,n){"undefined"===typeof Promise||Promise.prototype.finally||(Promise.prototype.finally=function(t){var e=this.constructor;return this.then((function(n){return e.resolve(t()).then((function(){return n}))}),(function(n){return e.resolve(t()).then((function(){throw n}))}))}),uni.restoreGlobal&&uni.restoreGlobal(weex,plus,setTimeout,clearTimeout,setInterval,clearInterval),__definePage("pages/sample/ext-module-vue",(function(){return Vue.extend(n("3c60").default)})),__definePage("pages/index/index",(function(){return Vue.extend(n("8db1").default)})),__definePage("pages/index/ball_list",(function(){return Vue.extend(n("40a2").default)})),__definePage("pages/sample/richAlert",(function(){return Vue.extend(n("9a1b").default)}))},e678:function(t,e,n){"use strict";var r;n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return r}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("view",{staticClass:t._$s(0,"sc","button-sp-area"),attrs:{_i:0}},[n("button",{attrs:{_i:1},on:{click:function(e){return t.showRichAlert()}}})])},a=[]},f0c5:function(t,e,n){"use strict";function r(t,e,n,r,i,a,o,s,u,c){var l,f="function"===typeof t?t.options:t;if(u){f.components||(f.components={});var d=Object.prototype.hasOwnProperty;for(var p in u)d.call(u,p)&&!d.call(f.components,p)&&(f.components[p]=u[p])}if(c&&((c.beforeCreate||(c.beforeCreate=[])).unshift((function(){this[c.__module]=this})),(f.mixins||(f.mixins=[])).push(c)),e&&(f.render=e,f.staticRenderFns=n,f._compiled=!0),r&&(f.functional=!0),a&&(f._scopeId="data-v-"+a),o?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},f._ssrRegister=l):i&&(l=s?function(){i.call(this,this.$root.$options.shadowRoot)}:i),l)if(f.functional){f._injectStyles=l;var g=f.render;f.render=function(t,e){return l.call(e),g(t,e)}}else{var h=f.beforeCreate;f.beforeCreate=h?[].concat(h,l):[l]}return{exports:t,options:f}}n.d(e,"a",(function(){return r}))},f5b2:function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={data:function(){return{optionQuery:{},ballList:[],page:1,pageTotal:1,isShowBtn:!1}},onLoad:function(t){t.stadium_id,t.brand_id},onReachBottom:function(){},methods:{returnBtn:function(){uni.navigateBack()},getList:function(e){var n=this,r=e.page,i=void 0===r?1:r,a=e.page_size,o=void 0===a?10:a,s=this.optionQuery;util.showLoad(),servers.post({url:API.tidList,data:{brand_id:s.brand_id,stadium_id:s.stadium_id,goods_name:"\u7bee\u7403\u5f55\u5165",page:i,page_size:o},failMsg:"\u52a0\u8f7d\u5931\u8d25\uff01"}).then((function(e){util.hideLoad(),n.pageTotal=Math.ceil(e.total/10);var r=e.list||[];return t("log","\u6b66\u6c49\u51e1\u8c37\uff1a",JSON.stringify(e)," at pages/index/ball_list.vue:102"),1==i?(r.length>0&&(n.isShowBtn=!0),n.ballList=r):r.length<=0?util.showNone("\u6ca1\u6709\u66f4\u591a\uff01"):(n.page=i,void(n.ballList=r))})).catch((function(e){t("error","\u7bee\u7403\u5217\u8868-err\uff1f",e," at pages/index/ball_list.vue:116")}))}}};e.default=n}).call(this,n("0de9")["default"])}},[["0a3c","app-config"]]]);
\ No newline at end of file
diff --git a/app/src/main/assets/apps/__UNI__2B9497D/www/app-view.js b/app/src/main/assets/apps/__UNI__2B9497D/www/app-view.js
index 27f91d1..241f3c4 100644
--- a/app/src/main/assets/apps/__UNI__2B9497D/www/app-view.js
+++ b/app/src/main/assets/apps/__UNI__2B9497D/www/app-view.js
@@ -1 +1 @@
-(function(t){var n={};function e(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}e.m=t,e.c=n,e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:i})},e.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(e.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var r in t)e.d(i,r,function(n){return t[n]}.bind(null,r));return i},e.n=function(t){var n=t&&t.__esModule?function(){return t["default"]}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="./",e(e.s="0a3c")})({"0808":function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},"0a3c":function(t,n,e){"use strict";function i(){function t(t){var n=e("a72e");n.__inject__&&n.__inject__(t)}"function"===typeof t&&t(),UniViewJSBridge.publishHandler("webviewReady")}e("f711"),"undefined"!==typeof plus?i():document.addEventListener("plusready",i)},2200:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,'@charset "UTF-8";body{background:#f2f2f7}.ball-list{position:relative;padding-bottom:90rpx}.ball-list .bl-line{padding:60rpx 48rpx 58rpx 40rpx;display:flex;align-items:center;justify-content:space-between}.ball-list .bl-line > uni-view:first-child{color:#1a1a1a;font-size:44rpx;line-height:60rpx;font-weight:700}.ball-list .bl-line > uni-view:nth-child(2){color:#009874;font-size:28rpx;line-height:40rpx}.ball-list .bl-tab{margin:0 24rpx;border-top-left-radius:10rpx;border-top-right-radius:10rpx;background-color:#ddd;display:flex;align-items:center;justify-content:flex-start}.ball-list .bl-tab > uni-view{width:174rpx;height:110rpx;color:#1a1a1a;font-size:28rpx;line-height:40rpx;text-align:center;border-right:2rpx solid #f2f2f7;display:flex;align-items:center;justify-content:center}.ball-list .bl-tab > uni-view:last-child{border-right:0rpx solid #f2f2f7}.ball-list .bl-scroll{height:850rpx}.ball-list .bl-list{height:auto}.ball-list .bl-list .bll-item{margin:0 24rpx;display:flex;align-items:center;justify-content:flex-start;background-color:#fff;width:700rpx}.ball-list .bl-list .bll-item > uni-view{padding:0 4rpx;width:174rpx;height:100%;color:#1a1a1a;font-size:24rpx;text-align:center;line-height:34rpx;background-color:#fff;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;display:flex;align-items:center;justify-content:center;flex-direction:row}.ball-list .bl-list .bll-item > uni-view:last-child{border-right:0rpx solid #f2f2f7}.ball-list .bl-list .bll-item > uni-view:not(:last-child){border-bottom:1rpx solid red}.ball-list .bl-list .info-list{margin:0 24rpx;margin-top:30rpx;margin-bottom:50rpx;width:700rpx;height:auto;background:#fff;border-radius:10rpx;font-size:28rpx}.ball-list .bl-list .info-list .i-item{display:flex;align-items:center;justify-content:center;align-items:stretch}.ball-list .bl-list .info-list .i-item .i-box{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:26rpx 10rpx;width:176rpx;height:auto}.ball-list .bl-list .info-list .i-item .i-box:nth-child(2){border:1rpx solid #f2f2f7;border-bottom:none;border-top:none;word-break:break-all}.ball-list .bl-list .info-list .i-item .i-box:nth-child(3){border:1rpx solid #f2f2f7;border-bottom:none;flex-grow:1}.ball-list .bl-list .info-list .i-item .i-box:last-child{flex-grow:1}.ball-list .bl-list .info-list .i-item:not(:last-child){border-bottom:1rpx solid #f2f2f7}.ball-list .bl-btn{position:fixed;bottom:0;left:0;padding:12rpx 0;width:750rpx;background-color:#fff;border-top:2rpx solid #f2f2f7;display:flex;align-items:center;justify-content:center}.ball-list .bl-btn > uni-view{font-size:28rpx;line-height:40rpx;text-align:center}.ball-list .bl-btn > uni-view:first-child{padding:12rpx 0;width:180rpx;color:#009874;background-color:#fff;border:2rpx solid #009874;border-radius:6rpx}.ball-list .bl-btn > uni-view:nth-child(2){margin:0 50rpx}.ball-list .bl-btn > uni-view:nth-child(2) > uni-text{margin:0 2rpx;color:#009874}.ball-list .bl-btn > uni-view:nth-child(3){padding:12rpx 0;width:180rpx;color:#fff;background-color:#009874;border:2rpx solid #009874;border-radius:6rpx}',""]),t.exports=n},2275:function(t,n,e){"use strict";var i=e("fe81"),r=e.n(i);r.a},"24fb":function(t,n,e){"use strict";function i(t,n){var e=t[1]||"",i=t[3];if(!i)return e;if(n&&"function"===typeof btoa){var a=r(i),o=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[e].concat(o).concat([a]).join("\n")}return[e].join("\n")}function r(t){var n=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),e="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n);return"/*# ".concat(e," */")}t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var e=i(n,t);return n[2]?"@media ".concat(n[2]," {").concat(e,"}"):e})).join("")},n.i=function(t,e,i){"string"===typeof t&&(t=[[null,t,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(r[o]=!0)}for(var s=0;s<t.length;s++){var l=[].concat(t[s]);i&&r[l[0]]||(e&&(l[2]?l[2]="".concat(e," and ").concat(l[2]):l[2]=e),n.push(l))}},n}},3558:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,'@charset "UTF-8";.content{font-size:12px}.btn{margin:3px}.tips{font-size:11px;color:grey;font-weight:800}.console{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;background-color:#d3d3d3;padding:20rpx}.log{color:#8b0000;font-size:11px;font-weight:800}',""]),t.exports=n},"3c60":function(t,n,e){"use strict";e.r(n);var i=e("b80a"),r=e("b5df");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("2275");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"3d45":function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,"#bcid{background:#0f0;height:480px;width:360px}",""]),t.exports=n},"40a2":function(t,n,e){"use strict";e.r(n);var i=e("499f"),r=e("c3ad");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("f710");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"499f":function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-view",{staticClass:t._$g(1,"sc"),attrs:{_i:1}},[e("v-uni-view",{attrs:{_i:2}},[t._v("\u7bee\u7403\u5217\u8868")]),e("v-uni-view",{attrs:{_i:3},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u8fd4\u56de")])],1),e("v-uni-view",{staticClass:t._$g(4,"sc"),attrs:{_i:4}},[e("v-uni-view",{attrs:{_i:5}},[t._v("\u7f16\u7801\u540d\u79f0")]),e("v-uni-view",{attrs:{_i:6}},[t._v("tid")]),e("v-uni-view",{attrs:{_i:7}},[t._v("\u5f55\u5165\u65f6\u95f4")]),e("v-uni-view",{attrs:{_i:8}},[t._v("\u5f55\u5165\u4eba\u5458")])],1),e("v-uni-scroll-view",{staticClass:t._$g(9,"sc"),attrs:{"scroll-y":"true",_i:9}},[e("v-uni-view",{staticClass:t._$g(10,"sc"),attrs:{_i:10}},[t._l(3,(function(n,i,r,a){return e("v-uni-view",{key:i,staticClass:t._$g("11-"+a,"sc"),attrs:{_i:"11-"+a}},[e("v-uni-view",{class:t._$g("12-"+a,"c"),attrs:{_i:"12-"+a}},[t._v(t._$g("12-"+a,"t0-0"))]),e("v-uni-view",{attrs:{_i:"13-"+a}},[t._v(t._$g("13-"+a,"t0-0"))]),e("v-uni-view",{attrs:{_i:"14-"+a}},[t._v(t._$g("14-"+a,"t0-0"))]),e("v-uni-view",{class:t._$g("15-"+a,"c"),attrs:{_i:"15-"+a}},[t._v(t._$g("15-"+a,"t0-0"))])],1)})),e("v-uni-view",{staticClass:t._$g(16,"sc"),attrs:{_i:16}},t._l(3,(function(n,i,r,a){return e("v-uni-view",{staticClass:t._$g("17-"+a,"sc"),attrs:{_i:"17-"+a}},[e("v-uni-view",{staticClass:t._$g("18-"+a,"sc"),attrs:{_i:"18-"+a}},[t._v("5555")]),e("v-uni-view",{staticClass:t._$g("19-"+a,"sc"),attrs:{_i:"19-"+a}},[t._v("\u5408\u6cd5\u5927\u4f7f\u9986sfghdsfghdjsgdksjdjghdfjkghfd2021-11-11 11:22:54")]),e("v-uni-view",{staticClass:t._$g("20-"+a,"sc"),attrs:{_i:"20-"+a}},[t._v("2021-11-11 11:22:54")]),e("v-uni-view",{staticClass:t._$g("21-"+a,"sc"),staticStyle:{color:"red"},attrs:{_i:"21-"+a}},[t._v(t._$g("21-"+a,"t0-0")+"ssdf")])],1)})),1)],2)],1),t._$g(22,"i")?e("v-uni-view",{staticClass:t._$g(22,"sc"),attrs:{_i:22}},[e("v-uni-view",{attrs:{_i:23},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u4e0a\u4e00\u9875")]),e("v-uni-view",{attrs:{_i:24}},[t._v("\u7b2c"),e("v-uni-text",{attrs:{_i:25}},[t._v(t._$g(25,"t0-0"))]),t._v("\u9875\uff0c\u5171"),e("v-uni-text",{attrs:{_i:26}},[t._v(t._$g(26,"t0-0"))]),t._v("\u9875")],1),e("v-uni-view",{attrs:{_i:27},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u4e0b\u4e00\u9875")])],1):t._e()],1)},a=[]},"523a":function(t,n,e){var i=e("e5e2");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("b1fa665a",i,!0,{sourceMap:!1,shadowMode:!1})},5564:function(t,n,e){"use strict";e.r(n);var i=e("87a8"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},7375:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nbody{min-height:100%;height:auto}\n.uni-icon{font-family:uniicons;font-weight:400}.uni-bg-red{background-color:#f76260;color:#fff}.uni-bg-green{background-color:#09bb07;color:#fff}.uni-bg-blue{background-color:#007aff;color:#fff}.uni-container{flex:1;padding:15px;background-color:#f8f8f8}.uni-padding-lr{padding-left:15px;padding-right:15px}.uni-padding-tb{padding-top:15px;padding-bottom:15px}.uni-header-logo{padding:15px 15px;flex-direction:column;justify-content:center;align-items:center;margin-top:10upx}.uni-header-image{width:80px;height:80px}.uni-hello-text{margin-bottom:20px}.hello-text{color:#7a7e83;font-size:14px;line-height:20px}.hello-link{color:#7a7e83;font-size:14px;line-height:20px}.uni-panel{margin-bottom:12px}.uni-panel-h{background-color:#fff;flex-direction:row;align-items:center;padding:12px}.uni-panel-h-on{background-color:#f0f0f0}.uni-panel-text{flex:1;color:#000;font-size:14px;font-weight:400}.uni-panel-icon{margin-left:15px;color:#999;font-size:14px;font-weight:400;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition-duration:0s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.uni-panel-icon-on{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.uni-navigate-item{flex-direction:row;align-items:center;background-color:#fff;border-top-style:solid;border-top-color:#f0f0f0;border-top-width:1px;padding:12px}.uni-navigate-item:active{background-color:#f8f8f8}.uni-navigate-text{flex:1;color:#000;font-size:14px;font-weight:400}.uni-navigate-icon{margin-left:15px;color:#999;font-size:14px;font-weight:400}.uni-list-cell{position:relative;flex-direction:row;justify-content:flex-start;align-items:center}.uni-list-cell-pd{padding:22upx 30upx}.flex-r{flex-direction:row}.flex-c{flex-direction:column}.a-i-c{align-items:center}.j-c-c{justify-content:center}.list-item{flex-direction:row;padding:10px}",""]),t.exports=n},"7bf6":function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},"7f7e":function(t,n,e){"use strict";function i(t,n){for(var e=[],i={},r=0;r<n.length;r++){var a=n[r],o=a[0],s=a[1],l=a[2],c=a[3],u={id:t+":"+r,css:s,media:l,sourceMap:c};i[o]?i[o].parts.push(u):e.push(i[o]={id:o,parts:[u]})}return e}e.r(n),e.d(n,"default",(function(){return v}));var r="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!r)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},o=r&&(document.head||document.getElementsByTagName("head")[0]),s=null,l=0,c=!1,u=function(){},f=null,d="data-vue-ssr-id",p="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(t,n,e,r){c=e,f=r||{};var o=i(t,n);return g(o),function(n){for(var e=[],r=0;r<o.length;r++){var s=o[r],l=a[s.id];l.refs--,e.push(l)}n?(o=i(t,n),g(o)):o=[];for(r=0;r<e.length;r++){l=e[r];if(0===l.refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete a[l.id]}}}}function g(t){for(var n=0;n<t.length;n++){var e=t[n],i=a[e.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](e.parts[r]);for(;r<e.parts.length;r++)i.parts.push(b(e.parts[r]));i.parts.length>e.parts.length&&(i.parts.length=e.parts.length)}else{var o=[];for(r=0;r<e.parts.length;r++)o.push(b(e.parts[r]));a[e.id]={id:e.id,refs:1,parts:o}}}}function _(){var t=document.createElement("style");return t.type="text/css",o.appendChild(t),t}function b(t){var n,e,i=document.querySelector("style["+d+'~="'+t.id+'"]');if(i){if(c)return u;i.parentNode.removeChild(i)}if(p){var r=l++;i=s||(s=_()),n=h.bind(null,i,r,!1),e=h.bind(null,i,r,!0)}else i=_(),n=m.bind(null,i),e=function(){i.parentNode.removeChild(i)};return n(t),function(i){if(i){if(i.css===t.css&&i.media===t.media&&i.sourceMap===t.sourceMap)return;n(t=i)}else e()}}var x=function(){var t=[];return function(n,e){return t[n]=e,t.filter(Boolean).join("\n")}}();function h(t,n,e,i){var r=e?"":S(i.css);if(t.styleSheet)t.styleSheet.cssText=x(n,r);else{var a=document.createTextNode(r),o=t.childNodes;o[n]&&t.removeChild(o[n]),o.length?t.insertBefore(a,o[n]):t.appendChild(a)}}function m(t,n){var e=S(n.css),i=n.media,r=n.sourceMap;if(i&&t.setAttribute("media",i),f.ssrId&&t.setAttribute(d,n.id),r&&(e+="\n/*# sourceURL="+r.sources[0]+" */",e+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=e;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}var w=/\b([+-]?\d+(\.\d+)?)[r|u]px\b/g,y=/var\(--status-bar-height\)/gi,$=/var\(--window-top\)/gi,C=/var\(--window-bottom\)/gi,k=/var\(--window-left\)/gi,j=/var\(--window-right\)/gi,E=!1;function S(t){if(!uni.canIUse("css.var")){!1===E&&(E=plus.navigator.getStatusbarHeight());var n={statusBarHeight:E,top:window.__WINDOW_TOP||0,bottom:window.__WINDOW_BOTTOM||0};t=t.replace(y,n.statusBarHeight+"px").replace($,n.top+"px").replace(C,n.bottom+"px").replace(k,"0px").replace(j,"0px")}return t.replace(/\{[\s\S]+?\}|@media.+?\{/g,(function(t){return t.replace(w,(function(t,n){return uni.upx2px(n)+"px"}))}))}},"87a8":function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},"8db1":function(t,n,e){"use strict";e.r(n);var i=e("abef"),r=e("5564");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("f9f4");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"9a1b":function(t,n,e){"use strict";e.r(n);var i=e("e678"),r=e("ba8c");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("c424");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"9e09":function(t,n,e){var i=e("2200");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("3fa91208",i,!0,{sourceMap:!1,shadowMode:!1})},a72e:function(t,n,e){"use strict";e.r(n);var i=e("fb66"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},abef:function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-view",{staticClass:t._$g(1,"sc"),attrs:{_i:1}},[e("v-uni-text",{staticClass:t._$g(2,"sc"),attrs:{_i:2}},[t._v("uni\u539f\u751f\u63d2\u4ef6\u793a\u4f8b1")])],1),t._l(t._$g(3,"f"),(function(n,i,r,a){return e("v-uni-view",{key:n,staticClass:t._$g("3-"+a,"sc"),attrs:{_i:"3-"+a}},[e("v-uni-view",{staticClass:t._$g("4-"+a,"sc"),class:t._$g("4-"+a,"c"),attrs:{_i:"4-"+a},on:{click:function(n){return t.$handleViewEvent(n)}}},[e("v-uni-text",{staticClass:t._$g("5-"+a,"sc"),attrs:{_i:"5-"+a}},[t._v(t._$g("5-"+a,"t0-0"))]),e("v-uni-text",{staticClass:t._$g("6-"+a,"sc"),class:t._$g("6-"+a,"c"),attrs:{_i:"6-"+a}},[t._v(t._$g("6-"+a,"t0-0"))])],1),t._$g("7-"+a,"i")?e("v-uni-view",{staticClass:t._$g("7-"+a,"sc"),attrs:{_i:"7-"+a}},t._l(t._$g("8-"+a,"f"),(function(n,i,r,o){return e("v-uni-view",{key:n,staticClass:t._$g("8-"+a+"-"+o,"sc"),attrs:{_i:"8-"+a+"-"+o},on:{click:function(n){return t.$handleViewEvent(n)}}},[e("v-uni-text",{staticClass:t._$g("9-"+a+"-"+o,"sc"),attrs:{_i:"9-"+a+"-"+o}},[t._v(t._$g("9-"+a+"-"+o,"t0-0"))]),e("v-uni-text",{staticClass:t._$g("10-"+a+"-"+o,"sc"),attrs:{_i:"10-"+a+"-"+o}},[t._v("\ue470")])],1)})),1):t._e()],1)})),e("v-uni-view",{staticClass:t._$g(11,"sc"),attrs:{_i:11}},[e("v-uni-view",{staticClass:t._$g(12,"sc"),attrs:{_i:12},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("testScanCancle")]),e("v-uni-view",{staticClass:t._$g(13,"sc"),attrs:{_i:13},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("goScan")]),e("v-uni-view",{staticClass:t._$g(14,"sc"),attrs:{_i:14},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("goBallList")])],1)],2)},a=[]},b5df:function(t,n,e){"use strict";e.r(n);var i=e("7bf6"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},b80a:function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-button",{staticClass:t._$g(1,"sc"),attrs:{type:"primary",_i:1},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("getFileList")]),e("v-uni-button",{staticClass:t._$g(2,"sc"),attrs:{type:"primary",_i:2},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("deleteAndroidFaceImage")]),e("v-uni-button",{staticClass:t._$g(3,"sc"),attrs:{type:"primary",_i:3},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u8df3\u8f6c\u539f\u751fActivity")]),e("v-uni-button",{staticClass:t._$g(4,"sc"),attrs:{type:"primary",_i:4},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u5f00\u542fTcpServer]")]),e("v-uni-button",{staticClass:t._$g(5,"sc"),attrs:{type:"primary",_i:5},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u5173\u95edTcpServer]")]),e("v-uni-button",{staticClass:t._$g(6,"sc"),attrs:{type:"primary",_i:6},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u83b7\u53d6IP]")]),e("v-uni-text",{staticClass:t._$g(7,"sc"),attrs:{_i:7}},[t._v("\u70b9\u51fb\u540e\u5c06\u5f00\u542fTcpServer. \u672c\u673aIP: 192.168.1.64  \u7aef\u53e3\uff1a16666")]),e("v-uni-button",{staticClass:t._$g(8,"sc"),attrs:{type:"primary",_i:8},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u767e\u5ea6\u4eba\u8138SDK\u6388\u6743]")]),e("v-uni-text",{staticClass:t._$g(9,"sc"),attrs:{_i:9}},[t._v("\u70b9\u51fb\u540e\u5c06\u8fdb\u884c\u767e\u5ea6\u4eba\u8138SDK\u521d\u59cb\u5316\u53ca\u6388\u6743\u7533\u8bf7,\u8be5\u6388\u6743\u7801\u5199\u6b7b\u5728Android\u7aefzmt_module\u5185faceClass,\u56e0\u5df2\u4f7f\u7528\u8fc7,\u5c06\u8fd4\u56de\u5df2\u88ab\u5360\u7528\u63d0\u793a.")]),e("v-uni-view",{staticClass:t._$g(10,"sc"),attrs:{_i:10}},t._l(t._$g(11,"f"),(function(n,i,r,a){return e("v-uni-text",{key:n,staticClass:t._$g("11-"+a,"sc"),attrs:{_i:"11-"+a}},[t._v(t._$g("11-"+a,"t0-0"))])})),1),e("v-uni-button",{staticClass:t._$g(12,"sc"),attrs:{type:"primary",_i:12},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module_ox testAsyncFunc2")]),e("v-uni-button",{staticClass:t._$g(13,"sc"),attrs:{type:"primary",_i:13},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module_ox testSyncFunc2")]),e("v-uni-button",{staticClass:t._$g(14,"sc"),attrs:{type:"primary",_i:14},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module testAsyncFunc")]),e("v-uni-button",{staticClass:t._$g(15,"sc"),attrs:{type:"primary",_i:15},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module testSyncFunc")]),e("v-uni-button",{staticClass:t._$g(16,"sc"),attrs:{type:"primary",_i:16},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u77ed\u89c6\u9891SDK\u6d4b\u8bd5]")]),e("v-uni-button",{staticClass:t._$g(17,"sc"),attrs:{type:"primary",_i:17},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u77ed\u89c6\u9891gotoLiveNativePage]")])],1)},a=[]},ba8c:function(t,n,e){"use strict";e.r(n);var i=e("ce5e"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},c3ad:function(t,n,e){"use strict";e.r(n);var i=e("0808"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},c424:function(t,n,e){"use strict";var i=e("523a"),r=e.n(i);r.a},ce5e:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},e5e2:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,"uni-button{margin-top:30upx;margin-bottom:30upx}.button-sp-area{margin:0 auto;width:60%}.content{text-align:center;height:400upx}.wrapper{flex-direction:column;justify-content:center}.button{width:200px;margin-top:30px;margin-left:20px;padding-top:20px;padding-bottom:20px;border-width:2px;border-style:solid;border-color:#458b00;background-color:#458b00}.text{font-size:30px;color:#666;text-align:center}",""]),t.exports=n},e678:function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-button",{attrs:{type:"primary",plain:"true",_i:1},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u70b9\u51fb\u663e\u793a\u5f39\u7a97")])],1)},a=[]},f0c5:function(t,n,e){"use strict";function i(t,n,e,i,r,a,o,s,l,c){var u,f="function"===typeof t?t.options:t;if(l){f.components||(f.components={});var d=Object.prototype.hasOwnProperty;for(var p in l)d.call(l,p)&&!d.call(f.components,p)&&(f.components[p]=l[p])}if(c&&((c.beforeCreate||(c.beforeCreate=[])).unshift((function(){this[c.__module]=this})),(f.mixins||(f.mixins=[])).push(c)),n&&(f.render=n,f.staticRenderFns=e,f._compiled=!0),i&&(f.functional=!0),a&&(f._scopeId="data-v-"+a),o?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},f._ssrRegister=u):r&&(u=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),u)if(f.functional){f._injectStyles=u;var v=f.render;f.render=function(t,n){return u.call(n),v(t,n)}}else{var g=f.beforeCreate;f.beforeCreate=g?[].concat(g,u):[u]}return{exports:t,options:f}}e.d(n,"a",(function(){return i}))},f62b:function(t,n,e){var i=e("3d45");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("1264608a",i,!0,{sourceMap:!1,shadowMode:!1})},f710:function(t,n,e){"use strict";var i=e("9e09"),r=e.n(i);r.a},f711:function(t,n,e){"undefined"===typeof Promise||Promise.prototype.finally||(Promise.prototype.finally=function(t){var n=this.constructor;return this.then((function(e){return n.resolve(t()).then((function(){return e}))}),(function(e){return n.resolve(t()).then((function(){throw e}))}))}),window.__uniConfig={window:{navigationBarTextStyle:"black",navigationBarTitleText:"uni-app",navigationBarBackgroundColor:"#F8F8F8",backgroundColor:"#F8F8F8"}},uni.restoreGlobal&&uni.restoreGlobal(weex,plus,setTimeout,clearTimeout,setInterval,clearInterval),__definePage("pages/sample/ext-module-vue",(function(){return Vue.extend(e("3c60").default)})),__definePage("pages/index/index",(function(){return Vue.extend(e("8db1").default)})),__definePage("pages/index/ball_list",(function(){return Vue.extend(e("40a2").default)})),__definePage("pages/sample/richAlert",(function(){return Vue.extend(e("9a1b").default)}))},f9f4:function(t,n,e){"use strict";var i=e("f62b"),r=e.n(i);r.a},fb66:function(t,n,e){var i=e("7375");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("378470b8",i,!0,{sourceMap:!1,shadowMode:!1})},fe81:function(t,n,e){var i=e("3558");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("c3d2db60",i,!0,{sourceMap:!1,shadowMode:!1})}});
\ No newline at end of file
+(function(t){var n={};function e(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}e.m=t,e.c=n,e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:i})},e.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(e.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var r in t)e.d(i,r,function(n){return t[n]}.bind(null,r));return i},e.n=function(t){var n=t&&t.__esModule?function(){return t["default"]}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="./",e(e.s="0a3c")})({"0808":function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},"0a3c":function(t,n,e){"use strict";function i(){function t(t){var n=e("a72e");n.__inject__&&n.__inject__(t)}"function"===typeof t&&t(),UniViewJSBridge.publishHandler("webviewReady")}e("f711"),"undefined"!==typeof plus?i():document.addEventListener("plusready",i)},2200:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,'@charset "UTF-8";body{background:#f2f2f7}.ball-list{position:relative;padding-bottom:90rpx}.ball-list .bl-line{padding:60rpx 48rpx 58rpx 40rpx;display:flex;align-items:center;justify-content:space-between}.ball-list .bl-line > uni-view:first-child{color:#1a1a1a;font-size:44rpx;line-height:60rpx;font-weight:700}.ball-list .bl-line > uni-view:nth-child(2){color:#009874;font-size:28rpx;line-height:40rpx}.ball-list .bl-tab{margin:0 24rpx;border-top-left-radius:10rpx;border-top-right-radius:10rpx;background-color:#ddd;display:flex;align-items:center;justify-content:flex-start}.ball-list .bl-tab > uni-view{width:174rpx;height:110rpx;color:#1a1a1a;font-size:28rpx;line-height:40rpx;text-align:center;border-right:2rpx solid #f2f2f7;display:flex;align-items:center;justify-content:center}.ball-list .bl-tab > uni-view:last-child{border-right:0rpx solid #f2f2f7}.ball-list .bl-scroll{height:850rpx}.ball-list .bl-list{height:auto}.ball-list .bl-list .bll-item{margin:0 24rpx;display:flex;align-items:center;justify-content:flex-start;background-color:#fff;width:700rpx}.ball-list .bl-list .bll-item > uni-view{padding:0 4rpx;width:174rpx;height:100%;color:#1a1a1a;font-size:24rpx;text-align:center;line-height:34rpx;background-color:#fff;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;display:flex;align-items:center;justify-content:center;flex-direction:row}.ball-list .bl-list .bll-item > uni-view:last-child{border-right:0rpx solid #f2f2f7}.ball-list .bl-list .bll-item > uni-view:not(:last-child){border-bottom:1rpx solid red}.ball-list .bl-list .info-list{margin:0 24rpx;margin-top:30rpx;margin-bottom:50rpx;width:700rpx;height:auto;background:#fff;border-radius:10rpx;font-size:28rpx}.ball-list .bl-list .info-list .i-item{display:flex;align-items:center;justify-content:center;align-items:stretch}.ball-list .bl-list .info-list .i-item .i-box{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:26rpx 10rpx;width:176rpx;height:auto}.ball-list .bl-list .info-list .i-item .i-box:nth-child(2){border:1rpx solid #f2f2f7;border-bottom:none;border-top:none;word-break:break-all}.ball-list .bl-list .info-list .i-item .i-box:nth-child(3){border:1rpx solid #f2f2f7;border-bottom:none;flex-grow:1}.ball-list .bl-list .info-list .i-item .i-box:last-child{flex-grow:1}.ball-list .bl-list .info-list .i-item:not(:last-child){border-bottom:1rpx solid #f2f2f7}.ball-list .bl-btn{position:fixed;bottom:0;left:0;padding:12rpx 0;width:750rpx;background-color:#fff;border-top:2rpx solid #f2f2f7;display:flex;align-items:center;justify-content:center}.ball-list .bl-btn > uni-view{font-size:28rpx;line-height:40rpx;text-align:center}.ball-list .bl-btn > uni-view:first-child{padding:12rpx 0;width:180rpx;color:#009874;background-color:#fff;border:2rpx solid #009874;border-radius:6rpx}.ball-list .bl-btn > uni-view:nth-child(2){margin:0 50rpx}.ball-list .bl-btn > uni-view:nth-child(2) > uni-text{margin:0 2rpx;color:#009874}.ball-list .bl-btn > uni-view:nth-child(3){padding:12rpx 0;width:180rpx;color:#fff;background-color:#009874;border:2rpx solid #009874;border-radius:6rpx}',""]),t.exports=n},2275:function(t,n,e){"use strict";var i=e("fe81"),r=e.n(i);r.a},"24fb":function(t,n,e){"use strict";function i(t,n){var e=t[1]||"",i=t[3];if(!i)return e;if(n&&"function"===typeof btoa){var a=r(i),o=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[e].concat(o).concat([a]).join("\n")}return[e].join("\n")}function r(t){var n=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),e="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n);return"/*# ".concat(e," */")}t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var e=i(n,t);return n[2]?"@media ".concat(n[2]," {").concat(e,"}"):e})).join("")},n.i=function(t,e,i){"string"===typeof t&&(t=[[null,t,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(r[o]=!0)}for(var s=0;s<t.length;s++){var l=[].concat(t[s]);i&&r[l[0]]||(e&&(l[2]?l[2]="".concat(e," and ").concat(l[2]):l[2]=e),n.push(l))}},n}},3558:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,'@charset "UTF-8";.content{font-size:12px}.btn{margin:3px}.tips{font-size:11px;color:grey;font-weight:800}.console{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;background-color:#d3d3d3;padding:20rpx}.log{color:#8b0000;font-size:11px;font-weight:800}',""]),t.exports=n},"3c60":function(t,n,e){"use strict";e.r(n);var i=e("bc72"),r=e("b5df");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("2275");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"3d45":function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,"#bcid{background:#0f0;height:480px;width:360px}",""]),t.exports=n},"40a2":function(t,n,e){"use strict";e.r(n);var i=e("499f"),r=e("c3ad");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("f710");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"499f":function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-view",{staticClass:t._$g(1,"sc"),attrs:{_i:1}},[e("v-uni-view",{attrs:{_i:2}},[t._v("\u7bee\u7403\u5217\u8868")]),e("v-uni-view",{attrs:{_i:3},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u8fd4\u56de")])],1),e("v-uni-view",{staticClass:t._$g(4,"sc"),attrs:{_i:4}},[e("v-uni-view",{attrs:{_i:5}},[t._v("\u7f16\u7801\u540d\u79f0")]),e("v-uni-view",{attrs:{_i:6}},[t._v("tid")]),e("v-uni-view",{attrs:{_i:7}},[t._v("\u5f55\u5165\u65f6\u95f4")]),e("v-uni-view",{attrs:{_i:8}},[t._v("\u5f55\u5165\u4eba\u5458")])],1),e("v-uni-scroll-view",{staticClass:t._$g(9,"sc"),attrs:{"scroll-y":"true",_i:9}},[e("v-uni-view",{staticClass:t._$g(10,"sc"),attrs:{_i:10}},[t._l(3,(function(n,i,r,a){return e("v-uni-view",{key:i,staticClass:t._$g("11-"+a,"sc"),attrs:{_i:"11-"+a}},[e("v-uni-view",{class:t._$g("12-"+a,"c"),attrs:{_i:"12-"+a}},[t._v(t._$g("12-"+a,"t0-0"))]),e("v-uni-view",{attrs:{_i:"13-"+a}},[t._v(t._$g("13-"+a,"t0-0"))]),e("v-uni-view",{attrs:{_i:"14-"+a}},[t._v(t._$g("14-"+a,"t0-0"))]),e("v-uni-view",{class:t._$g("15-"+a,"c"),attrs:{_i:"15-"+a}},[t._v(t._$g("15-"+a,"t0-0"))])],1)})),e("v-uni-view",{staticClass:t._$g(16,"sc"),attrs:{_i:16}},t._l(3,(function(n,i,r,a){return e("v-uni-view",{staticClass:t._$g("17-"+a,"sc"),attrs:{_i:"17-"+a}},[e("v-uni-view",{staticClass:t._$g("18-"+a,"sc"),attrs:{_i:"18-"+a}},[t._v("5555")]),e("v-uni-view",{staticClass:t._$g("19-"+a,"sc"),attrs:{_i:"19-"+a}},[t._v("\u5408\u6cd5\u5927\u4f7f\u9986sfghdsfghdjsgdksjdjghdfjkghfd2021-11-11 11:22:54")]),e("v-uni-view",{staticClass:t._$g("20-"+a,"sc"),attrs:{_i:"20-"+a}},[t._v("2021-11-11 11:22:54")]),e("v-uni-view",{staticClass:t._$g("21-"+a,"sc"),staticStyle:{color:"red"},attrs:{_i:"21-"+a}},[t._v(t._$g("21-"+a,"t0-0")+"ssdf")])],1)})),1)],2)],1),t._$g(22,"i")?e("v-uni-view",{staticClass:t._$g(22,"sc"),attrs:{_i:22}},[e("v-uni-view",{attrs:{_i:23},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u4e0a\u4e00\u9875")]),e("v-uni-view",{attrs:{_i:24}},[t._v("\u7b2c"),e("v-uni-text",{attrs:{_i:25}},[t._v(t._$g(25,"t0-0"))]),t._v("\u9875\uff0c\u5171"),e("v-uni-text",{attrs:{_i:26}},[t._v(t._$g(26,"t0-0"))]),t._v("\u9875")],1),e("v-uni-view",{attrs:{_i:27},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u4e0b\u4e00\u9875")])],1):t._e()],1)},a=[]},"523a":function(t,n,e){var i=e("e5e2");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("b1fa665a",i,!0,{sourceMap:!1,shadowMode:!1})},5564:function(t,n,e){"use strict";e.r(n);var i=e("87a8"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},7375:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nbody{min-height:100%;height:auto}\n.uni-icon{font-family:uniicons;font-weight:400}.uni-bg-red{background-color:#f76260;color:#fff}.uni-bg-green{background-color:#09bb07;color:#fff}.uni-bg-blue{background-color:#007aff;color:#fff}.uni-container{flex:1;padding:15px;background-color:#f8f8f8}.uni-padding-lr{padding-left:15px;padding-right:15px}.uni-padding-tb{padding-top:15px;padding-bottom:15px}.uni-header-logo{padding:15px 15px;flex-direction:column;justify-content:center;align-items:center;margin-top:10upx}.uni-header-image{width:80px;height:80px}.uni-hello-text{margin-bottom:20px}.hello-text{color:#7a7e83;font-size:14px;line-height:20px}.hello-link{color:#7a7e83;font-size:14px;line-height:20px}.uni-panel{margin-bottom:12px}.uni-panel-h{background-color:#fff;flex-direction:row;align-items:center;padding:12px}.uni-panel-h-on{background-color:#f0f0f0}.uni-panel-text{flex:1;color:#000;font-size:14px;font-weight:400}.uni-panel-icon{margin-left:15px;color:#999;font-size:14px;font-weight:400;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition-duration:0s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.uni-panel-icon-on{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.uni-navigate-item{flex-direction:row;align-items:center;background-color:#fff;border-top-style:solid;border-top-color:#f0f0f0;border-top-width:1px;padding:12px}.uni-navigate-item:active{background-color:#f8f8f8}.uni-navigate-text{flex:1;color:#000;font-size:14px;font-weight:400}.uni-navigate-icon{margin-left:15px;color:#999;font-size:14px;font-weight:400}.uni-list-cell{position:relative;flex-direction:row;justify-content:flex-start;align-items:center}.uni-list-cell-pd{padding:22upx 30upx}.flex-r{flex-direction:row}.flex-c{flex-direction:column}.a-i-c{align-items:center}.j-c-c{justify-content:center}.list-item{flex-direction:row;padding:10px}",""]),t.exports=n},"7bf6":function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},"7f7e":function(t,n,e){"use strict";function i(t,n){for(var e=[],i={},r=0;r<n.length;r++){var a=n[r],o=a[0],s=a[1],l=a[2],c=a[3],u={id:t+":"+r,css:s,media:l,sourceMap:c};i[o]?i[o].parts.push(u):e.push(i[o]={id:o,parts:[u]})}return e}e.r(n),e.d(n,"default",(function(){return v}));var r="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!r)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},o=r&&(document.head||document.getElementsByTagName("head")[0]),s=null,l=0,c=!1,u=function(){},f=null,d="data-vue-ssr-id",p="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(t,n,e,r){c=e,f=r||{};var o=i(t,n);return g(o),function(n){for(var e=[],r=0;r<o.length;r++){var s=o[r],l=a[s.id];l.refs--,e.push(l)}n?(o=i(t,n),g(o)):o=[];for(r=0;r<e.length;r++){l=e[r];if(0===l.refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete a[l.id]}}}}function g(t){for(var n=0;n<t.length;n++){var e=t[n],i=a[e.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](e.parts[r]);for(;r<e.parts.length;r++)i.parts.push(b(e.parts[r]));i.parts.length>e.parts.length&&(i.parts.length=e.parts.length)}else{var o=[];for(r=0;r<e.parts.length;r++)o.push(b(e.parts[r]));a[e.id]={id:e.id,refs:1,parts:o}}}}function _(){var t=document.createElement("style");return t.type="text/css",o.appendChild(t),t}function b(t){var n,e,i=document.querySelector("style["+d+'~="'+t.id+'"]');if(i){if(c)return u;i.parentNode.removeChild(i)}if(p){var r=l++;i=s||(s=_()),n=h.bind(null,i,r,!1),e=h.bind(null,i,r,!0)}else i=_(),n=m.bind(null,i),e=function(){i.parentNode.removeChild(i)};return n(t),function(i){if(i){if(i.css===t.css&&i.media===t.media&&i.sourceMap===t.sourceMap)return;n(t=i)}else e()}}var x=function(){var t=[];return function(n,e){return t[n]=e,t.filter(Boolean).join("\n")}}();function h(t,n,e,i){var r=e?"":S(i.css);if(t.styleSheet)t.styleSheet.cssText=x(n,r);else{var a=document.createTextNode(r),o=t.childNodes;o[n]&&t.removeChild(o[n]),o.length?t.insertBefore(a,o[n]):t.appendChild(a)}}function m(t,n){var e=S(n.css),i=n.media,r=n.sourceMap;if(i&&t.setAttribute("media",i),f.ssrId&&t.setAttribute(d,n.id),r&&(e+="\n/*# sourceURL="+r.sources[0]+" */",e+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=e;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}var w=/\b([+-]?\d+(\.\d+)?)[r|u]px\b/g,y=/var\(--status-bar-height\)/gi,$=/var\(--window-top\)/gi,C=/var\(--window-bottom\)/gi,k=/var\(--window-left\)/gi,j=/var\(--window-right\)/gi,E=!1;function S(t){if(!uni.canIUse("css.var")){!1===E&&(E=plus.navigator.getStatusbarHeight());var n={statusBarHeight:E,top:window.__WINDOW_TOP||0,bottom:window.__WINDOW_BOTTOM||0};t=t.replace(y,n.statusBarHeight+"px").replace($,n.top+"px").replace(C,n.bottom+"px").replace(k,"0px").replace(j,"0px")}return t.replace(/\{[\s\S]+?\}|@media.+?\{/g,(function(t){return t.replace(w,(function(t,n){return uni.upx2px(n)+"px"}))}))}},"87a8":function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},"8db1":function(t,n,e){"use strict";e.r(n);var i=e("abef"),r=e("5564");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("f9f4");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"9a1b":function(t,n,e){"use strict";e.r(n);var i=e("e678"),r=e("ba8c");for(var a in r)"default"!==a&&function(t){e.d(n,t,(function(){return r[t]}))}(a);e("c424");var o,s=e("f0c5"),l=Object(s["a"])(r["default"],i["b"],i["c"],!1,null,null,null,!1,i["a"],o);n["default"]=l.exports},"9e09":function(t,n,e){var i=e("2200");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("3fa91208",i,!0,{sourceMap:!1,shadowMode:!1})},a72e:function(t,n,e){"use strict";e.r(n);var i=e("fb66"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},abef:function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-view",{staticClass:t._$g(1,"sc"),attrs:{_i:1}},[e("v-uni-text",{staticClass:t._$g(2,"sc"),attrs:{_i:2}},[t._v("uni\u539f\u751f\u63d2\u4ef6\u793a\u4f8b1")])],1),t._l(t._$g(3,"f"),(function(n,i,r,a){return e("v-uni-view",{key:n,staticClass:t._$g("3-"+a,"sc"),attrs:{_i:"3-"+a}},[e("v-uni-view",{staticClass:t._$g("4-"+a,"sc"),class:t._$g("4-"+a,"c"),attrs:{_i:"4-"+a},on:{click:function(n){return t.$handleViewEvent(n)}}},[e("v-uni-text",{staticClass:t._$g("5-"+a,"sc"),attrs:{_i:"5-"+a}},[t._v(t._$g("5-"+a,"t0-0"))]),e("v-uni-text",{staticClass:t._$g("6-"+a,"sc"),class:t._$g("6-"+a,"c"),attrs:{_i:"6-"+a}},[t._v(t._$g("6-"+a,"t0-0"))])],1),t._$g("7-"+a,"i")?e("v-uni-view",{staticClass:t._$g("7-"+a,"sc"),attrs:{_i:"7-"+a}},t._l(t._$g("8-"+a,"f"),(function(n,i,r,o){return e("v-uni-view",{key:n,staticClass:t._$g("8-"+a+"-"+o,"sc"),attrs:{_i:"8-"+a+"-"+o},on:{click:function(n){return t.$handleViewEvent(n)}}},[e("v-uni-text",{staticClass:t._$g("9-"+a+"-"+o,"sc"),attrs:{_i:"9-"+a+"-"+o}},[t._v(t._$g("9-"+a+"-"+o,"t0-0"))]),e("v-uni-text",{staticClass:t._$g("10-"+a+"-"+o,"sc"),attrs:{_i:"10-"+a+"-"+o}},[t._v("\ue470")])],1)})),1):t._e()],1)})),e("v-uni-view",{staticClass:t._$g(11,"sc"),attrs:{_i:11}},[e("v-uni-view",{staticClass:t._$g(12,"sc"),attrs:{_i:12},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("testScanCancle")]),e("v-uni-view",{staticClass:t._$g(13,"sc"),attrs:{_i:13},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("goScan")]),e("v-uni-view",{staticClass:t._$g(14,"sc"),attrs:{_i:14},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("goBallList")])],1)],2)},a=[]},b5df:function(t,n,e){"use strict";e.r(n);var i=e("7bf6"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},ba8c:function(t,n,e){"use strict";e.r(n);var i=e("ce5e"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},bc72:function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-button",{staticClass:t._$g(1,"sc"),attrs:{type:"primary",_i:1},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u77ed\u89c6\u9891getFilePath]")]),e("v-uni-button",{staticClass:t._$g(2,"sc"),attrs:{type:"primary",_i:2},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("getFileList")]),e("v-uni-button",{staticClass:t._$g(3,"sc"),attrs:{type:"primary",_i:3},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("deleteAndroidFaceImage")]),e("v-uni-button",{staticClass:t._$g(4,"sc"),attrs:{type:"primary",_i:4},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u8df3\u8f6c\u539f\u751fActivity")]),e("v-uni-button",{staticClass:t._$g(5,"sc"),attrs:{type:"primary",_i:5},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u5f00\u542fTcpServer]")]),e("v-uni-button",{staticClass:t._$g(6,"sc"),attrs:{type:"primary",_i:6},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u5173\u95edTcpServer]")]),e("v-uni-button",{staticClass:t._$g(7,"sc"),attrs:{type:"primary",_i:7},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u83b7\u53d6IP]")]),e("v-uni-text",{staticClass:t._$g(8,"sc"),attrs:{_i:8}},[t._v("\u70b9\u51fb\u540e\u5c06\u5f00\u542fTcpServer. \u672c\u673aIP: 192.168.1.64  \u7aef\u53e3\uff1a16666")]),e("v-uni-button",{staticClass:t._$g(9,"sc"),attrs:{type:"primary",_i:9},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u767e\u5ea6\u4eba\u8138SDK\u6388\u6743]")]),e("v-uni-text",{staticClass:t._$g(10,"sc"),attrs:{_i:10}},[t._v("\u70b9\u51fb\u540e\u5c06\u8fdb\u884c\u767e\u5ea6\u4eba\u8138SDK\u521d\u59cb\u5316\u53ca\u6388\u6743\u7533\u8bf7,\u8be5\u6388\u6743\u7801\u5199\u6b7b\u5728Android\u7aefzmt_module\u5185faceClass,\u56e0\u5df2\u4f7f\u7528\u8fc7,\u5c06\u8fd4\u56de\u5df2\u88ab\u5360\u7528\u63d0\u793a.")]),e("v-uni-view",{staticClass:t._$g(11,"sc"),attrs:{_i:11}},t._l(t._$g(12,"f"),(function(n,i,r,a){return e("v-uni-text",{key:n,staticClass:t._$g("12-"+a,"sc"),attrs:{_i:"12-"+a}},[t._v(t._$g("12-"+a,"t0-0"))])})),1),e("v-uni-button",{staticClass:t._$g(13,"sc"),attrs:{type:"primary",_i:13},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module_ox testAsyncFunc2")]),e("v-uni-button",{staticClass:t._$g(14,"sc"),attrs:{type:"primary",_i:14},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module_ox testSyncFunc2")]),e("v-uni-button",{staticClass:t._$g(15,"sc"),attrs:{type:"primary",_i:15},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module testAsyncFunc")]),e("v-uni-button",{staticClass:t._$g(16,"sc"),attrs:{type:"primary",_i:16},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("uniplugin_module testSyncFunc")]),e("v-uni-button",{staticClass:t._$g(17,"sc"),attrs:{type:"primary",_i:17},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u77ed\u89c6\u9891SDK\u6d4b\u8bd5]")]),e("v-uni-button",{staticClass:t._$g(18,"sc"),attrs:{type:"primary",_i:18},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u77ed\u89c6\u9891gotoLiveNativePage]")]),e("v-uni-button",{staticClass:t._$g(19,"sc"),attrs:{type:"primary",_i:19},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u77ed\u89c6\u9891getLicenceInfo]")]),e("v-uni-button",{staticClass:t._$g(20,"sc"),attrs:{type:"primary",_i:20},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("[\u77ed\u89c6\u9891joinerVideo]")])],1)},a=[]},c3ad:function(t,n,e){"use strict";e.r(n);var i=e("0808"),r=e.n(i);for(var a in i)"default"!==a&&function(t){e.d(n,t,(function(){return i[t]}))}(a);n["default"]=r.a},c424:function(t,n,e){"use strict";var i=e("523a"),r=e.n(i);r.a},ce5e:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i={data:function(){return{wxsProps:{}}},components:{}};n.default=i},e5e2:function(t,n,e){var i=e("24fb");n=i(!1),n.push([t.i,"uni-button{margin-top:30upx;margin-bottom:30upx}.button-sp-area{margin:0 auto;width:60%}.content{text-align:center;height:400upx}.wrapper{flex-direction:column;justify-content:center}.button{width:200px;margin-top:30px;margin-left:20px;padding-top:20px;padding-bottom:20px;border-width:2px;border-style:solid;border-color:#458b00;background-color:#458b00}.text{font-size:30px;color:#666;text-align:center}",""]),t.exports=n},e678:function(t,n,e){"use strict";var i;e.d(n,"b",(function(){return r})),e.d(n,"c",(function(){return a})),e.d(n,"a",(function(){return i}));var r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("v-uni-view",{staticClass:t._$g(0,"sc"),attrs:{_i:0}},[e("v-uni-button",{attrs:{type:"primary",plain:"true",_i:1},on:{click:function(n){return t.$handleViewEvent(n)}}},[t._v("\u70b9\u51fb\u663e\u793a\u5f39\u7a97")])],1)},a=[]},f0c5:function(t,n,e){"use strict";function i(t,n,e,i,r,a,o,s,l,c){var u,f="function"===typeof t?t.options:t;if(l){f.components||(f.components={});var d=Object.prototype.hasOwnProperty;for(var p in l)d.call(l,p)&&!d.call(f.components,p)&&(f.components[p]=l[p])}if(c&&((c.beforeCreate||(c.beforeCreate=[])).unshift((function(){this[c.__module]=this})),(f.mixins||(f.mixins=[])).push(c)),n&&(f.render=n,f.staticRenderFns=e,f._compiled=!0),i&&(f.functional=!0),a&&(f._scopeId="data-v-"+a),o?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},f._ssrRegister=u):r&&(u=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),u)if(f.functional){f._injectStyles=u;var v=f.render;f.render=function(t,n){return u.call(n),v(t,n)}}else{var g=f.beforeCreate;f.beforeCreate=g?[].concat(g,u):[u]}return{exports:t,options:f}}e.d(n,"a",(function(){return i}))},f62b:function(t,n,e){var i=e("3d45");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("1264608a",i,!0,{sourceMap:!1,shadowMode:!1})},f710:function(t,n,e){"use strict";var i=e("9e09"),r=e.n(i);r.a},f711:function(t,n,e){"undefined"===typeof Promise||Promise.prototype.finally||(Promise.prototype.finally=function(t){var n=this.constructor;return this.then((function(e){return n.resolve(t()).then((function(){return e}))}),(function(e){return n.resolve(t()).then((function(){throw e}))}))}),window.__uniConfig={window:{navigationBarTextStyle:"black",navigationBarTitleText:"uni-app",navigationBarBackgroundColor:"#F8F8F8",backgroundColor:"#F8F8F8"}},uni.restoreGlobal&&uni.restoreGlobal(weex,plus,setTimeout,clearTimeout,setInterval,clearInterval),__definePage("pages/sample/ext-module-vue",(function(){return Vue.extend(e("3c60").default)})),__definePage("pages/index/index",(function(){return Vue.extend(e("8db1").default)})),__definePage("pages/index/ball_list",(function(){return Vue.extend(e("40a2").default)})),__definePage("pages/sample/richAlert",(function(){return Vue.extend(e("9a1b").default)}))},f9f4:function(t,n,e){"use strict";var i=e("f62b"),r=e.n(i);r.a},fb66:function(t,n,e){var i=e("7375");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("378470b8",i,!0,{sourceMap:!1,shadowMode:!1})},fe81:function(t,n,e){var i=e("3558");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var r=e("7f7e").default;r("c3d2db60",i,!0,{sourceMap:!1,shadowMode:!1})}});
\ No newline at end of file
diff --git a/app/src/main/assets/data/dcloud_control.xml b/app/src/main/assets/data/dcloud_control.xml
index 115c327..f881c6d 100755
--- a/app/src/main/assets/data/dcloud_control.xml
+++ b/app/src/main/assets/data/dcloud_control.xml
@@ -1,6 +1,6 @@
 
 <hbuilder>
-<apps>
+<apps debug="true" syncDebug="true">
     <app appid="__UNI__2B9497D" appver=""/>
 </apps>
 </hbuilder>
diff --git a/beautysettingkit/build.gradle b/beautysettingkit/build.gradle
new file mode 100644
index 0000000..4a81177
--- /dev/null
+++ b/beautysettingkit/build.gradle
@@ -0,0 +1,31 @@
+apply plugin: 'com.android.library'
+
+android {
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+
+
+    defaultConfig {
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+
+}
+
+dependencies {
+    implementation fileTree(include: ['*.jar'], dir: 'libs')
+    implementation 'com.google.code.gson:gson:2.3.1'
+    implementation 'androidx.appcompat:appcompat:1.0.0'
+    implementation 'androidx.recyclerview:recyclerview:1.0.0'
+    implementation rootProject.ext.liteavSdk
+}
+
diff --git a/beautysettingkit/proguard-rules.pro b/beautysettingkit/proguard-rules.pro
new file mode 100644
index 0000000..f1b4245
--- /dev/null
+++ b/beautysettingkit/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
diff --git a/beautysettingkit/src/main/AndroidManifest.xml b/beautysettingkit/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..190ee95
--- /dev/null
+++ b/beautysettingkit/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.tencent.liteav.demo.beauty">
+
+</manifest>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/assets/default_beauty_data.json b/beautysettingkit/src/main/assets/default_beauty_data.json
new file mode 100644
index 0000000..f4f6747
--- /dev/null
+++ b/beautysettingkit/src/main/assets/default_beauty_data.json
@@ -0,0 +1,624 @@
+{
+  "beauty_bg": "#ff13233f",
+  "beauty_tab_name_color_normal": "#ff888888",
+  "beauty_tab_name_color_select": "#ffffffff",
+  "beauty_tab_name_width": -2,
+  "beauty_tab_name_height": -2,
+  "beauty_tab_name_size": 14,
+  "beauty_tab_list": [
+    {
+      "tab_id": 1,
+      "tab_type": 10001,
+      "tab_name": "@beauty_setting_panel_beauty",
+      "tab_item_name_size": 10,
+      "tab_item_name_color_normal": "#ff888888",
+      "tab_item_name_color_select": "#ffffffff",
+      "tab_item_icon_width": 54,
+      "tab_item_icon_height": 54,
+      "tab_item_level_hint_color": "#ffffffff",
+      "tab_item_level_hint_size": 16,
+      "tab_item_level_value_color": "#ffffffff",
+      "tab_item_level_value_size": 14,
+      "tab_item_level_progress_drawable": "@beauty_progress_drawable",
+      "tab_item_level_progress_thumb": "@beauty_thumb",
+      "tab_item_list_default_selected_index": 2,
+      "tab_item_list": [
+        {
+          "item_id": 1,
+          "item_type": 20101,
+          "item_name": "@beauty_panel_style_smooth",
+          "item_material_url": "",
+          "item_level": 4,
+          "item_icon_normal": "@beauty_ic_smooth",
+          "item_icon_select": "@beauty_ic_smooth"
+        },
+        {
+          "item_id": 2,
+          "item_type": 20102,
+          "item_name": "@beauty_panel_style_natural",
+          "item_material_url": "",
+          "item_level": 4,
+          "item_icon_normal": "@beauty_ic_natural",
+          "item_icon_select": "@beauty_ic_natural"
+        },
+        {
+          "item_id": 3,
+          "item_type": 20103,
+          "item_name": "@beauty_panel_style_pitu",
+          "item_material_url": "",
+          "item_level": 4,
+          "item_icon_normal": "@beauty_ic_pitu",
+          "item_icon_select": "@beauty_ic_pitu"
+        },
+        {
+          "item_id": 4,
+          "item_type": 20104,
+          "item_name": "@beauty_panel_white",
+          "item_material_url": "",
+          "item_level": 1,
+          "item_icon_normal": "@beauty_ic_white",
+          "item_icon_select": "@beauty_ic_white"
+        },
+        {
+          "item_id": 5,
+          "item_type": 20105,
+          "item_name": "@beauty_panel_ruddy",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_ruddy",
+          "item_icon_select": "@beauty_ic_ruddy"
+        },
+        {
+          "item_id": 6,
+          "item_type": 20106,
+          "item_name": "@beauty_panel_bigeye",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_bigeye",
+          "item_icon_select": "@beauty_ic_bigeye"
+        },
+        {
+          "item_id": 7,
+          "item_type": 20107,
+          "item_name": "@beauty_panel_faceslim",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_faceslim",
+          "item_icon_select": "@beauty_ic_faceslim"
+        },
+        {
+          "item_id": 8,
+          "item_type": 20108,
+          "item_name": "@beauty_panel_facev",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_facev",
+          "item_icon_select": "@beauty_ic_facev"
+        },
+        {
+          "item_id": 9,
+          "item_type": 20109,
+          "item_name": "@beauty_panel_chin",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_chin",
+          "item_icon_select": "@beauty_ic_chin"
+        },
+        {
+          "item_id": 10,
+          "item_type": 20110,
+          "item_name": "@beauty_panel_faceshort",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_face_short",
+          "item_icon_select": "@beauty_ic_face_short"
+        },
+        {
+          "item_id": 11,
+          "item_type": 20111,
+          "item_name": "@beauty_panel_noseslim",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_noseslim",
+          "item_icon_select": "@beauty_ic_noseslim"
+        },
+        {
+          "item_id": 12,
+          "item_type": 20112,
+          "item_name": "@beauty_panel_eyelighten",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_eye_bright",
+          "item_icon_select": "@beauty_ic_eye_bright"
+        },
+        {
+          "item_id": 13,
+          "item_type": 20113,
+          "item_name": "@beauty_panel_toothwhite",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_tooth_white",
+          "item_icon_select": "@beauty_ic_tooth_white"
+        },
+        {
+          "item_id": 14,
+          "item_type": 20114,
+          "item_name": "@beauty_panel_wrinkleremove",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_wrinkles",
+          "item_icon_select": "@beauty_ic_wrinkles"
+        },
+        {
+          "item_id": 15,
+          "item_type": 20115,
+          "item_name": "@beauty_panel_pounchremove",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_pouch_remove",
+          "item_icon_select": "@beauty_ic_pouch_remove"
+        },
+        {
+          "item_id": 16,
+          "item_type": 20116,
+          "item_name": "@beauty_panel_smilelinesremove",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_smile_lines",
+          "item_icon_select": "@beauty_ic_smile_lines"
+        },
+        {
+          "item_id": 17,
+          "item_type": 20117,
+          "item_name": "@beauty_panel_forehead",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_forehead",
+          "item_icon_select": "@beauty_ic_forehead"
+        },
+        {
+          "item_id": 18,
+          "item_type": 20118,
+          "item_name": "@beauty_panel_eyedistance",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_eye_distance",
+          "item_icon_select": "@beauty_ic_eye_distance"
+        },
+        {
+          "item_id": 19,
+          "item_type": 20119,
+          "item_name": "@beauty_panel_eyeangle",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_eye_angle",
+          "item_icon_select": "@beauty_ic_eye_angle"
+        },
+        {
+          "item_id": 20,
+          "item_type": 20120,
+          "item_name": "@beauty_panel_mouthshape",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_mouse_shape",
+          "item_icon_select": "@beauty_ic_mouse_shape"
+        },
+        {
+          "item_id": 21,
+          "item_type": 20121,
+          "item_name": "@beauty_panel_nosewing",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_nose_wing",
+          "item_icon_select": "@beauty_ic_nose_wing"
+        },
+        {
+          "item_id": 22,
+          "item_type": 20122,
+          "item_name": "@beauty_panel_noseposition",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_nose_position",
+          "item_icon_select": "@beauty_ic_nose_position"
+        },
+        {
+          "item_id": 23,
+          "item_type": 20123,
+          "item_name": "@beauty_panel_mousewidth",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_mouse_width",
+          "item_icon_select": "@beauty_ic_mouse_width"
+        },
+        {
+          "item_id": 24,
+          "item_type": 20124,
+          "item_name": "@beauty_panel_faceshape",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_face_shape",
+          "item_icon_select": "@beauty_ic_face_shape"
+        }
+      ]
+    },
+    {
+      "tab_id": 2,
+      "tab_type": 10002,
+      "tab_name": "@beauty_setting_panel_filter",
+      "tab_item_name_size": 10,
+      "tab_item_name_color_normal": "#ff888888",
+      "tab_item_name_color_select": "#ffffffff",
+      "tab_item_icon_width": 54,
+      "tab_item_icon_height": 54,
+      "tab_item_level_hint_color": "#ffffffff",
+      "tab_item_level_hint_size": 16,
+      "tab_item_level_value_color": "#ffffffff",
+      "tab_item_level_value_size": 14,
+      "tab_item_level_progress_drawable": "@beauty_progress_drawable",
+      "tab_item_level_progress_thumb": "@beauty_thumb",
+      "tab_item_list_default_selected_index": 1,
+      "tab_item_list": [
+        {
+          "item_id": 1,
+          "item_type": 20201,
+          "item_name": "@beauty_common_none",
+          "item_material_url": "",
+          "item_level": 0,
+          "item_icon_normal": "@beauty_ic_common_none",
+          "item_icon_select": "@beauty_ic_common_none"
+        },
+        {
+          "item_id": 2,
+          "item_type": 20202,
+          "item_name": "@beauty_panel_filter_baixi",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_baixi",
+          "item_icon_select": "@beauty_baixi"
+        },
+        {
+          "item_id": 3,
+          "item_type": 20203,
+          "item_name": "@beauty_panel_filter_standard",
+          "item_material_url": "",
+          "item_level": 4,
+          "item_icon_normal": "@beauty_biaozhun",
+          "item_icon_select": "@beauty_biaozhun"
+        },
+        {
+          "item_id": 4,
+          "item_type": 20204,
+          "item_name": "@beauty_panel_filter_ziran",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_ziran",
+          "item_icon_select": "@beauty_ziran"
+        },
+        {
+          "item_id": 5,
+          "item_type": 20205,
+          "item_name": "@beauty_panel_filter_cheery",
+          "item_material_url": "",
+          "item_level": 8,
+          "item_icon_normal": "@beauty_yinghong",
+          "item_icon_select": "@beauty_yinghong"
+        },
+        {
+          "item_id": 6,
+          "item_type": 20206,
+          "item_name": "@beauty_panel_filter_cloud",
+          "item_material_url": "",
+          "item_level": 8,
+          "item_icon_normal": "@beauty_yunshang",
+          "item_icon_select": "@beauty_yunshang"
+        },
+        {
+          "item_id": 7,
+          "item_type": 20207,
+          "item_name": "@beauty_panel_filter_pure",
+          "item_material_url": "",
+          "item_level": 8,
+          "item_icon_normal": "@beauty_chunzhen",
+          "item_icon_select": "@beauty_chunzhen"
+        },
+        {
+          "item_id": 8,
+          "item_type": 20208,
+          "item_name": "@beauty_panel_filter_orchid",
+          "item_material_url": "",
+          "item_level": 9,
+          "item_icon_normal": "@beauty_bailan",
+          "item_icon_select": "@beauty_bailan"
+        },
+        {
+          "item_id": 9,
+          "item_type": 20209,
+          "item_name": "@beauty_panel_filter_vitality",
+          "item_material_url": "",
+          "item_level": 8,
+          "item_icon_normal": "@beauty_yuanqi",
+          "item_icon_select": "@beauty_yuanqi"
+        },
+        {
+          "item_id": 10,
+          "item_type": 20210,
+          "item_name": "@beauty_panel_filter_super",
+          "item_material_url": "",
+          "item_level": 9,
+          "item_icon_normal": "@beauty_chaotuo",
+          "item_icon_select": "@beauty_chaotuo"
+        },
+        {
+          "item_id": 11,
+          "item_type": 20211,
+          "item_name": "@beauty_panel_filter_fragrance",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_xiangfen",
+          "item_icon_select": "@beauty_xiangfen"
+        },
+        {
+          "item_id": 12,
+          "item_type": 20212,
+          "item_name": "@beauty_panel_filter_white",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_fwhite",
+          "item_icon_select": "@beauty_fwhite"
+        },
+        {
+          "item_id": 13,
+          "item_type": 20213,
+          "item_name": "@beauty_panel_filter_romantic",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_langman",
+          "item_icon_select": "@beauty_langman"
+        },
+        {
+          "item_id": 14,
+          "item_type": 20214,
+          "item_name": "@beauty_panel_filter_fresh",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_qingxin",
+          "item_icon_select": "@beauty_qingxin"
+        },
+        {
+          "item_id": 15,
+          "item_type": 20215,
+          "item_name": "@beauty_panel_filter_beautiful",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_weimei",
+          "item_icon_select": "@beauty_weimei"
+        },
+        {
+          "item_id": 16,
+          "item_type": 20216,
+          "item_name": "@beauty_panel_filter_pink",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_fennen",
+          "item_icon_select": "@beauty_fennen"
+        },
+        {
+          "item_id": 17,
+          "item_type": 20217,
+          "item_name": "@beauty_panel_filter_reminiscence",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_huaijiu",
+          "item_icon_select": "@beauty_huaijiu"
+        },
+        {
+          "item_id": 18,
+          "item_type": 20218,
+          "item_name": "@beauty_panel_filter_blues",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_landiao",
+          "item_icon_select": "@beauty_landiao"
+        },
+        {
+          "item_id": 19,
+          "item_type": 20219,
+          "item_name": "@beauty_panel_filter_cool",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_qingliang",
+          "item_icon_select": "@beauty_qingliang"
+        },
+        {
+          "item_id": 20,
+          "item_type": 20220,
+          "item_name": "@beauty_panel_filter_Japanese",
+          "item_material_url": "",
+          "item_level": 5,
+          "item_icon_normal": "@beauty_rixi",
+          "item_icon_select": "@beauty_rixi"
+        }
+      ]
+    },
+    {
+      "tab_id": 3,
+      "tab_type": 10003,
+      "tab_name": "@beauty_setting_panel_dynamic_effect",
+      "tab_item_name_size": 10,
+      "tab_item_name_color_normal": "#ff888888",
+      "tab_item_name_color_select": "#ffffffff",
+      "tab_item_icon_width": 54,
+      "tab_item_icon_height": 54,
+      "tab_item_level_hint_color": "#ffffffff",
+      "tab_item_level_hint_size": 16,
+      "tab_item_level_value_color": "#ffffffff",
+      "tab_item_level_value_size": 14,
+      "tab_item_level_progress_drawable": "@beauty_progress_drawable",
+      "tab_item_level_progress_thumb": "@beauty_thumb",
+      "tab_item_list": [
+        {
+          "item_id": 1,
+          "item_type": 20301,
+          "item_name": "@beauty_common_none",
+          "item_material_url": "",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_common_none",
+          "item_icon_select": "@beauty_ic_common_none"
+        },
+        {
+          "item_id": 2,
+          "item_type": 20302,
+          "item_name": "@beauty_effect_boom",
+          "item_material_url": "http://dldir1.qq.com/hudongzhibo/AISpecial/Android/170/video_boomAndroid.zip",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_effect_boom",
+          "item_icon_select": "@beauty_ic_effect_boom"
+        }
+      ]
+    },
+    {
+      "tab_id": 4,
+      "tab_type": 10004,
+      "tab_name": "@beauty_setting_panel_facebeauty",
+      "tab_item_name_size": 10,
+      "tab_item_name_color_normal": "#ff888888",
+      "tab_item_name_color_select": "#ffffffff",
+      "tab_item_icon_width": 54,
+      "tab_item_icon_height": 54,
+      "tab_item_level_hint_color": "#ffffffff",
+      "tab_item_level_hint_size": 16,
+      "tab_item_level_value_color": "#ffffffff",
+      "tab_item_level_value_size": 14,
+      "tab_item_level_progress_drawable": "@beauty_progress_drawable",
+      "tab_item_level_progress_thumb": "@beauty_thumb",
+      "tab_item_list": [
+        {
+          "item_id": 1,
+          "item_type": 20401,
+          "item_name": "@beauty_common_none",
+          "item_material_url": "",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_common_none",
+          "item_icon_select": "@beauty_ic_common_none"
+        },
+        {
+          "item_id": 2,
+          "item_type": 20402,
+          "item_name": "@beauty_makeups_cherry",
+          "item_material_url": "http://dldir1.qq.com/hudongzhibo/AISpecial/Android/video_cherriesAndroid.zip",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_makeups_cherry",
+          "item_icon_select": "@beauty_ic_makeups_cherry"
+        }
+      ]
+    },
+    {
+      "tab_id": 5,
+      "tab_type": 10005,
+      "tab_name": "@beauty_setting_panel_gesture",
+      "tab_item_name_size": 10,
+      "tab_item_name_color_normal": "#ff888888",
+      "tab_item_name_color_select": "#ffffffff",
+      "tab_item_icon_width": 54,
+      "tab_item_icon_height": 54,
+      "tab_item_level_hint_color": "#ffffffff",
+      "tab_item_level_hint_size": 16,
+      "tab_item_level_value_color": "#ffffffff",
+      "tab_item_level_value_size": 14,
+      "tab_item_level_progress_drawable": "@beauty_progress_drawable",
+      "tab_item_level_progress_thumb": "@beauty_thumb",
+      "tab_item_list": [
+        {
+          "item_id": 1,
+          "item_type": 20501,
+          "item_name": "@beauty_common_none",
+          "item_material_url": "",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_common_none",
+          "item_icon_select": "@beauty_ic_common_none"
+        },
+        {
+          "item_id": 2,
+          "item_type": 20502,
+          "item_name": "@beauty_gesture_pikaqiu",
+          "item_material_url": "http://dldir1.qq.com/hudongzhibo/AISpecial/Android/181/video_pikachu.zip",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_gesture_pikachu",
+          "item_icon_select": "@beauty_ic_gesture_pikachu"
+        }
+      ]
+    },
+    {
+      "tab_id": 6,
+      "tab_type": 10006,
+      "tab_name": "@beauty_cutout_background_ai",
+      "tab_item_name_size": 10,
+      "tab_item_name_color_normal": "#ff888888",
+      "tab_item_name_color_select": "#ffffffff",
+      "tab_item_icon_width": 54,
+      "tab_item_icon_height": 54,
+      "tab_item_level_hint_color": "#ffffffff",
+      "tab_item_level_hint_size": 16,
+      "tab_item_level_value_color": "#ffffffff",
+      "tab_item_level_value_size": 14,
+      "tab_item_level_progress_drawable": "@beauty_progress_drawable",
+      "tab_item_level_progress_thumb": "@beauty_thumb",
+      "tab_item_list": [
+        {
+          "item_id": 1,
+          "item_type": 20601,
+          "item_name": "@beauty_common_none",
+          "item_material_url": "",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_common_none",
+          "item_icon_select": "@beauty_ic_common_none"
+        },
+        {
+          "item_id": 2,
+          "item_type": 20602,
+          "item_name": "@beauty_cutout_background_ai",
+          "item_material_url": "http://dldir1.qq.com/hudongzhibo/AISpecial/Android/170/video_xiaofuAndroid.zip",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_cutout_background_ai",
+          "item_icon_select": "@beauty_ic_cutout_background_ai"
+        }
+      ]
+    },
+    {
+      "tab_id": 7,
+      "tab_type": 10007,
+      "tab_name": "@beauty_setting_panel_green_screen",
+      "tab_item_name_size": 10,
+      "tab_item_name_color_normal": "#ff888888",
+      "tab_item_name_color_select": "#ffffffff",
+      "tab_item_icon_width": 54,
+      "tab_item_icon_height": 54,
+      "tab_item_level_hint_color": "#ffffffff",
+      "tab_item_level_hint_size": 16,
+      "tab_item_level_value_color": "#ffffffff",
+      "tab_item_level_value_size": 14,
+      "tab_item_level_progress_drawable": "@beauty_progress_drawable",
+      "tab_item_level_progress_thumb": "@beauty_thumb",
+      "tab_item_list": [
+        {
+          "item_id": 1,
+          "item_type": 20701,
+          "item_name": "@beauty_common_none",
+          "item_material_url": "",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_common_none",
+          "item_icon_select": "@beauty_ic_common_none"
+        },
+        {
+          "item_id": 2,
+          "item_type": 20702,
+          "item_name": "@beauty_good_luck",
+          "item_material_url": "",
+          "item_level": -1,
+          "item_icon_normal": "@beauty_ic_goodluck",
+          "item_icon_select": "@beauty_ic_goodluck"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/beautysettingkit/src/main/assets/green_1.mp4 b/beautysettingkit/src/main/assets/green_1.mp4
new file mode 100644
index 0000000..a59ced0
Binary files /dev/null and b/beautysettingkit/src/main/assets/green_1.mp4 differ
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/Beauty.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/Beauty.java
new file mode 100644
index 0000000..e570d7e
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/Beauty.java
@@ -0,0 +1,47 @@
+package com.tencent.liteav.demo.beauty;
+
+import android.graphics.Bitmap;
+
+import androidx.annotation.IntRange;
+import androidx.annotation.NonNull;
+
+import com.tencent.liteav.beauty.TXBeautyManager;
+import com.tencent.liteav.demo.beauty.model.BeautyInfo;
+import com.tencent.liteav.demo.beauty.model.ItemInfo;
+import com.tencent.liteav.demo.beauty.model.TabInfo;
+
+public interface Beauty {
+
+    void setBeautyManager(@NonNull TXBeautyManager beautyManager);
+
+    void setBeautySpecialEffects(@NonNull TabInfo tabinfo, @IntRange(from = 0) int tabPosition,
+                                 @NonNull ItemInfo itemInfo, @IntRange(from = 0) int itemPosition);
+
+    void setBeautyStyleAndLevel(int style, int level);
+
+    void setMotionTmplEnable(boolean enable);
+
+    void fillingMaterialPath(@NonNull BeautyInfo beautyInfo);
+
+    void setCurrentFilterIndex(@NonNull BeautyInfo beautyInfo, @IntRange(from = 0) int index);
+
+    void setCurrentBeautyIndex(@NonNull BeautyInfo beautyInfo, @IntRange(from = 0) int index);
+
+    void setOnFilterChangeListener(OnFilterChangeListener listener);
+
+    void clear();
+
+    int getFilterProgress(@NonNull BeautyInfo beautyInfo, @IntRange(from = 0) int index);
+
+    int getFilterSize(@NonNull BeautyInfo beautyInfo);
+
+    ItemInfo getFilterItemInfo(@NonNull BeautyInfo beautyInfo, @IntRange(from = 0) int index);
+
+    Bitmap getFilterResource(@NonNull BeautyInfo beautyInfo, @IntRange(from = 0) int index);
+
+    BeautyInfo getDefaultBeauty();
+
+    interface OnFilterChangeListener {
+        void onChanged(Bitmap filterImage, int index);
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/BeautyImpl.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/BeautyImpl.java
new file mode 100644
index 0000000..b8ad65d
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/BeautyImpl.java
@@ -0,0 +1,823 @@
+package com.tencent.liteav.demo.beauty;
+
+import android.app.Activity;
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.text.TextUtils;
+import android.util.Log;
+import android.util.TypedValue;
+import android.widget.Toast;
+
+import androidx.annotation.IntRange;
+import androidx.annotation.NonNull;
+import androidx.annotation.StringRes;
+
+import com.tencent.liteav.beauty.TXBeautyManager;
+import com.tencent.liteav.demo.beauty.constant.BeautyConstants;
+import com.tencent.liteav.demo.beauty.download.DownloadListener;
+import com.tencent.liteav.demo.beauty.download.MaterialDownloader;
+import com.tencent.liteav.demo.beauty.model.BeautyInfo;
+import com.tencent.liteav.demo.beauty.model.ItemInfo;
+import com.tencent.liteav.demo.beauty.model.TabInfo;
+import com.tencent.liteav.demo.beauty.utils.BeautyUtils;
+import com.tencent.liteav.demo.beauty.utils.ResourceUtils;
+import com.tencent.liteav.demo.beauty.utils.SPUtils;
+import com.tencent.liteav.demo.beauty.view.ProgressDialog;
+
+import java.util.List;
+
+public class BeautyImpl implements Beauty {
+
+    private static final String TAG = "BeautyImpl";
+
+    private Context                mContext;
+    private BeautyParams           mBeautyParams;
+    private TXBeautyManager        mBeautyManager;
+    private OnFilterChangeListener mOnFilterChangeListener;
+
+    public BeautyImpl(@NonNull Context context) {
+        mContext = context;
+        mBeautyParams = new BeautyParams();
+    }
+
+    @Override
+    public void setBeautyManager(@NonNull TXBeautyManager beautyManager) {
+        mBeautyManager = beautyManager;
+    }
+
+    @Override
+    public void setBeautySpecialEffects(@NonNull TabInfo tabinfo, @IntRange(from = 0) int tabPosition,
+                                        @NonNull ItemInfo itemInfo, @IntRange(from = 0) int itemPosition) {
+        dispatchEffects(tabinfo, tabPosition, itemInfo, itemPosition);
+    }
+
+    @Override
+    public void setBeautyStyleAndLevel(int style, int level) {
+        if (mBeautyManager != null) {
+            setBeautyStyle(style);
+            setBeautyLevel(level);
+        }
+    }
+
+    /**
+     * 设置指定素材滤镜特效
+     *
+     * @param filterImage 指定素材，即颜色查找表图片。必须使用 png 格式
+     * @param index
+     */
+    private void setFilter(Bitmap filterImage, int index) {
+        mBeautyParams.mFilterBmp = filterImage;
+        mBeautyParams.mFilterIndex = index;
+        if (mBeautyManager != null) {
+            mBeautyManager.setFilter(filterImage);
+            if (mOnFilterChangeListener != null) {
+                mOnFilterChangeListener.onChanged(filterImage, index);
+            }
+        }
+    }
+
+    /**
+     * 设置滤镜浓度
+     *
+     * @param strength 从0到1，越大滤镜效果越明显，默认值为0.5
+     */
+    private void setFilterStrength(float strength) {
+        mBeautyParams.mFilterMixLevel = strength;
+        if (mBeautyManager != null) {
+            mBeautyManager.setFilterStrength(strength);
+        }
+    }
+
+    /**
+     * 设置绿幕文件
+     *
+     * @param path 视频文件路径。支持 MP4；null 表示关闭特效
+     */
+    private void setGreenScreenFile(String path) {
+        mBeautyParams.mGreenFile = path;
+        if (mBeautyManager != null) {
+            mBeautyManager.setGreenScreenFile(path);
+        }
+    }
+
+    /**
+     * 设置美颜类型
+     *
+     * @param beautyStyle 美颜风格.三种美颜风格：0 ：光滑 1：自然 2：朦胧
+     */
+    private void setBeautyStyle(int beautyStyle) {
+        if (beautyStyle >= 3 || beautyStyle < 0) {
+            return;
+        }
+        mBeautyParams.mBeautyStyle = beautyStyle;
+        if (mBeautyManager != null) {
+            mBeautyManager.setBeautyStyle(beautyStyle);
+        }
+    }
+
+    /**
+     * 设置美颜级别
+     *
+     * @param beautyLevel 美颜级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setBeautyLevel(int beautyLevel) {
+        mBeautyParams.mBeautyLevel = beautyLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setBeautyLevel(beautyLevel);
+        }
+    }
+
+    /**
+     * 设置美白级别
+     *
+     * @param whitenessLevel 美白级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setWhitenessLevel(int whitenessLevel) {
+        mBeautyParams.mWhiteLevel = whitenessLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setWhitenessLevel(whitenessLevel);
+        }
+    }
+
+    /**
+     * 设置红润级别
+     *
+     * @param ruddyLevel 红润级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setRuddyLevel(int ruddyLevel) {
+        mBeautyParams.mRuddyLevel = ruddyLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setRuddyLevel(ruddyLevel);
+        }
+    }
+
+    /**
+     * 设置大眼级别
+     *
+     * @param eyeScaleLevel 大眼级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setEyeScaleLevel(int eyeScaleLevel) {
+        mBeautyParams.mBigEyeLevel = eyeScaleLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setEyeScaleLevel(eyeScaleLevel);
+        }
+    }
+
+    /**
+     * 设置瘦脸级别
+     *
+     * @param faceSlimLevel 瘦脸级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setFaceSlimLevel(int faceSlimLevel) {
+        mBeautyParams.mFaceSlimLevel = faceSlimLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setFaceSlimLevel(faceSlimLevel);
+        }
+    }
+
+    /**
+     * 设置 V 脸级别
+     *
+     * @param faceVLevel V脸级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setFaceVLevel(int faceVLevel) {
+        mBeautyParams.mFaceVLevel = faceVLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setFaceVLevel(faceVLevel);
+        }
+    }
+
+    /**
+     * 设置下巴拉伸或收缩
+     *
+     * @param chinLevel 下巴拉伸或收缩级别，取值范围 -9 - 9；0 表示关闭，小于0表示收缩，大于0表示拉伸
+     */
+    private void setChinLevel(int chinLevel) {
+        mBeautyParams.mChinSlimLevel = chinLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setChinLevel(chinLevel);
+        }
+    }
+
+    /**
+     * 设置短脸级别
+     *
+     * @param faceShortLevel 短脸级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setFaceShortLevel(int faceShortLevel) {
+        mBeautyParams.mFaceShortLevel = faceShortLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setFaceShortLevel(faceShortLevel);
+        }
+    }
+
+    /**
+     * 设置瘦鼻级别
+     *
+     * @param noseSlimLevel 瘦鼻级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setNoseSlimLevel(int noseSlimLevel) {
+        mBeautyParams.mNoseSlimLevel = noseSlimLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setNoseSlimLevel(noseSlimLevel);
+        }
+    }
+
+    /**
+     * 设置亮眼
+     *
+     * @param eyeLightenLevel 亮眼级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setEyeLightenLevel(int eyeLightenLevel) {
+        mBeautyParams.mEyeLightenLevel = eyeLightenLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setEyeLightenLevel(eyeLightenLevel);
+        }
+    }
+
+    /**
+     * 设置白牙
+     *
+     * @param toothWhitenLevel 亮眼级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setToothWhitenLevel(int toothWhitenLevel) {
+        mBeautyParams.mToothWhitenLevel = toothWhitenLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setToothWhitenLevel(toothWhitenLevel);
+        }
+    }
+
+    /**
+     * 设置祛皱
+     *
+     * @param wrinkleRemoveLevel 祛皱级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setWrinkleRemoveLevel(int wrinkleRemoveLevel) {
+        mBeautyParams.mWrinkleRemoveLevel = wrinkleRemoveLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setWrinkleRemoveLevel(wrinkleRemoveLevel);
+        }
+    }
+
+    /**
+     * 设置祛眼袋
+     *
+     * @param pounchRemoveLevel 祛眼袋级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setPounchRemoveLevel(int pounchRemoveLevel) {
+        mBeautyParams.mPounchRemoveLevel = pounchRemoveLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setPounchRemoveLevel(pounchRemoveLevel);
+        }
+    }
+
+    /**
+     * 设置祛法令纹
+     *
+     * @param smileLinesRemoveLevel 祛法令纹级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setSmileLinesRemoveLevel(int smileLinesRemoveLevel) {
+        mBeautyParams.mSmileLinesRemoveLevel = smileLinesRemoveLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setSmileLinesRemoveLevel(smileLinesRemoveLevel);
+        }
+    }
+
+    /**
+     * 设置发际线
+     *
+     * @param foreheadLevel 发际线级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setForeheadLevel(int foreheadLevel) {
+        mBeautyParams.mForeheadLevel = foreheadLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setForeheadLevel(foreheadLevel);
+        }
+    }
+
+    /**
+     * 设置眼距
+     *
+     * @param eyeDistanceLevel 眼距级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setEyeDistanceLevel(int eyeDistanceLevel) {
+        mBeautyParams.mEyeDistanceLevel = eyeDistanceLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setEyeDistanceLevel(eyeDistanceLevel);
+        }
+    }
+
+    /**
+     * 设置眼角
+     *
+     * @param eyeAngleLevel 眼角级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setEyeAngleLevel(int eyeAngleLevel) {
+        mBeautyParams.mEyeAngleLevel = eyeAngleLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setEyeAngleLevel(eyeAngleLevel);
+        }
+    }
+
+    /**
+     * 设置嘴型
+     *
+     * @param mouthShapeLevel 嘴型级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setMouthShapeLevel(int mouthShapeLevel) {
+        mBeautyParams.mMouthShapeLevel = mouthShapeLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setMouthShapeLevel(mouthShapeLevel);
+        }
+    }
+
+    private void setNoseWingLevel(int noseWingLevel) {
+        mBeautyParams.mNoseWingLevel = noseWingLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setNoseWingLevel(noseWingLevel);
+        }
+    }
+
+    /**
+     * 设置鼻翼
+     *
+     * @param nosePositionLevel 鼻翼级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setNosePositionLevel(int nosePositionLevel) {
+        mBeautyParams.mNosePositionLevel = nosePositionLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setNosePositionLevel(nosePositionLevel);
+        }
+    }
+
+    /**
+     * 设置嘴唇厚度
+     *
+     * @param lipsThicknessLevel 嘴唇厚度级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setLipsThicknessLevel(int lipsThicknessLevel) {
+        mBeautyParams.mMouthShapeLevel = lipsThicknessLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setLipsThicknessLevel(lipsThicknessLevel);
+        }
+    }
+
+    /**
+     * 设置脸型
+     *
+     * @param faceBeautyLevel 脸型级别，取值范围0 - 9； 0表示关闭，1 - 9值越大，效果越明显
+     */
+    private void setFaceBeautyLevel(int faceBeautyLevel) {
+        mBeautyParams.mFaceBeautyLevel = faceBeautyLevel;
+        if (mBeautyManager != null) {
+            mBeautyManager.setFaceBeautyLevel(faceBeautyLevel);
+        }
+    }
+
+    /**
+     * 选择使用哪一款 AI 动效挂件
+     *
+     * @param tmplPath
+     */
+    private void setMotionTmpl(String tmplPath) {
+        mBeautyParams.mMotionTmplPath = tmplPath;
+        if (mBeautyManager != null) {
+            mBeautyManager.setMotionTmpl(tmplPath);
+        }
+    }
+
+    @Override
+    public void setMotionTmplEnable(boolean enable) {
+        if (mBeautyManager != null) {
+            if (enable) {
+                mBeautyManager.setMotionTmpl(null);
+            } else {
+                mBeautyManager.setMotionTmpl(mBeautyParams.mMotionTmplPath);
+            }
+        }
+    }
+
+    @Override
+    public void fillingMaterialPath(@NonNull BeautyInfo beautyInfo) {
+        for (TabInfo tabInfo : beautyInfo.getBeautyTabList()) {
+            List<ItemInfo> tabItemList = tabInfo.getTabItemList();
+            for (ItemInfo itemInfo : tabItemList) {
+                itemInfo.setItemMaterialPath(SPUtils.get().getString(getMaterialPathKey(itemInfo)));
+            }
+        }
+    }
+
+    @Override
+    public void setCurrentFilterIndex(BeautyInfo beautyInfo, int index) {
+        for (TabInfo tabInfo : beautyInfo.getBeautyTabList()) {
+            if (tabInfo.getTabType() == BeautyConstants.TAB_TYPE_FILTER) {
+                ItemInfo itemInfo = tabInfo.getTabItemList().get(index);
+                dispatchFilterEffects(itemInfo, index);
+            }
+        }
+    }
+
+    @Override
+    public void setCurrentBeautyIndex(@NonNull BeautyInfo beautyInfo, int index) {
+        for (TabInfo tabInfo : beautyInfo.getBeautyTabList()) {
+            if (tabInfo.getTabType() == BeautyConstants.TAB_TYPE_BEAUTY) {
+                ItemInfo itemInfo = tabInfo.getTabItemList().get(index);
+                dispatchBeautyEffects(itemInfo);
+            }
+        }
+    }
+
+    @Override
+    public void setOnFilterChangeListener(OnFilterChangeListener listener) {
+        mOnFilterChangeListener = listener;
+    }
+
+    /**
+     * 清空美颜配置，如果SDK是新创建的则不需要最后清理，如果SDK是单例，需要调用此方法清空上次设置的美颜参数<br/>
+     * 示例：TXUGCRecord是单例，需要调用，TXLivePusher每次创建新的，不需要调用
+     */
+    @Override
+    public void clear() {
+        mBeautyParams = new BeautyParams();
+        if (mBeautyManager != null) {
+            mBeautyManager.setFilter(mBeautyParams.mFilterBmp);
+            mBeautyManager.setFilterStrength(mBeautyParams.mFilterMixLevel);
+            mBeautyManager.setGreenScreenFile(mBeautyParams.mGreenFile);
+            mBeautyManager.setBeautyStyle(mBeautyParams.mBeautyStyle);
+            mBeautyManager.setBeautyLevel(mBeautyParams.mBeautyLevel);
+            mBeautyManager.setWhitenessLevel(mBeautyParams.mWhiteLevel);
+            mBeautyManager.setRuddyLevel(mBeautyParams.mRuddyLevel);
+            mBeautyManager.setEyeScaleLevel(mBeautyParams.mBigEyeLevel);
+            mBeautyManager.setFaceSlimLevel(mBeautyParams.mFaceSlimLevel);
+            mBeautyManager.setFaceVLevel(mBeautyParams.mFaceVLevel);
+            mBeautyManager.setChinLevel(mBeautyParams.mChinSlimLevel);
+            mBeautyManager.setFaceShortLevel(mBeautyParams.mFaceShortLevel);
+            mBeautyManager.setNoseSlimLevel(mBeautyParams.mNoseSlimLevel);
+            mBeautyManager.setEyeLightenLevel(mBeautyParams.mEyeLightenLevel);
+            mBeautyManager.setToothWhitenLevel(mBeautyParams.mToothWhitenLevel);
+            mBeautyManager.setWrinkleRemoveLevel(mBeautyParams.mWrinkleRemoveLevel);
+            mBeautyManager.setPounchRemoveLevel(mBeautyParams.mPounchRemoveLevel);
+            mBeautyManager.setSmileLinesRemoveLevel(mBeautyParams.mSmileLinesRemoveLevel);
+            mBeautyManager.setForeheadLevel(mBeautyParams.mForeheadLevel);
+            mBeautyManager.setEyeDistanceLevel(mBeautyParams.mEyeDistanceLevel);
+            mBeautyManager.setEyeAngleLevel(mBeautyParams.mEyeAngleLevel);
+            mBeautyManager.setMouthShapeLevel(mBeautyParams.mMouthShapeLevel);
+            mBeautyManager.setNoseWingLevel(mBeautyParams.mNoseWingLevel);
+            mBeautyManager.setNosePositionLevel(mBeautyParams.mNosePositionLevel);
+            mBeautyManager.setLipsThicknessLevel(mBeautyParams.mLipsThicknessLevel);
+            mBeautyManager.setFaceBeautyLevel(mBeautyParams.mFaceBeautyLevel);
+            mBeautyManager.setMotionTmpl(mBeautyParams.mMotionTmplPath);
+        }
+    }
+
+    @Override
+    public int getFilterProgress(@NonNull BeautyInfo beautyInfo, int index) {
+        if (index < 0) {
+            return 0;
+        }
+        List<TabInfo> beautyTabList = beautyInfo.getBeautyTabList();
+        for (TabInfo tabInfo : beautyTabList) {
+            if (tabInfo.getTabType() == BeautyConstants.TAB_TYPE_FILTER) {
+                List<ItemInfo> tabItemList = tabInfo.getTabItemList();
+                if (index < tabItemList.size()) {
+                    ItemInfo itemInfo = tabItemList.get(index);
+                    return itemInfo.getItemLevel();
+                } else {
+                    return 0;
+                }
+            }
+        }
+        return 0;
+    }
+
+    @Override
+    public ItemInfo getFilterItemInfo(BeautyInfo beautyInfo, int index) {
+        for (TabInfo tabInfo : beautyInfo.getBeautyTabList()) {
+            if (tabInfo.getTabType() == BeautyConstants.TAB_TYPE_FILTER) {
+                return tabInfo.getTabItemList().get(index);
+            }
+        }
+        return null;
+    }
+
+    @Override
+    public int getFilterSize(@NonNull BeautyInfo beautyInfo) {
+        for (TabInfo tabInfo : beautyInfo.getBeautyTabList()) {
+            if (tabInfo.getTabType() == BeautyConstants.TAB_TYPE_FILTER) {
+                return tabInfo.getTabItemList().size();
+            }
+        }
+        return 0;
+    }
+
+    @Override
+    public Bitmap getFilterResource(@NonNull BeautyInfo beautyInfo, int index) {
+        return decodeFilterResource(getFilterItemInfo(beautyInfo, index));
+    }
+
+    @Override
+    public BeautyInfo getDefaultBeauty() {
+        return BeautyUtils.getDefaultBeautyInfo();
+    }
+
+    private void dispatchEffects(@NonNull TabInfo tabInfo, @IntRange(from = 0) int tabPosition,
+                                 @NonNull ItemInfo itemInfo, @IntRange(from = 0) int itemPosition) {
+        int tabType = tabInfo.getTabType();
+        switch (tabType) {
+            case BeautyConstants.TAB_TYPE_BEAUTY:
+                dispatchBeautyEffects(itemInfo);
+                break;
+            case BeautyConstants.TAB_TYPE_FILTER:
+                dispatchFilterEffects(itemInfo, itemPosition);
+                break;
+            case BeautyConstants.TAB_TYPE_MOTION:
+            case BeautyConstants.TAB_TYPE_BEAUTY_FACE:
+            case BeautyConstants.TAB_TYPE_GESTURE:
+            case BeautyConstants.TAB_TYPE_CUTOUT_BACKGROUND:
+                setMaterialEffects(tabInfo, itemInfo);
+                break;
+            case BeautyConstants.TAB_TYPE_GREEN:
+                String file = "";
+                if (itemInfo.getItemType() == BeautyConstants.ITEM_TYPE_GREEN_GOOD_LUCK) {
+                    file = "green_1.mp4";
+                }
+                setGreenScreenFile(file);
+                break;
+            default:
+                break;
+        }
+    }
+
+    private void dispatchBeautyEffects(@NonNull ItemInfo itemInfo) {
+        int itemType = itemInfo.getItemType();
+        int level = itemInfo.getItemLevel();
+        switch (itemType) {
+            case BeautyConstants.ITEM_TYPE_BEAUTY_SMOOTH:           // 光滑
+                setBeautyStyleAndLevel(0, level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_NATURAL:          // 自然
+                setBeautyStyleAndLevel(1, level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_PITU:             // 天天p图
+                setBeautyStyleAndLevel(2, level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_WHITE:            // 美白
+                setWhitenessLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_RUDDY:            // 红润
+                setRuddyLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_BIG_EYE:          // 大眼
+                setEyeScaleLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_FACES_LIM:        // 瘦脸
+                setFaceSlimLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_FACEV:            // V脸
+                setFaceVLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_CHIN:             // 下巴
+                setChinLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_FACE_SHORT:       // 短脸
+                setFaceShortLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_NOSES_LIM:        // 瘦鼻
+                setNoseSlimLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_EYE_BRIGHT:       // 亮眼
+                setEyeLightenLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_TOOTH_WHITE:      // 白牙
+                setToothWhitenLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_WRINKLE_REMOVE:   // 祛皱
+                setWrinkleRemoveLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_POUCH_REMOVE:     // 祛眼袋
+                setPounchRemoveLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_SMILE_LINES:      // 袪法令纹
+                setSmileLinesRemoveLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_FOREHEAD:         // 发际线
+                setForeheadLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_EYE_DISTANCE:     // 眼距
+                setEyeDistanceLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_EYE_ANGLE:        // 眼角
+                setEyeAngleLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_MOUTH_SHAPE:      // 嘴型
+                setMouthShapeLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_NOSEWING:         // 鼻翼
+                setNoseWingLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_NOSE_POSITION:    // 鼻子位置
+                setNosePositionLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_MOUSE_WIDTH:      // 嘴唇厚度
+                setLipsThicknessLevel(level);
+                break;
+            case BeautyConstants.ITEM_TYPE_BEAUTY_FACE_SHAPE:       // 脸型
+                setFaceBeautyLevel(level);
+                break;
+            default :
+                Log.e(TAG, "wrong itemType : " + itemType);
+                break;
+        }
+    }
+
+    private void dispatchFilterEffects(@NonNull ItemInfo itemInfo, int position) {
+        Bitmap bitmap = decodeFilterResource(itemInfo);
+        mBeautyParams.mFilterBmp = bitmap;
+        mBeautyParams.mFilterIndex = position;
+        setFilter(bitmap, position);
+        setFilterStrength(itemInfo.getItemLevel() / 10.0f);
+    }
+
+    private void setMaterialEffects(@NonNull final TabInfo tabInfo, @NonNull final ItemInfo itemInfo) {
+        String itemMaterialPath = itemInfo.getItemMaterialPath();
+        if (!TextUtils.isEmpty(itemMaterialPath)) {
+            if (tabInfo.getTabType() == BeautyConstants.TAB_TYPE_GESTURE
+                    && itemInfo.getItemId() == 2) { // 皮卡丘 item 特殊逻辑
+                showToast(ResourceUtils.getString(R.string.beauty_palm_out));
+            }
+            setMotionTmpl(itemMaterialPath);
+            return;
+        }
+        int itemType = itemInfo.getItemType();
+        switch (itemType) {
+            case BeautyConstants.ITEM_TYPE_MOTION_NONE:
+            case BeautyConstants.ITEM_TYPE_BEAUTY_FACE_NONE:
+            case BeautyConstants.ITEM_TYPE_GESTURE_NONE:
+            case BeautyConstants.ITEM_TYPE_CUTOUT_BACKGROUND_NONE:
+                setMotionTmpl("");
+                break;
+            case BeautyConstants.ITEM_TYPE_MOTION_MATERIAL:
+            case BeautyConstants.ITEM_TYPE_BEAUTY_FACE_MATERIAL:
+            case BeautyConstants.ITEM_TYPE_GESTURE_MATERIAL:
+            case BeautyConstants.ITEM_TYPE_CUTOUT_BACKGROUND_MATERIAL:
+                downloadVideoMaterial(tabInfo, itemInfo);
+                break;
+            default :
+                Log.e(TAG, "wrong itemType : " + itemType);
+                break;
+        }
+    }
+
+    private void downloadVideoMaterial(@NonNull final TabInfo tabInfo, @NonNull final ItemInfo itemInfo) {
+        MaterialDownloader materialDownloader =
+                new MaterialDownloader(mContext, ResourceUtils.getString(itemInfo.getItemName()),
+                        itemInfo.getItemMaterialUrl());
+        materialDownloader.start(new DownloadListener() {
+
+            private ProgressDialog mProgressDialog;
+
+            @Override
+            public void onDownloadFail(final String errorMsg) {
+                ((Activity) mContext).runOnUiThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        if (mProgressDialog != null) {
+                            mProgressDialog.dismiss();
+                        }
+                        Toast.makeText(mContext, errorMsg, Toast.LENGTH_SHORT).show();
+                    }
+                });
+            }
+
+            @Override
+            public void onDownloadProgress(final int progress) {
+                ((Activity) mContext).runOnUiThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        Log.i(TAG, "onDownloadProgress, progress = " + progress);
+                        if (mProgressDialog == null) {
+                            mProgressDialog = new ProgressDialog();
+                            mProgressDialog.createLoadingDialog(mContext);
+                            mProgressDialog.setCancelable(false);               // 设置是否可以通过点击Back键取消
+                            mProgressDialog.setCanceledOnTouchOutside(false);   // 设置在点击Dialog外是否取消Dialog进度条
+                            mProgressDialog.show();
+                        }
+                        mProgressDialog.setMsg(progress + "%");
+                    }
+                });
+            }
+
+            @Override
+            public void onDownloadSuccess(String filePath) {
+                itemInfo.setItemMaterialPath(filePath);
+                SPUtils.get().put(getMaterialPathKey(itemInfo), filePath);
+
+                ((Activity) mContext).runOnUiThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        if (mProgressDialog != null) {
+                            mProgressDialog.dismiss();
+                            mProgressDialog = null;
+                        }
+                        setMaterialEffects(tabInfo, itemInfo);
+                    }
+                });
+            }
+        });
+    }
+
+    private Bitmap decodeFilterResource(@NonNull ItemInfo itemInfo) {
+        int itemType = itemInfo.getItemType();
+        int resId = 0;
+        switch (itemType) {
+            case BeautyConstants.ITEM_TYPE_FILTER_FACE_SHAPE:
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_STANDARD:
+                resId = R.drawable.beauty_filter_biaozhun;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_ZIRAN:
+                resId = R.drawable.beauty_filter_ziran;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_BAIXI:
+                resId = R.drawable.beauty_filter_baixi;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_CHEERY:
+                resId = R.drawable.beauty_filter_yinghong;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_CLOUD:
+                resId = R.drawable.beauty_filter_yunshang;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_PURE:
+                resId = R.drawable.beauty_filter_chunzhen;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_ORCHID:
+                resId = R.drawable.beauty_filter_bailan;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_VITALITY:
+                resId = R.drawable.beauty_filter_yuanqi;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_SUPER:
+                resId = R.drawable.beauty_filter_chaotuo;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_FRAGRANCE:
+                resId = R.drawable.beauty_filter_xiangfen;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_WHITE:
+                resId = R.drawable.beauty_filter_white;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_ROMANTIC:
+                resId = R.drawable.beauty_filter_langman;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_FRESH:
+                resId = R.drawable.beauty_filter_qingxin;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_BEAUTIFUL:
+                resId = R.drawable.beauty_filter_weimei;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_PINK:
+                resId = R.drawable.beauty_filter_fennen;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_REMINISCENCE:
+                resId = R.drawable.beauty_filter_huaijiu;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_BLUES:
+                resId = R.drawable.beauty_filter_landiao;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_COOL:
+                resId = R.drawable.beauty_filter_qingliang;
+                break;
+            case BeautyConstants.ITEM_TYPE_FILTER_JAPANESE:
+                resId = R.drawable.beauty_filter_rixi;
+                break;
+            default :
+                Log.e(TAG, "wrong itemType : " + itemType);
+                break;
+        }
+        if (resId != 0) {
+            return decodeResource(resId);
+        } else {
+            return null;
+        }
+    }
+
+    private Bitmap decodeResource(int id) {
+        TypedValue value = new TypedValue();
+        ResourceUtils.getResources().openRawResource(id, value);
+        BitmapFactory.Options opts = new BitmapFactory.Options();
+        opts.inTargetDensity = value.density;
+        return BitmapFactory.decodeResource(ResourceUtils.getResources(), id, opts);
+    }
+
+    private String getMaterialPathKey(@NonNull ItemInfo itemInfo) {
+        return itemInfo.getItemId() + "-" + itemInfo.getItemType();
+    }
+
+    private void showToast(@StringRes int resId) {
+        showToast(ResourceUtils.getString(resId));
+    }
+
+    private void showToast(@NonNull String text) {
+        Toast.makeText(mContext, text, Toast.LENGTH_SHORT).show();
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/BeautyParams.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/BeautyParams.java
new file mode 100644
index 0000000..4dde911
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/BeautyParams.java
@@ -0,0 +1,75 @@
+package com.tencent.liteav.demo.beauty;
+
+import android.graphics.Bitmap;
+
+/**
+ * 美颜参数
+ */
+public class BeautyParams {
+    // 美颜类型
+    public int    mBeautyStyle           = 0;
+    // 美颜
+    public int    mBeautyLevel           = 4;
+    // 美白
+    public int    mWhiteLevel            = 1;
+    // 红润
+    public int    mRuddyLevel            = 0;
+    // 滤镜LUT图
+    public Bitmap mFilterBmp;
+    // 滑动滤镜索引
+    public int    mFilterIndex;
+    // 滤镜程度
+    public float  mFilterMixLevel        = 0;
+    // 大眼
+    public int    mBigEyeLevel;
+    // 瘦脸
+    public int    mFaceSlimLevel;
+    // 瘦鼻
+    public int    mNoseSlimLevel;
+    // 缩下巴
+    public int    mChinSlimLevel;
+    // V脸
+    public int    mFaceVLevel;
+    // 短脸
+    public int    mFaceShortLevel;
+    // 亮眼
+    public int    mEyeLightenLevel       = 0;
+    // 白牙
+    public int    mToothWhitenLevel      = 0;
+    // 祛皱
+    public int    mWrinkleRemoveLevel    = 0;
+    // 祛眼袋
+    public int    mPounchRemoveLevel     = 0;
+    // 祛法令纹
+    public int    mSmileLinesRemoveLevel = 0;
+    // 发际线
+    public int    mForeheadLevel         = 0;
+    // 眼距
+    public int    mEyeDistanceLevel      = 0;
+    // 眼角
+    public int    mEyeAngleLevel         = 0;
+    // 嘴型
+    public int    mMouthShapeLevel       = 0;
+    // 鼻翼
+    public int    mNoseWingLevel         = 0;
+    // 鼻子位置
+    public int    mNosePositionLevel     = 0;
+    // 嘴唇厚度
+    public int    mLipsThicknessLevel    = 0;
+    // 脸型
+    public int    mFaceBeautyLevel       = 0;
+    // 长腿
+    public int    mLongLegLevel          = 0;
+    // 瘦腰
+    public int    mThinWaistLevel        = 0;
+    // 瘦体
+    public int    mThinBodyLevel         = 0;
+    // 瘦肩
+    public int    mThinShoulderLevel     = 0;
+    // 动效文件路径
+    public String mMotionTmplPath;
+    // 绿幕
+    public String mGreenFile;
+    // 滤镜效果程度
+    public int    mFilterStrength;
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/adapter/ItemAdapter.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/adapter/ItemAdapter.java
new file mode 100644
index 0000000..d596675
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/adapter/ItemAdapter.java
@@ -0,0 +1,140 @@
+package com.tencent.liteav.demo.beauty.adapter;
+
+import android.content.Context;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.BaseAdapter;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import androidx.recyclerview.widget.RecyclerView;
+
+import com.tencent.liteav.demo.beauty.R;
+import com.tencent.liteav.demo.beauty.model.ItemInfo;
+import com.tencent.liteav.demo.beauty.model.TabInfo;
+import com.tencent.liteav.demo.beauty.utils.BeautyUtils;
+import com.tencent.liteav.demo.beauty.utils.ResourceUtils;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class ItemAdapter extends BaseAdapter {
+
+    private Context             mContext;
+    private TabInfo             mTabInfo;
+    private List<ItemInfo>      mItemInfoList;
+    private OnItemClickListener mItemClickListener;
+
+    public interface OnItemClickListener {
+        void onItemClick(ItemInfo itemInfo, int position);
+    }
+
+    // 当前选中
+    private int mSelectPos;
+
+    public ItemAdapter(Context context) {
+        mContext = context;
+    }
+
+    public void setData(TabInfo tabInfo) {
+        setData(tabInfo, 0);
+    }
+
+    public void setData(TabInfo tabInfo, int defaultIndex) {
+        mTabInfo = tabInfo;
+        mSelectPos = defaultIndex;
+        if (mItemInfoList == null) {
+            mItemInfoList = new ArrayList<>();
+        }
+        mItemInfoList.clear();
+        mItemInfoList.addAll(tabInfo.getTabItemList());
+        notifyDataSetChanged();
+    }
+
+    @Override
+    public int getCount() {
+        return mTabInfo.getTabItemList().size();
+    }
+
+    @Override
+    public ItemInfo getItem(int position) {
+        return mItemInfoList.get(position);
+    }
+
+    @Override
+    public long getItemId(int position) {
+        return mItemInfoList.get(position).getItemId();
+    }
+
+    @Override
+    public View getView(final int position, View convertView, ViewGroup parent) {
+        final ViewHolder holder;
+        if (convertView == null) {
+            convertView = LayoutInflater.from(mContext).inflate(R.layout.beauty_view_item, parent, false);
+            holder = new ViewHolder(convertView);
+            LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) holder.icon.getLayoutParams();
+            int width;
+            int height;
+            if (mTabInfo.getTabItemIconWidth() == LinearLayout.LayoutParams.MATCH_PARENT) {
+                width = LinearLayout.LayoutParams.MATCH_PARENT;
+            } else if (mTabInfo.getTabItemIconWidth() == LinearLayout.LayoutParams.WRAP_CONTENT) {
+                width = LinearLayout.LayoutParams.WRAP_CONTENT;
+            } else {
+                width = BeautyUtils.dip2px(mContext, mTabInfo.getTabItemIconWidth());
+            }
+            if (mTabInfo.getTabItemIconHeight() == LinearLayout.LayoutParams.MATCH_PARENT) {
+                height = LinearLayout.LayoutParams.MATCH_PARENT;
+            } else if (mTabInfo.getTabItemIconHeight() == LinearLayout.LayoutParams.WRAP_CONTENT) {
+                height = LinearLayout.LayoutParams.WRAP_CONTENT;
+            } else {
+                height = BeautyUtils.dip2px(mContext, mTabInfo.getTabItemIconHeight());
+            }
+            layoutParams.width = width;
+            layoutParams.height = height;
+            holder.icon.setLayoutParams(layoutParams);
+            convertView.setTag(holder);
+        } else {
+            holder = (ViewHolder) convertView.getTag();
+        }
+        final ItemInfo itemInfo = getItem(position);
+        BeautyUtils.setTextViewText(holder.title, ResourceUtils.getString(itemInfo.getItemName()));
+        BeautyUtils.setTextViewSize(holder.title, mTabInfo.getTabItemNameSize());
+        if (mSelectPos == position) {
+            BeautyUtils.setTextViewColor(holder.title, mTabInfo.getTabItemNameColorSelect());
+            BeautyUtils.setImageResource(holder.icon, itemInfo.getItemIconSelect());
+        } else {
+            BeautyUtils.setTextViewColor(holder.title, mTabInfo.getTabItemNameColorNormal());
+            BeautyUtils.setImageResource(holder.icon, itemInfo.getItemIconNormal());
+        }
+        convertView.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                if (mItemClickListener != null) {
+                    mItemClickListener.onItemClick(itemInfo, position);
+                    if (mSelectPos != position) {
+                        mSelectPos = position;
+                        notifyDataSetChanged();
+                    }
+                }
+            }
+        });
+        return convertView;
+    }
+
+    public void setOnItemClickListener(OnItemClickListener itemClickListener) {
+        mItemClickListener = itemClickListener;
+    }
+
+    public class ViewHolder extends RecyclerView.ViewHolder {
+        private ImageView icon;
+        private TextView  title;
+
+        public ViewHolder(View itemView) {
+            super(itemView);
+            icon = (ImageView) itemView.findViewById(R.id.beauty_iv_icon);
+            title = (TextView) itemView.findViewById(R.id.beauty_tv_title);
+        }
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/adapter/TabAdapter.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/adapter/TabAdapter.java
new file mode 100644
index 0000000..7564998
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/adapter/TabAdapter.java
@@ -0,0 +1,93 @@
+package com.tencent.liteav.demo.beauty.adapter;
+
+import android.content.Context;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.BaseAdapter;
+import android.widget.TextView;
+
+import com.tencent.liteav.demo.beauty.model.BeautyInfo;
+import com.tencent.liteav.demo.beauty.model.TabInfo;
+import com.tencent.liteav.demo.beauty.utils.BeautyUtils;
+
+public class TabAdapter extends BaseAdapter implements View.OnClickListener {
+
+    private Context             mContext;
+    private BeautyInfo          mBeautyInfo;
+    private TextView            mTextSelected;
+    private OnTabChangeListener mTabClickListener;
+
+    public interface OnTabChangeListener {
+        void onTabChange(TabInfo tabInfo, int position);
+    }
+
+    public TabAdapter(Context context, BeautyInfo beautyInfo) {
+        mContext = context;
+        mBeautyInfo = beautyInfo;
+    }
+
+    @Override
+    public int getCount() {
+        return mBeautyInfo.getBeautyTabList().size();
+    }
+
+    @Override
+    public TabInfo getItem(int position) {
+        return mBeautyInfo.getBeautyTabList().get(position);
+    }
+
+    @Override
+    public long getItemId(int position) {
+        return mBeautyInfo.getBeautyTabList().get(position).getTabId();
+    }
+
+    @Override
+    public View getView(int position, View convertView, ViewGroup parent) {
+        TextView tabView;
+        if (convertView == null) {
+            tabView = new TextView(mContext);
+            BeautyUtils.setTextViewColor(tabView, mBeautyInfo.getBeautyTabNameColorNormal());
+            BeautyUtils.setTextViewSize(tabView, mBeautyInfo.getBeautyTabNameSize());
+            ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(mBeautyInfo.getBeautyTabNameWidth(),
+                    mBeautyInfo.getBeautyTabNameHeight());
+            tabView.setLayoutParams(layoutParams);
+        } else {
+            tabView = (TextView) convertView;
+        }
+        if (position == 0) {
+            tabView.setPadding(BeautyUtils.dip2px(mContext, 20), 0, BeautyUtils.dip2px(mContext, 11),
+                    BeautyUtils.dip2px(mContext, 30));
+        } else {
+            tabView.setPadding(BeautyUtils.dip2px(mContext, 12), 0, BeautyUtils.dip2px(mContext, 11),
+                    BeautyUtils.dip2px(mContext, 30));
+        }
+        BeautyUtils.setTextViewText(tabView, getItem(position).getTabName());
+        tabView.setTag(position);
+        tabView.setOnClickListener(this);
+        if (position == 0) {
+            setCurrentPosition(0, tabView);
+        }
+        return tabView;
+    }
+
+    @Override
+    public void onClick(View view) {
+        int index = (int) view.getTag();
+        setCurrentPosition(index, view);
+    }
+
+    private void setCurrentPosition(int position, View view) {
+        if (mTextSelected != null) {
+            BeautyUtils.setTextViewColor(mTextSelected, mBeautyInfo.getBeautyTabNameColorNormal());
+        }
+        mTextSelected = (TextView) view;
+        BeautyUtils.setTextViewColor(mTextSelected, mBeautyInfo.getBeautyTabNameColorSelect());
+        if (mTabClickListener != null) {
+            mTabClickListener.onTabChange(getItem(position), position);
+        }
+    }
+
+    public void setOnTabClickListener(OnTabChangeListener tabClickListener) {
+        mTabClickListener = tabClickListener;
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/constant/BeautyConstants.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/constant/BeautyConstants.java
new file mode 100644
index 0000000..b2e762b
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/constant/BeautyConstants.java
@@ -0,0 +1,77 @@
+package com.tencent.liteav.demo.beauty.constant;
+
+public class BeautyConstants {
+
+    public static final int TAB_TYPE_BEAUTY            = 10001;    // 美颜
+    public static final int TAB_TYPE_FILTER            = 10002;    // 滤镜
+    public static final int TAB_TYPE_MOTION            = 10003;    // 动效
+    public static final int TAB_TYPE_BEAUTY_FACE       = 10004;    // 美妆
+    public static final int TAB_TYPE_GESTURE           = 10005;    // 手势
+    public static final int TAB_TYPE_CUTOUT_BACKGROUND = 10006;    // 抠背
+    public static final int TAB_TYPE_GREEN             = 10007;    // 绿幕
+
+    public static final int ITEM_TYPE_BEAUTY_SMOOTH         = 20101;    // 光滑
+    public static final int ITEM_TYPE_BEAUTY_NATURAL        = 20102;    // 自然
+    public static final int ITEM_TYPE_BEAUTY_PITU           = 20103;    // 天天P图
+    public static final int ITEM_TYPE_BEAUTY_WHITE          = 20104;    // 美白
+    public static final int ITEM_TYPE_BEAUTY_RUDDY          = 20105;    // 红润
+    public static final int ITEM_TYPE_BEAUTY_BIG_EYE        = 20106;    // 大眼
+    public static final int ITEM_TYPE_BEAUTY_FACES_LIM      = 20107;    // 瘦脸
+    public static final int ITEM_TYPE_BEAUTY_FACEV          = 20108;    // V脸
+    public static final int ITEM_TYPE_BEAUTY_CHIN           = 20109;    // 下巴
+    public static final int ITEM_TYPE_BEAUTY_FACE_SHORT     = 20110;    // 短脸
+    public static final int ITEM_TYPE_BEAUTY_NOSES_LIM      = 20111;    // 瘦鼻
+    public static final int ITEM_TYPE_BEAUTY_EYE_BRIGHT     = 20112;    // 亮眼
+    public static final int ITEM_TYPE_BEAUTY_TOOTH_WHITE    = 20113;    // 白牙
+    public static final int ITEM_TYPE_BEAUTY_WRINKLE_REMOVE = 20114;    // 祛皱
+    public static final int ITEM_TYPE_BEAUTY_POUCH_REMOVE   = 20115;    // 祛眼袋
+    public static final int ITEM_TYPE_BEAUTY_SMILE_LINES    = 20116;    // 袪法令纹
+    public static final int ITEM_TYPE_BEAUTY_FOREHEAD       = 20117;    // 发际线
+    public static final int ITEM_TYPE_BEAUTY_EYE_DISTANCE   = 20118;    // 眼距
+    public static final int ITEM_TYPE_BEAUTY_EYE_ANGLE      = 20119;    // 眼角
+    public static final int ITEM_TYPE_BEAUTY_MOUTH_SHAPE    = 20120;    // 嘴型
+    public static final int ITEM_TYPE_BEAUTY_NOSEWING       = 20121;    // 鼻翼
+    public static final int ITEM_TYPE_BEAUTY_NOSE_POSITION  = 20122;    // 鼻子位置
+    public static final int ITEM_TYPE_BEAUTY_MOUSE_WIDTH    = 20123;    // 嘴唇厚度
+    public static final int ITEM_TYPE_BEAUTY_FACE_SHAPE     = 20124;    // 脸型
+
+    public static final int ITEM_TYPE_FILTER_FACE_SHAPE   = 20201;    // 无特效
+    public static final int ITEM_TYPE_FILTER_BAIXI        = 20202;    // 白皙
+    public static final int ITEM_TYPE_FILTER_STANDARD     = 20203;    // 标准
+    public static final int ITEM_TYPE_FILTER_ZIRAN        = 20204;    // 自然
+    public static final int ITEM_TYPE_FILTER_CHEERY       = 20205;    // 樱红
+    public static final int ITEM_TYPE_FILTER_CLOUD        = 20206;    // 云裳
+    public static final int ITEM_TYPE_FILTER_PURE         = 20207;    // 纯真
+    public static final int ITEM_TYPE_FILTER_ORCHID       = 20208;    // 白兰
+    public static final int ITEM_TYPE_FILTER_VITALITY     = 20209;    // 元气
+    public static final int ITEM_TYPE_FILTER_SUPER        = 20210;    // 超脱
+    public static final int ITEM_TYPE_FILTER_FRAGRANCE    = 20211;    // 香氛
+    public static final int ITEM_TYPE_FILTER_WHITE        = 20212;    // 美白
+    public static final int ITEM_TYPE_FILTER_ROMANTIC     = 20213;    // 浪漫
+    public static final int ITEM_TYPE_FILTER_FRESH        = 20214;    // 清新
+    public static final int ITEM_TYPE_FILTER_BEAUTIFUL    = 20215;    // 唯美
+    public static final int ITEM_TYPE_FILTER_PINK         = 20216;    // 粉嫩
+    public static final int ITEM_TYPE_FILTER_REMINISCENCE = 20217;    // 怀旧
+    public static final int ITEM_TYPE_FILTER_BLUES        = 20218;    // 蓝调
+    public static final int ITEM_TYPE_FILTER_COOL         = 20219;    // 清凉
+    public static final int ITEM_TYPE_FILTER_JAPANESE     = 20220;    // 日系
+
+
+    public static final int ITEM_TYPE_MOTION_NONE     = 20301;    // 动效，无特效
+    public static final int ITEM_TYPE_MOTION_MATERIAL = 20302;    // 动效，素材
+
+
+    public static final int ITEM_TYPE_BEAUTY_FACE_NONE     = 20401;    // 美妆，无特效
+    public static final int ITEM_TYPE_BEAUTY_FACE_MATERIAL = 20402;    // 美妆，素材
+
+    public static final int ITEM_TYPE_GESTURE_NONE     = 20501;    // 手势，无特效
+    public static final int ITEM_TYPE_GESTURE_MATERIAL = 20502;    // 手势，素材
+
+    public static final int ITEM_TYPE_CUTOUT_BACKGROUND_NONE     = 20601;    // 抠背，无特效
+    public static final int ITEM_TYPE_CUTOUT_BACKGROUND_MATERIAL = 20602;    // 抠背，AI
+
+    public static final int ITEM_TYPE_GREEN_NONE      = 20701;    // 绿幕，无特效
+    public static final int ITEM_TYPE_GREEN_GOOD_LUCK = 20702;    // 绿幕，good luck
+
+    public static final String BEAUTY_BG_GRAY = "#CC000000";// 灰色背景
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/DownloadListener.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/DownloadListener.java
new file mode 100644
index 0000000..7c5c481
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/DownloadListener.java
@@ -0,0 +1,9 @@
+package com.tencent.liteav.demo.beauty.download;
+
+public interface DownloadListener {
+    void onDownloadFail(String errorMsg);
+
+    void onDownloadProgress(final int progress);
+
+    void onDownloadSuccess(String filePath);
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpFileHelper.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpFileHelper.java
new file mode 100644
index 0000000..2b03c21
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpFileHelper.java
@@ -0,0 +1,142 @@
+package com.tencent.liteav.demo.beauty.download;
+
+import android.content.Context;
+import android.text.TextUtils;
+
+import com.tencent.liteav.demo.beauty.utils.BeautyUtils;
+
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.net.HttpURLConnection;
+import java.net.URL;
+
+public class HttpFileHelper implements Runnable {
+
+    private static final int BUFFERED_READER_SIZE = 8192;
+    private static final int TIMEOUT              = 30000;
+
+    private Context          mContext;
+    private HttpFileListener mListener;
+    private String           mURL;
+    private String           mFolder;
+    private String           mFilename;
+    private long             mContentLength;
+    private long             mDownloadingSize;
+    private boolean          mNeedProgress;
+
+    public HttpFileHelper(Context context, String url, String folder, String filename, HttpFileListener listener,
+                          boolean needProgress) {
+        mContext = context;
+        mURL = url;
+        mFolder = folder;
+        mFilename = filename;
+        mListener = listener;
+        mNeedProgress = needProgress;
+    }
+
+    @Override
+    public void run() {
+        if (!BeautyUtils.isNetworkAvailable(mContext) || TextUtils.isEmpty(mURL) || TextUtils.isEmpty(mFolder)
+                || TextUtils.isEmpty(mFilename) || !mURL.startsWith("http")) {
+            fail(null);
+            return;
+        }
+        File dstFolder = new File(mFolder);
+        if (!dstFolder.exists()) {
+            dstFolder.mkdirs();
+        } else {
+            if (dstFolder.isFile()) {
+                if (mListener != null) {
+                    mListener.onSaveFailed(dstFolder, null);
+                    return;
+                }
+            }
+        }
+        File dstFile = new File(mFolder + File.separator + mFilename);
+
+        HttpURLConnection client = null;
+        InputStream responseIs = null;
+        FileOutputStream fos = null;
+        int statusCode = -1;
+        boolean success = false;
+        Exception failException = null;
+
+        try {
+            if (dstFile.exists()) {
+                dstFile.delete();
+            }
+            dstFile.createNewFile();
+            client = (HttpURLConnection) new URL(mURL).openConnection();
+
+            // 设置网络超时参数
+            client.setConnectTimeout(TIMEOUT);
+            client.setReadTimeout(TIMEOUT);
+            client.setDoInput(true);
+            client.setRequestMethod("GET");
+
+            statusCode = client.getResponseCode();
+            success = client.getResponseCode() == HttpURLConnection.HTTP_OK;
+
+            if (success) {
+                if (mNeedProgress) {
+                    mContentLength = client.getContentLength();
+                }
+                responseIs = client.getInputStream();
+                fos = new FileOutputStream(dstFile);
+                mDownloadingSize = 0;
+                mListener.onProgressUpdate(0);
+                int length = -1;
+                byte[] buffer = new byte[BUFFERED_READER_SIZE];
+                while ((length = responseIs.read(buffer)) != -1) {
+                    fos.write(buffer, 0, length);
+                    if (mNeedProgress) {
+                        int pre = (int) (mDownloadingSize * 100 / mContentLength);
+                        mDownloadingSize += length;
+                        int now = (int) (mDownloadingSize * 100 / mContentLength);
+                        if (pre != now && mListener != null) {
+                            mListener.onProgressUpdate(now);
+                        }
+                    }
+                }
+                fos.flush();
+                if (mListener != null) {
+                    mListener.onProgressUpdate(100);
+                    mListener.onSaveSuccess(dstFile);
+                }
+            } else {
+                failException = new HttpStatusException("http status got exception. code = " + statusCode);
+            }
+        } catch (Exception e) {
+            failException = e;
+            e.printStackTrace();
+        } finally {
+            try {
+                if (fos != null) {
+                    fos.close();
+                }
+                if (responseIs != null) {
+                    responseIs.close();
+                }
+                if (client != null) {
+                    client.disconnect();
+                }
+                mListener.onProcessEnd();
+            } catch (IOException e) {
+                e.printStackTrace();
+            }
+        }
+
+        if (!success || null != failException) {
+            mListener.onSaveFailed(dstFile, failException);
+        }
+    }
+
+    private void fail(Exception e) {
+        if (mListener != null) {
+            mListener.onSaveFailed(null, e);
+        }
+        mListener = null;
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpFileListener.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpFileListener.java
new file mode 100644
index 0000000..5021e11
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpFileListener.java
@@ -0,0 +1,13 @@
+package com.tencent.liteav.demo.beauty.download;
+
+import java.io.File;
+
+public interface HttpFileListener {
+    void onProgressUpdate(int progress);
+
+    void onSaveSuccess(File file);
+
+    void onSaveFailed(File file, Exception e);
+
+    void onProcessEnd();
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpStatusException.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpStatusException.java
new file mode 100644
index 0000000..6413427
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/HttpStatusException.java
@@ -0,0 +1,10 @@
+package com.tencent.liteav.demo.beauty.download;
+
+/**
+ * Http状态异常[自定义抛出的异常]
+ */
+public class HttpStatusException extends Exception {
+    public HttpStatusException(String detailMessage) {
+        super(detailMessage);
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/MaterialDownloader.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/MaterialDownloader.java
new file mode 100644
index 0000000..bb85fca
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/download/MaterialDownloader.java
@@ -0,0 +1,135 @@
+package com.tencent.liteav.demo.beauty.download;
+
+import android.annotation.TargetApi;
+import android.content.Context;
+import android.os.Build;
+import android.text.TextUtils;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.tencent.liteav.demo.beauty.R;
+import com.tencent.liteav.demo.beauty.utils.BeautyUtils;
+
+import java.io.File;
+import java.util.concurrent.Executors;
+import java.util.concurrent.LinkedBlockingDeque;
+import java.util.concurrent.ThreadPoolExecutor;
+import java.util.concurrent.TimeUnit;
+
+/**
+ * 美颜模块素材下载
+ */
+public class MaterialDownloader {
+
+    public static final  String DOWNLOAD_FILE_POSTFIX  = ".zip";
+    public static final  String ONLINE_MATERIAL_FOLDER = "cameraVideoAnimal";
+    private static final int    CPU_COUNT              = Runtime.getRuntime().availableProcessors();
+    private static final int    CORE_POOL_SIZE         = CPU_COUNT + 1;
+
+    private Context            mContext;
+    private boolean            mProcessing;
+    private String             mURL;
+    private String             mMaterialId;
+    private DownloadListener   mListener;
+    private DownloadThreadPool mDownloadThreadPool;
+
+    public MaterialDownloader(Context context, String materialId, String url) {
+        mContext = context;
+        mMaterialId = materialId;
+        mURL = url;
+        mProcessing = false;
+    }
+
+    /**
+     * Start download material.
+     *
+     * @param listener
+     */
+    public void start(@Nullable DownloadListener listener) {
+        if (listener == null || TextUtils.isEmpty(mURL) || mProcessing) {
+            return;
+        }
+        mProcessing = true;
+        mListener = listener;
+        mListener.onDownloadProgress(0);
+        HttpFileListener fileListener = new HttpFileListener() {
+            @Override
+            public void onSaveSuccess(@NonNull File file) {
+                //删除该素材目录下的旧文件
+                File path = new File(file.toString().substring(0, file.toString().indexOf(DOWNLOAD_FILE_POSTFIX)));
+                if (path.exists() && path.isDirectory()) {
+                    File[] oldFiles = path.listFiles();
+                    if (oldFiles != null) {
+                        for (File f : oldFiles) {
+                            f.delete();
+                        }
+                    }
+                }
+                String dataDir = BeautyUtils.unZip(file.getPath(), file.getParentFile().getPath());
+                if (TextUtils.isEmpty(dataDir)) {
+                    mListener.onDownloadFail(
+                            mContext.getString(R.string.beauty_video_material_download_progress_material_unzip_failed));
+                    stop();
+                    return;
+                }
+                file.delete();
+                mListener.onDownloadSuccess(dataDir);
+                stop();
+            }
+
+            @Override
+            public void onSaveFailed(File file, Exception e) {
+                mListener.onDownloadFail(
+                        mContext.getString(R.string.beauty_video_material_download_progress_download_failed));
+                stop();
+            }
+
+            @Override
+            public void onProgressUpdate(int progress) {
+                mListener.onDownloadProgress(progress);
+            }
+
+            @Override
+            public void onProcessEnd() {
+                mProcessing = false;
+            }
+
+        };
+        File onlineMaterialDir = BeautyUtils.getExternalFilesDir(mContext, ONLINE_MATERIAL_FOLDER);
+        if (onlineMaterialDir == null || onlineMaterialDir.getName().startsWith("null")) {
+            mListener.onDownloadFail(
+                    mContext.getString(R.string.beauty_video_material_download_progress_no_enough_storage_space));
+            stop();
+            return;
+        }
+        if (!onlineMaterialDir.exists()) {
+            onlineMaterialDir.mkdirs();
+        }
+
+        ThreadPoolExecutor threadPool = getThreadExecutor();
+        threadPool.execute(
+                new HttpFileHelper(mContext, mURL, onlineMaterialDir.getPath(), mMaterialId + DOWNLOAD_FILE_POSTFIX,
+                        fileListener, true));
+    }
+
+    public void stop() {
+        mListener = null;
+    }
+
+    public synchronized ThreadPoolExecutor getThreadExecutor() {
+        if (mDownloadThreadPool == null || mDownloadThreadPool.isShutdown()) {
+            mDownloadThreadPool = new DownloadThreadPool(CORE_POOL_SIZE);
+        }
+        return mDownloadThreadPool;
+    }
+
+    public static class DownloadThreadPool extends ThreadPoolExecutor {
+
+        @TargetApi(Build.VERSION_CODES.GINGERBREAD)
+        public DownloadThreadPool(int poolSize) {
+            super(poolSize, poolSize, 0L, TimeUnit.MILLISECONDS, new LinkedBlockingDeque<Runnable>(),
+                    Executors.defaultThreadFactory(), new DiscardOldestPolicy());
+        }
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/BeautyInfo.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/BeautyInfo.java
new file mode 100644
index 0000000..be32e6d
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/BeautyInfo.java
@@ -0,0 +1,67 @@
+package com.tencent.liteav.demo.beauty.model;
+
+import com.google.gson.annotations.SerializedName;
+
+import java.util.List;
+
+/**
+ * 美颜面板相关属性
+ * 成员变量名和 assets/default_beauty_data.json 的 key 相对应，便于 json 解析
+ */
+public class BeautyInfo {
+
+    @SerializedName("beauty_tab_name_size")
+    private int           mBeautyTabNameSize;        // int, tab文字大小
+    @SerializedName("beauty_tab_name_width")
+    private int           mBeautyTabNameWidth;       // int, tab 宽度
+    @SerializedName("beauty_tab_name_height")
+    private int           mBeautyTabNameHeight;      // int, tab 高度
+    @SerializedName("beauty_bg")
+    private String        mBeautyBg;                 // color/drawable, beauty布局的背景色值
+    @SerializedName("beauty_tab_name_color_normal")
+    private String        mBeautyTabNameColorNormal; // color, tab文字常规颜色
+    @SerializedName("beauty_tab_name_color_select")
+    private String        mBeautyTabNameColorSelect; // color, tab文字选中颜色
+    @SerializedName("beauty_tab_list")
+    private List<TabInfo> mBeautyTabList;
+
+    public String getBeautyBg() {
+        return mBeautyBg;
+    }
+
+    public void setBeautyBg(String beautyBg) {
+        this.mBeautyBg = beautyBg;
+    }
+
+    public int getBeautyTabNameWidth() {
+        return mBeautyTabNameWidth;
+    }
+
+    public int getBeautyTabNameHeight() {
+        return mBeautyTabNameHeight;
+    }
+
+    public String getBeautyTabNameColorNormal() {
+        return mBeautyTabNameColorNormal;
+    }
+
+    public String getBeautyTabNameColorSelect() {
+        return mBeautyTabNameColorSelect;
+    }
+
+    public int getBeautyTabNameSize() {
+        return mBeautyTabNameSize;
+    }
+
+    public List<TabInfo> getBeautyTabList() {
+        return mBeautyTabList;
+    }
+
+    @Override
+    public String toString() {
+        return "BeautyInfo{" + ", mBeautyBg='" + mBeautyBg + '\'' + ", mBeautyTabNameWidth=" + mBeautyTabNameWidth
+                + ", mBeautyTabNameHeight=" + mBeautyTabNameHeight + ", mBeautyTabNameColorNormal='"
+                + mBeautyTabNameColorNormal + '\'' + ", mBeautyTabNameColorSelect='" + mBeautyTabNameColorSelect + '\''
+                + ", mBeautyTabNameSize=" + mBeautyTabNameSize + ", mBeautyTabList=" + mBeautyTabList + '}';
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/ItemInfo.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/ItemInfo.java
new file mode 100644
index 0000000..35217cf
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/ItemInfo.java
@@ -0,0 +1,77 @@
+package com.tencent.liteav.demo.beauty.model;
+
+import com.google.gson.annotations.SerializedName;
+
+/**
+ * 美颜面板 item 相关属性
+ * 成员变量名和 assets/default_beauty_data.json 的 key 相对应，便于 json 解析
+ */
+public class ItemInfo {
+
+    @SerializedName("item_id")
+    private long mItemId;               // long, item id，item 唯一标识
+
+    @SerializedName("item_type")
+    private int mItemType;              // int, item 类型，item 的功能
+    @SerializedName("item_level")
+    private int mItemLevel;             // int, 特效级别，-1代表无特效级别，即不显示SeekBar
+
+    @SerializedName("item_name")
+    private String mItemName;           // string, item 名称
+    @SerializedName("item_material_url")
+    private String mItemMaterialUrl;   // string, 素材 url
+    @SerializedName("item_material_path")
+    private String mItemMaterialPath;  // string, 素材本地路径
+    @SerializedName("item_icon_normal")
+    private String mItemIconNormal;    // drawable, item 常规 icon
+    @SerializedName("item_icon_select")
+    private String mItemIconSelect;    // drawable, item 选中 icon
+
+    public long getItemId() {
+        return mItemId;
+    }
+
+    public int getItemType() {
+        return mItemType;
+    }
+
+    public String getItemName() {
+        return mItemName;
+    }
+
+    public String getItemIconNormal() {
+        return mItemIconNormal;
+    }
+
+    public String getItemIconSelect() {
+        return mItemIconSelect;
+    }
+
+    public void setItemLevel(int itemLevel) {
+        this.mItemLevel = itemLevel;
+    }
+
+    public int getItemLevel() {
+        return mItemLevel;
+    }
+
+    public String getItemMaterialUrl() {
+        return mItemMaterialUrl;
+    }
+
+    public String getItemMaterialPath() {
+        return mItemMaterialPath;
+    }
+
+    public void setItemMaterialPath(String itemMaterialPath) {
+        this.mItemMaterialPath = itemMaterialPath;
+    }
+
+    @Override
+    public String toString() {
+        return "ItemInfo{" + "mItemId=" + mItemId + ", mItemType=" + mItemType + ", mItemName='" + mItemName + '\''
+                + ", mItemMaterialUrl='" + mItemMaterialUrl + '\'' + ", mItemLevel=" + mItemLevel
+                + ", mItemIconNormal='" + mItemIconNormal + '\'' + ", mItemIconSelect='" + mItemIconSelect + '\''
+                + ", mItemMaterialPath='" + mItemMaterialPath + '\'' + '}';
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/TabInfo.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/TabInfo.java
new file mode 100644
index 0000000..8da5d48
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/model/TabInfo.java
@@ -0,0 +1,123 @@
+package com.tencent.liteav.demo.beauty.model;
+
+import com.google.gson.annotations.SerializedName;
+
+import java.util.List;
+
+/**
+ * 美颜面板 tab 相关属性
+ * 成员变量名和 assets/default_beauty_data.json 的 key 相对应，便于 json 解析
+ */
+public class TabInfo {
+
+    @SerializedName("tab_id")
+    private long           mTabId;                            // long, tab id，tab 唯一标识
+    @SerializedName("tab_type")
+    private int            mTabType;                           // int, tab类型
+    @SerializedName("tab_item_name_size")
+    private int            mTabItemNameSize;                 // int, item文字大小
+    @SerializedName("tab_item_icon_width")
+    private int            mTabItemIconWidth;                // int, item icon 宽度
+    @SerializedName("tab_item_icon_height")
+    private int            mTabItemIconHeight;               // int, item icon 高度
+    @SerializedName("tab_item_level_hint_size")
+    private int            mTabItemLevelHintSize;           // int, 进度条提示文字大小
+    @SerializedName("tab_item_level_value_size")
+    private int            mTabItemLevelValueSize;          // int, 进度条值文字大小
+    @SerializedName("tab_name")
+    private String         mTabName;                        // string, tab 名称
+    @SerializedName("tab_item_name_color_normal")
+    private String         mTabItemNameColorNormal;      // string, item 文件常规颜色
+    @SerializedName("tab_item_name_color_select")
+    private String         mTabItemNameColorSelect;      // string, item 文件选中颜色
+    @SerializedName("tab_item_level_hint_color")
+    private String         mTabItemLevelHintColor;       // string, 进度条提示文字颜色
+    @SerializedName("tab_item_level_value_color")
+    private String         mTabItemLevelValueColor;      // string, 进度条值文字颜色
+    @SerializedName("tab_item_level_progress_drawable")
+    private String         mTabItemLevelProgressDrawable;// string, 进度条背景颜色
+    @SerializedName("tab_item_level_progress_thumb")
+    private String         mTabItemLevelProgressThumb;   // string, 进度条 bar 颜色
+    @SerializedName("tab_item_list_default_selected_index")
+    private int            mTabItemListDefaultSelectedIndex;       // int, 默认选中的item
+    @SerializedName("tab_item_list")
+    private List<ItemInfo> mTabItemList;
+
+    public long getTabId() {
+        return mTabId;
+    }
+
+    public int getTabType() {
+        return mTabType;
+    }
+
+    public String getTabName() {
+        return mTabName;
+    }
+
+    public int getTabItemNameSize() {
+        return mTabItemNameSize;
+    }
+
+    public String getTabItemNameColorNormal() {
+        return mTabItemNameColorNormal;
+    }
+
+    public String getTabItemNameColorSelect() {
+        return mTabItemNameColorSelect;
+    }
+
+    public int getTabItemIconWidth() {
+        return mTabItemIconWidth;
+    }
+
+    public int getTabItemIconHeight() {
+        return mTabItemIconHeight;
+    }
+
+    public String getTabItemLevelHintColor() {
+        return mTabItemLevelHintColor;
+    }
+
+    public int getTabItemLevelHintSize() {
+        return mTabItemLevelHintSize;
+    }
+
+    public String getTabItemLevelValueColor() {
+        return mTabItemLevelValueColor;
+    }
+
+    public int getTabItemLevelValueSize() {
+        return mTabItemLevelValueSize;
+    }
+
+    public String getTabItemLevelProgressDrawable() {
+        return mTabItemLevelProgressDrawable;
+    }
+
+    public String getTabItemLevelProgressThumb() {
+        return mTabItemLevelProgressThumb;
+    }
+
+    public int getTabItemListDefaultSelectedIndex() {
+        return mTabItemListDefaultSelectedIndex;
+    }
+
+    public List<ItemInfo> getTabItemList() {
+        return mTabItemList;
+    }
+
+    @Override
+    public String toString() {
+        return "TabInfo{" + "mTabId=" + mTabId + ", mTabName='" + mTabName + '\'' + ", mTabItemNameSize="
+                + mTabItemNameSize + ", mTabItemNameColorNormal='" + mTabItemNameColorNormal + '\''
+                + ", mTabItemNameColorSelect='" + mTabItemNameColorSelect + '\'' + ", mTabItemIconWidth="
+                + mTabItemIconWidth + ", mTabItemIconHeight=" + mTabItemIconHeight + ", mTabItemLevelHintColor='"
+                + mTabItemLevelHintColor + '\'' + ", mTabItemLevelHintSize=" + mTabItemLevelHintSize
+                + ", mTabItemLevelValueColor='" + mTabItemLevelValueColor + '\'' + ", mTabItemLevelValueSize="
+                + mTabItemLevelValueSize + ", mTabItemLevelProgressDrawable='" + mTabItemLevelProgressDrawable + '\''
+                + ", mTabItemLevelProgressThumb='" + mTabItemLevelProgressThumb + '\''
+                + ", mTabItemListDefaultSelectedIndex='" + mTabItemListDefaultSelectedIndex + '\'' + ", mTabItemList="
+                + mTabItemList + '}';
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/BeautyUtils.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/BeautyUtils.java
new file mode 100644
index 0000000..26c1a2c
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/BeautyUtils.java
@@ -0,0 +1,294 @@
+package com.tencent.liteav.demo.beauty.utils;
+
+import android.annotation.SuppressLint;
+import android.app.Application;
+import android.content.Context;
+import android.net.ConnectivityManager;
+import android.net.NetworkInfo;
+import android.text.TextUtils;
+import android.util.Log;
+import android.util.TypedValue;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.google.gson.Gson;
+import com.tencent.liteav.demo.beauty.model.BeautyInfo;
+
+import java.io.BufferedInputStream;
+import java.io.BufferedOutputStream;
+import java.io.BufferedReader;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+import java.lang.reflect.InvocationTargetException;
+import java.util.Collection;
+import java.util.zip.ZipEntry;
+import java.util.zip.ZipInputStream;
+
+public class BeautyUtils {
+
+    private static final String TAG                 = "BeautyUtils";
+    private static final String DEFAULT_BEAUTY_DATA = "default_beauty_data.json";
+
+    @SuppressLint("StaticFieldLeak")
+    private static Application sApplication;
+
+    public static BeautyInfo getDefaultBeautyInfo() {
+        return createBeautyInfo(readAssetsFile(DEFAULT_BEAUTY_DATA));
+    }
+
+    public static BeautyInfo createBeautyInfo(String json) {
+        Gson gson = new Gson();
+        return gson.fromJson(json, BeautyInfo.class);
+    }
+
+    public static int dip2px(Context context, float dpValue) {
+        final float scale = context.getResources().getDisplayMetrics().density;
+        return (int) (dpValue * scale + 0.5f);
+    }
+
+    public static void setTextViewText(TextView textView, String resName) {
+        textView.setText(ResourceUtils.getString(resName));
+    }
+
+    public static void setTextViewColor(TextView textView, String resName) {
+        textView.setTextColor(ResourceUtils.getColor(resName));
+    }
+
+    public static void setTextViewSize(TextView textView, int size) {
+        textView.setTextSize(TypedValue.COMPLEX_UNIT_DIP, size);
+    }
+
+    public static void setImageResource(ImageView imageView, String res) {
+        imageView.setImageResource(ResourceUtils.getDrawableId(res));
+    }
+
+    /**
+     * Read file from assets.
+     *
+     * @param fileName
+     * @return
+     */
+    public static String readAssetsFile(String fileName) {
+        StringBuilder sb = new StringBuilder();
+        InputStream is = null;
+        BufferedReader br = null;
+        try {
+            is = getApplication().getAssets().open(fileName);
+            br = new BufferedReader(new InputStreamReader(is, "utf-8"));
+            String readLine;
+            while ((readLine = br.readLine()) != null) {
+                sb.append(readLine);
+            }
+        } catch (IOException e) {
+            e.printStackTrace();
+        } finally {
+            try {
+                if (is != null) {
+                    is.close();
+                }
+                if (br != null) {
+                    br.close();
+                }
+            } catch (IOException e) {
+                e.printStackTrace();
+            }
+        }
+        return sb.toString();
+    }
+
+    public static Application getApplication() {
+        if (sApplication != null) {
+            return sApplication;
+        }
+        Application app = getApplicationByReflect();
+        init(app);
+        return app;
+    }
+
+    public static String getPackageName() {
+        return getApplication().getPackageName();
+    }
+
+    private static void init(final Application app) {
+        if (sApplication == null) {
+            if (app == null) {
+                sApplication = getApplicationByReflect();
+            } else {
+                sApplication = app;
+            }
+        } else {
+            if (app != null && app.getClass() != sApplication.getClass()) {
+                sApplication = app;
+            }
+        }
+    }
+
+    private static Application getApplicationByReflect() {
+        try {
+            @SuppressLint("PrivateApi") Class<?> activityThread = Class.forName("android.app.ActivityThread");
+            Object thread = activityThread.getMethod("currentActivityThread").invoke(null);
+            Object app = activityThread.getMethod("getApplication").invoke(thread);
+            if (app == null) {
+                throw new NullPointerException("You should init first.");
+            }
+            return (Application) app;
+        } catch (NoSuchMethodException e) {
+            e.printStackTrace();
+        } catch (IllegalAccessException e) {
+            e.printStackTrace();
+        } catch (InvocationTargetException e) {
+            e.printStackTrace();
+        } catch (ClassNotFoundException e) {
+            e.printStackTrace();
+        }
+        throw new NullPointerException("You should init first.");
+    }
+
+    /**
+     * Unzip file to target directory.
+     *
+     * @param zipFile
+     * @param targetDir
+     * @return
+     */
+    public static synchronized String unZip(@NonNull String zipFile, @NonNull String targetDir) {
+        if (TextUtils.isEmpty(zipFile)) {
+            return null;
+        } else {
+            File file = new File(zipFile);
+            if (!file.exists()) {
+                return null;
+            } else {
+                File targetFolder = new File(targetDir);
+                if (!targetFolder.exists()) {
+                    targetFolder.mkdirs();
+                }
+                String dataDir = null;
+                short buffer = 4096;
+                FileInputStream fis = null;
+                ZipInputStream zis = null;
+                FileOutputStream fos = null;
+                BufferedOutputStream dest = null;
+                try {
+                    fis = new FileInputStream(file);
+                    zis = new ZipInputStream(new BufferedInputStream(fis));
+                    while (true) {
+                        String strEntry;
+                        ZipEntry entry;
+                        do {
+                            if ((entry = zis.getNextEntry()) == null) {
+                                return dataDir;
+                            }
+                            strEntry = entry.getName();
+                        } while (strEntry.contains("../"));
+                        if (entry.isDirectory()) {
+                            String count1 = targetDir + File.separator + strEntry;
+                            File data1 = new File(count1);
+                            if (!data1.exists()) {
+                                data1.mkdirs();
+                            }
+                            if (TextUtils.isEmpty(dataDir)) {
+                                dataDir = data1.getPath();
+                            }
+                        } else {
+                            byte[] data = new byte[buffer];
+                            String targetFileDir = targetDir + File.separator + strEntry;
+                            File targetFile = new File(targetFileDir);
+                            try {
+                                fos = new FileOutputStream(targetFile);
+                                dest = new BufferedOutputStream(fos, buffer);
+                                int count;
+                                while ((count = zis.read(data)) != -1) {
+                                    dest.write(data, 0, count);
+                                }
+                                dest.flush();
+                            } catch (IOException var41) {
+                                var41.printStackTrace();
+                            } finally {
+                                try {
+                                    if (dest != null) {
+                                        dest.close();
+                                    }
+                                    if (fos != null) {
+                                        fos.close();
+                                    }
+                                } catch (IOException var40) {
+                                    var40.printStackTrace();
+                                }
+                            }
+                        }
+                    }
+                } catch (IOException e) {
+                    e.printStackTrace();
+                } finally {
+                    try {
+                        if (zis != null) {
+                            zis.close();
+                        }
+                        if (fis != null) {
+                            fis.close();
+                        }
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+                }
+                return dataDir;
+            }
+        }
+    }
+
+    public static boolean isEmpty(@Nullable Collection object) {
+        return null == object || object.isEmpty();
+    }
+
+    public static boolean isNetworkAvailable(@NonNull Context context) {
+        ConnectivityManager connectivity = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
+        if (connectivity == null) {
+            return false;
+        } else {
+            NetworkInfo networkInfo = connectivity.getActiveNetworkInfo();
+            return networkInfo != null && networkInfo.isConnectedOrConnecting();
+        }
+    }
+
+    /**
+     * Get external file path.
+     *
+     * @param context
+     * @param folder
+     * @return
+     */
+    @Nullable
+    public static File getExternalFilesDir(@NonNull Context context, String folder) {
+        if (context == null) {
+            Log.e(TAG, "getExternalFilesDir context is null");
+            return null;
+        }
+        File sdcardDir = context.getApplicationContext().getExternalFilesDir(null);
+        if (sdcardDir == null) {
+            Log.e(TAG, "sdcardDir is null");
+            return null;
+        }
+        String path = sdcardDir.getPath();
+        File file = new File(path + File.separator + folder);
+        try {
+            if (file.exists() && file.isFile()) {
+                file.delete();
+            }
+            if (!file.exists()) {
+                file.mkdirs();
+            }
+        } catch (Exception var5) {
+            var5.printStackTrace();
+        }
+        return file;
+    }
+
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/ResourceUtils.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/ResourceUtils.java
new file mode 100644
index 0000000..937d718
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/ResourceUtils.java
@@ -0,0 +1,70 @@
+package com.tencent.liteav.demo.beauty.utils;
+
+import android.content.res.Resources;
+import android.graphics.Color;
+import android.graphics.drawable.Drawable;
+import android.graphics.drawable.GradientDrawable;
+
+import androidx.annotation.StringRes;
+
+public class ResourceUtils {
+
+    private static final String TYPE_QUOTE_PREFIX = "@";
+    private static final String TYPE_COLOR_PREFIX = "#";
+
+    private static final String TYPE_STRING   = "string";
+    private static final String TYPE_COLOR    = "color";
+    private static final String TYPE_DRAWABLE = "drawable";
+
+    public static int getDrawableId(String resName) {
+        if (resName.startsWith(TYPE_QUOTE_PREFIX)) {
+            return getResources().getIdentifier(resName, TYPE_DRAWABLE, BeautyUtils.getPackageName());
+        }
+        throw new IllegalArgumentException("\"" + resName + "\" is illegal, must start with \"@\".");
+    }
+
+    public static int getStringId(String resName) {
+        return getResources().getIdentifier(resName, TYPE_STRING, BeautyUtils.getPackageName());
+    }
+
+    public static String getString(String resName) {
+        if (resName.startsWith(TYPE_QUOTE_PREFIX)) {
+            return getResources().getString(getStringId(resName.substring(1)));
+        }
+        return resName;
+    }
+
+    public static String getString(@StringRes int resId) {
+        return getResources().getString(resId);
+    }
+
+    public static int getColor(String resName) {
+        if (resName.startsWith(TYPE_COLOR_PREFIX)) {
+            return Color.parseColor(resName);
+        }
+        if (resName.startsWith(TYPE_QUOTE_PREFIX)) {
+            return getResources().getColor(getColorId(resName));
+        }
+        throw new IllegalArgumentException("\"" + resName + "\" is unknown color.");
+    }
+
+    public static int getColorId(String resName) {
+        return getResources().getIdentifier(resName, TYPE_COLOR, BeautyUtils.getPackageName());
+    }
+
+    public static Resources getResources() {
+        return BeautyUtils.getApplication().getResources();
+    }
+
+    public static Drawable getLinearDrawable(int color) {
+        GradientDrawable drawable = new GradientDrawable();
+        drawable.setColor(color);
+        drawable.setShape(GradientDrawable.RECTANGLE);
+        drawable.setCornerRadii(new float[]{
+                BeautyUtils.dip2px(BeautyUtils.getApplication(), 10),
+                BeautyUtils.dip2px(BeautyUtils.getApplication(), 10),
+                BeautyUtils.dip2px(BeautyUtils.getApplication(), 10),
+                BeautyUtils.dip2px(BeautyUtils.getApplication(), 10), 0, 0, 0, 0});
+        return drawable;
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/SPUtils.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/SPUtils.java
new file mode 100644
index 0000000..272dc54
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/utils/SPUtils.java
@@ -0,0 +1,61 @@
+package com.tencent.liteav.demo.beauty.utils;
+
+import android.content.Context;
+import android.content.SharedPreferences;
+
+import androidx.annotation.NonNull;
+
+public class SPUtils {
+
+    private static final String            SP_NAME_DEFAULT = "beauty_default";
+    private static       SPUtils           sInstance;
+    private              SharedPreferences mSharedPreferences;
+
+    public static SPUtils get() {
+        return get(SP_NAME_DEFAULT, Context.MODE_PRIVATE);
+    }
+
+    public static SPUtils get(final int mode) {
+        return get(SP_NAME_DEFAULT, mode);
+    }
+
+    public static SPUtils get(String spName) {
+        return get(spName, Context.MODE_PRIVATE);
+    }
+
+    public static SPUtils get(String spName, final int mode) {
+        if (sInstance == null) {
+            synchronized (SPUtils.class) {
+                if (sInstance == null) {
+                    sInstance = new SPUtils(spName, mode);
+                }
+            }
+        }
+        return sInstance;
+    }
+
+    private SPUtils(final String spName, final int mode) {
+        mSharedPreferences = BeautyUtils.getApplication().getSharedPreferences(spName, mode);
+    }
+
+    public void put(@NonNull final String key, final String value) {
+        put(key, value, false);
+    }
+
+    public void put(@NonNull final String key, final String value, final boolean isCommit) {
+        if (isCommit) {
+            mSharedPreferences.edit().putString(key, value).commit();
+        } else {
+            mSharedPreferences.edit().putString(key, value).apply();
+        }
+    }
+
+    public String getString(@NonNull final String key) {
+        return getString(key, "");
+    }
+
+    public String getString(@NonNull final String key, final String defaultValue) {
+        return mSharedPreferences.getString(key, defaultValue);
+    }
+
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/BeautyPanel.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/BeautyPanel.java
new file mode 100644
index 0000000..7e6ab5e
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/BeautyPanel.java
@@ -0,0 +1,314 @@
+package com.tencent.liteav.demo.beauty.view;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.FrameLayout;
+import android.widget.RelativeLayout;
+import android.widget.SeekBar;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.tencent.liteav.beauty.TXBeautyManager;
+import com.tencent.liteav.demo.beauty.Beauty;
+import com.tencent.liteav.demo.beauty.BeautyImpl;
+import com.tencent.liteav.demo.beauty.R;
+import com.tencent.liteav.demo.beauty.adapter.ItemAdapter;
+import com.tencent.liteav.demo.beauty.adapter.TabAdapter;
+import com.tencent.liteav.demo.beauty.model.BeautyInfo;
+import com.tencent.liteav.demo.beauty.model.ItemInfo;
+import com.tencent.liteav.demo.beauty.model.TabInfo;
+import com.tencent.liteav.demo.beauty.utils.BeautyUtils;
+import com.tencent.liteav.demo.beauty.utils.ResourceUtils;
+
+/**
+ * 美颜面板控件 View
+ * -引用，在 xml 中引用该布局，设置其大小
+ * -外部可通过 getDefaultBeautyInfo 获取默认美颜面板的属性
+ * -外部可通过 setBeautyInfo 设置美颜面板内部属性
+ * -外部可通过 setOnBeautyListener 监听美颜面板的行为动作
+ */
+public class BeautyPanel extends FrameLayout implements SeekBar.OnSeekBarChangeListener, View.OnClickListener {
+
+    private static final String TAG = "BeautyPanel";
+
+    private Context                mContext;
+    private TCHorizontalScrollView mScrollTabView;
+    private TCHorizontalScrollView mScrollItemView;
+    private RelativeLayout         mRelativeSeekBarLayout;
+    private SeekBar                mSeekBarLevel;
+    private TextView               mTextLevelHint;
+    private TextView               mTextLevelValue;
+    private TextView               mTextTitle;
+    private TextView               mTextClose;
+    private BeautyInfo             mBeautyInfo;
+    private OnBeautyListener       mOnBeautyListener;
+    private Beauty                 mBeauty;
+    private TabInfo                mCurrentTabInfo;
+    private ItemInfo[]             mCurrentItemInfo;
+    private int                    mCurrentTabPosition = 0;
+    private int[]                  mCurrentItemPosition;
+
+    public abstract static class OnBeautyListener {
+        public void onTabChange(TabInfo tabInfo, int position) {
+        }
+
+        public boolean onClose() {
+            return true;
+        }
+
+        public boolean onClick(TabInfo tabInfo, int tabPosition, ItemInfo itemInfo, int itemPosition) {
+            return false;
+        }
+
+        public boolean onLevelChanged(TabInfo tabInfo, int tabPosition, ItemInfo itemInfo, int itemPosition,
+                                      int beautyLevel) {
+            return false;
+        }
+    }
+
+    public BeautyPanel(@NonNull Context context) {
+        super(context);
+        initialize(context);
+    }
+
+    public BeautyPanel(@NonNull Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initialize(context);
+    }
+
+    public BeautyPanel(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initialize(context);
+    }
+
+    @Override
+    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
+        mCurrentItemInfo[mCurrentTabPosition].setItemLevel(progress);
+        mTextLevelValue.setText(String.valueOf(progress));
+        if (mOnBeautyListener == null || !mOnBeautyListener
+                .onLevelChanged(mCurrentTabInfo, mCurrentTabPosition, mCurrentItemInfo[mCurrentTabPosition],
+                        mCurrentItemPosition[mCurrentTabPosition], progress)) {
+            mBeauty.setBeautySpecialEffects(mCurrentTabInfo, mCurrentTabPosition, mCurrentItemInfo[mCurrentTabPosition],
+                    mCurrentItemPosition[mCurrentTabPosition]);
+        }
+    }
+
+    @Override
+    public void onStartTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void onStopTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void onClick(View v) {
+        int id = v.getId();
+        if (id == mTextClose.getId()) {
+            if (mOnBeautyListener == null || !mOnBeautyListener.onClose()) {
+                setVisibility(View.GONE);
+            }
+        }
+    }
+
+    @Override
+    public void setVisibility(int visibility) {
+        super.setVisibility(visibility);
+        if (visibility == View.VISIBLE) {
+            bringToFront();
+        }
+    }
+
+    /**
+     * 设置 BeautyPanel 绘制所要使用的数据
+     *
+     * @param beautyInfo
+     */
+    public void setBeautyInfo(@NonNull BeautyInfo beautyInfo) {
+        mBeautyInfo = beautyInfo;
+
+        //根据配置文件选择默认选中项
+        setCurrentBeautyInfo(beautyInfo);
+
+        mBeauty.fillingMaterialPath(beautyInfo);
+        setBackground(ResourceUtils.getLinearDrawable(ResourceUtils.getColor(beautyInfo.getBeautyBg())));
+        refresh();
+    }
+
+    /**
+     * 设置 特效点击回调
+     *
+     * @param onBeautyListener
+     */
+    public void setOnBeautyListener(@NonNull OnBeautyListener onBeautyListener) {
+        mOnBeautyListener = onBeautyListener;
+    }
+
+    public void setOnFilterChangeListener(Beauty.OnFilterChangeListener listener) {
+        mBeauty.setOnFilterChangeListener(listener);
+    }
+
+    public int getFilterProgress(int index) {
+        return mBeauty.getFilterProgress(mBeautyInfo, index);
+    }
+
+    public BeautyInfo getDefaultBeautyInfo() {
+        return mBeauty.getDefaultBeauty();
+    }
+
+    public void setBeautyManager(TXBeautyManager beautyManager) {
+        mBeauty.setBeautyManager(beautyManager);
+        clear();
+
+        if (mBeautyInfo != null) {
+            //根据配置文件选择默认选中项
+            setCurrentBeautyInfo(mBeautyInfo);
+        }
+    }
+
+    public void setMotionTmplEnable(boolean enable) {
+        mBeauty.setMotionTmplEnable(enable);
+    }
+
+    public ItemInfo getItemInfo(int tabIndex, int itemIndex) {
+        return mBeautyInfo.getBeautyTabList().get(tabIndex).getTabItemList().get(itemIndex);
+    }
+
+    public void setCurrentFilterIndex(int index) {
+        mCurrentItemPosition[1] = index;
+        mBeauty.setCurrentFilterIndex(mBeautyInfo, index);
+    }
+
+    public void setCurrentBeautyIndex(int index) {
+        mCurrentItemPosition[0] = index;
+        mBeauty.setCurrentBeautyIndex(mBeautyInfo, index);
+    }
+
+    public ItemInfo getFilterItemInfo(int index) {
+        return mBeauty.getFilterItemInfo(mBeautyInfo, index);
+    }
+
+    public int getFilterSize() {
+        return mBeauty.getFilterSize(mBeautyInfo);
+    }
+
+    public Bitmap getFilterResource(int index) {
+        return mBeauty.getFilterResource(mBeautyInfo, index);
+    }
+
+    public void clear() {
+        mBeauty.clear();
+    }
+
+    private void initialize(Context context) {
+        mContext = context;
+        LayoutInflater.from(context).inflate(R.layout.beauty_view_layout, this);
+        mBeauty = new BeautyImpl(mContext);
+        initView();
+        initData();
+    }
+
+    private void initView() {
+        mRelativeSeekBarLayout = (RelativeLayout) findViewById(R.id.beauty_rl_seek_bar);
+        mSeekBarLevel = (SeekBar) findViewById(R.id.beauty_seek_bar_third);
+        mTextLevelHint = (TextView) findViewById(R.id.beauty_tv_seek_bar_hint);
+        mTextLevelValue = (TextView) findViewById(R.id.beauty_tv_seek_bar_value);
+        mTextTitle = (TextView) findViewById(R.id.beauty_tv_title);
+        mTextClose = (TextView) findViewById(R.id.beauty_tv_close);
+        mTextClose.setOnClickListener(this);
+        mSeekBarLevel.setOnSeekBarChangeListener(this);
+
+        mScrollTabView = (TCHorizontalScrollView) findViewById(R.id.beauty_horizontal_picker_view_first);
+        mScrollItemView = (TCHorizontalScrollView) findViewById(R.id.beauty_horizontal_picker_second);
+    }
+
+    private void initData() {
+        setBeautyInfo(getDefaultBeautyInfo());
+    }
+
+    private void setCurrentBeautyInfo(@NonNull BeautyInfo beautyInfo) {
+        int tabSize = beautyInfo.getBeautyTabList().size();
+        mCurrentItemPosition = new int[tabSize];
+        mCurrentItemInfo = new ItemInfo[tabSize];
+
+        for (int i = 0; i < tabSize; i++) {
+            TabInfo tabInfo = beautyInfo.getBeautyTabList().get(i);
+            mCurrentItemPosition[i] = tabInfo.getTabItemListDefaultSelectedIndex();
+            mCurrentItemInfo[i] = tabInfo.getTabItemList().get(tabInfo.getTabItemListDefaultSelectedIndex());
+            mBeauty.setBeautySpecialEffects(tabInfo, i, mCurrentItemInfo[i], mCurrentItemPosition[i]);
+        }
+    }
+
+    private void refresh() {
+        createTabList();
+    }
+
+    private void createTabList() {
+        TabAdapter tabAdapter = new TabAdapter(mContext, mBeautyInfo);
+        mScrollTabView.setAdapter(tabAdapter);
+        tabAdapter.setOnTabClickListener(new TabAdapter.OnTabChangeListener() {
+            @Override
+            public void onTabChange(TabInfo tabInfo, int position) {
+                mCurrentTabInfo = tabInfo;
+                mCurrentTabPosition = position;
+                createItemList(tabInfo, position);
+                if (mOnBeautyListener != null) {
+                    mOnBeautyListener.onTabChange(tabInfo, position);
+                }
+            }
+        });
+        TabInfo tabInfo = mBeautyInfo.getBeautyTabList().get(0);
+        mCurrentTabInfo = tabInfo;
+        mCurrentTabPosition = 0;
+        createItemList(tabInfo, 0);
+    }
+
+    private void createItemList(@NonNull final TabInfo tabInfo, @NonNull final int tabPosition) {
+        setBeautyTitle(tabInfo.getTabName());
+        ItemAdapter itemAdapter = new ItemAdapter(mContext);
+        itemAdapter.setData(tabInfo, mCurrentItemPosition[tabPosition]);
+        mScrollItemView.setAdapter(itemAdapter);
+        mScrollItemView.setClicked(mCurrentItemPosition[tabPosition]);
+        itemAdapter.setOnItemClickListener(new ItemAdapter.OnItemClickListener() {
+            @Override
+            public void onItemClick(ItemInfo itemInfo, int position) {
+                mCurrentItemPosition[tabPosition] = position;
+                mCurrentItemInfo[tabPosition] = itemInfo;
+                createSeekBar(tabInfo, itemInfo);
+                if (mOnBeautyListener == null || !mOnBeautyListener.onClick(tabInfo, tabPosition, itemInfo, position)) {
+                    mBeauty.setBeautySpecialEffects(tabInfo, tabPosition, itemInfo, position);
+                }
+            }
+        });
+        ItemInfo itemInfo = tabInfo.getTabItemList().get(mCurrentItemPosition[tabPosition]);
+        mCurrentItemInfo[tabPosition] = itemInfo;
+        createSeekBar(tabInfo, itemInfo);
+    }
+
+    private void createSeekBar(@NonNull TabInfo tabInfo, @NonNull ItemInfo itemInfo) {
+        int visibility;
+        if (itemInfo.getItemLevel() == -1) {
+            visibility = View.GONE;
+        } else {
+            visibility = View.VISIBLE;
+            mTextLevelValue.setText(String.valueOf(itemInfo.getItemLevel()));
+            mSeekBarLevel.setProgress(itemInfo.getItemLevel());
+            BeautyUtils.setTextViewSize(mTextLevelHint, tabInfo.getTabItemLevelHintSize());
+            BeautyUtils.setTextViewColor(mTextLevelHint, tabInfo.getTabItemLevelHintColor());
+            BeautyUtils.setTextViewSize(mTextLevelValue, tabInfo.getTabItemLevelValueSize());
+            BeautyUtils.setTextViewColor(mTextLevelValue, tabInfo.getTabItemLevelValueColor());
+        }
+        mRelativeSeekBarLayout.setVisibility(visibility);
+    }
+
+    private void setBeautyTitle(String title) {
+        mTextTitle.setText(ResourceUtils.getString(title) + ResourceUtils.getString(R.string.beauty_setup));
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/ProgressDialog.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/ProgressDialog.java
new file mode 100644
index 0000000..5bc5307
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/ProgressDialog.java
@@ -0,0 +1,70 @@
+package com.tencent.liteav.demo.beauty.view;
+
+import android.app.Dialog;
+import android.content.Context;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.animation.Animation;
+import android.view.animation.AnimationUtils;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.tencent.liteav.demo.beauty.R;
+
+public class ProgressDialog {
+    private Dialog   mDialog;
+    private TextView mTextMsg;
+
+    public void createLoadingDialog(Context context) {
+        LayoutInflater inflater = LayoutInflater.from(context);
+        View v = inflater.inflate(R.layout.beauty_layout_loading_progress, null);
+
+        ImageView spaceshipImage = (ImageView) v.findViewById(R.id.beauty_iv_progress_img);
+        mTextMsg = (TextView) v.findViewById(R.id.beauty_tv_msg);
+        Animation hyperspaceJumpAnimation =
+                AnimationUtils.loadAnimation(context, R.anim.beauty_load_progress_animation);
+        spaceshipImage.startAnimation(hyperspaceJumpAnimation);
+
+        mDialog = new Dialog(context, R.style.BeautyLoadingDialog);
+        mDialog.setCancelable(false);
+        LinearLayout layout = (LinearLayout) v.findViewById(R.id.beauty_ll_progress);
+        mDialog.setContentView(layout, new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
+                RelativeLayout.LayoutParams.MATCH_PARENT));
+    }
+
+    public void setCancelable(boolean cancelable) {
+        if (mDialog != null) {
+            mDialog.setCancelable(cancelable);
+        }
+    }
+
+    public void setCanceledOnTouchOutside(boolean canceledOnTouchOutside) {
+        if (mDialog != null) {
+            mDialog.setCanceledOnTouchOutside(canceledOnTouchOutside);
+        }
+    }
+
+    public void show() {
+        if (mDialog != null) {
+            mDialog.show();
+        }
+    }
+
+    public void dismiss() {
+        if (mDialog != null) {
+            mDialog.dismiss();
+        }
+    }
+
+    public void setMsg(String msg) {
+        if (mTextMsg == null) {
+            return;
+        }
+        if (mTextMsg.getVisibility() == View.GONE) {
+            mTextMsg.setVisibility(View.VISIBLE);
+        }
+        mTextMsg.setText(msg);
+    }
+}
diff --git a/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/TCHorizontalScrollView.java b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/TCHorizontalScrollView.java
new file mode 100644
index 0000000..bef9322
--- /dev/null
+++ b/beautysettingkit/src/main/java/com/tencent/liteav/demo/beauty/view/TCHorizontalScrollView.java
@@ -0,0 +1,68 @@
+package com.tencent.liteav.demo.beauty.view;
+
+import android.content.Context;
+import android.database.DataSetObserver;
+import android.util.AttributeSet;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.Adapter;
+import android.widget.HorizontalScrollView;
+
+public class TCHorizontalScrollView extends HorizontalScrollView {
+
+    private DataSetObserver mObserver;
+    private Adapter         mAdapter;
+
+    public TCHorizontalScrollView(Context context) {
+        super(context);
+        initialize();
+    }
+
+    public TCHorizontalScrollView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initialize();
+    }
+
+    public TCHorizontalScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initialize();
+    }
+
+    public void setAdapter(Adapter adapter) {
+        if (mAdapter != null) {
+            mAdapter.unregisterDataSetObserver(mObserver);
+        }
+        mAdapter = adapter;
+        mAdapter.registerDataSetObserver(mObserver);
+        updateAdapter();
+    }
+
+    private void updateAdapter() {
+        ViewGroup group = (ViewGroup) getChildAt(0);
+        group.removeAllViews();
+        for (int i = 0; i < mAdapter.getCount(); i++) {
+            View view = mAdapter.getView(i, null, group);
+            group.addView(view);
+        }
+    }
+
+    void initialize() {
+        mObserver = new DataSetObserver() {
+            @Override
+            public void onChanged() {
+                super.onChanged();
+                updateAdapter();
+            }
+
+            @Override
+            public void onInvalidated() {
+                super.onInvalidated();
+                ((ViewGroup) getChildAt(0)).removeAllViews();
+            }
+        };
+    }
+
+    public void setClicked(int position) {
+        ((ViewGroup) getChildAt(0)).getChildAt(position).performClick();
+    }
+}
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/anim/beauty_load_progress_animation.xml b/beautysettingkit/src/main/res/anim/beauty_load_progress_animation.xml
new file mode 100644
index 0000000..2e6a41c
--- /dev/null
+++ b/beautysettingkit/src/main/res/anim/beauty_load_progress_animation.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <rotate
+        android:duration="1500"
+        android:fromDegrees="0"
+        android:interpolator="@android:anim/linear_interpolator"
+        android:pivotX="50%"
+        android:pivotY="50%"
+        android:repeatCount="-1"
+        android:repeatMode="restart"
+        android:startOffset="-1"
+        android:toDegrees="+360" />
+</set>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_bailan.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_bailan.png
new file mode 100755
index 0000000..007896e
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_bailan.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_baixi.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_baixi.png
new file mode 100644
index 0000000..3b9e9e8
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_baixi.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_biaozhun.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_biaozhun.png
new file mode 100755
index 0000000..1e67831
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_biaozhun.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_chaotuo.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_chaotuo.png
new file mode 100755
index 0000000..e0e5a12
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_chaotuo.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_chunzhen.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_chunzhen.png
new file mode 100755
index 0000000..186af13
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_chunzhen.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_fennen.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_fennen.png
new file mode 100755
index 0000000..ced9496
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_fennen.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_bailan.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_bailan.png
new file mode 100755
index 0000000..cd2380a
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_bailan.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_baixi.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_baixi.png
new file mode 100644
index 0000000..ca7a810
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_baixi.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_biaozhun.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_biaozhun.png
new file mode 100644
index 0000000..bd4d709
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_biaozhun.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_chaotuo.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_chaotuo.png
new file mode 100755
index 0000000..a22dec0
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_chaotuo.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_chunzhen.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_chunzhen.png
new file mode 100755
index 0000000..a3a84bc
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_chunzhen.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_fennen.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_fennen.png
new file mode 100644
index 0000000..955e731
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_fennen.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_huaijiu.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_huaijiu.png
new file mode 100644
index 0000000..c7110c2
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_huaijiu.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_landiao.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_landiao.png
new file mode 100644
index 0000000..7cf59a4
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_landiao.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_langman.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_langman.png
new file mode 100644
index 0000000..0c0a589
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_langman.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_qingliang.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_qingliang.png
new file mode 100644
index 0000000..1612524
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_qingliang.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_qingxin.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_qingxin.png
new file mode 100644
index 0000000..4eb940c
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_qingxin.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_rixi.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_rixi.png
new file mode 100644
index 0000000..54584a5
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_rixi.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_weimei.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_weimei.png
new file mode 100644
index 0000000..01995e1
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_weimei.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_white.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_white.png
new file mode 100644
index 0000000..76c4abd
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_white.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_xiangfen.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_xiangfen.png
new file mode 100644
index 0000000..da46b95
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_xiangfen.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yinghong.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yinghong.png
new file mode 100644
index 0000000..7a9db00
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yinghong.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yuanqi.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yuanqi.png
new file mode 100755
index 0000000..65ad504
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yuanqi.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yunshang.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yunshang.png
new file mode 100755
index 0000000..74bd4e8
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_yunshang.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_ziran.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_ziran.png
new file mode 100644
index 0000000..d58ecae
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_filter_ziran.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_fwhite.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_fwhite.png
new file mode 100755
index 0000000..42e33c5
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_fwhite.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_huaijiu.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_huaijiu.png
new file mode 100755
index 0000000..14fecfb
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_huaijiu.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bigeye.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bigeye.png
new file mode 100644
index 0000000..b16da0c
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bigeye.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bottom_bg.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bottom_bg.png
new file mode 100644
index 0000000..2d972b3
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bottom_bg.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bottom_bg2.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bottom_bg2.png
new file mode 100644
index 0000000..fe02c61
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_bottom_bg2.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_chin.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_chin.png
new file mode 100644
index 0000000..ff8869f
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_chin.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_common_none.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_common_none.png
new file mode 100644
index 0000000..8885a96
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_common_none.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_cutout_background_ai.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_cutout_background_ai.png
new file mode 100644
index 0000000..1512fa8
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_cutout_background_ai.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_boom.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_boom.png
new file mode 100755
index 0000000..bf87fbb
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_boom.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_call.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_call.png
new file mode 100755
index 0000000..a910594
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_call.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_constellation.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_constellation.png
new file mode 100755
index 0000000..149bd63
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_constellation.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_face_change.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_face_change.png
new file mode 100755
index 0000000..fd32a51
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_face_change.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_flower_fairy.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_flower_fairy.png
new file mode 100755
index 0000000..72b6070
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_flower_fairy.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_headband.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_headband.png
new file mode 100755
index 0000000..12aa196
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_headband.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_neon_rat.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_neon_rat.png
new file mode 100644
index 0000000..ff2eb08
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_neon_rat.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_princess.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_princess.png
new file mode 100755
index 0000000..b81df04
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_princess.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_purple_cat.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_purple_cat.png
new file mode 100755
index 0000000..8c6bbac
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_purple_cat.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_ribbon.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_ribbon.png
new file mode 100755
index 0000000..1c272ca
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_ribbon.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_star_ear.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_star_ear.png
new file mode 100755
index 0000000..ba897f5
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_effect_star_ear.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_angle.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_angle.png
new file mode 100644
index 0000000..305a505
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_angle.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_bright.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_bright.png
new file mode 100644
index 0000000..f07d2e6
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_bright.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_distance.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_distance.png
new file mode 100644
index 0000000..17326c6
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eye_distance.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eyebig.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eyebig.png
new file mode 100644
index 0000000..b16da0c
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_eyebig.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_face_shape.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_face_shape.png
new file mode 100644
index 0000000..036704b
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_face_shape.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_face_short.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_face_short.png
new file mode 100644
index 0000000..97b8f32
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_face_short.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_faceslim.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_faceslim.png
new file mode 100644
index 0000000..9f8657a
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_faceslim.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_facev.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_facev.png
new file mode 100644
index 0000000..f04d432
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_facev.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_forehead.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_forehead.png
new file mode 100644
index 0000000..26c21b3
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_forehead.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_bottle_cap_challenge.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_bottle_cap_challenge.png
new file mode 100755
index 0000000..3aad25e
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_bottle_cap_challenge.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_meteor_shower.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_meteor_shower.png
new file mode 100755
index 0000000..04d05e8
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_meteor_shower.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_pikachu.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_pikachu.png
new file mode 100644
index 0000000..d19cd01
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_pikachu.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_snow_control.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_snow_control.png
new file mode 100755
index 0000000..cb084f0
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_snow_control.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_tv_star.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_tv_star.png
new file mode 100755
index 0000000..2653f94
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_gesture_tv_star.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_goodluck.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_goodluck.png
new file mode 100644
index 0000000..08684d5
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_goodluck.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_cherry.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_cherry.png
new file mode 100755
index 0000000..5907bbe
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_cherry.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_costume.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_costume.png
new file mode 100755
index 0000000..809594d
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_costume.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_lip.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_lip.png
new file mode 100755
index 0000000..6d76f02
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_lip.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_mixing.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_mixing.png
new file mode 100755
index 0000000..159a078
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_mixing.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_pink.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_pink.png
new file mode 100644
index 0000000..62f4139
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_pink.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_retro.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_retro.png
new file mode 100644
index 0000000..a623161
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_retro.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_seas.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_seas.png
new file mode 100755
index 0000000..893b240
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_seas.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_ugly.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_ugly.png
new file mode 100755
index 0000000..a393f19
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_ugly.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_widow.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_widow.png
new file mode 100644
index 0000000..7e7c0af
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_makeups_widow.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_mouse_shape.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_mouse_shape.png
new file mode 100644
index 0000000..caa08ed
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_mouse_shape.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_mouse_width.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_mouse_width.png
new file mode 100644
index 0000000..affaa5a
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_mouse_width.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_natural.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_natural.png
new file mode 100644
index 0000000..6c641fc
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_natural.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_nose_position.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_nose_position.png
new file mode 100644
index 0000000..fc509d2
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_nose_position.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_nose_wing.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_nose_wing.png
new file mode 100644
index 0000000..f6ce419
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_nose_wing.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_noseslim.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_noseslim.png
new file mode 100644
index 0000000..6384310
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_noseslim.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_pitu.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_pitu.png
new file mode 100644
index 0000000..a47062b
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_pitu.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_pouch_remove.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_pouch_remove.png
new file mode 100644
index 0000000..9ed7d75
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_pouch_remove.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_ruddy.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_ruddy.png
new file mode 100644
index 0000000..3e5d101
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_ruddy.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_smile_lines.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_smile_lines.png
new file mode 100644
index 0000000..5f4724c
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_smile_lines.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_smooth.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_smooth.png
new file mode 100644
index 0000000..4f381cf
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_smooth.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_tooth_white.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_tooth_white.png
new file mode 100644
index 0000000..f6a1798
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_tooth_white.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_white.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_white.png
new file mode 100644
index 0000000..e5743f4
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_white.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_wrinkles.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_wrinkles.png
new file mode 100644
index 0000000..be86890
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ic_wrinkles.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_landiao.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_landiao.png
new file mode 100755
index 0000000..023cddc
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_landiao.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_langman.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_langman.png
new file mode 100755
index 0000000..ac74b34
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_langman.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_loading_circle_progress.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_loading_circle_progress.png
new file mode 100644
index 0000000..52e3fc9
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_loading_circle_progress.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_orginal.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_orginal.png
new file mode 100755
index 0000000..67f5867
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_orginal.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_play_seekbar_icon.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_play_seekbar_icon.png
new file mode 100644
index 0000000..952fe4e
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_play_seekbar_icon.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_qingliang.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_qingliang.png
new file mode 100755
index 0000000..684f7a9
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_qingliang.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_qingxin.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_qingxin.png
new file mode 100755
index 0000000..8717121
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_qingxin.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_rixi.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_rixi.png
new file mode 100755
index 0000000..7288a00
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_rixi.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_video_xiaofu.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_video_xiaofu.png
new file mode 100755
index 0000000..aaf8338
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_video_xiaofu.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_weimei.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_weimei.png
new file mode 100755
index 0000000..85c1322
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_weimei.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_xiangfen.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_xiangfen.png
new file mode 100755
index 0000000..0b5561e
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_xiangfen.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yinghong.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yinghong.png
new file mode 100755
index 0000000..8f87fa2
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yinghong.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yuanqi.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yuanqi.png
new file mode 100755
index 0000000..b20c0a0
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yuanqi.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yunshang.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yunshang.png
new file mode 100755
index 0000000..d1b84b8
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_yunshang.png differ
diff --git a/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ziran.png b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ziran.png
new file mode 100644
index 0000000..595f769
Binary files /dev/null and b/beautysettingkit/src/main/res/drawable-xxhdpi/beauty_ziran.png differ
diff --git a/beautysettingkit/src/main/res/drawable/beauty_rebuild_seekbar_progress_drawable.xml b/beautysettingkit/src/main/res/drawable/beauty_rebuild_seekbar_progress_drawable.xml
new file mode 100644
index 0000000..e1be205
--- /dev/null
+++ b/beautysettingkit/src/main/res/drawable/beauty_rebuild_seekbar_progress_drawable.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape>
+            <corners android:radius="6dp" />
+            <solid android:color="#ff888888" />
+        </shape>
+    </item>
+    <item android:id="@android:id/secondaryProgress">
+        <clip>
+            <shape>
+                <corners android:radius="6dp" />
+                <solid android:color="#FF584C" />
+            </shape>
+        </clip>
+    </item>
+    <item android:id="@android:id/progress">
+        <clip>
+            <shape>
+                <corners android:radius="6dp" />
+                <solid android:color="#ff0062e3" />
+            </shape>
+        </clip>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/drawable/beauty_rebuild_seekbar_progress_thumb.xml b/beautysettingkit/src/main/res/drawable/beauty_rebuild_seekbar_progress_thumb.xml
new file mode 100644
index 0000000..a8b0b40
--- /dev/null
+++ b/beautysettingkit/src/main/res/drawable/beauty_rebuild_seekbar_progress_thumb.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid android:color="#ffebf4ff" />
+    <size
+        android:width="24dp"
+        android:height="24dp" />
+</shape>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/drawable/beauty_seekbar_progress_drawable.xml b/beautysettingkit/src/main/res/drawable/beauty_seekbar_progress_drawable.xml
new file mode 100644
index 0000000..86563b7
--- /dev/null
+++ b/beautysettingkit/src/main/res/drawable/beauty_seekbar_progress_drawable.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape>
+            <corners android:radius="6dp" />
+            <solid android:color="#ffd8d8d8" />
+        </shape>
+    </item>
+    <item android:id="@android:id/secondaryProgress">
+        <clip>
+            <shape>
+                <corners android:radius="6dp" />
+                <solid android:color="#FF584C" />
+            </shape>
+        </clip>
+    </item>
+    <item android:id="@android:id/progress">
+        <clip>
+            <shape>
+                <corners android:radius="6dp" />
+                <solid android:color="#FF584C" />
+            </shape>
+        </clip>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/drawable/beauty_text_color.xml b/beautysettingkit/src/main/res/drawable/beauty_text_color.xml
new file mode 100755
index 0000000..8078659
--- /dev/null
+++ b/beautysettingkit/src/main/res/drawable/beauty_text_color.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="?attr/beautyPanelColorPrimary" android:state_selected="true" />
+    <item android:color="#ffffff" />
+</selector>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/layout/beauty_item.xml b/beautysettingkit/src/main/res/layout/beauty_item.xml
new file mode 100644
index 0000000..5b13735
--- /dev/null
+++ b/beautysettingkit/src/main/res/layout/beauty_item.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    android:padding="10dp">
+
+    <ImageView
+        android:id="@+id/beauty_iv_icon"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:src="@drawable/beauty_ic_common_none" />
+
+    <TextView
+        android:id="@+id/beauty_tv_title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:textColor="@color/beauty_color_white"
+        android:textSize="12dp" />
+</LinearLayout>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/layout/beauty_layout_loading_progress.xml b/beautysettingkit/src/main/res/layout/beauty_layout_loading_progress.xml
new file mode 100644
index 0000000..2b2fa7e
--- /dev/null
+++ b/beautysettingkit/src/main/res/layout/beauty_layout_loading_progress.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/beauty_ll_progress"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:gravity="center"
+    android:orientation="vertical">
+
+    <ImageView
+        android:id="@+id/beauty_iv_progress_img"
+        android:layout_width="48dp"
+        android:layout_height="48dp"
+        android:layout_centerInParent="true"
+        android:background="@drawable/beauty_loading_circle_progress" />
+
+    <TextView
+        android:id="@+id/beauty_tv_msg"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/beauty_iv_progress_img"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="10dp"
+        android:text=""
+        android:textColor="@color/beauty_color_white"
+        android:visibility="visible" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/layout/beauty_panel.xml b/beautysettingkit/src/main/res/layout/beauty_panel.xml
new file mode 100644
index 0000000..8b9fe82
--- /dev/null
+++ b/beautysettingkit/src/main/res/layout/beauty_panel.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_gravity="bottom"
+    android:background="@drawable/beauty_ic_bottom_bg"
+    android:minHeight="105dp"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:id="@+id/beauty_ll_record_seek_bar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <SeekBar
+            android:id="@+id/beauty_seek_bar_third"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_weight="1.98"
+            android:indeterminate="false"
+            android:max="9"
+            android:maxHeight="4dp"
+            android:minHeight="4dp"
+            android:paddingLeft="15dp"
+            android:paddingRight="36dp"
+            android:progress="0"
+            android:progressDrawable="@drawable/beauty_seekbar_progress_drawable"
+            android:thumb="@drawable/beauty_play_seekbar_icon"
+            android:visibility="visible" />
+
+        <TextView
+            android:id="@+id/beauty_tv_seek_bar_value"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:paddingRight="15dp"
+            android:text="0"
+            android:textColor="@color/beauty_color_red"
+            android:textSize="18sp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/beauty_ll_cutout_background"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        android:visibility="gone">
+
+        <TextView
+            android:id="@+id/beauty_tv_cutout_background_none"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:drawableTop="@drawable/beauty_ic_common_none"
+            android:gravity="center"
+            android:paddingRight="15dp"
+            android:text="无动效"
+            android:textColor="#FF584C"
+            android:textSize="12dp" />
+
+        <TextView
+            android:id="@+id/beauty_tv_cutout_background"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:drawableTop="@drawable/beauty_ic_cutout_background_ai"
+            android:gravity="center"
+            android:text="AI抠背"
+            android:textColor="@drawable/beauty_text_color"
+            android:textSize="12dp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/beauty_ll_green"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        android:visibility="gone">
+
+        <TextView
+            android:id="@+id/beauty_tv_green_none"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:drawableTop="@drawable/beauty_ic_common_none"
+            android:gravity="center"
+            android:paddingRight="15dp"
+            android:text="无"
+            android:textColor="#FF584C"
+            android:textSize="12dp" />
+
+        <TextView
+            android:id="@+id/beauty_tv_green"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:drawableTop="@drawable/beauty_ic_goodluck"
+            android:gravity="center"
+            android:text="Good Luck"
+            android:textColor="@drawable/beauty_text_color"
+            android:textSize="12dp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView
+            android:id="@+id/beauty_horizontal_picker_second"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginLeft="10dp"
+            android:paddingRight="12dp"
+            android:scrollbars="none">
+
+            <LinearLayout
+                android:id="@android:id/content"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center"
+                android:orientation="horizontal" />
+        </com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView>
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="50dp"
+        android:background="@drawable/beauty_ic_bottom_bg2"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        android:weightSum="2">
+
+        <com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView
+            android:id="@+id/beauty_horizontal_picker_view_first"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginLeft="10dp"
+            android:paddingRight="12dp"
+            android:scrollbars="none">
+
+            <LinearLayout
+                android:id="@android:id/content"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center"
+                android:orientation="horizontal" />
+        </com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView>
+    </LinearLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/layout/beauty_view_item.xml b/beautysettingkit/src/main/res/layout/beauty_view_item.xml
new file mode 100644
index 0000000..50dbaf5
--- /dev/null
+++ b/beautysettingkit/src/main/res/layout/beauty_view_item.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginLeft="15dp"
+    android:orientation="vertical">
+
+    <ImageView
+        android:id="@+id/beauty_iv_icon"
+        android:layout_width="54dp"
+        android:layout_height="54dp"
+        android:layout_gravity="center"
+        android:src="@drawable/beauty_ic_common_none" />
+
+    <TextView
+        android:id="@+id/beauty_tv_title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:layout_marginTop="8dp"
+        android:textColor="@color/beauty_color_white"
+        android:textSize="10dp" />
+</LinearLayout>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/layout/beauty_view_layout.xml b/beautysettingkit/src/main/res/layout/beauty_view_layout.xml
new file mode 100644
index 0000000..ee3ef49
--- /dev/null
+++ b/beautysettingkit/src/main/res/layout/beauty_view_layout.xml
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_gravity="bottom"
+    android:orientation="vertical">
+
+    <RelativeLayout
+        android:id="@+id/beauty_rl_title"
+        android:layout_width="match_parent"
+        android:layout_height="52dp">
+
+        <TextView
+            android:id="@+id/beauty_tv_title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_centerInParent="true"
+            android:textColor="@android:color/white"
+            android:textSize="16dp" />
+
+        <TextView
+            android:id="@+id/beauty_tv_close"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:layout_alignParentRight="true"
+            android:layout_centerVertical="true"
+            android:gravity="center"
+            android:paddingLeft="20dp"
+            android:paddingRight="20dp"
+            android:text="@string/beauty_close"
+            android:textColor="@android:color/white"
+            android:textSize="16dp" />
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:id="@+id/beauty_rl_seek_bar"
+        android:layout_width="match_parent"
+        android:layout_height="52dp"
+        android:layout_below="@+id/beauty_rl_title"
+        android:visibility="gone">
+
+        <TextView
+            android:id="@+id/beauty_tv_seek_bar_hint"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:paddingLeft="20dp"
+            android:text="@string/beauty_strength"
+            android:textColor="@android:color/white" />
+
+        <SeekBar
+            android:id="@+id/beauty_seek_bar_third"
+            android:layout_width="274dp"
+            android:layout_height="wrap_content"
+            android:layout_centerInParent="true"
+            android:indeterminate="false"
+            android:max="9"
+            android:maxHeight="2dp"
+            android:minHeight="2dp"
+            android:paddingStart="28dp"
+            android:paddingLeft="28dp"
+            android:paddingEnd="12dp"
+            android:paddingRight="12dp"
+            android:progress="0"
+            android:progressDrawable="@drawable/beauty_rebuild_seekbar_progress_drawable"
+            android:thumb="@drawable/beauty_rebuild_seekbar_progress_thumb" />
+
+        <TextView
+            android:id="@+id/beauty_tv_seek_bar_value"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentRight="true"
+            android:layout_centerVertical="true"
+            android:paddingRight="20dp"
+            android:text="0"
+            android:textColor="@android:color/white" />
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:id="@+id/beauty_rl_item"
+        android:layout_width="match_parent"
+        android:layout_height="116dp"
+        android:layout_below="@+id/beauty_rl_seek_bar"
+        android:orientation="horizontal">
+
+        <com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView
+            android:id="@+id/beauty_horizontal_picker_second"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:paddingLeft="5dp"
+            android:scrollbars="none">
+
+            <LinearLayout
+                android:id="@android:id/content"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center"
+                android:orientation="horizontal" />
+        </com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView>
+    </RelativeLayout>
+
+    <LinearLayout
+        android:id="@+id/beauty_rl_tab"
+        android:layout_width="match_parent"
+        android:layout_height="54dp"
+        android:layout_below="@+id/beauty_rl_item"
+        android:layout_gravity="bottom"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView
+            android:id="@+id/beauty_horizontal_picker_view_first"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:scrollbars="none">
+
+            <LinearLayout
+                android:id="@android:id/content"
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent"
+                android:gravity="center"
+                android:orientation="horizontal" />
+        </com.tencent.liteav.demo.beauty.view.TCHorizontalScrollView>
+    </LinearLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/beautysettingkit/src/main/res/values-en/strings.xml b/beautysettingkit/src/main/res/values-en/strings.xml
new file mode 100755
index 0000000..262d72d
--- /dev/null
+++ b/beautysettingkit/src/main/res/values-en/strings.xml
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="beauty_confirm">Confirm</string>
+    <string name="beauty_cancel">Cancel</string>
+    <string name="beauty_close">Close</string>
+    <string name="beauty_strength">Strength</string>
+    <string name="beauty_setup">Setup</string>
+    <string name="beauty_common_none">None</string>
+    <string name="beauty_palm_out">Palm out</string>
+
+    <string name="beauty_setting_panel_style">Style</string>
+    <string name="beauty_setting_panel_beauty">Beauty</string>
+    <string name="beauty_setting_panel_filter">Filter</string>
+    <string name="beauty_setting_panel_dynamic_effect">Dynamic effect</string>
+    <string name="beauty_setting_panel_key">Blend Pic</string>
+    <string name="beauty_setting_panel_green_screen">Green screen</string>
+    <string name="beauty_setting_panel_facebeauty">Face beauty</string>
+    <string name="beauty_setting_panel_gesture">Gesture</string>
+
+    <string name="beauty_panel_style_smooth">Beauty(Smooth)</string>
+    <string name="beauty_panel_style_natural">Beauty(Natural)</string>
+    <string name="beauty_panel_style_pitu">Beauty(PS)</string>
+
+    <string name="beauty_panel_beauty">Beauty</string>
+    <string name="beauty_panel_white">White</string>
+    <string name="beauty_panel_ruddy">Ruddy</string>
+    <string name="beauty_panel_bigeye">Big eyes</string>
+    <string name="beauty_panel_faceslim">Thin-face</string>
+    <string name="beauty_panel_facev">V-face</string>
+    <string name="beauty_panel_chin">Chin</string>
+    <string name="beauty_panel_faceshort">Short-face</string>
+    <string name="beauty_panel_noseslim">Thin-nose</string>
+    <string name="beauty_panel_eyelighten">Eye-lighten</string>
+    <string name="beauty_panel_toothwhite">Tooth-white</string>
+    <string name="beauty_panel_pounchremove">Pounch-remove</string>
+    <string name="beauty_panel_smilelinesremove">Smilelines-remove</string>
+    <string name="beauty_panel_wrinkleremove">Wrinkle-remove</string>
+    <string name="beauty_panel_forehead">Forehead</string>
+    <string name="beauty_panel_eyedistance">Eye-distance</string>
+    <string name="beauty_panel_eyeangle">Eye-angle</string>
+    <string name="beauty_panel_mouthshape">Mouth-shape</string>
+    <string name="beauty_panel_nosewing">Nose-wing</string>
+    <string name="beauty_panel_noseposition">Nose-position</string>
+    <string name="beauty_panel_mousewidth">Mouse-width</string>
+    <string name="beauty_panel_faceshape">Face-shape</string>
+
+    <string name="beauty_panel_filter_standard">Standard</string>
+    <string name="beauty_panel_filter_ziran">Natural</string>
+    <string name="beauty_panel_filter_baixi">Blond</string>
+    <string name="beauty_panel_filter_cheery">Cheery</string>
+    <string name="beauty_panel_filter_cloud">Cloud</string>
+    <string name="beauty_panel_filter_pure">Pure</string>
+    <string name="beauty_panel_filter_orchid">Orchid</string>
+    <string name="beauty_panel_filter_vitality">Vitality</string>
+    <string name="beauty_panel_filter_super">Super</string>
+    <string name="beauty_panel_filter_fragrance">Fragrance</string>
+    <string name="beauty_panel_filter_white">White</string>
+    <string name="beauty_panel_filter_romantic">Romantic</string>
+    <string name="beauty_panel_filter_fresh">Fresh</string>
+    <string name="beauty_panel_filter_beautiful">Aesthetic</string>
+    <string name="beauty_panel_filter_pink">Rosy</string>
+    <string name="beauty_panel_filter_reminiscence">Nostalgic</string>
+    <string name="beauty_panel_filter_blues">Blues</string>
+    <string name="beauty_panel_filter_cool">Cool</string>
+    <string name="beauty_panel_filter_Japanese">Sweet</string>
+
+    <string name="beauty_effect_boom">Boom</string>
+    <string name="beauty_effect_neon_rat">Rainbow Mouse</string>
+    <string name="beauty_effect_star_ear">Star ear</string>
+    <string name="beauty_effect_call">Glow stick</string>
+    <string name="beauty_effect_constellation">Q constellation</string>
+    <string name="beauty_effect_ribbon">Color Ribbon</string>
+    <string name="beauty_effect_headband">Bang Ribbon</string>
+    <string name="beauty_effect_face_change">Change face</string>
+    <string name="beauty_effect_purple_kitten">Violet Cat</string>
+    <string name="beauty_effect_flower_faerie">Floral Fairy</string>
+    <string name="beauty_effect_princess">Little princess</string>
+
+    <string name="beauty_cutout_background_ai">AI Scratch</string>
+
+    <string name="beauty_good_luck">Good luck</string>
+
+    <string name="beauty_gesture_pikaqiu">PikaQiu</string>
+    <string name="beauty_gesture_meteor_shower">Meteor Shower</string>
+    <string name="beauty_gesture_snow_control">Snow Control</string>
+    <string name="beauty_gesture_tv_star">TV Star</string>
+    <string name="beauty_gesture_bottle_cap_challenge">Bottle</string>
+
+    <string name="beauty_makeups_retro">Fu Gu</string>
+    <string name="beauty_makeups_cherry">Cherries</string>
+    <string name="beauty_makeups_seas">Ocean</string>
+    <string name="beauty_makeups_pink">FenfenXia</string>
+    <string name="beauty_makeups_widow">Widow Makeup</string>
+    <string name="beauty_makeups_lip">Qixichun</string>
+    <string name="beauty_makeups_costume">Gufeng</string>
+    <string name="beauty_makeups_ugly">Ugly Girl</string>
+    <string name="beauty_makeups_mixing">Mixed Makeup</string>
+
+    <string name="beauty_panel_uniforms">Uniforms</string>
+
+    <string name="beauty_video_material_download_progress_material_unzip_failed">Unable to decompress materials</string>
+    <string name="beauty_video_material_download_progress_download_failed">Unable to download</string>
+    <string name="beauty_video_material_download_progress_no_enough_storage_space">Insufficient storage</string>
+
+</resources>
diff --git a/beautysettingkit/src/main/res/values-zh-rHK/strings.xml b/beautysettingkit/src/main/res/values-zh-rHK/strings.xml
new file mode 100755
index 0000000..e9fcea7
--- /dev/null
+++ b/beautysettingkit/src/main/res/values-zh-rHK/strings.xml
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="beauty_confirm">確定</string>
+    <string name="beauty_cancel">取消</string>
+    <string name="beauty_close">關閉</string>
+    <string name="beauty_strength">強度</string>
+    <string name="beauty_setup">設置</string>
+    <string name="beauty_common_none">無</string>
+    <string name="beauty_palm_out">伸出手掌</string>
+
+    <string name="beauty_setting_panel_style">風格</string>
+    <string name="beauty_setting_panel_beauty">美顏</string>
+    <string name="beauty_setting_panel_filter">濾鏡</string>
+    <string name="beauty_setting_panel_dynamic_effect">動效</string>
+    <string name="beauty_setting_panel_key">摳背</string>
+    <string name="beauty_setting_panel_green_screen">綠幕</string>
+    <string name="beauty_setting_panel_facebeauty">美妆</string>
+    <string name="beauty_setting_panel_gesture">手势</string>
+
+    <string name="beauty_panel_style_smooth">美顏(光滑)</string>
+    <string name="beauty_panel_style_natural">美顏(自然)</string>
+    <string name="beauty_panel_style_pitu">美顏(天天P图)</string>
+
+    <string name="beauty_panel_beauty">美顏</string>
+    <string name="beauty_panel_white">美白</string>
+    <string name="beauty_panel_ruddy">紅潤</string>
+    <string name="beauty_panel_bigeye">大眼</string>
+    <string name="beauty_panel_faceslim">瘦臉</string>
+    <string name="beauty_panel_facev">V臉</string>
+    <string name="beauty_panel_chin">下巴</string>
+    <string name="beauty_panel_faceshort">短臉</string>
+    <string name="beauty_panel_noseslim">瘦鼻</string>
+    <string name="beauty_panel_eyelighten">亮眼</string>
+    <string name="beauty_panel_toothwhite">白牙</string>
+    <string name="beauty_panel_pounchremove">祛眼袋</string>
+    <string name="beauty_panel_smilelinesremove">祛法令纹</string>
+    <string name="beauty_panel_wrinkleremove">祛皱</string>
+    <string name="beauty_panel_forehead">发际线</string>
+    <string name="beauty_panel_eyedistance">眼距</string>
+    <string name="beauty_panel_eyeangle">眼角</string>
+    <string name="beauty_panel_mouthshape">嘴形</string>
+    <string name="beauty_panel_nosewing">鼻翼</string>
+    <string name="beauty_panel_noseposition">鼻子位置</string>
+    <string name="beauty_panel_mousewidth">嘴唇厚度</string>
+    <string name="beauty_panel_faceshape">脸型</string>
+
+    <string name="beauty_panel_filter_standard">標準</string>
+    <string name="beauty_panel_filter_cheery">櫻紅</string>
+    <string name="beauty_panel_filter_cloud">雲裳</string>
+    <string name="beauty_panel_filter_pure">純真</string>
+    <string name="beauty_panel_filter_orchid">白蘭</string>
+    <string name="beauty_panel_filter_vitality">元氣</string>
+    <string name="beauty_panel_filter_super">超脫</string>
+    <string name="beauty_panel_filter_fragrance">香氛</string>
+    <string name="beauty_panel_filter_white">美白</string>
+    <string name="beauty_panel_filter_romantic">浪漫</string>
+    <string name="beauty_panel_filter_fresh">清新</string>
+    <string name="beauty_panel_filter_beautiful">唯美</string>
+    <string name="beauty_panel_filter_pink">粉嫩</string>
+    <string name="beauty_panel_filter_reminiscence">懷舊</string>
+    <string name="beauty_panel_filter_blues">藍調</string>
+    <string name="beauty_panel_filter_cool">清涼</string>
+    <string name="beauty_panel_filter_Japanese">日系</string>
+
+    <string name="beauty_effect_boom">Boom</string>
+    <string name="beauty_effect_neon_rat">霓虹鼠</string>
+    <string name="beauty_effect_star_ear">星耳</string>
+    <string name="beauty_effect_call">瘋狂打call</string>
+    <string name="beauty_effect_constellation">Q星座</string>
+    <string name="beauty_effect_ribbon">彩色絲帶</string>
+    <string name="beauty_effect_headband">劉海髮帶</string>
+    <string name="beauty_effect_face_change">變臉</string>
+    <string name="beauty_effect_purple_kitten">紫色小貓</string>
+    <string name="beauty_effect_flower_faerie">花仙子</string>
+    <string name="beauty_effect_princess">小公舉</string>
+
+    <string name="beauty_cutout_background_ai">AI摳背</string>
+
+    <string name="beauty_good_luck">Good luck</string>
+
+    <string name="beauty_gesture_pikaqiu">皮卡丘</string>
+    <string name="beauty_gesture_meteor_shower">流星雨</string>
+    <string name="beauty_gesture_snow_control">控雪</string>
+    <string name="beauty_gesture_tv_star">电视之星</string>
+    <string name="beauty_gesture_bottle_cap_challenge">瓶盖挑战</string>
+
+    <string name="beauty_makeups_retro">原宿復古</string>
+    <string name="beauty_makeups_cherry">櫻桃</string>
+    <string name="beauty_makeups_seas">海洋</string>
+    <string name="beauty_makeups_pink">粉粉霞</string>
+    <string name="beauty_makeups_widow">寡姐妝</string>
+    <string name="beauty_makeups_lip">七夕唇印</string>
+    <string name="beauty_makeups_costume">古风妝</string>
+    <string name="beauty_makeups_ugly">小丑女</string>
+    <string name="beauty_makeups_mixing">混合妝</string>
+
+    <string name="beauty_panel_uniforms">校服</string>
+
+    <string name="beauty_video_material_download_progress_material_unzip_failed">素材解壓失敗</string>
+    <string name="beauty_video_material_download_progress_download_failed">下載失敗</string>
+    <string name="beauty_video_material_download_progress_no_enough_storage_space">存儲空間不足</string>
+
+</resources>
diff --git a/beautysettingkit/src/main/res/values-zh-rTW/strings.xml b/beautysettingkit/src/main/res/values-zh-rTW/strings.xml
new file mode 100755
index 0000000..8ad68c9
--- /dev/null
+++ b/beautysettingkit/src/main/res/values-zh-rTW/strings.xml
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="beauty_confirm">確定</string>
+    <string name="beauty_cancel">取消</string>
+    <string name="beauty_close">關閉</string>
+    <string name="beauty_strength">強度</string>
+    <string name="beauty_setup">設置</string>
+    <string name="beauty_common_none">無</string>
+    <string name="beauty_palm_out">伸出手掌</string>
+
+    <string name="beauty_setting_panel_style">風格</string>
+    <string name="beauty_setting_panel_beauty">美顏</string>
+    <string name="beauty_setting_panel_filter">濾鏡</string>
+    <string name="beauty_setting_panel_dynamic_effect">動效</string>
+    <string name="beauty_setting_panel_key">摳背</string>
+    <string name="beauty_setting_panel_green_screen">綠幕</string>
+    <string name="beauty_setting_panel_facebeauty">美妆</string>
+    <string name="beauty_setting_panel_gesture">手势</string>
+
+    <string name="beauty_panel_style_smooth">美顏(光滑)</string>
+    <string name="beauty_panel_style_natural">美顏(自然)</string>
+    <string name="beauty_panel_style_pitu">美顏(天天P图)</string>
+
+    <string name="beauty_panel_beauty">美顏</string>
+    <string name="beauty_panel_white">美白</string>
+    <string name="beauty_panel_ruddy">紅潤</string>
+    <string name="beauty_panel_bigeye">大眼</string>
+    <string name="beauty_panel_faceslim">瘦臉</string>
+    <string name="beauty_panel_facev">V臉</string>
+    <string name="beauty_panel_chin">下巴</string>
+    <string name="beauty_panel_faceshort">短臉</string>
+    <string name="beauty_panel_noseslim">瘦鼻</string>
+    <string name="beauty_panel_eyelighten">亮眼</string>
+    <string name="beauty_panel_toothwhite">白牙</string>
+    <string name="beauty_panel_pounchremove">祛眼袋</string>
+    <string name="beauty_panel_smilelinesremove">祛法令纹</string>
+    <string name="beauty_panel_wrinkleremove">祛皱</string>
+    <string name="beauty_panel_forehead">发际线</string>
+    <string name="beauty_panel_eyedistance">眼距</string>
+    <string name="beauty_panel_eyeangle">眼角</string>
+    <string name="beauty_panel_mouthshape">嘴形</string>
+    <string name="beauty_panel_nosewing">鼻翼</string>
+    <string name="beauty_panel_noseposition">鼻子位置</string>
+    <string name="beauty_panel_mousewidth">嘴唇厚度</string>
+    <string name="beauty_panel_faceshape">脸型</string>
+
+    <string name="beauty_panel_filter_standard">標準</string>
+    <string name="beauty_panel_filter_cheery">櫻紅</string>
+    <string name="beauty_panel_filter_cloud">雲裳</string>
+    <string name="beauty_panel_filter_pure">純真</string>
+    <string name="beauty_panel_filter_orchid">白蘭</string>
+    <string name="beauty_panel_filter_vitality">元氣</string>
+    <string name="beauty_panel_filter_super">超脫</string>
+    <string name="beauty_panel_filter_fragrance">香氛</string>
+    <string name="beauty_panel_filter_white">美白</string>
+    <string name="beauty_panel_filter_romantic">浪漫</string>
+    <string name="beauty_panel_filter_fresh">清新</string>
+    <string name="beauty_panel_filter_beautiful">唯美</string>
+    <string name="beauty_panel_filter_pink">粉嫩</string>
+    <string name="beauty_panel_filter_reminiscence">懷舊</string>
+    <string name="beauty_panel_filter_blues">藍調</string>
+    <string name="beauty_panel_filter_cool">清涼</string>
+    <string name="beauty_panel_filter_Japanese">日系</string>
+
+    <string name="beauty_effect_boom">Boom</string>
+    <string name="beauty_effect_neon_rat">霓虹鼠</string>
+    <string name="beauty_effect_star_ear">星耳</string>
+    <string name="beauty_effect_call">瘋狂打call</string>
+    <string name="beauty_effect_constellation">Q星座</string>
+    <string name="beauty_effect_ribbon">彩色絲帶</string>
+    <string name="beauty_effect_headband">劉海髮帶</string>
+    <string name="beauty_effect_face_change">變臉</string>
+    <string name="beauty_effect_purple_kitten">紫色小貓</string>
+    <string name="beauty_effect_flower_faerie">花仙子</string>
+    <string name="beauty_effect_princess">小公舉</string>
+
+    <string name="beauty_cutout_background_ai">AI摳背</string>
+
+    <string name="beauty_good_luck">Good luck</string>
+
+    <string name="beauty_gesture_pikaqiu">皮卡丘</string>
+    <string name="beauty_gesture_meteor_shower">流星雨</string>
+    <string name="beauty_gesture_snow_control">控雪</string>
+    <string name="beauty_gesture_tv_star">电视之星</string>
+    <string name="beauty_gesture_bottle_cap_challenge">瓶盖挑战</string>
+
+    <string name="beauty_makeups_retro">原宿復古</string>
+    <string name="beauty_makeups_cherry">櫻桃</string>
+    <string name="beauty_makeups_seas">海洋</string>
+    <string name="beauty_makeups_pink">粉粉霞</string>
+    <string name="beauty_makeups_widow">寡姐妝</string>
+    <string name="beauty_makeups_lip">七夕唇印</string>
+    <string name="beauty_makeups_costume">古风妝</string>
+    <string name="beauty_makeups_ugly">小丑女</string>
+    <string name="beauty_makeups_mixing">混合妝</string>
+
+    <string name="beauty_panel_uniforms">校服</string>
+
+    <string name="beauty_video_material_download_progress_material_unzip_failed">素材解壓失敗</string>
+    <string name="beauty_video_material_download_progress_download_failed">下載失敗</string>
+    <string name="beauty_video_material_download_progress_no_enough_storage_space">存儲空間不足</string>
+</resources>
diff --git a/beautysettingkit/src/main/res/values-zh/strings.xml b/beautysettingkit/src/main/res/values-zh/strings.xml
new file mode 100755
index 0000000..d18d227
--- /dev/null
+++ b/beautysettingkit/src/main/res/values-zh/strings.xml
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="beauty_confirm">确定</string>
+    <string name="beauty_cancel">取消</string>
+    <string name="beauty_close">关闭</string>
+    <string name="beauty_strength">强度</string>
+    <string name="beauty_setup">设置</string>
+    <string name="beauty_common_none">无</string>
+    <string name="beauty_palm_out">伸出手掌</string>
+
+    <string name="beauty_setting_panel_style">风格</string>
+    <string name="beauty_setting_panel_beauty">美颜</string>
+    <string name="beauty_setting_panel_filter">滤镜</string>
+    <string name="beauty_setting_panel_dynamic_effect">动效</string>
+    <string name="beauty_setting_panel_key">抠背</string>
+    <string name="beauty_setting_panel_green_screen">绿幕</string>
+    <string name="beauty_setting_panel_facebeauty">美妆</string>
+    <string name="beauty_setting_panel_gesture">手势</string>
+
+    <string name="beauty_panel_style_smooth">美颜(光滑)</string>
+    <string name="beauty_panel_style_natural">美颜(自然)</string>
+    <string name="beauty_panel_style_pitu">美颜(天天P图)</string>
+
+    <string name="beauty_panel_beauty">美颜</string>
+    <string name="beauty_panel_white">美白</string>
+    <string name="beauty_panel_ruddy">红润</string>
+    <string name="beauty_panel_bigeye">大眼</string>
+    <string name="beauty_panel_faceslim">瘦脸</string>
+    <string name="beauty_panel_facev">V脸</string>
+    <string name="beauty_panel_chin">下巴</string>
+    <string name="beauty_panel_faceshort">短脸</string>
+    <string name="beauty_panel_noseslim">瘦鼻</string>
+    <string name="beauty_panel_eyelighten">亮眼</string>
+    <string name="beauty_panel_toothwhite">白牙</string>
+    <string name="beauty_panel_pounchremove">祛眼袋</string>
+    <string name="beauty_panel_smilelinesremove">祛法令纹</string>
+    <string name="beauty_panel_wrinkleremove">祛皱</string>
+    <string name="beauty_panel_forehead">发际线</string>
+    <string name="beauty_panel_eyedistance">眼距</string>
+    <string name="beauty_panel_eyeangle">眼角</string>
+    <string name="beauty_panel_mouthshape">嘴形</string>
+    <string name="beauty_panel_nosewing">鼻翼</string>
+    <string name="beauty_panel_noseposition">鼻子位置</string>
+    <string name="beauty_panel_mousewidth">嘴唇厚度</string>
+    <string name="beauty_panel_faceshape">脸型</string>
+
+    <string name="beauty_panel_filter_standard">标准</string>
+    <string name="beauty_panel_filter_cheery">樱红</string>
+    <string name="beauty_panel_filter_cloud">云裳</string>
+    <string name="beauty_panel_filter_pure">纯真</string>
+    <string name="beauty_panel_filter_orchid">白兰</string>
+    <string name="beauty_panel_filter_vitality">元气</string>
+    <string name="beauty_panel_filter_super">超脱</string>
+    <string name="beauty_panel_filter_fragrance">香氛</string>
+    <string name="beauty_panel_filter_white">美白</string>
+    <string name="beauty_panel_filter_romantic">浪漫</string>
+    <string name="beauty_panel_filter_fresh">清新</string>
+    <string name="beauty_panel_filter_beautiful">唯美</string>
+    <string name="beauty_panel_filter_pink">粉嫩</string>
+    <string name="beauty_panel_filter_reminiscence">怀旧</string>
+    <string name="beauty_panel_filter_blues">蓝调</string>
+    <string name="beauty_panel_filter_cool">清凉</string>
+    <string name="beauty_panel_filter_Japanese">日系</string>
+
+    <string name="beauty_effect_boom">Boom</string>
+    <string name="beauty_effect_neon_rat">霓虹鼠</string>
+    <string name="beauty_effect_star_ear">星耳</string>
+    <string name="beauty_effect_call">疯狂打call</string>
+    <string name="beauty_effect_constellation">Q星座</string>
+    <string name="beauty_effect_ribbon">彩色丝带</string>
+    <string name="beauty_effect_headband">刘海发带</string>
+    <string name="beauty_effect_face_change">变脸</string>
+    <string name="beauty_effect_purple_kitten">紫色小猫</string>
+    <string name="beauty_effect_flower_faerie">花仙子</string>
+    <string name="beauty_effect_princess">小公举</string>
+
+    <string name="beauty_cutout_background_ai">AI抠背</string>
+
+    <string name="beauty_good_luck">Good luck</string>
+
+    <string name="beauty_gesture_pikaqiu">皮卡丘</string>
+    <string name="beauty_gesture_meteor_shower">流星雨</string>
+    <string name="beauty_gesture_snow_control">控雪</string>
+    <string name="beauty_gesture_tv_star">电视之星</string>
+    <string name="beauty_gesture_bottle_cap_challenge">瓶盖挑战</string>
+
+    <string name="beauty_makeups_retro">原宿复古</string>
+    <string name="beauty_makeups_cherry">樱桃</string>
+    <string name="beauty_makeups_seas">海洋</string>
+    <string name="beauty_makeups_pink">粉粉霞</string>
+    <string name="beauty_makeups_widow">寡姐妆</string>
+    <string name="beauty_makeups_lip">七夕唇印</string>
+    <string name="beauty_makeups_costume">古风妆</string>
+    <string name="beauty_makeups_ugly">小丑女</string>
+    <string name="beauty_makeups_mixing">混合妆</string>
+
+    <string name="beauty_panel_uniforms">校服</string>
+
+    <string name="beauty_video_material_download_progress_material_unzip_failed">素材解压失败</string>
+    <string name="beauty_video_material_download_progress_download_failed">下载失败</string>
+    <string name="beauty_video_material_download_progress_no_enough_storage_space">存储空间不足</string>
+</resources>
diff --git a/beautysettingkit/src/main/res/values/arrays.xml b/beautysettingkit/src/main/res/values/arrays.xml
new file mode 100644
index 0000000..e711eb7
--- /dev/null
+++ b/beautysettingkit/src/main/res/values/arrays.xml
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string-array name="beauty_category">
+        <item>美颜</item>
+        <item>滤镜</item>
+        <item>动效</item>
+        <item>美妆</item>
+        <item>手势</item>
+        <item>抠背</item>
+        <item>绿幕</item>
+    </string-array>
+
+    <string-array name="beauty_style">
+        <item>美颜(光滑)</item>
+        <item>美颜(自然)</item>
+        <item>美颜(天天P图)</item>
+    </string-array>
+
+    <string-array name="beauty_type">
+        <item>美颜</item>
+        <item>美白</item>
+        <item>红润</item>
+        <item>大眼</item>
+        <item>瘦脸</item>
+        <item>V脸</item>
+        <item>下巴</item>
+        <item>短脸</item>
+        <item>瘦鼻</item>
+        <item>亮眼</item>
+        <item>白牙</item>
+        <item>祛眼袋</item>
+        <item>祛法令纹</item>
+        <item>祛皱</item>
+        <item>发际线</item>
+        <item>眼距</item>
+        <item>眼角</item>
+        <item>嘴形</item>
+        <item>鼻翼</item>
+        <item>鼻子位置</item>
+        <item>嘴唇厚度</item>
+        <item>脸型</item>
+    </string-array>
+
+    <string-array name="beauty_filter_type">
+        <item>无</item>
+        <item>标准</item>
+        <item>自然</item>
+        <item>白皙</item>
+        <item>樱红</item>
+        <item>云裳</item>
+        <item>纯真</item>
+        <item>白兰</item>
+        <item>元气</item>
+        <item>超脱</item>
+        <item>香氛</item>
+        <item>美白</item>
+        <item>浪漫</item>
+        <item>清新</item>
+        <item>唯美</item>
+        <item>粉嫩</item>
+        <item>怀旧</item>
+        <item>蓝调</item>
+        <item>清凉</item>
+        <item>日系</item>
+    </string-array>
+
+    <string-array name="beauty_motion_type">
+        <item>无</item>
+        <item>Boom</item>
+        <item>霓虹鼠</item>
+        <item>星耳</item>
+        <item>疯狂打call</item>
+        <item>Q星座</item>
+        <item>彩色丝带</item>
+        <item>刘海发带</item>
+        <item>变脸</item>
+        <item>紫色小猫</item>
+        <item>花仙子</item>
+        <item>小公举</item>
+    </string-array>
+
+    <string-array name="beauty_cutout_background">
+        <item>无动效</item>
+        <item>AI抠背</item>
+    </string-array>
+
+    <string-array name="beauty_green_screen">
+        <item>无</item>
+        <item>Good luck</item>
+    </string-array>
+
+    <string-array name="beauty_gesture_type">
+        <item>皮卡丘</item>
+        <item>流星雨</item>
+        <item>控雪</item>
+        <item>电视之星</item>
+        <item>瓶盖挑战</item>
+    </string-array>
+
+    <string-array name="beauty_makeup_type">
+        <item>原宿复古</item>
+        <item>樱桃</item>
+        <item>海洋</item>
+        <item>粉粉霞</item>
+        <item>寡姐妆</item>
+        <item>七夕唇印</item>
+        <item>古风妆</item>
+        <item>小丑女</item>
+        <item>混合妆</item>
+    </string-array>
+</resources>
diff --git a/beautysettingkit/src/main/res/values/attrs.xml b/beautysettingkit/src/main/res/values/attrs.xml
new file mode 100644
index 0000000..3ad78a7
--- /dev/null
+++ b/beautysettingkit/src/main/res/values/attrs.xml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <declare-styleable name="BeautyPanelStyle">
+        <!-- 美颜面板 -->
+        <attr name="beautyPanelColorPrimary" format="reference" />
+        <attr name="beautyPanelSmoothIcon" format="reference" />
+        <attr name="beautyPanelNaturalIcon" format="reference" />
+        <attr name="beautyPanelPituIcon" format="reference" />
+        <attr name="beautyPanelWhiteIcon" format="reference" />
+        <attr name="beautyPanelRuddyIcon" format="reference" />
+        <attr name="beautyPanelBigeyeIcon" format="reference" />
+        <attr name="beautyPanelFaceslimIcon" format="reference" />
+        <attr name="beautyPanelFacevIcon" format="reference" />
+        <attr name="beautyPanelChinIcon" format="reference" />
+        <attr name="beautyPanelFaceshortIcon" format="reference" />
+        <attr name="beautyPanelNoseslimIcon" format="reference" />
+        <attr name="beautyPanelEyeLightenIcon" format="reference" />
+        <attr name="beautyPanelToothWhiteIcon" format="reference" />
+        <attr name="beautyPanelPouchRemoveIcon" format="reference" />
+        <attr name="beautyPanelSmileLinesRemoveIcon" format="reference" />
+        <attr name="beautyPanelWrinkleIcon" format="reference" />
+        <attr name="beautyPanelForeheadIcon" format="reference" />
+        <attr name="beautyPanelEyeDistanceIcon" format="reference" />
+        <attr name="beautyPanelEyeAngleIcon" format="reference" />
+        <attr name="beautyPanelMouthShapeIcon" format="reference" />
+        <attr name="beautyPanelNoseWingIcon" format="reference" />
+        <attr name="beautyPanelNosePositionIcon" format="reference" />
+        <attr name="beautyPanelMouseWidthIcon" format="reference" />
+        <attr name="beautyPanelFaceShapeIcon" format="reference" />
+    </declare-styleable>
+</resources>
diff --git a/beautysettingkit/src/main/res/values/colors.xml b/beautysettingkit/src/main/res/values/colors.xml
new file mode 100644
index 0000000..dbdd60b
--- /dev/null
+++ b/beautysettingkit/src/main/res/values/colors.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="beauty_color_red">#FF584C</color>
+    <color name="beauty_color_white">#FFFFFF</color>
+</resources>
diff --git a/beautysettingkit/src/main/res/values/dimens.xml b/beautysettingkit/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..5163c0b
--- /dev/null
+++ b/beautysettingkit/src/main/res/values/dimens.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <dimen name="beauty_title">18sp</dimen>
+    <dimen name="beauty_sub_content">14sp</dimen>
+
+    <dimen name="beauty_h1">9sp</dimen>
+    <dimen name="beauty_h2">10sp</dimen>
+    <dimen name="beauty_h3">11sp</dimen>
+    <dimen name="beauty_h4">12sp</dimen>
+    <dimen name="beauty_h5">13sp</dimen>
+    <dimen name="beauty_h6">14sp</dimen>
+    <dimen name="beauty_h7">15sp</dimen>
+    <dimen name="beauty_h8">16sp</dimen>
+    <dimen name="beauty_h9">17sp</dimen>
+    <dimen name="beauty_h10">18sp</dimen>
+    <dimen name="beauty_h11">19sp</dimen>
+    <dimen name="beauty_h12">20sp</dimen>
+
+    <dimen name="beauty_live_btn_size">35dp</dimen>
+
+    <dimen name="beauty_qav_multi_video_friend_item_width">60dp</dimen>
+    <dimen name="beauty_qav_grid_view_item_width_audio">75dp</dimen>
+    <dimen name="beauty_ugc_item_thumb_height">60dp</dimen>
+    <dimen name="beauty_ugc_cut_margin">10dp</dimen>
+    <dimen name="beauty_ugc_aspect_width">50dp</dimen>
+    <dimen name="beauty_ugc_aspect_divider">18dp</dimen>
+    <dimen name="beauty_ugc_progress_cursor">2dp</dimen>
+    <dimen name="beauty_ugc_progress_min_pos">2dp</dimen>
+    <dimen name="beauty_ugc_progress_divider">1dp</dimen>
+    <dimen name="beauty_video_progress_height">50dp</dimen>
+    <dimen name="beauty_video_thumbnail_width">50dp</dimen>
+</resources>
diff --git a/beautysettingkit/src/main/res/values/strings.xml b/beautysettingkit/src/main/res/values/strings.xml
new file mode 100644
index 0000000..64eb8ae
--- /dev/null
+++ b/beautysettingkit/src/main/res/values/strings.xml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="beauty_confirm">确定</string>
+    <string name="beauty_cancel">取消</string>
+    <string name="beauty_close">关闭</string>
+    <string name="beauty_strength">强度</string>
+    <string name="beauty_setup">设置</string>
+    <string name="beauty_common_none">无</string>
+    <string name="beauty_palm_out">伸出手掌</string>
+
+    <string name="beauty_setting_panel_style">风格</string>
+    <string name="beauty_setting_panel_beauty">美颜</string>
+    <string name="beauty_setting_panel_filter">滤镜</string>
+    <string name="beauty_setting_panel_dynamic_effect">动效</string>
+    <string name="beauty_setting_panel_key">抠背</string>
+    <string name="beauty_setting_panel_green_screen">绿幕</string>
+    <string name="beauty_setting_panel_facebeauty">美妆</string>
+    <string name="beauty_setting_panel_gesture">手势</string>
+
+    <string name="beauty_panel_style_smooth">美颜(光滑)</string>
+    <string name="beauty_panel_style_natural">美颜(自然)</string>
+    <string name="beauty_panel_style_pitu">美颜(天天P图)</string>
+
+    <string name="beauty_panel_beauty">美颜</string>
+    <string name="beauty_panel_white">美白</string>
+    <string name="beauty_panel_ruddy">红润</string>
+    <string name="beauty_panel_bigeye">大眼</string>
+    <string name="beauty_panel_faceslim">瘦脸</string>
+    <string name="beauty_panel_facev">V脸</string>
+    <string name="beauty_panel_chin">下巴</string>
+    <string name="beauty_panel_faceshort">短脸</string>
+    <string name="beauty_panel_noseslim">瘦鼻</string>
+    <string name="beauty_panel_eyelighten">亮眼</string>
+    <string name="beauty_panel_toothwhite">白牙</string>
+    <string name="beauty_panel_pounchremove">祛眼袋</string>
+    <string name="beauty_panel_smilelinesremove">祛法令纹</string>
+    <string name="beauty_panel_wrinkleremove">祛皱</string>
+    <string name="beauty_panel_forehead">发际线</string>
+    <string name="beauty_panel_eyedistance">眼距</string>
+    <string name="beauty_panel_eyeangle">眼角</string>
+    <string name="beauty_panel_mouthshape">嘴形</string>
+    <string name="beauty_panel_nosewing">鼻翼</string>
+    <string name="beauty_panel_noseposition">鼻子位置</string>
+    <string name="beauty_panel_mousewidth">嘴唇厚度</string>
+    <string name="beauty_panel_faceshape">脸型</string>
+
+    <string name="beauty_panel_filter_standard">标准</string>
+    <string name="beauty_panel_filter_ziran">自然</string>
+    <string name="beauty_panel_filter_baixi">白皙</string>
+    <string name="beauty_panel_filter_cheery">樱红</string>
+    <string name="beauty_panel_filter_cloud">云裳</string>
+    <string name="beauty_panel_filter_pure">纯真</string>
+    <string name="beauty_panel_filter_orchid">白兰</string>
+    <string name="beauty_panel_filter_vitality">元气</string>
+    <string name="beauty_panel_filter_super">超脱</string>
+    <string name="beauty_panel_filter_fragrance">香氛</string>
+    <string name="beauty_panel_filter_white">美白</string>
+    <string name="beauty_panel_filter_romantic">浪漫</string>
+    <string name="beauty_panel_filter_fresh">清新</string>
+    <string name="beauty_panel_filter_beautiful">唯美</string>
+    <string name="beauty_panel_filter_pink">粉嫩</string>
+    <string name="beauty_panel_filter_reminiscence">怀旧</string>
+    <string name="beauty_panel_filter_blues">蓝调</string>
+    <string name="beauty_panel_filter_cool">清凉</string>
+    <string name="beauty_panel_filter_Japanese">日系</string>
+
+    <string name="beauty_effect_boom">Boom</string>
+    <string name="beauty_effect_neon_rat">霓虹鼠</string>
+    <string name="beauty_effect_call">疯狂打call</string>
+    <string name="beauty_effect_constellation">Q星座</string>
+    <string name="beauty_effect_ribbon">彩色丝带</string>
+    <string name="beauty_effect_headband">刘海发带</string>
+    <string name="beauty_effect_purple_kitten">紫色小猫</string>
+    <string name="beauty_effect_flower_faerie">花仙子</string>
+    <string name="beauty_effect_princess">小公举</string>
+    <string name="beauty_effect_star_ear">星耳</string>
+    <string name="beauty_effect_face_change">变脸</string>
+
+    <string name="beauty_cutout_background_ai">AI抠背</string>
+
+    <string name="beauty_good_luck">Good luck</string>
+
+    <string name="beauty_gesture_pikaqiu">皮卡丘</string>
+    <string name="beauty_gesture_meteor_shower">流星雨</string>
+    <string name="beauty_gesture_snow_control">控雪</string>
+    <string name="beauty_gesture_tv_star">电视之星</string>
+    <string name="beauty_gesture_bottle_cap_challenge">瓶盖挑战</string>
+
+    <string name="beauty_makeups_cherry">樱桃</string>
+    <string name="beauty_makeups_seas">海洋</string>
+    <string name="beauty_makeups_pink">粉粉霞</string>
+    <string name="beauty_makeups_widow">寡姐妆</string>
+    <string name="beauty_makeups_lip">七夕唇印</string>
+    <string name="beauty_makeups_costume">古风妆</string>
+    <string name="beauty_makeups_ugly">小丑女</string>
+    <string name="beauty_makeups_mixing">混合妆</string>
+    <string name="beauty_makeups_retro">原宿复古</string>
+
+    <string name="beauty_panel_uniforms">校服</string>
+
+    <string name="beauty_video_material_download_progress_material_unzip_failed">素材解压失败</string>
+    <string name="beauty_video_material_download_progress_download_failed">下载失败</string>
+    <string name="beauty_video_material_download_progress_no_enough_storage_space">存储空间不足</string>
+</resources>
diff --git a/beautysettingkit/src/main/res/values/styles.xml b/beautysettingkit/src/main/res/values/styles.xml
new file mode 100644
index 0000000..67f8be6
--- /dev/null
+++ b/beautysettingkit/src/main/res/values/styles.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- 自定义loading dialog -->
+    <style name="BeautyLoadingDialog" parent="android:style/Theme.Dialog">
+        <item name="android:windowFrame">@null</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowIsFloating">true</item>
+        <item name="android:windowContentOverlay">@null</item>
+    </style>
+
+    <!-- 短视频录制主题UI配置-->
+    <style name="BeautyPanelStyle">
+        <!-- 美颜面板 -->
+        <item name="beautyPanelColorPrimary">@color/beauty_color_red</item>
+        <item name="beautyPanelSmoothIcon">@drawable/beauty_ic_smooth</item>
+        <item name="beautyPanelNaturalIcon">@drawable/beauty_ic_natural</item>
+        <item name="beautyPanelPituIcon">@drawable/beauty_ic_pitu</item>
+        <item name="beautyPanelWhiteIcon">@drawable/beauty_ic_white</item>
+        <item name="beautyPanelRuddyIcon">@drawable/beauty_ic_ruddy</item>
+        <item name="beautyPanelBigeyeIcon">@drawable/beauty_ic_bigeye</item>
+        <item name="beautyPanelFaceslimIcon">@drawable/beauty_ic_faceslim</item>
+        <item name="beautyPanelFacevIcon">@drawable/beauty_ic_facev</item>
+        <item name="beautyPanelChinIcon">@drawable/beauty_ic_chin</item>
+        <item name="beautyPanelFaceshortIcon">@drawable/beauty_ic_face_short</item>
+        <item name="beautyPanelNoseslimIcon">@drawable/beauty_ic_noseslim</item>
+        <item name="beautyPanelEyeLightenIcon">@drawable/beauty_ic_eye_bright</item>
+        <item name="beautyPanelToothWhiteIcon">@drawable/beauty_ic_tooth_white</item>
+        <item name="beautyPanelPouchRemoveIcon">@drawable/beauty_ic_pouch_remove</item>
+        <item name="beautyPanelSmileLinesRemoveIcon">@drawable/beauty_ic_smile_lines</item>
+        <item name="beautyPanelWrinkleIcon">@drawable/beauty_ic_wrinkles</item>
+        <item name="beautyPanelForeheadIcon">@drawable/beauty_ic_forehead</item>
+        <item name="beautyPanelEyeDistanceIcon">@drawable/beauty_ic_eye_distance</item>
+        <item name="beautyPanelEyeAngleIcon">@drawable/beauty_ic_eye_angle</item>
+        <item name="beautyPanelMouthShapeIcon">@drawable/beauty_ic_mouse_shape</item>
+        <item name="beautyPanelNoseWingIcon">@drawable/beauty_ic_nose_wing</item>
+        <item name="beautyPanelNosePositionIcon">@drawable/beauty_ic_nose_position</item>
+        <item name="beautyPanelMouseWidthIcon">@drawable/beauty_ic_mouse_width</item>
+        <item name="beautyPanelFaceShapeIcon">@drawable/beauty_ic_face_shape</item>
+    </style>
+</resources>
diff --git a/build.gradle b/build.gradle
index ac22645..71d9083 100755
--- a/build.gradle
+++ b/build.gradle
@@ -19,9 +19,30 @@ allprojects {
     repositories {
         google()
         jcenter()
+        flatDir {
+            dirs 'src/main/jniLibs'
+            dirs project(':ugckit').file('libs')
+        }
     }
 }
 
 task clean(type: Delete) {
     delete rootProject.buildDir
 }
+
+ext {
+    compileSdkVersion = 25
+    buildToolsVersion = "25.0.2"
+    supportSdkVersion = "25.4.0"
+    minSdkVersion = 16
+    targetSdkVersion = 23
+    versionCode = 1
+    versionName = "v1.0"
+    proguard = true
+    rootPrj = "$projectDir/.."
+    ndkAbi = 'armeabi-v7a'
+    noffmpeg = false
+    noijkplay = false
+    aekit_version = '1.0.16-cloud'
+    liteavSdk="com.tencent.liteav:LiteAVSDK_Professional:latest.release"
+}
diff --git a/settings.gradle b/settings.gradle
index 5e2642d..468749a 100755
--- a/settings.gradle
+++ b/settings.gradle
@@ -13,3 +13,5 @@ include ':gatelibrary'
 include ':facelibrary'
 
 include ':uniplugin_module_TXLiveAVSDK'
+include ':ugckit'
+include ':beautysettingkit'
\ No newline at end of file
diff --git a/ugckit/.gitignore b/ugckit/.gitignore
new file mode 100644
index 0000000..796b96d
--- /dev/null
+++ b/ugckit/.gitignore
@@ -0,0 +1 @@
+/build
diff --git a/ugckit/build.gradle b/ugckit/build.gradle
new file mode 100644
index 0000000..ffcac05
--- /dev/null
+++ b/ugckit/build.gradle
@@ -0,0 +1,68 @@
+apply plugin: 'com.android.library'
+
+android {
+    compileSdkVersion 29
+    buildToolsVersion "28.0.3"
+
+
+    defaultConfig {
+        minSdkVersion 23
+        targetSdkVersion 26
+//        versionCode rootProject.ext.versionCode
+//        versionName rootProject.ext.versionName
+
+        renderscriptTargetApi = 14
+        renderscriptSupportModeEnabled = true
+        multiDexEnabled = true
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled = false
+            proguardFiles.add(file('proguard-rules.pro'))
+            signingConfig signingConfigs.debug
+        }
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword "android"
+            keyAlias "androiddebugkey"
+            keyPassword "android"
+        }
+    }
+
+    dexOptions {
+        javaMaxHeapSize "4g"
+    }
+
+    packagingOptions {
+        pickFirst '**/libc++_shared.so'
+        doNotStrip "*/armeabi/libYTCommon.so"
+        doNotStrip "*/armeabi-v7a/libYTCommon.so"
+        doNotStrip "*/x86/libYTCommon.so"
+        doNotStrip "*/arm64-v8a/libYTCommon.so"
+    }
+}
+
+dependencies {
+    implementation fileTree(include: ['*.jar'], dir: 'libs')
+    implementation fileTree(include: ['*.jar'], dir: 'src/main/jniLibs')
+    implementation 'com.google.android.material:material:1.0.0'
+    implementation 'androidx.recyclerview:recyclerview:1.0.0'
+    implementation 'com.google.code.gson:gson:2.3.1'
+    api 'com.github.bumptech.glide:glide:4.12.0@aar'
+    implementation 'androidx.exifinterface:exifinterface:1.2.0'
+    implementation 'androidx.vectordrawable:vectordrawable-animated:1.1.0'
+//    implementation rootProject.ext.liteavSdk
+    implementation 'androidx.multidex:multidex:2.0.0'
+    implementation 'de.hdodenhof:circleimageview:3.1.0'
+    implementation 'com.github.castorflex.verticalviewpager:library:19.0.1'
+    implementation 'org.greenrobot:eventbus:3.0.0'
+    implementation 'androidx.annotation:annotation:1.0.0'
+    implementation 'com.squareup.okhttp3:okhttp:3.11.0'
+    implementation 'com.squareup.okio:okio:1.14.0'
+//    implementation project(':beautysettingkit')
+    implementation 'com.qcloud.cos:cos-android-nobeacon:5.8.5'
+    implementation 'com.qcloud.cos:quic:1.5.38'
+}
\ No newline at end of file
diff --git a/ugckit/proguard-rules.pro b/ugckit/proguard-rules.pro
new file mode 100644
index 0000000..d180fd5
--- /dev/null
+++ b/ugckit/proguard-rules.pro
@@ -0,0 +1,23 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
+-dontwarn com.tencent.bugly.**
+-keep public class com.tencent.bugly.**{*;}
\ No newline at end of file
diff --git a/ugckit/src/main/AndroidManifest.xml b/ugckit/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..fccb3fb
--- /dev/null
+++ b/ugckit/src/main/AndroidManifest.xml
@@ -0,0 +1,23 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.tencent.qcloud.ugckit">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
+    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <!--    <uses-permission android:name="android.permission.WRITE_SETTINGS" />-->
+    <!--    <uses-permission android:name="android.permission.READ_LOGS" />-->
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.CAMERA" />
+
+    <uses-feature android:name="android.hardware.camera" />
+    <uses-feature android:name="android.hardware.camera.autofocus" />
+
+    <application>
+        <activity
+            android:name=".module.effect.bgm.TCMusicActivity"
+            android:screenOrientation="portrait" />
+    </application>
+</manifest>
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/config.json b/ugckit/src/main/assets/AnimatedPaster/daddy/config.json
new file mode 100755
index 0000000..49c0819
--- /dev/null
+++ b/ugckit/src/main/assets/AnimatedPaster/daddy/config.json
@@ -0,0 +1,31 @@
+{
+  "name": "daddy",
+  "count": 7,
+  "period": 280,
+  "width": 620,
+  "height": 373,
+  "keyframe": 7,
+  "frameArray": [
+    {
+      "picture": "daddy0"
+    },
+    {
+      "picture": "daddy1"
+    },
+    {
+      "picture": "daddy2"
+    },
+    {
+      "picture": "daddy3"
+    },
+    {
+      "picture": "daddy4"
+    },
+    {
+      "picture": "daddy5"
+    },
+    {
+      "picture": "daddy6"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/daddy0.png b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy0.png
new file mode 100755
index 0000000..08bf935
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy0.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/daddy1.png b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy1.png
new file mode 100755
index 0000000..9d40d8e
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy1.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/daddy2.png b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy2.png
new file mode 100755
index 0000000..9c91d2b
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy2.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/daddy3.png b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy3.png
new file mode 100755
index 0000000..5b62816
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy3.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/daddy4.png b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy4.png
new file mode 100755
index 0000000..6c3f835
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy4.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/daddy5.png b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy5.png
new file mode 100755
index 0000000..c23d8f3
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy5.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/daddy6.png b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy6.png
new file mode 100755
index 0000000..aa7ce61
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/daddy6.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/daddy/icon.png b/ugckit/src/main/assets/AnimatedPaster/daddy/icon.png
new file mode 100755
index 0000000..af1515d
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/daddy/icon.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/config.json b/ugckit/src/main/assets/AnimatedPaster/face/config.json
new file mode 100755
index 0000000..b15bb3f
--- /dev/null
+++ b/ugckit/src/main/assets/AnimatedPaster/face/config.json
@@ -0,0 +1,49 @@
+{
+  "name": "face",
+  "count": 13,
+  "period": 280,
+  "width": 472,
+  "height": 271,
+  "keyframe": 6,
+  "frameArray": [
+    {
+      "picture": "face0"
+    },
+    {
+      "picture": "face1"
+    },
+    {
+      "picture": "face2"
+    },
+    {
+      "picture": "face3"
+    },
+    {
+      "picture": "face4"
+    },
+    {
+      "picture": "face5"
+    },
+    {
+      "picture": "face6"
+    },
+    {
+      "picture": "face7"
+    },
+    {
+      "picture": "face8"
+    },
+    {
+      "picture": "face9"
+    },
+    {
+      "picture": "face10"
+    },
+    {
+      "picture": "face11"
+    },
+    {
+      "picture": "face12"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face0.png b/ugckit/src/main/assets/AnimatedPaster/face/face0.png
new file mode 100755
index 0000000..2912703
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face0.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face1.png b/ugckit/src/main/assets/AnimatedPaster/face/face1.png
new file mode 100755
index 0000000..4407481
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face1.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face10.png b/ugckit/src/main/assets/AnimatedPaster/face/face10.png
new file mode 100755
index 0000000..8596481
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face10.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face11.png b/ugckit/src/main/assets/AnimatedPaster/face/face11.png
new file mode 100755
index 0000000..4407481
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face11.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face12.png b/ugckit/src/main/assets/AnimatedPaster/face/face12.png
new file mode 100755
index 0000000..2912703
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face12.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face2.png b/ugckit/src/main/assets/AnimatedPaster/face/face2.png
new file mode 100755
index 0000000..8596481
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face2.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face3.png b/ugckit/src/main/assets/AnimatedPaster/face/face3.png
new file mode 100755
index 0000000..6eb035a
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face3.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face4.png b/ugckit/src/main/assets/AnimatedPaster/face/face4.png
new file mode 100755
index 0000000..fc53202
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face4.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face5.png b/ugckit/src/main/assets/AnimatedPaster/face/face5.png
new file mode 100755
index 0000000..495f099
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face5.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face6.png b/ugckit/src/main/assets/AnimatedPaster/face/face6.png
new file mode 100755
index 0000000..d40da27
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face6.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face7.png b/ugckit/src/main/assets/AnimatedPaster/face/face7.png
new file mode 100755
index 0000000..495f099
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face7.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face8.png b/ugckit/src/main/assets/AnimatedPaster/face/face8.png
new file mode 100755
index 0000000..fc53202
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face8.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/face9.png b/ugckit/src/main/assets/AnimatedPaster/face/face9.png
new file mode 100755
index 0000000..6eb035a
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/face9.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/face/icon.png b/ugckit/src/main/assets/AnimatedPaster/face/icon.png
new file mode 100755
index 0000000..9bfded7
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/face/icon.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/config.json b/ugckit/src/main/assets/AnimatedPaster/girl/config.json
new file mode 100755
index 0000000..ab1faa6
--- /dev/null
+++ b/ugckit/src/main/assets/AnimatedPaster/girl/config.json
@@ -0,0 +1,31 @@
+{
+  "name": "girl",
+  "count": 7,
+  "period": 420,
+  "width": 560,
+  "height": 631,
+  "keyframe": 7,
+  "frameArray": [
+    {
+      "picture": "girl0"
+    },
+    {
+      "picture": "girl1"
+    },
+    {
+      "picture": "girl2"
+    },
+    {
+      "picture": "girl3"
+    },
+    {
+      "picture": "girl4"
+    },
+    {
+      "picture": "girl5"
+    },
+    {
+      "picture": "girl6"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/girl0.png b/ugckit/src/main/assets/AnimatedPaster/girl/girl0.png
new file mode 100755
index 0000000..9b2a5ba
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/girl0.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/girl1.png b/ugckit/src/main/assets/AnimatedPaster/girl/girl1.png
new file mode 100755
index 0000000..31de5f9
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/girl1.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/girl2.png b/ugckit/src/main/assets/AnimatedPaster/girl/girl2.png
new file mode 100755
index 0000000..8cba994
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/girl2.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/girl3.png b/ugckit/src/main/assets/AnimatedPaster/girl/girl3.png
new file mode 100755
index 0000000..5896c18
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/girl3.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/girl4.png b/ugckit/src/main/assets/AnimatedPaster/girl/girl4.png
new file mode 100755
index 0000000..9cc8ead
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/girl4.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/girl5.png b/ugckit/src/main/assets/AnimatedPaster/girl/girl5.png
new file mode 100755
index 0000000..fd17402
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/girl5.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/girl6.png b/ugckit/src/main/assets/AnimatedPaster/girl/girl6.png
new file mode 100755
index 0000000..10ef2b1
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/girl6.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/girl/icon.png b/ugckit/src/main/assets/AnimatedPaster/girl/icon.png
new file mode 100755
index 0000000..b293eab
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/girl/icon.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/config.json b/ugckit/src/main/assets/AnimatedPaster/glass/config.json
new file mode 100755
index 0000000..37de9ea
--- /dev/null
+++ b/ugckit/src/main/assets/AnimatedPaster/glass/config.json
@@ -0,0 +1,28 @@
+{
+  "name": "glass",
+  "count": 6,
+  "period": 480,
+  "width": 444,
+  "height": 256,
+  "keyframe": 6,
+  "frameArray": [
+    {
+      "picture": "glass0"
+    },
+    {
+      "picture": "glass1"
+    },
+    {
+      "picture": "glass2"
+    },
+    {
+      "picture": "glass3"
+    },
+    {
+      "picture": "glass4"
+    },
+    {
+      "picture": "glass5"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/glass0.png b/ugckit/src/main/assets/AnimatedPaster/glass/glass0.png
new file mode 100755
index 0000000..bff76ed
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/glass/glass0.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/glass1.png b/ugckit/src/main/assets/AnimatedPaster/glass/glass1.png
new file mode 100755
index 0000000..0bad49c
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/glass/glass1.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/glass2.png b/ugckit/src/main/assets/AnimatedPaster/glass/glass2.png
new file mode 100755
index 0000000..e62e8cb
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/glass/glass2.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/glass3.png b/ugckit/src/main/assets/AnimatedPaster/glass/glass3.png
new file mode 100755
index 0000000..0424c35
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/glass/glass3.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/glass4.png b/ugckit/src/main/assets/AnimatedPaster/glass/glass4.png
new file mode 100755
index 0000000..e62e8cb
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/glass/glass4.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/glass5.png b/ugckit/src/main/assets/AnimatedPaster/glass/glass5.png
new file mode 100755
index 0000000..0bad49c
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/glass/glass5.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/glass/icon.png b/ugckit/src/main/assets/AnimatedPaster/glass/icon.png
new file mode 100755
index 0000000..95ac1fd
Binary files /dev/null and b/ugckit/src/main/assets/AnimatedPaster/glass/icon.png differ
diff --git a/ugckit/src/main/assets/AnimatedPaster/pasterList.json b/ugckit/src/main/assets/AnimatedPaster/pasterList.json
new file mode 100644
index 0000000..0f83e76
--- /dev/null
+++ b/ugckit/src/main/assets/AnimatedPaster/pasterList.json
@@ -0,0 +1,20 @@
+{
+  "pasterList": [
+    {
+      "icon": "daddy/icon.png",
+      "name": "daddy"
+    },
+    {
+      "icon": "face/icon.png",
+      "name": "face"
+    },
+    {
+      "icon": "girl/icon.png",
+      "name": "girl"
+    },
+    {
+      "icon": "glass/icon.png",
+      "name": "glass"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/ugckit/src/main/assets/bubble/boom/bubble.png b/ugckit/src/main/assets/bubble/boom/bubble.png
new file mode 100755
index 0000000..4fc7c2a
Binary files /dev/null and b/ugckit/src/main/assets/bubble/boom/bubble.png differ
diff --git a/ugckit/src/main/assets/bubble/boom/config.json b/ugckit/src/main/assets/bubble/boom/config.json
new file mode 100755
index 0000000..026e7eb
--- /dev/null
+++ b/ugckit/src/main/assets/bubble/boom/config.json
@@ -0,0 +1,10 @@
+{
+  "name": "boom",
+  "width": 376,
+  "height": 335,
+  "textTop": 121,
+  "textLeft": 66,
+  "textRight": 69,
+  "textBottom": 123,
+  "textSize": 40
+}
diff --git a/ugckit/src/main/assets/bubble/boom/icon.png b/ugckit/src/main/assets/bubble/boom/icon.png
new file mode 100755
index 0000000..6482dc4
Binary files /dev/null and b/ugckit/src/main/assets/bubble/boom/icon.png differ
diff --git a/ugckit/src/main/assets/bubble/bubbleList.json b/ugckit/src/main/assets/bubble/bubbleList.json
new file mode 100644
index 0000000..dc4610b
--- /dev/null
+++ b/ugckit/src/main/assets/bubble/bubbleList.json
@@ -0,0 +1,24 @@
+{
+  "bubbleList": [
+    {
+      "icon": "empty/icon.png",
+      "name": "empty"
+    },
+    {
+      "icon": "lightning/icon.png",
+      "name": "lightning"
+    },
+    {
+      "icon": "cloud/icon.png",
+      "name": "cloud"
+    },
+    {
+      "icon": "boom/icon.png",
+      "name": "boom"
+    },
+    {
+      "icon": "rabbit/icon.png",
+      "name": "rabbit"
+    }
+  ]
+}
diff --git a/ugckit/src/main/assets/bubble/cloud/bubble.png b/ugckit/src/main/assets/bubble/cloud/bubble.png
new file mode 100644
index 0000000..c3ea68a
Binary files /dev/null and b/ugckit/src/main/assets/bubble/cloud/bubble.png differ
diff --git a/ugckit/src/main/assets/bubble/cloud/config.json b/ugckit/src/main/assets/bubble/cloud/config.json
new file mode 100644
index 0000000..885c9e7
--- /dev/null
+++ b/ugckit/src/main/assets/bubble/cloud/config.json
@@ -0,0 +1,10 @@
+{
+  "name": "cloud",
+  "width": 502,
+  "height": 300,
+  "textTop": 114,
+  "textLeft": 111,
+  "textRight": 111,
+  "textBottom": 102,
+  "textSize": 40
+}
diff --git a/ugckit/src/main/assets/bubble/cloud/icon.png b/ugckit/src/main/assets/bubble/cloud/icon.png
new file mode 100644
index 0000000..06b7f21
Binary files /dev/null and b/ugckit/src/main/assets/bubble/cloud/icon.png differ
diff --git a/ugckit/src/main/assets/bubble/empty/config.json b/ugckit/src/main/assets/bubble/empty/config.json
new file mode 100644
index 0000000..259bdae
--- /dev/null
+++ b/ugckit/src/main/assets/bubble/empty/config.json
@@ -0,0 +1,10 @@
+{
+  "name": "empty",
+  "width": 0,
+  "height": 0,
+  "textTop": 0,
+  "textLeft": 0,
+  "textRight": 0,
+  "textBottom": 0,
+  "textSize": 40
+}
diff --git a/ugckit/src/main/assets/bubble/empty/icon.png b/ugckit/src/main/assets/bubble/empty/icon.png
new file mode 100644
index 0000000..f20d4e2
Binary files /dev/null and b/ugckit/src/main/assets/bubble/empty/icon.png differ
diff --git a/ugckit/src/main/assets/bubble/lightning/bubble.png b/ugckit/src/main/assets/bubble/lightning/bubble.png
new file mode 100755
index 0000000..4bb5a53
Binary files /dev/null and b/ugckit/src/main/assets/bubble/lightning/bubble.png differ
diff --git a/ugckit/src/main/assets/bubble/lightning/config.json b/ugckit/src/main/assets/bubble/lightning/config.json
new file mode 100755
index 0000000..6dd0f63
--- /dev/null
+++ b/ugckit/src/main/assets/bubble/lightning/config.json
@@ -0,0 +1,10 @@
+{
+  "name": "lightning",
+  "width": 336,
+  "height": 350,
+  "textTop": 47,
+  "textLeft": 35,
+  "textRight": 70,
+  "textBottom": 164,
+  "textSize": 40
+}
diff --git a/ugckit/src/main/assets/bubble/lightning/icon.png b/ugckit/src/main/assets/bubble/lightning/icon.png
new file mode 100755
index 0000000..46a1965
Binary files /dev/null and b/ugckit/src/main/assets/bubble/lightning/icon.png differ
diff --git a/ugckit/src/main/assets/bubble/rabbit/bubble.png b/ugckit/src/main/assets/bubble/rabbit/bubble.png
new file mode 100755
index 0000000..7086f05
Binary files /dev/null and b/ugckit/src/main/assets/bubble/rabbit/bubble.png differ
diff --git a/ugckit/src/main/assets/bubble/rabbit/config.json b/ugckit/src/main/assets/bubble/rabbit/config.json
new file mode 100755
index 0000000..80d040c
--- /dev/null
+++ b/ugckit/src/main/assets/bubble/rabbit/config.json
@@ -0,0 +1,10 @@
+{
+  "name": "rabbit",
+  "width": 428,
+  "height": 599,
+  "textTop": 264,
+  "textLeft": 91,
+  "textRight": 91,
+  "textBottom": 103,
+  "textSize": 40
+}
diff --git a/ugckit/src/main/assets/bubble/rabbit/icon.png b/ugckit/src/main/assets/bubble/rabbit/icon.png
new file mode 100755
index 0000000..46c7bab
Binary files /dev/null and b/ugckit/src/main/assets/bubble/rabbit/icon.png differ
diff --git a/ugckit/src/main/assets/paster/cat/cat.png b/ugckit/src/main/assets/paster/cat/cat.png
new file mode 100755
index 0000000..f856cfe
Binary files /dev/null and b/ugckit/src/main/assets/paster/cat/cat.png differ
diff --git a/ugckit/src/main/assets/paster/cat/icon.png b/ugckit/src/main/assets/paster/cat/icon.png
new file mode 100644
index 0000000..52bfeb5
Binary files /dev/null and b/ugckit/src/main/assets/paster/cat/icon.png differ
diff --git a/ugckit/src/main/assets/paster/happy/happy.png b/ugckit/src/main/assets/paster/happy/happy.png
new file mode 100755
index 0000000..7302bb9
Binary files /dev/null and b/ugckit/src/main/assets/paster/happy/happy.png differ
diff --git a/ugckit/src/main/assets/paster/happy/icon.png b/ugckit/src/main/assets/paster/happy/icon.png
new file mode 100644
index 0000000..e828d4e
Binary files /dev/null and b/ugckit/src/main/assets/paster/happy/icon.png differ
diff --git a/ugckit/src/main/assets/paster/lovely/icon.png b/ugckit/src/main/assets/paster/lovely/icon.png
new file mode 100644
index 0000000..b1a44fd
Binary files /dev/null and b/ugckit/src/main/assets/paster/lovely/icon.png differ
diff --git a/ugckit/src/main/assets/paster/lovely/lovely.png b/ugckit/src/main/assets/paster/lovely/lovely.png
new file mode 100755
index 0000000..f5b0977
Binary files /dev/null and b/ugckit/src/main/assets/paster/lovely/lovely.png differ
diff --git a/ugckit/src/main/assets/paster/pasterList.json b/ugckit/src/main/assets/paster/pasterList.json
new file mode 100644
index 0000000..a631809
--- /dev/null
+++ b/ugckit/src/main/assets/paster/pasterList.json
@@ -0,0 +1,20 @@
+{
+  "pasterList": [
+    {
+      "icon": "cat/icon.png",
+      "name": "cat"
+    },
+    {
+      "icon": "happy/icon.png",
+      "name": "happy"
+    },
+    {
+      "icon": "lovely/icon.png",
+      "name": "lovely"
+    },
+    {
+      "icon": "rainbow/icon.png",
+      "name": "rainbow"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/ugckit/src/main/assets/paster/rainbow/icon.png b/ugckit/src/main/assets/paster/rainbow/icon.png
new file mode 100644
index 0000000..a558a3b
Binary files /dev/null and b/ugckit/src/main/assets/paster/rainbow/icon.png differ
diff --git a/ugckit/src/main/assets/paster/rainbow/rainbow.png b/ugckit/src/main/assets/paster/rainbow/rainbow.png
new file mode 100755
index 0000000..74f4a88
Binary files /dev/null and b/ugckit/src/main/assets/paster/rainbow/rainbow.png differ
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKit.java
new file mode 100644
index 0000000..c756e0c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKit.java
@@ -0,0 +1,26 @@
+package com.tencent.qcloud.ugckit;
+
+import android.content.Context;
+
+public class UGCKit {
+    private static Context sAppContext;
+
+    /**
+     * UGCKit的初始化函数
+     *
+     * @param context 应用的上下文，一般为对应应用的ApplicationContext
+     */
+    public static void init(Context context) {
+        sAppContext = context;
+    }
+
+    /**
+     * 获取UGCKit保存的上下文Context，该Context会长期持有，所以应该为Application级别的上下文
+     *
+     * @return
+     */
+    public static Context getAppContext() {
+        return sAppContext;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitConstants.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitConstants.java
new file mode 100644
index 0000000..e148257
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitConstants.java
@@ -0,0 +1,66 @@
+package com.tencent.qcloud.ugckit;
+
+public class UGCKitConstants {
+
+    public static final String APP_SVR_URL                     = "http://demo.vod2.myqcloud.com/lite"; // 业务Server的地址 如果您的服务器没有部署https证书，这里需要用http
+    public static final String SVR_BGM_GET_URL                 = "https://liteav.sdk.qcloud.com/app/res/bgm/bgm_list.json";   // BGM列表地址
+    public static final String BUGLY_APPID                     = "9018b79ae2";    // 小视频Bugly
+    public static final String USER_ID                         = "userid";
+    public static final String USER_PWD                        = "userpwd";
+    public static final String COVER_PIC                       = "cover_pic";
+    public static final String PLAY_URL                        = "play_url";
+    public static final String PUSHER_AVATAR                   = "pusher_avatar";
+    public static final String PUSHER_ID                       = "pusher_id";
+    public static final String PUSHER_NAME                     = "pusher_name";
+    public static final String FILE_ID                         = "file_id";
+    public static final String TIMESTAMP                       = "timestamp";
+    public static final String ACTIVITY_RESULT                 = "activity_result";
+    public static final String TCLIVE_INFO_LIST                = "txlive_info_list";
+    public static final String TCLIVE_INFO_POSITION            = "txlive_info_position";
+    public static final String VIDEO_PATH                      = "key_video_editer_path";
+    public static final String VIDEO_COVERPATH                 = "coverpath";
+    public static final String VIDEO_URI                       = "key_video_editer_uri_path";
+    public static final String VIDEO_RECORD_NO_CACHE           = "nocache";
+    public static final String VIDEO_RECORD_DURATION           = "duration";
+    public static final String VIDEO_RECORD_RESOLUTION         = "resolution";
+    public static final String OUTPUT_DIR_NAME                 = "TXUGC";
+    public static final String INTENT_KEY_MULTI_PIC_LIST       = "pic_list"; // 图片列表
+    public static final String INTENT_KEY_MULTI_CHOOSE         = "multi_video";
+    public static final String DEFAULT_MEDIA_PACK_FOLDER       = "txrtmp";      // UGC编辑器输出目录
+    public static final int    ACTIVITY_MUSIC_REQUEST_CODE     = 1;    // bgm activity request code and intent extra
+    public static final String MUSIC_POSITION                  = "bgm_position";
+    public static final String MUSIC_PATH                      = "bgm_path";
+    public static final String MUSIC_NAME                      = "bgm_name";
+    public static final int    ACTIVITY_OTHER_REQUEST_CODE     = 2;
+    public static final String KEY_FRAGMENT                    = "fragment_type";
+    public static final int    TYPE_EDITER_BGM                 = 1;
+    public static final int    TYPE_EDITER_MOTION              = 2;
+    public static final int    TYPE_EDITER_SPEED               = 3;
+    public static final int    TYPE_EDITER_FILTER              = 4;
+    public static final int    TYPE_EDITER_PASTER              = 5;
+    public static final int    TYPE_EDITER_SUBTITLE            = 6;
+    public static final int    TYPE_EDITER_TRANSITION          = 7;
+    public static final String CHORUS_URL                      = "http://1400100725.vod2.myqcloud.com/8b7d5993vodgzp1400100725/d864a3545285890780576877210/ss2W2I8oIn4A.mp4";   // 合唱演示视频地址
+    /**
+     * 暂时关闭暂留画面，等IOS上线该功能后再一起打开 kongdywang 2021/08/31/
+     */
+    public static final int    DEFAULT_PAUSE_SNAP_OPACITY      = 0;
+    // EventBus Msg
+    public static final int    EVENT_MSG_PUBLISH_DONE          = 1; // 上传视频成功
+    // SP record draft录制草稿
+    public static final String SP_NAME_RECORD                  = "record";
+    public static final String SP_KEY_RECORD_LAST_DRAFT        = "record_last_draft";
+    public static final String RECORD_CONFIG_MAX_DURATION      = "record_config_max_duration";
+    public static final String RECORD_CONFIG_MIN_DURATION      = "record_config_min_duration";
+    public static final String RECORD_CONFIG_ASPECT_RATIO      = "record_config_aspect_ratio";
+    public static final String RECORD_CONFIG_RECOMMEND_QUALITY = "record_config_recommend_quality";
+    public static final String RECORD_CONFIG_HOME_ORIENTATION  = "record_config_home_orientation";
+    public static final String RECORD_CONFIG_RESOLUTION        = "record_config_resolution";
+    public static final String RECORD_CONFIG_BITE_RATE         = "record_config_bite_rate";
+    public static final String RECORD_CONFIG_FPS               = "record_config_fps";
+    public static final String RECORD_CONFIG_GOP               = "record_config_gop";
+    public static final String RECORD_CONFIG_NEED_EDITER       = "record_config_go_editer";
+    public static final String RECORD_CONFIG_TOUCH_FOCUS       = "record_config_touch_focus";
+    public static final String ERROR_MSG_NET_DISCONNECTED      = "网络异常，请检查网络";
+    public static final String PLAYER_DEFAULT_VIDEO            = "play_default_video";
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitPictureJoin.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitPictureJoin.java
new file mode 100644
index 0000000..8a7777b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitPictureJoin.java
@@ -0,0 +1,217 @@
+package com.tencent.qcloud.ugckit;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.basic.OnUpdateUIListener;
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.module.PictureGenerateKit;
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.module.picturetransition.AbsPictureJoinUI;
+import com.tencent.qcloud.ugckit.module.picturetransition.IPictureJoinKit;
+import com.tencent.qcloud.ugckit.module.picturetransition.IPictureTransitionLayout;
+import com.tencent.qcloud.ugckit.module.picturetransition.PictureTransitionKit;
+import com.tencent.qcloud.ugckit.utils.BitmapUtils;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.component.dialogfragment.ProgressFragmentUtil;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 腾讯云短视频UGCKit:图片转场动画控件</p>
+ * <p>
+ * PictureJoinLayout功能： <p>
+ * 1、设置图片转场的的动画 <p>
+ * 2、多张图片加入转场动画后生成一个视频，每张图片显示三秒钟
+ * <p>
+ * PictureJoinLayout用法：
+ * 1、调用{@link UGCKitPictureJoin#setInputPictureList(List)} (ArrayList)} 传入多张图片作为视频的输入源<p>
+ * 2、调用{@link IPictureJoinKit.OnPictureJoinListener} 监听视频合成的状态<p>
+ * {@link IPictureJoinKit.OnPictureJoinListener#onPictureJoinCompleted(UGCKitResult)} 表示视频合成完成
+ * {@link IPictureJoinKit.OnPictureJoinListener#onPictureJoinCanceled()} ()} 表示当前合成视频动作取消。
+ * <p>
+ * SDK调用步骤：</p>
+ * 1、调用{@link TXVideoEditer#setPictureList(List, int)} 设置图片路径集合</p>
+ * 2、调用{@link TXVideoEditer#setPictureTransition(int)} 设置图片转场动画</p>
+ * 3、调用{@link TXVideoEditer#setVideoGenerateListener(TXVideoEditer.TXVideoGenerateListener)} 设置生成视频的监听器</p>
+ * 4、调用{@link TXVideoEditer#generateVideo(int, String)} 将多张图片合成一个视频</p>
+ * <p>
+ * SDK注意事项：
+ * 1、必须按照SDK调用步骤来使用
+ * 2、图片转视频的时长需要设置转场类型后获取，因为不同的转场类型时长会不一样</p>
+ * 3、宽高信息sdk内部会处理成9：16比例，上层只有在加片尾水印的时候算归一化坐标用到，所以这里可以设置成720P（720 * 1280）或者540P（540 * 960）来计算。
+ * 注意最终视频的分辨率是按照生成时传的参数决定的。</p>
+ * 4、SDK版本更新说明：5.0以前版本是按照第一张图片的宽高来决定最终的宽高，导致的问题是如果第一张图片有一边比较短，后面的图片会以最短边等比例缩放，显示出来就小了</p>
+ */
+public class UGCKitPictureJoin extends AbsPictureJoinUI {
+    private static final String TAG = "UGCKitPictureJoin";
+
+    private ProgressFragmentUtil mProgressFragmentUtil;
+
+    public UGCKitPictureJoin(Context context) {
+        super(context);
+        initDefault();
+    }
+
+    public UGCKitPictureJoin(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault();
+    }
+
+    public UGCKitPictureJoin(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault();
+    }
+
+    public void initDefault() {
+        mProgressFragmentUtil = new ProgressFragmentUtil((FragmentActivity) getContext());
+        // 初始化SDK:TXVideoEditer
+        VideoEditerSDK.getInstance().initSDK();
+
+        // 点击"工具栏"切换转场动画
+        getPictureTransitionLayout().setTransitionListener(new IPictureTransitionLayout.OnTransitionListener() {
+            @Override
+            public void transition(int type) {
+                Log.i(TAG, "transition type:" + type);
+                initTransition(type);
+            }
+        });
+
+        // 点击"下一步"
+        getTitleBar().setOnRightClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                setEnableRightButton(false);
+                mProgressFragmentUtil.showLoadingProgress(new ProgressFragmentUtil.IProgressListener() {
+                    @Override
+                    public void onStop() {
+                        // 点击进度条"X"取消生成
+                        mProgressFragmentUtil.dismissLoadingProgress();
+                        setEnableRightButton(true);
+                        PictureGenerateKit.getInstance().stopGenerate();
+                        PlayerManagerKit.getInstance().startPlay();
+                    }
+                });
+                PlayerManagerKit.getInstance().stopPlay();
+                PictureGenerateKit.getInstance().startGenerate();
+            }
+        });
+    }
+
+    /**
+     * 设置图片转场动画
+     *
+     * @param type
+     */
+    private void initTransition(int type) {
+        long duration = PictureTransitionKit.getInstance().pictureTransition(type);
+        Log.d(TAG, "initTransition duration:" + duration);
+
+        PlayerManagerKit.getInstance().stopPlay();
+        // 设置视频基本信息
+        TXVideoEditConstants.TXVideoInfo videoInfo = new TXVideoEditConstants.TXVideoInfo();
+        VideoEditerSDK.getInstance().setCutterStartTime(0, duration);
+        VideoEditerSDK.getInstance().setVideoDuration(duration);
+        VideoEditerSDK.getInstance().constructVideoInfo(videoInfo, duration);
+
+        PlayerManagerKit.getInstance().startPlay();
+    }
+
+    @Override
+    public void setInputPictureList(@Nullable List<String> pictureList) {
+        if (pictureList == null || pictureList.size() == 0) {
+            ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_picture_choose_activity_please_select_multiple_images));
+            return;
+        }
+        ArrayList<Bitmap> bitmapList = BitmapUtils.decodeFileToBitmap(pictureList);
+
+        int retCode = PictureTransitionKit.getInstance().setPictureList(bitmapList);
+        if (retCode == TXVideoEditConstants.PICTURE_TRANSITION_FAILED) {
+            ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_tc_picture_join_activity_toast_picture_is_abnormal_and_finish_editing));
+
+            PictureGenerateKit.getInstance().stopGenerate();
+            return;
+        }
+        // 初始化播放器界面[必须在setPictureList/setVideoPath设置数据源之后]
+        getVideoPlayLayout().initPlayerLayout();
+
+        // 设置默认的图片转场动画[左右切换]
+        initTransition(PictureTransitionKit.DEFAULT_TRANSITION);
+    }
+
+    @Override
+    public void setOnPictureJoinListener(@Nullable final IPictureJoinKit.OnPictureJoinListener listener) {
+        if (listener == null) {
+            PictureGenerateKit.getInstance().setOnUpdateUIListener(null);
+            return;
+        }
+        // 设置生成的监听器，用来更新"UI控件" 和 Activity
+        PictureGenerateKit.getInstance().setOnUpdateUIListener(new OnUpdateUIListener() {
+            @Override
+            public void onUIProgress(float progress) {
+                mProgressFragmentUtil.updateGenerateProgress((int) (progress * 100));
+            }
+
+            @Override
+            public void onUIComplete(int retCode, String descMsg) {
+                // 更新UI控件
+                mProgressFragmentUtil.dismissLoadingProgress();
+
+                // 更新Activity
+                if (listener != null) {
+                    UGCKitResult ugcKitResult = new UGCKitResult();
+                    ugcKitResult.errorCode = retCode;
+                    ugcKitResult.descMsg = descMsg;
+                    ugcKitResult.outputPath = PictureGenerateKit.getInstance().getVideoOutputPath();
+                    ugcKitResult.coverPath = PictureGenerateKit.getInstance().getCoverPath();
+                    listener.onPictureJoinCompleted(ugcKitResult);
+                }
+                setEnableRightButton(true);
+            }
+
+            @Override
+            public void onUICancel() {
+                // 更新Activity
+                if (listener != null) {
+                    listener.onPictureJoinCanceled();
+                }
+            }
+        });
+    }
+
+    private void setEnableRightButton(boolean isOpen) {
+        if(null != getTitleBar()) {
+            getTitleBar().getRightButton().setEnabled(isOpen);
+        }
+    }
+
+    @Override
+    public void resumePlay() {
+        PlayerManagerKit.getInstance().resumePlay();
+    }
+
+    @Override
+    public void pausePlay() {
+        PlayerManagerKit.getInstance().pausePlay();
+    }
+
+    @Override
+    public void stopPlay() {
+        PlayerManagerKit.getInstance().stopPlay();
+    }
+
+    @Override
+    public void release() {
+        VideoEditerSDK.getInstance().releaseSDK();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitPicturePicker.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitPicturePicker.java
new file mode 100755
index 0000000..cb226b2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitPicturePicker.java
@@ -0,0 +1,129 @@
+package com.tencent.qcloud.ugckit;
+
+import android.Manifest;
+import android.app.Activity;
+import android.content.Context;
+import android.content.pm.PackageManager;
+import android.os.Build;
+import android.os.Handler;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.core.app.ActivityCompat;
+import androidx.core.content.ContextCompat;
+import android.util.AttributeSet;
+
+import com.tencent.qcloud.ugckit.basic.ITitleBarLayout;
+import com.tencent.qcloud.ugckit.module.picker.data.ItemView;
+import com.tencent.qcloud.ugckit.module.picker.data.PickerManagerKit;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+import com.tencent.qcloud.ugckit.module.picker.view.AbsPickerUI;
+import com.tencent.qcloud.ugckit.module.picker.view.PickedLayout;
+
+import java.util.ArrayList;
+
+/**
+ * 腾讯云短视频UGCKit:图片选择控件
+ * <p>
+ * 功能：用于实现相册图片的选择。<p/>
+ * <p>
+ * 1、加载本地了本地相册所有图片<br>
+ */
+public class UGCKitPicturePicker extends AbsPickerUI implements ActivityCompat.OnRequestPermissionsResultCallback {
+    private static final int      MIN_SELECTED_PIC_COUNT = 3;
+    private              Activity mActivity;
+    @NonNull
+    private              Handler  mHandlder              = new Handler();
+
+    public UGCKitPicturePicker(Context context) {
+        super(context);
+        initDefault();
+    }
+
+    public UGCKitPicturePicker(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault();
+    }
+
+    public UGCKitPicturePicker(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault();
+    }
+
+    @Override
+    public void initDefault() {
+        // 设置标题
+        getTitleBar().setTitle(getResources().getString(R.string.ugckit_picture_choose), ITitleBarLayout.POSITION.MIDDLE);
+        getTitleBar().setVisible(false, ITitleBarLayout.POSITION.RIGHT);
+        getPickerListLayout().setOnItemAddListener(new ItemView.OnAddListener() {
+            @Override
+            public void onAdd(TCVideoFileInfo fileInfo) {
+                // 选中一个图片
+                getPickedLayout().addItem(fileInfo);
+            }
+        });
+        // 加载图片
+        loadPictureList();
+        getPickedLayout().setMinSelectedItemCount(MIN_SELECTED_PIC_COUNT);
+    }
+
+    /**
+     * Glide停止加载图片
+     */
+    @Override
+    public void pauseRequestBitmap() {
+        getPickerListLayout().pauseRequestBitmap();
+    }
+
+    /**
+     * Glide继续加载图片
+     */
+    @Override
+    public void resumeRequestBitmap() {
+        getPickerListLayout().resumeRequestBitmap();
+    }
+
+    /**
+     * 功能：加载本地所有图片</p>
+     * 包含：<p/>
+     * 1、已授权读取手机SD卡权限，则通过{@link PickerManagerKit#getAllPictrue()} 读取本地相册扫描出的所有图片
+     * 2、未授权读取手机SD卡权限，在Android6.0需要动态获取权限
+     */
+    private void loadPictureList() {
+        mActivity = (Activity) getContext();
+        if (ContextCompat.checkSelfPermission(mActivity, Manifest.permission.READ_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED) {
+            mHandlder.post(new Runnable() {
+                @Override
+                public void run() {
+                    ArrayList<TCVideoFileInfo> list = PickerManagerKit.getInstance(mActivity).getAllPictrue();
+                    getPickerListLayout().updateItems(list);
+                }
+            });
+        } else {
+            if (Build.VERSION.SDK_INT >= 23) {
+                ActivityCompat.requestPermissions(mActivity, new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, 1);
+            }
+        }
+    }
+
+    @Override
+    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
+        if (grantResults != null && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
+            loadPictureList();
+        }
+    }
+
+    @Override
+    public void setOnPickerListener(@Nullable final OnPickerListener listener) {
+        getPickedLayout().setOnNextStepListener(new PickedLayout.OnNextStepListener() {
+            @Override
+            public void onNextStep() {
+                if (listener != null) {
+                    ArrayList<TCVideoFileInfo> arrayList = getPickedLayout().getSelectItems(PickedLayout.TYPE_PICTURE);
+                    listener.onPickedList(arrayList);
+                }
+            }
+        });
+    }
+
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoCut.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoCut.java
new file mode 100644
index 0000000..ab5d9e3
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoCut.java
@@ -0,0 +1,300 @@
+package com.tencent.qcloud.ugckit;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.FragmentActivity;
+import android.text.TextUtils;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+
+import com.tencent.qcloud.ugckit.basic.JumpActivityMgr;
+import com.tencent.qcloud.ugckit.basic.OnUpdateUIListener;
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.ProcessKit;
+import com.tencent.qcloud.ugckit.module.VideoGenerateKit;
+import com.tencent.qcloud.ugckit.module.cut.AbsVideoCutUI;
+import com.tencent.qcloud.ugckit.module.cut.IVideoCutLayout;
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.qcloud.ugckit.utils.DialogUtil;
+import com.tencent.qcloud.ugckit.utils.TelephonyUtil;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.component.dialog.ProgressDialogUtil;
+import com.tencent.qcloud.ugckit.component.dialogfragment.ProgressFragmentUtil;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+import com.tencent.ugc.TXVideoInfoReader;
+
+/**
+ * 腾讯云短视频UGCKit:视频裁剪控件
+ * <p>
+ * 功能：用于实现长时间视频裁剪其中一段生成一段短时间的视频。<p/>
+ */
+public class UGCKitVideoCut extends AbsVideoCutUI implements PlayerManagerKit.OnPreviewListener {
+    private static final String TAG = "UGCKitVideoCut";
+
+    private ProgressDialogUtil   mProgressDialogUtil;
+    private ProgressFragmentUtil mProgressFragmentUtil;
+    private boolean              mComplete = false;
+
+    public UGCKitVideoCut(Context context) {
+        super(context);
+        initDefault();
+    }
+
+    public UGCKitVideoCut(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault();
+    }
+
+    public UGCKitVideoCut(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault();
+    }
+
+    private void initDefault() {
+        mProgressDialogUtil = new ProgressDialogUtil(getContext());
+        mProgressFragmentUtil = new ProgressFragmentUtil((FragmentActivity) getContext(), getResources().getString(R.string.ugckit_video_cutting));
+
+        VideoEditerSDK.getInstance().releaseSDK();
+        VideoEditerSDK.getInstance().clear();
+        VideoEditerSDK.getInstance().initSDK();
+
+        // 点击"下一步"
+        getTitleBar().setOnRightClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                setEnableRightButton(false);
+                mProgressFragmentUtil.showLoadingProgress(new ProgressFragmentUtil.IProgressListener() {
+                    @Override
+                    public void onStop() {
+                        // 取消裁剪
+                        mProgressFragmentUtil.dismissLoadingProgress();
+                        setEnableRightButton(true);
+                        boolean editFlag = JumpActivityMgr.getInstance().getEditFlagFromCut();
+                        if (editFlag) {
+                            ProcessKit.getInstance().stopProcess();
+                        } else {
+                            VideoGenerateKit.getInstance().stopGenerate();
+                        }
+                        PlayerManagerKit.getInstance().startPlay();
+                        // 未加载完缩略图，重新进行加载
+                        if (!mComplete) {
+                            Log.i(TAG, "[UGCKit][VideoCut]last load uncomplete, reload thunmail");
+                            loadThumbnail();
+                        }
+                    }
+                });
+                PlayerManagerKit.getInstance().stopPlay();
+                //如果图片没有加载完，先停止加载
+                ProcessKit.getInstance().stopProcess();
+
+                boolean editFlag = JumpActivityMgr.getInstance().getEditFlagFromCut();
+                if (editFlag) {
+                    ProcessKit.getInstance().startProcess();
+                } else {
+                    VideoGenerateKit.getInstance().startGenerate();
+                }
+            }
+        });
+        // 监听电话
+        TelephonyUtil.getInstance().initPhoneListener();
+    }
+
+    @Override
+    public void setVideoPath(final String videoPath) {
+        Log.i(TAG, "[UGCKit][VideoCut]setVideoPath:" + videoPath);
+        if (TextUtils.isEmpty(videoPath)) {
+            ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_video_cutter_activity_oncreate_an_unknown_error_occurred_the_path_cannot_be_empty));
+            return;
+        }
+
+        VideoEditerSDK.getInstance().setVideoPath(videoPath);
+        // 初始化播放器界面[必须在setPictureList/setVideoPath设置数据源之后]
+        getVideoPlayLayout().initPlayerLayout();
+
+        // 显示圆形进度条
+        mProgressDialogUtil.showProgressDialog();
+
+        // 重新设置路径，缩略图重新加载
+        mComplete = false;
+        // 加载视频基本信息
+        loadVideoInfo(videoPath);
+        // 圆形进度条消失
+        mProgressDialogUtil.dismissProgressDialog();
+    }
+
+    private void loadVideoInfo(String videoPath) {
+        // 加载视频信息
+        TXVideoEditConstants.TXVideoInfo info = TXVideoInfoReader.getInstance(UGCKit.getAppContext()).getVideoFileInfo(videoPath);
+        if (info == null) {
+            DialogUtil.showDialog(getContext(), getResources().getString(R.string.ugckit_video_cutter_activity_video_main_handler_edit_failed), getResources().getString(R.string.ugckit_does_not_support_android_version_below_4_3), null);
+        } else {
+            VideoEditerSDK.getInstance().setTXVideoInfo(info);
+            getVideoCutLayout().setVideoInfo(info);
+            getVideoCutLayout().setOnRotateVideoListener(new IVideoCutLayout.OnRotateVideoListener() {
+                @Override
+                public void onRotate(int rotation) {
+                    VideoEditerSDK.getInstance().getEditer().setRenderRotation(rotation);
+                }
+            });
+            Log.i(TAG, "[UGCKit][VideoCut]load thunmail");
+            loadThumbnail();
+            // 播放视频
+            PlayerManagerKit.getInstance().startPlayCutTime();
+        }
+    }
+
+    private void loadThumbnail() {
+        // 初始化缩略图列表，裁剪缩略图时间间隔3秒钟一张
+        getVideoCutLayout().clearThumbnail();
+        final int interval = 3000;
+        new Thread(new Runnable() {
+            @Override
+            public void run() {
+                final int count = (int) (VideoEditerSDK.getInstance().getVideoDuration() / interval);
+                VideoEditerSDK.getInstance().initThumbnailList(new TXVideoEditer.TXThumbnailListener() {
+                    @Override
+                    public void onThumbnail(final int index, long timeMs, final Bitmap bitmap) {
+                        Log.d(TAG, "onThumbnail index:" + index + ",timeMs:" + timeMs);
+                        BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                            @Override
+                            public void run() {
+                                getVideoCutLayout().addThumbnail(index, bitmap);
+                                if (index >= count - 1) { // Note: index从0开始增长
+                                    Log.i(TAG, "Load Thumbnail Complete");
+                                    mComplete = true;
+                                }
+                            }
+                        });
+                    }
+                }, interval);
+            }
+        }).start();
+    }
+
+    @Override
+    public void setOnCutListener(@Nullable final OnCutListener listener) {
+        if (listener == null) {
+            ProcessKit.getInstance().setOnUpdateUIListener(null);
+            VideoGenerateKit.getInstance().setOnUpdateUIListener(null);
+            return;
+        }
+        boolean editFlag = JumpActivityMgr.getInstance().getEditFlagFromCut();
+        // 设置生成的监听器，用来更新控件
+        if (editFlag) {
+            // 裁剪后进入编辑
+            ProcessKit.getInstance().setOnUpdateUIListener(new OnUpdateUIListener() {
+                @Override
+                public void onUIProgress(float progress) {
+                    mProgressFragmentUtil.updateGenerateProgress((int) (progress * 100));
+                }
+
+                @Override
+                public void onUIComplete(int retCode, String descMsg) {
+                    mProgressFragmentUtil.dismissLoadingProgress();
+
+                    if (listener != null) {
+                        UGCKitResult ugcKitResult = new UGCKitResult();
+                        ugcKitResult.errorCode = retCode;
+                        ugcKitResult.descMsg = descMsg;
+                        listener.onCutterCompleted(ugcKitResult);
+                    }
+                    setEnableRightButton(true);
+                }
+
+                @Override
+                public void onUICancel() {
+                    if (listener != null) {
+                        listener.onCutterCanceled();
+                    }
+                }
+            });
+        } else {
+            // 裁剪后输出视频
+            VideoGenerateKit.getInstance().setOnUpdateUIListener(new OnUpdateUIListener() {
+                @Override
+                public void onUIProgress(float progress) {
+                    mProgressFragmentUtil.updateGenerateProgress((int) (progress * 100));
+                }
+
+                @Override
+                public void onUIComplete(int retCode, String descMsg) {
+                    mProgressFragmentUtil.dismissLoadingProgress();
+
+                    if (listener != null) {
+                        UGCKitResult ugcKitResult = new UGCKitResult();
+                        ugcKitResult.errorCode = retCode;
+                        ugcKitResult.descMsg = descMsg;
+                        ugcKitResult.outputPath = VideoGenerateKit.getInstance().getVideoOutputPath();
+                        ugcKitResult.coverPath = VideoGenerateKit.getInstance().getCoverPath();
+                        listener.onCutterCompleted(ugcKitResult);
+                    }
+                    setEnableRightButton(true);
+                }
+
+                @Override
+                public void onUICancel() {
+                    if (listener != null) {
+                        listener.onCutterCanceled();
+                    }
+                }
+            });
+        }
+    }
+
+    @Override
+    public void startPlay() {
+        PlayerManagerKit.getInstance().addOnPreviewLitener(this);
+        PlayerManagerKit.getInstance().startPlay();
+    }
+
+    @Override
+    public void stopPlay() {
+        setEnableRightButton(true);
+        PlayerManagerKit.getInstance().stopPlay();
+        PlayerManagerKit.getInstance().removeOnPreviewListener(this);
+        boolean editFlag = JumpActivityMgr.getInstance().getEditFlagFromCut();
+        if (editFlag) {
+            ProcessKit.getInstance().stopProcess();
+        } else {
+            VideoGenerateKit.getInstance().stopGenerate();
+        }
+        mProgressFragmentUtil.dismissLoadingProgress();
+    }
+
+    @Override
+    public void release() {
+        TelephonyUtil.getInstance().uninitPhoneListener();
+    }
+
+    @Override
+    public void setVideoEditFlag(boolean flag) {
+        JumpActivityMgr.getInstance().setEditFlagFromCut(flag);
+    }
+
+    @Override
+    public String getVideoOutputPath() {
+        return VideoGenerateKit.getInstance().getVideoOutputPath();
+    }
+
+    @Override
+    public void onPreviewProgress(int time) {
+
+    }
+
+    private void setEnableRightButton(boolean isOpen) {
+        if(null != getTitleBar()) {
+            getTitleBar().getRightButton().setEnabled(isOpen);
+        }
+    }
+
+    @Override
+    public void onPreviewFinish() {
+        // 循环播放
+        PlayerManagerKit.getInstance().startPlay();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoEdit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoEdit.java
new file mode 100644
index 0000000..f8437c7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoEdit.java
@@ -0,0 +1,308 @@
+package com.tencent.qcloud.ugckit;
+
+import android.app.AlertDialog;
+import android.app.KeyguardManager;
+import android.content.Context;
+import android.content.DialogInterface;
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.basic.ITitleBarLayout;
+import com.tencent.qcloud.ugckit.basic.JumpActivityMgr;
+import com.tencent.qcloud.ugckit.basic.OnUpdateUIListener;
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.VideoGenerateKit;
+import com.tencent.qcloud.ugckit.module.editer.AbsVideoEditUI;
+import com.tencent.qcloud.ugckit.module.editer.UGCKitEditConfig;
+import com.tencent.qcloud.ugckit.utils.LogReport;
+import com.tencent.qcloud.ugckit.utils.TelephonyUtil;
+import com.tencent.qcloud.ugckit.component.dialog.ActionSheetDialog;
+import com.tencent.qcloud.ugckit.component.dialogfragment.ProgressFragmentUtil;
+import com.tencent.qcloud.ugckit.module.effect.Config;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+import com.tencent.ugc.TXVideoInfoReader;
+
+public class UGCKitVideoEdit extends AbsVideoEditUI {
+    private static final String TAG = "UGCKitVideoEdit";
+
+    private ProgressFragmentUtil mProgressFragmentUtil;
+    @Nullable
+    private OnEditListener       mOnEditListener;
+    private boolean              mIsPublish;
+
+    public UGCKitVideoEdit(Context context) {
+        super(context);
+        initDefault();
+    }
+
+    public UGCKitVideoEdit(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault();
+    }
+
+    public UGCKitVideoEdit(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault();
+    }
+
+    private void initDefault() {
+        mProgressFragmentUtil = new ProgressFragmentUtil((FragmentActivity) getContext());
+
+        // 点击"完成"
+        getTitleBar().setTitle(getResources().getString(R.string.ugckit_complete), ITitleBarLayout.POSITION.RIGHT);
+        getTitleBar().setOnBackClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                backPressed();
+            }
+        });
+        getTitleBar().setOnRightClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                showPublishDialog();
+            }
+        });
+        // 监听电话
+        TelephonyUtil.getInstance().setOnTelephoneListener(new TelephonyUtil.OnTelephoneListener() {
+            @Override
+            public void onRinging() {
+                // 生成状态 取消生成
+                stopGenerate();
+                // 直接停止播放
+                PlayerManagerKit.getInstance().stopPlay();
+            }
+
+            @Override
+            public void onOffhook() {
+                stopGenerate();
+                // 直接停止播放
+                PlayerManagerKit.getInstance().stopPlay();
+            }
+
+            @Override
+            public void onIdle() {
+                // 重新开始播放
+                PlayerManagerKit.getInstance().restartPlay();
+            }
+        });
+        TelephonyUtil.getInstance().initPhoneListener();
+
+        // 设置默认为全功能导入视频方式
+        JumpActivityMgr.getInstance().setQuickImport(false);
+    }
+
+    @Override
+    public void backPressed() {
+        AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+        AlertDialog alertDialog = builder.setTitle(getContext().getString(R.string.ugckit_tips)).setCancelable(false).setMessage(R.string.ugckit_confirm_cancel_edit_content)
+                .setPositiveButton(R.string.ugckit_btn_back, new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+                        Log.i(TAG, "[UGCKit][VideoEdit]backPressed call stopPlay");
+                        PlayerManagerKit.getInstance().stopPlay();
+                        // 取消设置的特效
+                        VideoEditerSDK.getInstance().releaseSDK();
+                        VideoEditerSDK.getInstance().clear();
+                        if (mOnEditListener != null) {
+                            mOnEditListener.onEditCanceled();
+                        }
+                    }
+                })
+                .setNegativeButton(getContext().getString(R.string.ugckit_wrong_click), new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+                    }
+                }).create();
+        alertDialog.show();
+    }
+
+    /**
+     * 快速导入始终 {@code setVideoPath}
+     * 全功能导入不使用此方法
+     *
+     * @param videoPath 视频裁剪的源路径
+     */
+    @Override
+    public void setVideoPath(String videoPath) {
+        // 获取TXVideoEditer，兼容"快速导入"之前没有初始化TXVideoEditer；"全功能导入"，裁剪时已经预处理了视频，此时初始化了TXVideoEditer
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer == null) {
+            VideoEditerSDK.getInstance().initSDK();
+        }
+        Log.i(TAG, "[UGCKit][VideoEdit][QuickImport]setVideoPath:" + videoPath);
+        VideoEditerSDK.getInstance().setVideoPath(videoPath);
+
+        // 获取TXVideoInfo，兼容"快速导入"新传入videoPath，之前没有获取视频信息;"全功能导入"，裁剪时已经获取视频基本信息。
+        TXVideoEditConstants.TXVideoInfo info = VideoEditerSDK.getInstance().getTXVideoInfo();
+        if (info == null) {
+            // 从"录制"进入，录制勾选了"进入编辑"，info在录制界面已设置，此处不为null
+            // 从"录制"进入，录制不勾选"进入编辑"，info为null，需要重新获取
+            info = TXVideoInfoReader.getInstance(UGCKit.getAppContext()).getVideoFileInfo(videoPath);
+            VideoEditerSDK.getInstance().setTXVideoInfo(info);
+        }
+
+        // 初始化缩略图列表，编辑缩略图1秒钟一张(先清空缩略图列表)
+        VideoEditerSDK.getInstance().clearThumbnails();
+
+        long startTime = VideoEditerSDK.getInstance().getCutterStartTime();
+        long endTime = VideoEditerSDK.getInstance().getCutterEndTime();
+        if (endTime > startTime) {
+            Log.i(TAG, "[UGCKit][VideoEdit][QuickImport]load thumbnail start time:" + startTime + ",end time:" + endTime);
+        }
+
+        VideoEditerSDK.getInstance().setCutterStartTime(0, info.duration);
+        VideoEditerSDK.getInstance().setVideoDuration(info.duration);
+        VideoEditerSDK.getInstance().initThumbnailList(new TXVideoEditer.TXThumbnailListener() {
+            @Override
+            public void onThumbnail(final int index, long timeMs, final Bitmap bitmap) {
+                Log.d(TAG, "onThumbnail index:" + index + ",timeMs:" + timeMs);
+                VideoEditerSDK.getInstance().addThumbnailBitmap(timeMs, bitmap);
+            }
+        }, 1000);
+
+        JumpActivityMgr.getInstance().setQuickImport(true);
+    }
+
+    /**
+     * 显示发布对话框
+     */
+    private void showPublishDialog() {
+        ActionSheetDialog actionSheetDialog = new ActionSheetDialog(getContext());
+        actionSheetDialog.builder();
+        actionSheetDialog.setCancelable(false);
+        actionSheetDialog.setCancelable(false);
+        actionSheetDialog.addSheetItem(getResources().getString(R.string.ugckit_video_editer_activity_show_publish_dialog_save),
+                ActionSheetDialog.SheetItemColor.Blue, new ActionSheetDialog.OnSheetItemClickListener() {
+                    @Override
+                    public void onClick(int which) {
+                        VideoEditerSDK.getInstance().setPublishFlag(false);
+                        startGenerate();
+                    }
+                });
+
+        if (mIsPublish) {
+            actionSheetDialog.addSheetItem(getResources().getString(R.string.ugckit_video_editer_activity_show_publish_dialog_publish),
+                    ActionSheetDialog.SheetItemColor.Blue, new ActionSheetDialog.OnSheetItemClickListener() {
+                        @Override
+                        public void onClick(int which) {
+                            VideoEditerSDK.getInstance().setPublishFlag(true);
+                            startGenerate();
+                        }
+
+                    });
+        }
+        actionSheetDialog.show();
+    }
+
+    @Override
+    public void initPlayer() {
+        getVideoPlayLayout().initPlayerLayout();
+
+        VideoEditerSDK.getInstance().resetDuration();
+    }
+
+    @Override
+    public void setConfig(UGCKitEditConfig config) {
+        VideoGenerateKit.getInstance().setCustomVideoBitrate(config.videoBitrate);
+        VideoGenerateKit.getInstance().setVideoResolution(config.resolution);
+        VideoGenerateKit.getInstance().setCoverGenerate(config.isCoverGenerate);
+        VideoGenerateKit.getInstance().saveVideoToDCIM(config.isSaveToDCIM);
+        VideoGenerateKit.getInstance().setWaterMark(config.mWaterMarkConfig);
+        VideoGenerateKit.getInstance().setTailWaterMark(config.mTailWaterMarkConfig);
+        mIsPublish = config.isPublish;
+    }
+
+    @Override
+    public void start() {
+        KeyguardManager manager = (KeyguardManager) UGCKit.getAppContext().getSystemService(Context.KEYGUARD_SERVICE);
+        if (!manager.inKeyguardRestrictedInputMode()) {
+            PlayerManagerKit.getInstance().restartPlay();
+        }
+    }
+
+    @Override
+    public void stop() {
+        Log.i(TAG, "[UGCKit][VideoEdit]onStop call stopPlay");
+        PlayerManagerKit.getInstance().stopPlay();
+
+        stopGenerate();
+    }
+
+    @Override
+    public void release() {
+        Config.getInstance().clearConfig();
+        TelephonyUtil.getInstance().uninitPhoneListener();
+        TelephonyUtil.getInstance().setOnTelephoneListener(null);
+    }
+
+    @Override
+    public void setOnVideoEditListener(@Nullable final OnEditListener listener) {
+        if (listener == null) {
+            mOnEditListener = null;
+            VideoGenerateKit.getInstance().setOnUpdateUIListener(null);
+            return;
+        }
+        mOnEditListener = listener;
+
+        VideoGenerateKit.getInstance().setOnUpdateUIListener(new OnUpdateUIListener() {
+            @Override
+            public void onUIProgress(float progress) {
+                mProgressFragmentUtil.updateGenerateProgress((int) (progress * 100));
+            }
+
+            @Override
+            public void onUIComplete(int retCode, String descMsg) {
+                mProgressFragmentUtil.dismissLoadingProgress();
+
+                LogReport.getInstance().reportVideoEdit(retCode);
+
+                final UGCKitResult ugcKitResult = new UGCKitResult();
+                ugcKitResult.outputPath = VideoGenerateKit.getInstance().getVideoOutputPath();
+                ugcKitResult.coverPath = VideoGenerateKit.getInstance().getCoverPath();
+                ugcKitResult.errorCode = retCode;
+                ugcKitResult.descMsg = descMsg;
+                ugcKitResult.isPublish = VideoEditerSDK.getInstance().isPublish();
+                if (listener != null) {
+                    listener.onEditCompleted(ugcKitResult);
+                }
+            }
+
+            @Override
+            public void onUICancel() {
+                // 视频编辑生成取消，UI仅去掉进度条
+            }
+        });
+    }
+
+    private void startGenerate() {
+        mProgressFragmentUtil.showLoadingProgress(new ProgressFragmentUtil.IProgressListener() {
+            @Override
+            public void onStop() {
+                PlayerManagerKit.getInstance().restartPlay();
+
+                stopGenerate();
+            }
+        });
+        PlayerManagerKit.getInstance().stopPlay();
+
+        VideoGenerateKit.getInstance().addTailWaterMark();
+        VideoGenerateKit.getInstance().startGenerate();
+    }
+
+    private void stopGenerate() {
+        VideoGenerateKit.getInstance().stopGenerate();
+        mProgressFragmentUtil.dismissLoadingProgress();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoEffect.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoEffect.java
new file mode 100644
index 0000000..f8cf5d6
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoEffect.java
@@ -0,0 +1,198 @@
+package com.tencent.qcloud.ugckit;
+
+import android.app.KeyguardManager;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.fragment.app.Fragment;
+import androidx.fragment.app.FragmentActivity;
+import androidx.fragment.app.FragmentTransaction;
+import android.util.AttributeSet;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.effect.AbsVideoEffectUI;
+import com.tencent.qcloud.ugckit.module.effect.ConfigureLoader;
+import com.tencent.qcloud.ugckit.module.effect.TimelineViewUtil;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.utils.TelephonyUtil;
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.component.timeline.VideoProgressController;
+import com.tencent.qcloud.ugckit.module.effect.utils.DraftEditer;
+
+public class UGCKitVideoEffect extends AbsVideoEffectUI implements VideoProgressController.VideoProgressSeekListener {
+
+    private FragmentActivity      mActivity;
+    private int                   mConfirmIcon;
+    private OnVideoEffectListener mOnVideoEffectListener;
+
+    public UGCKitVideoEffect(Context context) {
+        super(context);
+        initDefault();
+    }
+
+    public UGCKitVideoEffect(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault();
+    }
+
+    public UGCKitVideoEffect(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault();
+    }
+
+    private void initDefault() {
+        mActivity = (FragmentActivity) getContext();
+        // 当上个界面为裁剪界面，此时重置裁剪的开始时间和结束时间
+        VideoEditerSDK.getInstance().resetDuration();
+        // 加载草稿配置
+        ConfigureLoader.getInstance().loadConfigToDraft();
+
+        TelephonyUtil.getInstance().initPhoneListener();
+
+        initTitlebar();
+
+        preivewVideo();
+    }
+
+    private void preivewVideo() {
+        // 初始化图片时间轴
+        getTimelineView().initVideoProgressLayout();
+        // 初始化播放器
+        getVideoPlayLayout().initPlayerLayout();
+        // 开始播放
+        PlayerManagerKit.getInstance().startPlay();
+    }
+
+    private void initTitlebar() {
+        mConfirmIcon = UIAttributeUtil.getResResources(mActivity, R.attr.editerConfirmIcon, R.drawable.ugckit_ic_edit_effect_confirm_selector);
+        getTitleBar().getRightButton().setBackgroundResource(mConfirmIcon);
+        getTitleBar().getRightButton().setText("");
+        getTitleBar().setOnBackClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                // 点击"返回",清除当前设置的视频特效
+                DraftEditer.getInstance().clear();
+                // 还原已经设置给SDK的特效
+                VideoEditerSDK.getInstance().restore();
+
+                PlayerManagerKit.getInstance().stopPlay();
+
+                if (mOnVideoEffectListener != null) {
+                    mOnVideoEffectListener.onEffectCancel();
+                }
+            }
+        });
+        getTitleBar().setOnRightClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                // 清理时间轴的滑动事件，防止与上一级页面的播放状态冲突
+                getTimelineView().getVideoProgressView().getRecyclerView().clearOnScrollListeners();
+
+                // 点击"完成"，应用当前设置的视频特效
+                ConfigureLoader.getInstance().saveConfigFromDraft();
+
+                PlayerManagerKit.getInstance().stopPlay();
+
+                if (mOnVideoEffectListener != null) {
+                    mOnVideoEffectListener.onEffectApply();
+                }
+            }
+        });
+    }
+
+    @Override
+    public void start() {
+        KeyguardManager manager = (KeyguardManager) UGCKit.getAppContext().getSystemService(Context.KEYGUARD_SERVICE);
+        if (!manager.inKeyguardRestrictedInputMode()) {
+            PlayerManagerKit.getInstance().restartPlay();
+        }
+    }
+
+    @Override
+    public void stop() {
+        PlayerManagerKit.getInstance().stopPlay();
+    }
+
+    @Override
+    public void release() {
+        PlayerManagerKit.getInstance().removeAllPreviewListener();
+        PlayerManagerKit.getInstance().removeAllPlayStateListener();
+        TelephonyUtil.getInstance().uninitPhoneListener();
+        TimelineViewUtil.getInstance().release();
+    }
+
+    @Override
+    public void setEffectType(int type) {
+        TimelineViewUtil.getInstance().setTimelineView(getTimelineView());
+        getPlayControlLayout().updateUIByFragment(type);
+        getTimelineView().updateUIByFragment(type);
+        showFragmentByType(type);
+    }
+
+    @Override
+    public void setOnVideoEffectListener(OnVideoEffectListener listener) {
+        mOnVideoEffectListener = listener;
+    }
+
+    @Override
+    public void backPressed() {
+        DraftEditer.getInstance().clear();
+        PlayerManagerKit.getInstance().stopPlay();
+
+        if (mOnVideoEffectListener != null) {
+            mOnVideoEffectListener.onEffectCancel();
+        }
+    }
+
+    @Override
+    public void onVideoProgressSeek(long currentTimeMs) {
+        PlayerManagerKit.getInstance().previewAtTime(currentTimeMs);
+    }
+
+    @Override
+    public void onVideoProgressSeekFinish(long currentTimeMs) {
+        PlayerManagerKit.getInstance().previewAtTime(currentTimeMs);
+    }
+
+    public void showFragmentByType(int type) {
+        switch (type) {
+            case UGCKitConstants.TYPE_EDITER_BGM:
+                showFragment(getMusicFragment(), "bgm_setting_fragment");
+                break;
+            case UGCKitConstants.TYPE_EDITER_MOTION:
+                showFragment(getMotionFragment(), "motion_fragment");
+                break;
+            case UGCKitConstants.TYPE_EDITER_SPEED:
+                showFragment(getTimeFragment(), "time_fragment");
+                break;
+            case UGCKitConstants.TYPE_EDITER_FILTER:
+                showFragment(getStaticFilterFragment(), "static_filter_fragment");
+                break;
+            case UGCKitConstants.TYPE_EDITER_PASTER:
+                showFragment(getPasterFragment(), "paster_fragment");
+                break;
+            case UGCKitConstants.TYPE_EDITER_SUBTITLE:
+                showFragment(getBubbleFragment(), "bubble_fragment");
+                break;
+            case UGCKitConstants.TYPE_EDITER_TRANSITION:
+                showFragment(getTransitionFragment(), "transition_fragment");
+                break;
+        }
+    }
+
+    private void showFragment(@NonNull Fragment fragment, String tag) {
+        if (fragment == getCurrentFragment()) return;
+        FragmentTransaction transaction = mActivity.getSupportFragmentManager().beginTransaction();
+        if (getCurrentFragment() != null) {
+            transaction.hide(getCurrentFragment());
+        }
+        if (!fragment.isAdded()) {
+            transaction.add(R.id.fragment_layout, fragment, tag);
+        } else {
+            transaction.show(fragment);
+        }
+        setCurrentFragment(fragment);
+        transaction.commit();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoJoin.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoJoin.java
new file mode 100644
index 0000000..4f3e2b3
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoJoin.java
@@ -0,0 +1,167 @@
+package com.tencent.qcloud.ugckit;
+
+import androidx.annotation.NonNull;
+import androidx.fragment.app.FragmentActivity;
+
+import android.util.Log;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.module.join.IVideoJoinKit;
+import com.tencent.qcloud.ugckit.utils.DialogUtil;
+import com.tencent.qcloud.ugckit.utils.LogReport;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.utils.VideoPathUtil;
+import com.tencent.qcloud.ugckit.component.dialogfragment.ProgressFragmentUtil;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoJoiner;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 腾讯云短视频UGCKit:多个视频合成组件</p>
+ * <p>
+ * VideoJoinKit功能： <p>
+ * 1、调用{@link UGCKitVideoJoin#setVideoJoinList(ArrayList)} 设置多个视频路径<p>
+ * 2、调用{@link UGCKitVideoJoin#setVideoJoinListener(IVideoJoinKit.OnVideoJoinListener)} 设置视频合成监听器<p>
+ * {@link IVideoJoinKit.OnVideoJoinListener#onJoinCompleted(UGCKitResult)} ()} 表示视频合成完成，返回合成的视频路径<p>
+ * {@link IVideoJoinKit.OnVideoJoinListener#onJoinCanceled()} ()} 表示当前合成视频动作取消。<p>
+ * <p>
+ * SDK调用步骤：<p>
+ * 1、创建TXVideoJoiner
+ * 2、调用{@link TXVideoJoiner#setVideoPathList(List)} 设置多个视频路径
+ * 3、调用{@link TXVideoJoiner#setVideoJoinerListener(TXVideoJoiner.TXVideoJoinerListener)} 设置合成的监听器
+ * 4、调用{@link TXVideoJoiner#joinVideo(int, String)}
+ */
+public class UGCKitVideoJoin implements IVideoJoinKit, TXVideoJoiner.TXVideoJoinerListener {
+    private static final String TAG = "UGCKitVideoJoin";
+
+    private final FragmentActivity                  mContext;
+    private       TXVideoJoiner                     mTXVideoJoiner;
+    private       boolean                           mGenerateSuccess;
+    private       String                            mOutputPath;
+    private       IVideoJoinKit.OnVideoJoinListener mOnVideoJoinListener;
+    private       ProgressFragmentUtil              mProgressFragmentUtil;
+    private       ArrayList<TCVideoFileInfo>        mTCVideoFileInfoList;
+
+    public UGCKitVideoJoin(FragmentActivity context) {
+        mContext = context;
+    }
+
+    @Override
+    public void setVideoJoinList(ArrayList<TCVideoFileInfo> videoList) {
+        mTCVideoFileInfoList = videoList;
+        if (mTCVideoFileInfoList == null || mTCVideoFileInfoList.size() == 0) {
+            if (mOnVideoJoinListener != null) {
+                mOnVideoJoinListener.onJoinCanceled();
+            }
+            return;
+        }
+        startJoin();
+    }
+
+    @Override
+    public void setVideoJoinListener(IVideoJoinKit.OnVideoJoinListener videoJoinListener) {
+        mOnVideoJoinListener = videoJoinListener;
+    }
+
+    /**
+     * 开始视频合成
+     */
+    private void startJoin() {
+        ArrayList<String> videoSourceList = convertJoinPathList();
+        mTXVideoJoiner = new TXVideoJoiner(mContext);
+        int ret = mTXVideoJoiner.setVideoPathList(videoSourceList);
+        if (ret == 0) {
+        } else if (ret == TXVideoEditConstants.ERR_UNSUPPORT_VIDEO_FORMAT) {
+            DialogUtil.showDialog(mContext, "视频合成失败", "本机型暂不支持此视频格式", null);
+        } else if (ret == TXVideoEditConstants.ERR_UNSUPPORT_AUDIO_FORMAT) {
+            DialogUtil.showDialog(mContext, "视频合成失败", "暂不支持非单双声道的视频格式", new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    if (mOnVideoJoinListener != null) {
+                        mOnVideoJoinListener.onJoinCanceled();
+                    }
+                }
+            });
+        }
+        mTXVideoJoiner.setVideoJoinerListener(this);
+        mOutputPath = VideoPathUtil.generateVideoPath();
+
+        mProgressFragmentUtil = new ProgressFragmentUtil(mContext, mContext.getResources().getString(R.string.ugckit_video_joining));
+        mProgressFragmentUtil.showLoadingProgress(new ProgressFragmentUtil.IProgressListener() {
+            @Override
+            public void onStop() {
+                mProgressFragmentUtil.dismissLoadingProgress();
+                ToastUtil.toastShortMessage(mContext.getString(R.string.ugckit_cancel_joining));
+                cancelJoin();
+            }
+        });
+        mTXVideoJoiner.joinVideo(TXVideoEditConstants.VIDEO_COMPRESSED_540P, mOutputPath);
+    }
+
+    @NonNull
+    private ArrayList<String> convertJoinPathList() {
+        ArrayList<String> sourceList = new ArrayList<String>();
+        for (int i = 0; i < mTCVideoFileInfoList.size(); i++) {
+            sourceList.add(mTCVideoFileInfoList.get(i).getFilePath());
+        }
+        return sourceList;
+    }
+
+    /**
+     * 取消视频合成
+     */
+    private void cancelJoin() {
+        if (!mGenerateSuccess) {
+            if (mTXVideoJoiner != null) {
+                mTXVideoJoiner.cancel();
+            }
+
+            if (mOnVideoJoinListener != null) {
+                mOnVideoJoinListener.onJoinCanceled();
+            }
+        }
+    }
+
+    /************************************************************************/
+    /*****                     SDK回调函数                                *****/
+    /************************************************************************/
+    @Override
+    public void onJoinProgress(float progress) {
+        Log.d(TAG, "onJoinProgress = " + progress);
+        mProgressFragmentUtil.updateGenerateProgress((int) (progress * 100));
+    }
+
+    /**
+     * 功能：合成视频回调函数<p/>
+     * 您可以通过{@link com.tencent.ugc.TXVideoEditConstants.TXJoinerResult#retCode} 来判断合成成功或者失败<p/>
+     * 当retCode值为 TXVideoEditConstants.JOIN_RESULT_OK 表示生成成功<p/>
+     * 当retCode值为 TXVideoEditConstants.JOIN_RESULT_FAILED 表示生成失败，此时您可以用 {@link com.tencent.ugc.TXVideoEditConstants.TXGenerateResult#descMsg} 来获取失败原因的详细描述<p/>
+     * 当retCode值为 TXVideoEditConstants.JOIN_RESULT_LICENCE_VERIFICATION_FAILED 表示Licence校验失败
+     *
+     * @param result 返回生成视频的结果
+     */
+    @Override
+    public void onJoinComplete(@NonNull TXVideoEditConstants.TXJoinerResult result) {
+        LogReport.getInstance().reportVideoJoin(result.retCode);
+
+        mProgressFragmentUtil.dismissLoadingProgress();
+
+        if (result.retCode == TXVideoEditConstants.JOIN_RESULT_OK) {
+            if (mOnVideoJoinListener != null) {
+                UGCKitResult ugcKitResult = new UGCKitResult();
+                ugcKitResult.errorCode = result.retCode;
+                ugcKitResult.descMsg = result.descMsg;
+                ugcKitResult.outputPath = mOutputPath;
+                mOnVideoJoinListener.onJoinCompleted(ugcKitResult);
+            }
+            mGenerateSuccess = true;
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoMixRecord.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoMixRecord.java
new file mode 100644
index 0000000..e3dad70
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoMixRecord.java
@@ -0,0 +1,450 @@
+package com.tencent.qcloud.ugckit;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+
+import com.tencent.qcloud.ugckit.module.mixrecord.MixRecordConfigBuildInfo;
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.qcloud.ugckit.utils.VideoPathUtil;
+import com.tencent.liteav.demo.beauty.BeautyParams;
+import com.tencent.qcloud.ugckit.basic.ITitleBarLayout;
+import com.tencent.qcloud.ugckit.basic.OnUpdateUIListener;
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.component.dialog.ProgressDialogUtil;
+import com.tencent.qcloud.ugckit.component.dialogfragment.ProgressFragmentUtil;
+import com.tencent.qcloud.ugckit.module.ProcessKit;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.module.mixrecord.CountDownTimerView;
+import com.tencent.qcloud.ugckit.module.mixrecord.ICountDownTimerView;
+import com.tencent.qcloud.ugckit.module.mixrecord.IMixRecordRightLayout;
+import com.tencent.qcloud.ugckit.module.mixrecord.AbsVideoTripleMixRecordUI;
+import com.tencent.qcloud.ugckit.module.mixrecord.IMixRecordJoinListener;
+import com.tencent.qcloud.ugckit.module.mixrecord.MixRecordActionData;
+import com.tencent.qcloud.ugckit.module.mixrecord.MixRecordConfig;
+import com.tencent.qcloud.ugckit.module.mixrecord.MixRecordJoiner;
+import com.tencent.qcloud.ugckit.module.record.AudioFocusManager;
+import com.tencent.qcloud.ugckit.module.record.RecordButton;
+import com.tencent.qcloud.ugckit.module.record.ScrollFilterView;
+import com.tencent.qcloud.ugckit.module.record.UGCKitRecordConfig;
+import com.tencent.qcloud.ugckit.module.record.VideoRecordSDK;
+import com.tencent.qcloud.ugckit.utils.DialogUtil;
+import com.tencent.qcloud.ugckit.utils.LogReport;
+import com.tencent.ugc.TXRecordCommon;
+import com.tencent.ugc.TXUGCRecord;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoInfoReader;
+
+import java.util.List;
+
+public class UGCKitVideoMixRecord extends AbsVideoTripleMixRecordUI implements IMixRecordRightLayout.OnItemClickListener, RecordButton.OnRecordButtonListener,
+        ScrollFilterView.OnRecordFilterListener, VideoRecordSDK.OnVideoRecordListener,
+        IMixRecordJoinListener {
+    private static final String               TAG = "UGCKitVideoTripleRecord";
+    private              OnMixRecordListener  mOnMixRecordListener;
+    private              ProgressDialogUtil   mProgressDialogUtil;
+    private              ProgressFragmentUtil mProgressFragmentUtil;
+    private              FragmentActivity     mActivity;
+    private              MixRecordJoiner      mJoiner;
+    private              MixRecordConfig      mConfig;
+
+    public UGCKitVideoMixRecord(Context context) {
+        super(context);
+        initDefault();
+    }
+
+    public UGCKitVideoMixRecord(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault();
+    }
+
+    public UGCKitVideoMixRecord(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault();
+    }
+
+    private void initDefault() {
+        mActivity = (FragmentActivity) getContext();
+        // 初始化SDK:TXUGCRecord
+        VideoRecordSDK.getInstance().initSDK();
+        VideoRecordSDK.getInstance().setVideoRecordListener(this);
+
+        // 设置默认的录制模式
+        getFollowRecordBottomLayout().getRecordButton().setCurrentRecordMode(UGCKitRecordConfig.getInstance().mRecordMode);
+
+
+        // 点击"右侧工具栏"（包括"美颜"，"倒计时"）
+        getFollowRecordRightLayout().setOnItemClickListener(this);
+
+        // 点击"录制按钮"（包括"单击拍"，"按住拍"）
+        getFollowRecordBottomLayout().setOnRecordButtonListener(this);
+
+        getScrollFilterView().setOnRecordFilterListener(this);
+
+        mProgressDialogUtil = new ProgressDialogUtil(mActivity);
+        mJoiner = new MixRecordJoiner(getContext());
+        getTitleBar().setOnRightClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                MixRecordActionData data = new MixRecordActionData();
+                mOnMixRecordListener.onMixRecordAction(MixRecordActionT.MIX_RECORD_ACTION_T_SELECT, data);
+            }
+        });
+
+        TXUGCRecord txugcRecord = VideoRecordSDK.getInstance().getRecorder();
+        getBeautyPanel().setBeautyManager(txugcRecord.getBeautyManager());
+    }
+
+    @Override
+    public void start() {
+        // 打开合唱预览界面
+        VideoRecordSDK.getInstance().startCameraPreview(getPlayViews().getVideoView());
+        // 播放跟拍视频
+        getPlayViews().startVideo();
+    }
+
+    @Override
+    public void stop() {
+        Log.d(TAG, "stop");
+        getFollowRecordBottomLayout().getRecordButton().pauseRecordAnim();
+        getFollowRecordBottomLayout().closeTorch();
+        // 停止录制预览界面
+        VideoRecordSDK.getInstance().stopCameraPreview();
+        // 暂停录制
+        VideoRecordSDK.getInstance().pauseRecord();
+        // 停止播放跟拍视频
+        getPlayViews().stopVideo();
+    }
+
+    @Override
+    public void release() {
+        getFollowRecordBottomLayout().getRecordProgressView().release();
+        // 停止录制
+        VideoRecordSDK.getInstance().releaseRecord();
+        getPlayViews().releaseVideo();
+
+        // 录制TXUGCRecord是单例，需要释放时还原配置
+        getBeautyPanel().clear();
+        AudioFocusManager.getInstance().setAudioFocusListener(null);
+        VideoRecordSDK.getInstance().setVideoRecordListener(null);
+    }
+
+    @Override
+    public void setMixRecordInfo(MixRecordConfigBuildInfo buildInfo) {
+        MixRecordConfig info = new MixRecordConfig();
+        info.setInfo(buildInfo.getVideoPaths(), buildInfo.getRecordIndex(), buildInfo.getWidth(), buildInfo.getHeight(), buildInfo.getRecordRatio());
+        mConfig = info;
+        mConfig.mBeautyParams = new BeautyParams();
+        mConfig.mIsMute = buildInfo.isMute();
+        // 设置默认美颜
+        mConfig.mBeautyParams.mBeautyStyle = 0;
+        mConfig.mBeautyParams.mBeautyLevel = 4;
+        mConfig.mBeautyParams.mWhiteLevel = 1;
+        mConfig.mRenderMode = TXRecordCommon.VIDEO_RENDER_MODE_FULL_FILL_SCREEN;
+        mConfig.mAECType = buildInfo.getAecType();
+
+        List<String> paths = mConfig.getPaths();
+        for (int i = 0; i < paths.size(); i++) {
+            getPlayViews().init(i, paths.get(i));
+        }
+        // 初始化最大/最小视频录制时长
+        getFollowRecordBottomLayout().setDuration(mConfig.mMinDuration, mConfig.mMaxDuration);
+        // 初始化默认配置
+        VideoRecordSDK.getInstance().initConfig(mConfig);
+        VideoRecordSDK.getInstance().updateBeautyParam(mConfig.mBeautyParams);
+    }
+
+    @Override
+    public void screenOrientationChange() {
+        Log.d(TAG, "screenOrientationChange");
+        VideoRecordSDK.getInstance().stopCameraPreview();
+
+        VideoRecordSDK.getInstance().pauseRecord();
+
+        VideoRecordSDK.getInstance().startCameraPreview(getPlayViews().getVideoView());//
+    }
+
+    @Override
+    public void backPressed() {
+        Log.d(TAG, "backPressed");
+        // 录制已停止，则回调"录制被取消"
+        if (VideoRecordSDK.getInstance().getRecordState() == VideoRecordSDK.STATE_STOP) {
+            getPlayViews().releaseVideo();
+
+            if (getCountDownTimerView() != null) {
+                getCountDownTimerView().cancelDownAnimation();
+            }
+
+            if (mOnMixRecordListener != null) {
+                mOnMixRecordListener.onMixRecordCanceled();
+            }
+            return;
+        }
+        // 录制已开始，点击返回键，暂停录制
+        if (VideoRecordSDK.getInstance().getRecordState() == VideoRecordSDK.STATE_START) {
+            VideoRecordSDK.getInstance().pauseRecord();
+        }
+
+        if (mOnMixRecordListener != null) {
+            mOnMixRecordListener.onMixRecordCanceled();
+        }
+    }
+
+    @Override
+    public void setOnMixRecordListener(OnMixRecordListener listener) {
+        mOnMixRecordListener = listener;
+    }
+
+    @Override
+    public void updateMixFile(int index, String filePath) {
+        if (mConfig != null) {
+            mConfig.updateInfo(index, filePath);
+            getFollowRecordBottomLayout().setDuration(mConfig.mMinDuration, mConfig.mMaxDuration);
+        }
+        getPlayViews().updateFile(index, filePath);
+    }
+
+    /**
+     * 点击录制开始按钮
+     */
+    @Override
+    public void onRecordStart() {
+        Log.d(TAG, "onRecordStart");
+        getTitleBar().setVisible(false, ITitleBarLayout.POSITION.RIGHT);
+        getFollowRecordBottomLayout().disableFunction();
+        getFollowRecordRightLayout().setVisibility(View.INVISIBLE);
+
+        int retCode = VideoRecordSDK.getInstance().startRecord();
+        if (retCode == VideoRecordSDK.START_RECORD_FAIL) { //点击开始录制失败，录制按钮状态变为暂停
+            getFollowRecordBottomLayout().getRecordButton().pauseRecordAnim();
+            return;
+        }
+        if (VideoRecordSDK.getInstance().getPartManager().getPartsPathList().size() == 0) {
+            getPlayViews().seekVideo(0);
+        }
+        getPlayViews().startVideo();
+
+        AudioFocusManager.getInstance().setAudioFocusListener(new AudioFocusManager.OnAudioFocusListener() {
+            @Override
+            public void onAudioFocusChange() {
+                getFollowRecordBottomLayout().getRecordButton().pauseRecordAnim();
+            }
+        });
+        AudioFocusManager.getInstance().requestAudioFocus();
+    }
+
+    /**
+     * 点击录制暂停按钮
+     */
+    @Override
+    public void onRecordPause() {
+        Log.d(TAG, "onRecordPause");
+        getFollowRecordBottomLayout().enableFunction();
+        getFollowRecordRightLayout().setVisibility(View.VISIBLE);
+
+        VideoRecordSDK.getInstance().pauseRecord();
+        getPlayViews().pauseVideo();
+
+        AudioFocusManager.getInstance().abandonAudioFocus();
+    }
+
+    @Override
+    public void onTakePhoto() {
+
+    }
+
+    @Override
+    public void onDeleteParts(int partsSize, long duration) {
+        if (partsSize == 0) { //可以编辑
+            getTitleBar().setVisible(true, ITitleBarLayout.POSITION.RIGHT);
+        }
+        //seek to duration
+        getPlayViews().seekVideo(duration);
+    }
+
+    @Override
+    public void onShowBeautyPanel() {
+        // 隐藏底部工具栏
+        getFollowRecordBottomLayout().setVisibility(View.GONE);
+        // 隐藏右侧工具栏
+        getFollowRecordRightLayout().setVisibility(View.GONE);
+        // 显示美颜Pannel
+        getBeautyPanel().setVisibility(View.VISIBLE);
+    }
+
+    @Override
+    public void countDownTimer() {
+        getFollowRecordRightLayout().setVisibility(View.GONE);
+        getFollowRecordBottomLayout().setVisibility(View.GONE);
+
+        getCountDownTimerView().setOnCountDownListener(new ICountDownTimerView.ICountDownListener() {
+            @Override
+            public void onCountDownComplete() {
+                getFollowRecordBottomLayout().getRecordButton().startRecordAnim();
+                getFollowRecordRightLayout().setVisibility(View.VISIBLE);
+                getFollowRecordBottomLayout().setVisibility(View.VISIBLE);
+            }
+        });
+        getCountDownTimerView().countDownAnimation(CountDownTimerView.DEFAULT_COUNTDOWN_NUMBER);
+    }
+
+    @Override
+    public void onSingleClick(float x, float y) {
+        getBeautyPanel().setVisibility(View.GONE);
+        getFollowRecordBottomLayout().setVisibility(View.VISIBLE);
+        getFollowRecordRightLayout().setVisibility(View.VISIBLE);
+
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            record.setFocusPosition(x, y);
+        }
+    }
+
+    @Override
+    public void onRecordProgress(long milliSecond) {
+        getFollowRecordBottomLayout().updateProgress(milliSecond);
+    }
+
+    @Override
+    public void onRecordEvent(int event) {
+        getFollowRecordBottomLayout().getRecordProgressView().clipComplete();
+    }
+
+    @Override
+    public void onRecordComplete(@NonNull final TXRecordCommon.TXRecordResult result) {
+        Log.d(TAG, "onRecordComplete result:" + result.retCode);
+
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_RECORD, result.retCode, result.descMsg);
+
+        if (result.retCode >= 0) {
+            getFollowRecordBottomLayout().getRecordButton().pauseRecordAnim();
+
+            mProgressDialogUtil.showProgressDialog();
+            mProgressDialogUtil.setProgressDialogMessage(getResources().getString(R.string.ugckit_video_record_activity_on_record_complete_synthesizing));
+
+            mConfig.setRecordPath(result.videoPath);
+            new Thread(new Runnable() {
+                @Override
+                public void run() {
+                    // 开始合成
+                    MixRecordJoiner.JoinerParams params = new MixRecordJoiner.JoinerParams();
+                    params.videoSourceList = mConfig.getPaths();
+                    params.mCavasWith = mConfig.getWidth();
+                    params.mCavasHeight = mConfig.getHeight();
+                    params.mRects = getPlayViews().getCombineRects(mConfig);
+                    params.mVideoOutputPath = VideoPathUtil.getCustomVideoOutputPath("Triple_Shot_");
+                    MixRecordJoiner joiner = new MixRecordJoiner(getContext());
+                    params.mVolumes = mConfig.getVolumes();
+                    joiner.setmListener(UGCKitVideoMixRecord.this);
+                    joiner.setRecordPath(result.videoPath);
+                    joiner.joinVideo(params);
+                }
+            }, "MixRecordT").start();
+        }
+    }
+
+    @Override
+    public void onChorusProgress(float progress) {
+        int progressInt = (int) (progress * 100);
+        mProgressDialogUtil.setProgressDialogMessage(getResources().getString(R.string.ugckit_video_record_activity_on_join_progress_synthesizing) + progressInt + "%");
+    }
+
+    @Override
+    public void onChorusCompleted(String outputPath, boolean success) {
+        Log.d(TAG, "onMixRecordCompleted outputPath:" + outputPath);
+        mProgressDialogUtil.dismissProgressDialog();
+
+        if (!success) {
+            return;
+        }
+
+        boolean editFlag = mConfig.mIsNeedEdit;
+        Log.d(TAG, "onMixRecordCompleted editFlag:" + editFlag);
+        if (editFlag) {
+            startPreprocess(outputPath);
+        } else {
+            if (mOnMixRecordListener != null) {
+                UGCKitResult ugcKitResult = new UGCKitResult();
+                ugcKitResult.errorCode = 0;
+                ugcKitResult.outputPath = outputPath;
+
+                mOnMixRecordListener.onMixRecordCompleted(ugcKitResult);
+            }
+        }
+    }
+
+    private void startPreprocess(final String videoPath) {
+        mProgressFragmentUtil = new ProgressFragmentUtil(mActivity);
+        mProgressFragmentUtil.showLoadingProgress(new ProgressFragmentUtil.IProgressListener() {
+            @Override
+            public void onStop() {
+                mProgressFragmentUtil.dismissLoadingProgress();
+
+                ProcessKit.getInstance().stopProcess();
+            }
+        });
+        new Thread(new Runnable() {
+            @Override
+            public void run() {
+                loadVideoInfo(videoPath);
+            }
+        }, "MixRecord_preprocess").start();
+    }
+
+    private void loadVideoInfo(String videoPath) {
+        // 加载视频信息
+        TXVideoEditConstants.TXVideoInfo info = TXVideoInfoReader.getInstance(UGCKit.getAppContext()).getVideoFileInfo(videoPath);
+        if (info == null) {
+            BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                @Override
+                public void run() {
+                    DialogUtil.showDialog(mActivity, getResources().getString(R.string.ugckit_video_preprocess_activity_edit_failed),
+                            getResources().getString(R.string.ugckit_video_preprocess_activity_does_not_support_android_version_below_4_3), null);
+                }
+            });
+        } else {
+            // 设置视频基本信息
+            VideoEditerSDK.getInstance().initSDK();
+            VideoEditerSDK.getInstance().getEditer().setVideoPath(videoPath);
+            VideoEditerSDK.getInstance().setTXVideoInfo(info);
+            VideoEditerSDK.getInstance().setVideoDuration(info.duration);
+            VideoEditerSDK.getInstance().setCutterStartTime(0, info.duration);
+            // 开始视频预处理，产生录制的缩略图
+            ProcessKit.getInstance().startProcess();
+            ProcessKit.getInstance().setOnUpdateUIListener(new OnUpdateUIListener() {
+                @Override
+                public void onUIProgress(float progress) {
+                    mProgressFragmentUtil.updateGenerateProgress((int) (progress * 100));
+                }
+
+                @Override
+                public void onUIComplete(int retCode, String desc) {
+                    // 更新UI控件
+                    mProgressFragmentUtil.dismissLoadingProgress();
+                    if (mOnMixRecordListener != null) {
+                        UGCKitResult ugcKitResult = new UGCKitResult();
+                        ugcKitResult.errorCode = 0;
+                        mOnMixRecordListener.onMixRecordCompleted(ugcKitResult);
+                    }
+                }
+
+                @Override
+                public void onUICancel() {
+                    // 更新Activity
+                    if (mOnMixRecordListener != null) {
+                        mOnMixRecordListener.onMixRecordCanceled();
+                    }
+                }
+            });
+        }
+    }
+
+    @Override
+    public void setEditVideoFlag(boolean enable) {
+        mConfig.mIsNeedEdit = enable;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoPicker.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoPicker.java
new file mode 100755
index 0000000..5365b8b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoPicker.java
@@ -0,0 +1,115 @@
+package com.tencent.qcloud.ugckit;
+
+import android.Manifest;
+import android.app.Activity;
+import android.content.Context;
+import android.content.pm.PackageManager;
+import android.os.Build;
+import android.os.Handler;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.core.app.ActivityCompat;
+import androidx.core.content.ContextCompat;
+import android.util.AttributeSet;
+
+import com.tencent.qcloud.ugckit.basic.ITitleBarLayout;
+import com.tencent.qcloud.ugckit.module.picker.data.ItemView;
+import com.tencent.qcloud.ugckit.module.picker.data.PickerManagerKit;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+import com.tencent.qcloud.ugckit.module.picker.view.AbsPickerUI;
+import com.tencent.qcloud.ugckit.module.picker.view.PickedLayout;
+
+import java.util.ArrayList;
+
+/**
+ * Module：视频选择
+ */
+public class UGCKitVideoPicker extends AbsPickerUI implements ActivityCompat.OnRequestPermissionsResultCallback {
+    private Activity mActivity;
+    @NonNull
+    private Handler  mHandlder = new Handler();
+
+    public UGCKitVideoPicker(Context context) {
+        super(context);
+        initDefault();
+    }
+
+    public UGCKitVideoPicker(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault();
+    }
+
+    public UGCKitVideoPicker(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault();
+    }
+
+    @Override
+    public void initDefault() {
+        // 设置标题
+        getTitleBar().setTitle(getResources().getString(R.string.ugckit_video_choose), ITitleBarLayout.POSITION.MIDDLE);
+        getTitleBar().setVisible(false, ITitleBarLayout.POSITION.RIGHT);
+        getPickerListLayout().setOnItemAddListener(new ItemView.OnAddListener() {
+            @Override
+            public void onAdd(TCVideoFileInfo fileInfo) {
+                // 选中一个视频
+                getPickedLayout().addItem(fileInfo);
+            }
+        });
+        // 加载视频
+        loadVideoList();
+    }
+
+    private void loadVideoList() {
+        mActivity = (Activity) getContext();
+        if (ContextCompat.checkSelfPermission(mActivity, Manifest.permission.READ_EXTERNAL_STORAGE) == PackageManager.PERMISSION_GRANTED) {
+            mHandlder.post(new Runnable() {
+                @Override
+                public void run() {
+                    ArrayList<TCVideoFileInfo> list = PickerManagerKit.getInstance(mActivity).getAllVideo();
+                    getPickerListLayout().updateItems(list);
+                }
+            });
+        } else {
+            if (Build.VERSION.SDK_INT >= 23) {
+                ActivityCompat.requestPermissions(mActivity, new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, 1);
+            }
+        }
+    }
+
+    /**
+     * Glide停止加载图片
+     */
+    @Override
+    public void pauseRequestBitmap() {
+        getPickerListLayout().pauseRequestBitmap();
+    }
+
+    /**
+     * Glide继续加载图片
+     */
+    @Override
+    public void resumeRequestBitmap() {
+        getPickerListLayout().resumeRequestBitmap();
+    }
+
+    @Override
+    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
+        if (grantResults != null && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
+            loadVideoList();
+        }
+    }
+
+    @Override
+    public void setOnPickerListener(@Nullable final OnPickerListener listener) {
+        getPickedLayout().setOnNextStepListener(new PickedLayout.OnNextStepListener() {
+            @Override
+            public void onNextStep() {
+                if (listener != null) {
+                    ArrayList<TCVideoFileInfo> arrayList = getPickedLayout().getSelectItems(PickedLayout.TYPE_VIDEO);
+                    listener.onPickedList(arrayList);
+                }
+            }
+        });
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoPublish.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoPublish.java
new file mode 100644
index 0000000..ffc3d14
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoPublish.java
@@ -0,0 +1,394 @@
+package com.tencent.qcloud.ugckit;
+
+import android.app.AlertDialog;
+import android.content.Context;
+import android.content.DialogInterface;
+import android.content.Intent;
+import android.net.Uri;
+import android.os.Handler;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.text.TextUtils;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.ProgressBar;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.bumptech.glide.Glide;
+
+import com.bumptech.glide.load.engine.DiskCacheStrategy;
+import com.tencent.qcloud.ugckit.utils.TCUserMgr;
+import com.tencent.qcloud.ugckit.module.upload.TXUGCPublish;
+import com.tencent.qcloud.ugckit.module.upload.TXUGCPublishTypeDef;
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.qcloud.ugckit.utils.LogReport;
+import com.tencent.qcloud.ugckit.utils.NetworkUtil;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+
+import org.greenrobot.eventbus.EventBus;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.File;
+
+public class UGCKitVideoPublish extends RelativeLayout implements View.OnClickListener, TXUGCPublishTypeDef.ITXVideoPublishListener {
+    @NonNull
+    private String TAG = "UGCKitVideoPublish";
+
+    private Context           mContext;
+    private ImageView         mImageBack;      // 返回
+    private ImageView         mImageViewBg;
+    private ProgressBar       mProgressBar;     // 发布视频进度条
+    private TextView          mTextProgress;     // 发布视频进度文字
+    @Nullable
+    private TXUGCPublish      mVideoPublish  = null;
+    private boolean           mIsFetchCosSig = false;
+    @Nullable
+    private String            mCosSignature  = null;
+    @NonNull
+    private Handler           mHandler       = new Handler();
+    private boolean           mAllDone       = false;
+    private boolean           mDisableCache;
+    private String            mLocalVideoPath;
+    @Nullable
+    private String            mVideoPath     = null;  // 视频路径
+    @Nullable
+    private String            mCoverPath     = null;  // 视频封面路径
+    private OnPublishListener mOnPublishListener;
+
+    public UGCKitVideoPublish(Context context) {
+        super(context);
+        init(context);
+    }
+
+    public UGCKitVideoPublish(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public UGCKitVideoPublish(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    /**
+     * 功能：</p>
+     * 1、UGCKit控件初始化</p>
+     * 2、加载视频封面</p>
+     * 3、发布视频</p>
+     *
+     * @param context
+     */
+    private void init(Context context) {
+        mContext = context;
+        inflate(getContext(), R.layout.ugckit_publish_video_layout, this);
+
+        mImageBack = (ImageView) findViewById(R.id.btn_back);
+        mImageBack.setOnClickListener(this);
+
+        mProgressBar = (ProgressBar) findViewById(R.id.progressbar);
+        mTextProgress = (TextView) findViewById(R.id.tv_progress);
+        mImageViewBg = (ImageView) findViewById(R.id.bg_iv);
+
+        publishVideo();
+    }
+
+    /**
+     * 检测有网络时获取签名
+     */
+    private void publishVideo() {
+        if (mAllDone) {
+//            Intent intent = new Intent(TCVideoPublisherActivity.this, TCMainActivity.class);
+//            startActivity(intent);
+        } else {
+            if (!NetworkUtil.isNetworkAvailable(mContext)) {
+                ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_video_publisher_activity_no_network_connection));
+                return;
+            }
+            fetchSignature();
+        }
+    }
+
+    /**
+     * Step1:获取签名
+     */
+    private void fetchSignature() {
+        if (mIsFetchCosSig) {
+            return;
+        }
+        mIsFetchCosSig = true;
+
+        TCUserMgr.getInstance().getVodSig(new TCUserMgr.Callback() {
+            @Override
+            public void onSuccess(@NonNull JSONObject data) {
+                try {
+                    mCosSignature = data.getString("signature");
+                    startPublish();
+                } catch (JSONException e) {
+                    e.printStackTrace();
+                }
+                /**
+                 * ELK数据上报：获取签名成功
+                 */
+                LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_SIGN, TCUserMgr.SUCCESS_CODE, "获取签名成功");
+            }
+
+            @Override
+            public void onFailure(int code, final String msg) {
+                /**
+                 * ELK数据上报：获取签名失败
+                 */
+                LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_SIGN, code, "获取签名失败");
+            }
+        });
+    }
+
+    /**
+     * Step2:开始发布视频（子线程）
+     */
+    private void startPublish() {
+        mHandler.post(new Runnable() {
+            @Override
+            public void run() {
+                if (mVideoPublish == null) {
+                    mVideoPublish = new TXUGCPublish(UGCKit.getAppContext(), TCUserMgr.getInstance().getUserId());
+                }
+                /**
+                 * 设置视频发布监听器
+                 */
+                mVideoPublish.setListener(UGCKitVideoPublish.this);
+
+                TXUGCPublishTypeDef.TXPublishParam param = new TXUGCPublishTypeDef.TXPublishParam();
+                param.signature = mCosSignature;
+                param.videoPath = mVideoPath;
+                param.coverPath = mCoverPath;
+                int publishCode = mVideoPublish.publishVideo(param);
+//                if (publishCode != 0) {
+//                    mTVPublish.setText("发布失败，错误码：" + publishCode);
+//                }
+                NetworkUtil.getInstance(UGCKit.getAppContext()).setNetchangeListener(new NetworkUtil.NetchangeListener() {
+                    @Override
+                    public void onNetworkAvailable() {
+                        mTextProgress.setText(getResources().getString(R.string.ugckit_video_publisher_activity_network_connection_is_disconnected_video_upload_failed));
+                    }
+                });
+                NetworkUtil.getInstance(UGCKit.getAppContext()).registerNetChangeReceiver();
+            }
+        });
+    }
+
+    /**
+     * 设置发布视频的路径和封面<br>
+     * 注意：请检查路径是否正确
+     *
+     * @param videoPath 视频的路径
+     * @param coverPath 封面的路径
+     */
+    public void setPublishPath(String videoPath, String coverPath) {
+        mVideoPath = videoPath;
+        mCoverPath = coverPath;
+
+        loadCoverImage();
+    }
+
+    /**
+     * 开启本地缓存，若关闭本地缓存，则发布完成后删除"已发布"的视频和封面
+     *
+     * @param disableCache {@code true} 开启本地缓存，设置的视频文件和封面文件不会被删除。<br>
+     *                     {@code false} 关闭本地缓存，则发布完成后删除"已发布"的视频和封面；<br>
+     *                     默认为true
+     */
+    public void setCacheEnable(boolean disableCache) {
+        mDisableCache = disableCache;
+    }
+
+    /**
+     * 设置发布视频的监听器
+     *
+     * @param onUIClickListener
+     */
+    public void setOnPublishListener(OnPublishListener onUIClickListener) {
+        mOnPublishListener = onUIClickListener;
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        int i = view.getId();
+        if (i == R.id.btn_back) {
+            showCancelPublishDialog();
+        }
+    }
+
+    /**
+     * 加载视频封面
+     */
+    private void loadCoverImage() {
+        if (mCoverPath != null) {
+            Glide.with(mContext)
+                    .load(Uri.fromFile(new File(mCoverPath)))
+                    .diskCacheStrategy(DiskCacheStrategy.NONE)
+                    .skipMemoryCache(true)
+                    .into(mImageViewBg);
+        }
+    }
+
+    /**
+     * 显示取消发布的Dialog
+     */
+    private void showCancelPublishDialog() {
+        AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
+        AlertDialog alertDialog = builder.setTitle(mContext.getString(R.string.ugckit_cancel_publish_title)).setCancelable(false).setMessage(R.string.ugckit_cancel_publish_msg)
+                .setPositiveButton(R.string.ugckit_cancel_publish_title, new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        if (mVideoPublish != null) {
+                            mVideoPublish.canclePublish();
+                        }
+                        dialog.dismiss();
+                        if (mOnPublishListener != null) {
+                            mOnPublishListener.onPublishCancel();
+                        }
+                    }
+                })
+                .setNegativeButton(mContext.getString(R.string.ugckit_wrong_click), new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+                    }
+                }).create();
+        alertDialog.show();
+    }
+
+    /**
+     * 视频发布进度
+     *
+     * @param uploadBytes
+     * @param totalBytes
+     */
+    @Override
+    public void onPublishProgress(long uploadBytes, long totalBytes) {
+        int progress = (int) (uploadBytes * 100 / totalBytes);
+        Log.d(TAG, "onPublishProgress:" + progress);
+        mProgressBar.setProgress(progress);
+        mTextProgress.setText(getResources().getString(R.string.ugckit_video_publisher_activity_is_uploading) + progress + "%");
+    }
+
+    /**
+     * 视频发布结果回调<p/>
+     * 当视频发布成功后，发布到点播系统，此时就可以在视频列表看到"已发布的视频"
+     *
+     * @param publishResult
+     */
+    @Override
+    public void onPublishComplete(@NonNull TXUGCPublishTypeDef.TXPublishResult publishResult) {
+        Log.d(TAG, "onPublishComplete:" + publishResult.retCode);
+
+        /**
+         * ELK数据上报：视频发布到点播系统
+         */
+        LogReport.getInstance().reportPublishVideo(publishResult);
+
+        if (publishResult.retCode == TXUGCPublishTypeDef.PUBLISH_RESULT_OK) {
+            mImageBack.setVisibility(View.GONE);
+            UploadUGCVideo(publishResult.videoId, publishResult.videoURL, publishResult.coverURL);
+        } else {
+            if (publishResult.descMsg.contains("java.net.UnknownHostException") || publishResult.descMsg.contains("java.net.ConnectException")) {
+                mTextProgress.setText(mContext.getResources().getString(R.string.ugckit_video_publisher_activity_network_connection_is_disconnected_video_upload_failed));
+            } else {
+                mTextProgress.setText(publishResult.descMsg);
+            }
+            Log.e(TAG, publishResult.descMsg);
+        }
+    }
+
+    /**
+     * 发布视频后删除本地缓存的视频和封面
+     */
+    private void deleteCache() {
+        if (mDisableCache) {
+            File file = new File(mVideoPath);
+            if (file.exists()) {
+                file.delete();
+            }
+            if (!TextUtils.isEmpty(mCoverPath)) {
+                file = new File(mCoverPath);
+                if (file.exists()) {
+                    file.delete();
+                }
+            }
+            if (mLocalVideoPath != null) {
+                Intent scanIntent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE);
+                scanIntent.setData(Uri.fromFile(new File(mLocalVideoPath)));
+                mContext.sendBroadcast(scanIntent);
+            }
+        }
+    }
+
+    /**
+     * 发布到服务器
+     *
+     * @param videoId
+     * @param videoURL
+     * @param coverURL
+     */
+    private void UploadUGCVideo(final String videoId, final String videoURL, final String coverURL) {
+        String title = null; //TODO:传入本地视频文件名称
+        if (TextUtils.isEmpty(title)) {
+            title = "小视频";
+        }
+        try {
+            JSONObject body = new JSONObject().put("file_id", videoId)
+                    .put("title", title)
+                    .put("frontcover", coverURL)
+                    .put("location", "未知")
+                    .put("play_url", videoURL);
+            TCUserMgr.getInstance().request("/upload_ugc", body, new TCUserMgr.HttpCallback("upload_ugc", new TCUserMgr.Callback() {
+                @Override
+                public void onSuccess(JSONObject data) {
+                    /**
+                     * ELK上报：发布视频到服务器
+                     */
+                    LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_UPLOAD_SERVER, TCUserMgr.SUCCESS_CODE, "UploadUGCVideo Sucess");
+
+                    BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                        @Override
+                        public void run() {
+                            EventBus.getDefault().post(UGCKitConstants.EVENT_MSG_PUBLISH_DONE);
+
+                            if (mOnPublishListener != null) {
+                                mOnPublishListener.onPublishComplete();
+                            }
+                        }
+                    });
+                }
+
+                @Override
+                public void onFailure(int code, final String msg) {
+                    /**
+                     * ELK上报：发布视频到服务器
+                     */
+                    LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_UPLOAD_SERVER, code, msg);
+                }
+            }));
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+    }
+
+    public void release() {
+        NetworkUtil.getInstance(UGCKit.getAppContext()).unregisterNetChangeReceiver();
+
+        deleteCache();
+    }
+
+
+    public interface OnPublishListener {
+
+        void onPublishComplete();
+
+        void onPublishCancel();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoRecord.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoRecord.java
new file mode 100644
index 0000000..3e7ced3
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/UGCKitVideoRecord.java
@@ -0,0 +1,726 @@
+package com.tencent.qcloud.ugckit;
+
+import android.app.AlertDialog;
+import android.content.Context;
+import android.content.DialogInterface;
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+
+import com.tencent.liteav.demo.beauty.Beauty;
+import com.tencent.liteav.demo.beauty.BeautyParams;
+import com.tencent.liteav.demo.beauty.model.ItemInfo;
+import com.tencent.liteav.demo.beauty.model.TabInfo;
+import com.tencent.liteav.demo.beauty.view.BeautyPanel;
+import com.tencent.qcloud.ugckit.basic.ITitleBarLayout;
+import com.tencent.qcloud.ugckit.basic.OnUpdateUIListener;
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.component.dialog.ProgressDialogUtil;
+import com.tencent.qcloud.ugckit.component.dialogfragment.ProgressFragmentUtil;
+import com.tencent.qcloud.ugckit.module.ProcessKit;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.module.effect.bgm.view.SoundEffectsPannel;
+import com.tencent.qcloud.ugckit.module.record.AbsVideoRecordUI;
+import com.tencent.qcloud.ugckit.module.record.AudioFocusManager;
+import com.tencent.qcloud.ugckit.module.record.MusicInfo;
+import com.tencent.qcloud.ugckit.module.record.PhotoSoundPlayer;
+import com.tencent.qcloud.ugckit.module.record.RecordBottomLayout;
+import com.tencent.qcloud.ugckit.module.record.RecordModeView;
+import com.tencent.qcloud.ugckit.module.record.RecordMusicManager;
+import com.tencent.qcloud.ugckit.module.record.ScrollFilterView;
+import com.tencent.qcloud.ugckit.module.record.UGCKitRecordConfig;
+import com.tencent.qcloud.ugckit.module.record.VideoRecordSDK;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordButton;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordMusicPannel;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordRightLayout;
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.qcloud.ugckit.utils.DialogUtil;
+import com.tencent.qcloud.ugckit.utils.LogReport;
+import com.tencent.qcloud.ugckit.utils.TelephonyUtil;
+import com.tencent.ugc.TXRecordCommon;
+import com.tencent.ugc.TXUGCRecord;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoInfoReader;
+
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;
+
+public class UGCKitVideoRecord extends AbsVideoRecordUI implements
+        IRecordRightLayout.OnItemClickListener,
+        IRecordButton.OnRecordButtonListener,
+        SoundEffectsPannel.SoundEffectsSettingPannelListener,
+        IRecordMusicPannel.MusicChangeListener,
+        ScrollFilterView.OnRecordFilterListener,
+        VideoRecordSDK.OnVideoRecordListener {
+    private static final String TAG = "UGCKitVideoRecord";
+
+    private OnRecordListener      mOnRecordListener;
+    private OnMusicChooseListener mOnMusicListener;
+    private FragmentActivity      mActivity;
+    private ProgressFragmentUtil  mProgressFragmentUtil;
+    private ProgressDialogUtil    mProgressDialogUtil;
+    private boolean isInStopProcessing = false;
+    private ExecutorService videoProcessExecutor;
+
+    public UGCKitVideoRecord(Context context) {
+        super(context);
+        initDefault(context);
+    }
+
+    public UGCKitVideoRecord(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initDefault(context);
+    }
+
+    public UGCKitVideoRecord(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initDefault(context);
+    }
+
+    private void initDefault(Context context) {
+        mActivity = (FragmentActivity) getContext();
+        // 初始化SDK:TXUGCRecord
+        VideoRecordSDK.getInstance().initSDK();
+        // 初始化视频草稿箱
+        VideoRecordSDK.getInstance().initRecordDraft(context);
+        VideoRecordSDK.getInstance().setOnRestoreDraftListener(new VideoRecordSDK.OnRestoreDraftListener() {
+            @Override
+            public void onDraftProgress(long duration) {
+                getRecordBottomLayout().updateProgress((int) duration);
+                getRecordBottomLayout().getRecordProgressView().clipComplete();
+            }
+
+            @Override
+            public void onDraftTotal(long duration) {
+                getRecordRightLayout().setMusicIconEnable(false);
+                getRecordRightLayout().setAspectIconEnable(false);
+
+                float second = duration / 1000f;
+                boolean enable = second >= UGCKitRecordConfig.getInstance().mMinDuration / 1000;
+                getTitleBar().setVisible(enable, ITitleBarLayout.POSITION.RIGHT);
+            }
+        });
+
+        VideoRecordSDK.getInstance().setVideoRecordListener(this);
+        // 点击"下一步"
+        getTitleBar().setVisible(false, ITitleBarLayout.POSITION.RIGHT);
+        getTitleBar().setOnRightClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                //录制stop状态，由于stop的过程比较长，可长达一秒以上，做防重复点击的最小点击时间就需要设置的比较长。
+                //使用录制的currentState状态来判断是否是STOP状态，虽然可以完美解决防重复点击问题，但是如果用户按返回回到该界面，
+                //无法再次点击下一步，currentState状态仍然是stop。
+                //所以这里采用一个新的布尔值进行限制
+                if(isInStopProcessing) {
+                    return;
+                }
+                isInStopProcessing = true;
+                mProgressDialogUtil.showProgressDialog();
+
+                VideoRecordSDK.getInstance().stopRecord();
+            }
+        });
+
+        // 点击"右侧工具栏"（包括"美颜"，"音乐"，"音效"）
+        getRecordRightLayout().setOnItemClickListener(this);
+
+        // 点击"录制按钮"（包括"拍照"，"单击拍"，"按住拍"）
+        getRecordBottomLayout().setOnRecordButtonListener(this);
+        getRecordBottomLayout().setOnDeleteLastPartListener(new RecordBottomLayout.OnDeleteLastPartListener() {
+            @Override
+            public void onUpdateTitle(boolean enable) {
+                getTitleBar().setVisible(enable, ITitleBarLayout.POSITION.RIGHT);
+                getRecordPauseSnapView().clearBitmap();
+            }
+
+            @Override
+            public void onReRecord() {
+                getRecordRightLayout().setMusicIconEnable(true);
+                getRecordRightLayout().setAspectIconEnable(true);
+            }
+        });
+
+        // 设置"音乐面板"监听器
+        getRecordMusicPannel().setOnMusicChangeListener(this);
+        // 设置"音效面板"监听器
+        getSoundEffectPannel().setSoundEffectsSettingPannelListener(this);
+
+        getScrollFilterView().setOnRecordFilterListener(this);
+
+        TelephonyUtil.getInstance().initPhoneListener();
+        mProgressDialogUtil = new ProgressDialogUtil(mActivity);
+
+        UGCKitRecordConfig config = UGCKitRecordConfig.getInstance();
+        config.mBeautyParams = new BeautyParams();
+
+        // 设置默认美颜
+        config.mBeautyParams.mBeautyStyle = 0;
+        config.mBeautyParams.mBeautyLevel = 4;
+        config.mBeautyParams.mWhiteLevel = 1;
+        // 初始化默认配置
+        VideoRecordSDK.getInstance().initConfig(config);
+        VideoRecordSDK.getInstance().updateBeautyParam(config.mBeautyParams);
+
+        TXUGCRecord txugcRecord = VideoRecordSDK.getInstance().getRecorder();
+        getBeautyPanel().setBeautyManager(txugcRecord.getBeautyManager());
+        getBeautyPanel().setOnFilterChangeListener(new Beauty.OnFilterChangeListener() {
+            @Override
+            public void onChanged(Bitmap filterImage, int index) {
+                getScrollFilterView().doTextAnimator(index);
+            }
+        });
+        getBeautyPanel().setOnBeautyListener(new BeautyPanel.OnBeautyListener() {
+            @Override
+            public void onTabChange(TabInfo tabInfo, int position) {
+
+            }
+
+            @Override
+            public boolean onClose() {
+                getBeautyPanel().setVisibility(View.GONE);
+                getRecordMusicPannel().setVisibility(View.GONE);
+                getSoundEffectPannel().setVisibility(View.GONE);
+
+                getRecordBottomLayout().setVisibility(View.VISIBLE);
+                getRecordRightLayout().setVisibility(View.VISIBLE);
+                return true;
+            }
+
+            @Override
+            public boolean onClick(TabInfo tabInfo, int tabPosition, ItemInfo itemInfo, int itemPosition) {
+                return false;
+            }
+
+            @Override
+            public boolean onLevelChanged(TabInfo tabInfo, int tabPosition, ItemInfo itemInfo, int itemPosition, int beautyLevel) {
+                return false;
+            }
+        });
+    }
+
+    @Override
+    public void setOnRecordListener(OnRecordListener listener) {
+        mOnRecordListener = listener;
+    }
+
+    @Override
+    public void setOnMusicChooseListener(OnMusicChooseListener listener) {
+        mOnMusicListener = listener;
+    }
+
+    @Override
+    public void start() {
+        // 打开录制预览界面
+        VideoRecordSDK.getInstance().startCameraPreview(getRecordVideoView());
+    }
+
+    @Override
+    public void stop() {
+        Log.d(TAG, "stop");
+        isInStopProcessing = false;
+        TelephonyUtil.getInstance().uninitPhoneListener();
+
+        getRecordBottomLayout().getRecordButton().pauseRecordAnim();
+        getRecordBottomLayout().closeTorch();
+        // 停止录制预览界面
+        VideoRecordSDK.getInstance().stopCameraPreview();
+        // 暂停录制
+        VideoRecordSDK.getInstance().pauseRecord();
+    }
+
+    @Override
+    public void release() {
+        Log.d(TAG, "release");
+        getRecordBottomLayout().getRecordProgressView().release();
+        // 停止录制
+        VideoRecordSDK.getInstance().releaseRecord();
+
+        UGCKitRecordConfig.getInstance().clear();
+        // 录制TXUGCRecord是单例，需要释放时还原配置
+        getBeautyPanel().clear();
+        AudioFocusManager.getInstance().setAudioFocusListener(null);
+        VideoRecordSDK.getInstance().setVideoRecordListener(null);
+        getBeautyPanel().setOnFilterChangeListener(null);
+        ProcessKit.getInstance().setOnUpdateUIListener(null);
+        VideoRecordSDK.getInstance().setOnRestoreDraftListener(null);
+    }
+
+    @Override
+    public void screenOrientationChange() {
+        Log.d(TAG, "screenOrientationChange");
+        VideoRecordSDK.getInstance().stopCameraPreview();
+
+        VideoRecordSDK.getInstance().pauseRecord();
+
+        VideoRecordSDK.getInstance().startCameraPreview(getRecordVideoView());
+    }
+
+    @Override
+    public void setRecordMusicInfo(@NonNull MusicInfo musicInfo) {
+        if (musicInfo != null) {
+            Log.d(TAG, "music name:" + musicInfo.name + ", path:" + musicInfo.path);
+        }
+        getRecordBottomLayout().setVisibility(View.INVISIBLE);
+        getRecordRightLayout().setVisibility(View.INVISIBLE);
+
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            long duration = record.setBGM(musicInfo.path);
+            musicInfo.duration = duration;
+            Log.d(TAG, "music duration:" + musicInfo.duration);
+        }
+        // 设置音乐信息
+        RecordMusicManager.getInstance().setRecordMusicInfo(musicInfo);
+        // 更新音乐Pannel
+        getRecordMusicPannel().setMusicInfo(musicInfo);
+        getRecordMusicPannel().setVisibility(View.VISIBLE);
+
+        // 音乐试听
+        RecordMusicManager.getInstance().startPreviewMusic();
+    }
+
+    @Override
+    public void backPressed() {
+        Log.d(TAG, "backPressed");
+        // 录制已停止，则回调"录制被取消"
+        if (VideoRecordSDK.getInstance().getRecordState() == VideoRecordSDK.STATE_STOP) {
+            if (mOnRecordListener != null) {
+                mOnRecordListener.onRecordCanceled();
+            }
+            return;
+        }
+        // 录制已开始，点击返回键，暂停录制
+        if (VideoRecordSDK.getInstance().getRecordState() == VideoRecordSDK.STATE_START) {
+            //相当于点击了暂停按钮
+            getRecordBottomLayout().getRecordButton().pauseRecordAnim();
+        }
+
+        int size = VideoRecordSDK.getInstance().getPartManager().getPartsPathList().size();
+        if (size == 0) {
+            if (mOnRecordListener != null) {
+                mOnRecordListener.onRecordCanceled();
+            }
+            return;
+        }
+
+        showGiveupRecordDialog();
+    }
+
+    /**
+     * 显示放弃录制对话框
+     */
+    private void showGiveupRecordDialog() {
+        AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+        AlertDialog alertDialog = builder.setTitle(getResources().getString(R.string.ugckit_cancel_record)).setCancelable(false).setMessage(R.string.ugckit_confirm_cancel_record_content)
+                .setPositiveButton(R.string.ugckit_give_up, new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+
+                        VideoRecordSDK.getInstance().deleteAllParts();
+
+                        if (mOnRecordListener != null) {
+                            mOnRecordListener.onRecordCanceled();
+                        }
+                        return;
+                    }
+                })
+                .setNegativeButton(getResources().getString(R.string.ugckit_wrong_click), new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+                    }
+                }).create();
+        alertDialog.show();
+    }
+
+    /**
+     * 点击录制开始按钮
+     */
+    @Override
+    public void onRecordStart() {
+        getRecordRightLayout().setVisibility(View.INVISIBLE);
+        getRecordBottomLayout().startRecord();
+        // 开始录制后不能再选择音乐
+        getRecordRightLayout().setMusicIconEnable(false);
+        // 开始录制后不能切换屏比
+        getRecordRightLayout().setAspectIconEnable(false);
+
+        // 开始/继续录制
+        int retCode = VideoRecordSDK.getInstance().startRecord();
+        if (retCode == VideoRecordSDK.START_RECORD_FAIL) { //点击开始录制失败，录制按钮状态变为暂停
+            getRecordBottomLayout().getRecordButton().pauseRecordAnim();
+            return;
+        }
+
+        AudioFocusManager.getInstance().setAudioFocusListener(new AudioFocusManager.OnAudioFocusListener() {
+            @Override
+            public void onAudioFocusChange() {
+                VideoRecordSDK.getInstance().pauseRecord();
+            }
+        });
+        AudioFocusManager.getInstance().requestAudioFocus();
+        getRecordPauseSnapView().clearBitmap();
+    }
+
+    /**
+     * 点击录制暂停按钮
+     */
+    @Override
+    public void onRecordPause() {
+        Log.d(TAG, "onRecordPause");
+
+        if(UGCKitRecordConfig.getInstance().mPauseSnapOpacity > 0) {
+            getRecordPauseSnapView().catchPauseImage();
+        }
+
+        getRecordRightLayout().setVisibility(View.VISIBLE);
+        getRecordBottomLayout().pauseRecord();
+
+        VideoRecordSDK.getInstance().pauseRecord();
+        RecordMusicManager.getInstance().pauseMusic();
+
+        AudioFocusManager.getInstance().abandonAudioFocus();
+    }
+
+    /**
+     * 点击照相
+     */
+    @Override
+    public void onTakePhoto() {
+        PhotoSoundPlayer.playPhotoSound();
+
+        VideoRecordSDK.getInstance().takePhoto(new RecordModeView.OnSnapListener() {
+            @Override
+            public void onSnap(Bitmap bitmap) {
+                getSnapshotView().showSnapshotAnim(bitmap);
+            }
+        });
+    }
+
+    @Override
+    public void onDeleteParts(int partsSize, long duration) {
+
+    }
+
+    @Override
+    public void onShowBeautyPanel() {
+        // 隐藏底部工具栏
+        getRecordBottomLayout().setVisibility(View.GONE);
+        // 隐藏右侧工具栏
+        getRecordRightLayout().setVisibility(View.GONE);
+        // 显示美颜Pannel
+        getBeautyPanel().setVisibility(View.VISIBLE);
+    }
+
+    /**
+     * 点击工具栏按钮"音乐"
+     */
+    @Override
+    public void onShowMusicPanel() {
+        boolean isChooseMusicFlag = RecordMusicManager.getInstance().isChooseMusic();
+        if (isChooseMusicFlag) {
+            // 隐藏底部工具栏
+            getRecordBottomLayout().setVisibility(View.GONE);
+            // 隐藏右侧工具栏
+            getRecordRightLayout().setVisibility(View.GONE);
+            // 显示音乐Pannel
+            getRecordMusicPannel().setVisibility(View.VISIBLE);
+
+            RecordMusicManager.getInstance().startMusic();
+        } else {
+            if (mOnMusicListener != null) {
+                mOnMusicListener.onChooseMusic(UGCKitRecordConfig.getInstance().musicInfo.position);
+            }
+        }
+    }
+
+    @Override
+    public void onShowSoundEffectPanel() {
+        // 隐藏底部工具栏
+        getRecordBottomLayout().setVisibility(View.GONE);
+        // 隐藏右侧工具栏
+        getRecordRightLayout().setVisibility(View.GONE);
+        // 显示音效Pannel
+        getSoundEffectPannel().setVisibility(View.VISIBLE);
+    }
+
+    @Override
+    public void onAspectSelect(int aspectType) {
+        UGCKitRecordConfig.getInstance().mAspectRatio = aspectType;
+        VideoRecordSDK.getInstance().updateAspectRatio();
+    }
+
+    /************************************   音效Pannel回调接口 Begin  ********************************************/
+    @Override
+    public void onMicVolumeChanged(float volume) {
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            record.setMicVolume(volume);
+        }
+    }
+
+    @Override
+    public void onClickVoiceChanger(int type) {
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            record.setVoiceChangerType(type);
+        }
+    }
+
+    @Override
+    public void onClickReverb(int type) {
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            record.setReverb(type);
+        }
+    }
+
+    /************************************   音效Pannel回调接口 End    ********************************************/
+
+    /************************************   音乐Pannel回调接口 Begin  ********************************************/
+    @Override
+    public void onMusicVolumChanged(float volume) {
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            record.setBGMVolume(volume);
+        }
+    }
+
+    /**
+     * 背景音乐裁剪
+     *
+     * @param startTime
+     * @param endTime
+     */
+    @Override
+    public void onMusicTimeChanged(long startTime, long endTime) {
+        MusicInfo musicInfo = RecordMusicManager.getInstance().getMusicInfo();
+        musicInfo.startTime = startTime;
+        musicInfo.endTime = endTime;
+
+        RecordMusicManager.getInstance().startPreviewMusic();
+    }
+
+    /**
+     * 点击"音乐Pannel"的确定</p>
+     * 1、关闭音乐Pannel</p>
+     * 2、停止音乐试听
+     */
+    @Override
+    public void onMusicSelect() {
+        getRecordBottomLayout().setVisibility(View.VISIBLE);
+        getRecordRightLayout().setVisibility(View.VISIBLE);
+        // 录制添加BGM后是录制不了人声的，而音效是针对人声有效的
+        getRecordRightLayout().setSoundEffectsEnabled(false);
+
+        getRecordMusicPannel().setVisibility(View.GONE);
+
+        // 停止音乐试听
+        RecordMusicManager.getInstance().stopPreviewMusic();
+    }
+
+    /**
+     * 点击"音乐Pannel"的切换音乐
+     */
+    @Override
+    public void onMusicReplace() {
+        if (mOnMusicListener != null) {
+            mOnMusicListener.onChooseMusic(UGCKitRecordConfig.getInstance().musicInfo.position);
+        }
+    }
+
+    /**
+     * 点击"音乐Pannel"删除背景音乐
+     */
+    @Override
+    public void onMusicDelete() {
+        showDeleteMusicDialog();
+    }
+
+    private void showDeleteMusicDialog() {
+        AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+        AlertDialog alertDialog = builder.setTitle(getResources().getString(R.string.ugckit_tips)).setCancelable(false).setMessage(R.string.ugckit_delete_bgm_or_not)
+                .setPositiveButton(R.string.ugckit_confirm_delete, new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+
+                        RecordMusicManager.getInstance().deleteMusic();
+                        // 录制添加BGM后是录制不了人声的，而音效是针对人声有效的
+                        getRecordRightLayout().setSoundEffectIconEnable(true);
+
+//                        getRecordMusicPannel().setMusicName("");
+                        getRecordMusicPannel().setVisibility(View.GONE);
+                    }
+                })
+                .setNegativeButton(getResources().getString(R.string.ugckit_btn_cancel), new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+                    }
+                }).create();
+        alertDialog.show();
+    }
+
+    /************************************   音乐Pannel回调接口 End    ********************************************/
+
+    @Override
+    public void onSingleClick(float x, float y) {
+        getBeautyPanel().setVisibility(View.GONE);
+        getRecordMusicPannel().setVisibility(View.GONE);
+        getSoundEffectPannel().setVisibility(View.GONE);
+
+        getRecordBottomLayout().setVisibility(View.VISIBLE);
+        getRecordRightLayout().setVisibility(View.VISIBLE);
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            record.setFocusPosition(x, y);
+        }
+    }
+
+    @Override
+    public void onRecordProgress(long milliSecond) {
+        getRecordBottomLayout().updateProgress(milliSecond);
+
+        float second = milliSecond / 1000f;
+        boolean enable = second >= UGCKitRecordConfig.getInstance().mMinDuration / 1000;
+        getTitleBar().setVisible(enable, ITitleBarLayout.POSITION.RIGHT);
+    }
+
+    @Override
+    public void onRecordEvent(int event) {
+        getRecordBottomLayout().getRecordProgressView().clipComplete();
+        if (event == TXRecordCommon.EVT_ID_PAUSE) {
+            Log.d(TAG, "onRecordEvent: event=EVT_ID_PAUSE");
+            //相当于点击了暂停按钮
+            getRecordBottomLayout().getRecordButton().pauseRecordAnim();
+        }
+    }
+
+    @Override
+    public void onRecordComplete(@NonNull TXRecordCommon.TXRecordResult result) {
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_RECORD, result.retCode, result.descMsg);
+
+        if (result.retCode >= 0) {
+            mProgressDialogUtil.dismissProgressDialog();
+            boolean editFlag = UGCKitRecordConfig.getInstance().mIsNeedEdit;
+            if (editFlag) {
+                // 录制后需要进行编辑，预处理产生视频缩略图
+                startPreprocess(result.videoPath);
+            } else {
+                // 录制后不需要进行编辑视频，直接输出录制视频路径
+                if (mOnRecordListener != null) {
+                    UGCKitResult ugcKitResult = new UGCKitResult();
+                    String outputPath = VideoRecordSDK.getInstance().getRecordVideoPath();
+                    ugcKitResult.errorCode = result.retCode;
+                    ugcKitResult.descMsg = result.descMsg;
+                    ugcKitResult.outputPath = outputPath;
+                    ugcKitResult.coverPath = result.coverPath;
+                    mOnRecordListener.onRecordCompleted(ugcKitResult);
+                }
+            }
+        }
+    }
+
+    private void startPreprocess(String videoPath) {
+        mProgressFragmentUtil = new ProgressFragmentUtil(mActivity);
+        mProgressFragmentUtil.showLoadingProgress(new ProgressFragmentUtil.IProgressListener() {
+            @Override
+            public void onStop() {
+                mProgressFragmentUtil.dismissLoadingProgress();
+
+                ProcessKit.getInstance().stopProcess();
+            }
+        });
+
+        loadVideoInfo(videoPath);
+    }
+
+    /**
+     * 加载视频信息
+     *
+     * @param videoPath
+     */
+    private void loadVideoInfo(final String videoPath) {
+        if(null == videoProcessExecutor) {
+            videoProcessExecutor = Executors.newSingleThreadExecutor();
+        }
+        //使用单线程池，loadVideoInfo线程处理按照FIFO顺序执行，避免多并发产生的潜在问题
+        videoProcessExecutor.execute(new Runnable() {
+                    @Override
+                    public void run() {
+                        final TXVideoEditConstants.TXVideoInfo info = TXVideoInfoReader.getInstance(UGCKit.getAppContext()).getVideoFileInfo(videoPath);
+                        BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                            @Override
+                            public void run() {
+                                processVideo(info,videoPath);
+                            }
+                        });
+                    }
+                });
+    }
+
+    private void processVideo(TXVideoEditConstants.TXVideoInfo info,final String videoPath) {
+        if (info == null) {
+            DialogUtil.showDialog(getContext(), getResources().getString(R.string.ugckit_video_preprocess_activity_edit_failed), getResources().getString(R.string.ugckit_does_not_support_android_version_below_4_3), null);
+        } else {
+            // 设置视频基本信息
+            VideoEditerSDK.getInstance().initSDK();
+            VideoEditerSDK.getInstance().setVideoPath(videoPath);
+            VideoEditerSDK.getInstance().setTXVideoInfo(info);
+            VideoEditerSDK.getInstance().setVideoDuration(info.duration);
+            VideoEditerSDK.getInstance().setCutterStartTime(0, info.duration);
+
+            ProcessKit.getInstance().setOnUpdateUIListener(new OnUpdateUIListener() {
+                @Override
+                public void onUIProgress(float progress) {
+                    mProgressFragmentUtil.updateGenerateProgress((int) (progress * 100));
+                }
+
+                @Override
+                public void onUIComplete(int retCode, String descMsg) {
+                    // 更新UI控件
+                    mProgressFragmentUtil.dismissLoadingProgress();
+                    if (mOnRecordListener != null) {
+                        UGCKitResult ugcKitResult = new UGCKitResult();
+                        ugcKitResult.errorCode = retCode;
+                        ugcKitResult.descMsg = descMsg;
+                        ugcKitResult.outputPath = videoPath;
+                        mOnRecordListener.onRecordCompleted(ugcKitResult);
+                    }
+                }
+
+                @Override
+                public void onUICancel() {
+                    // 更新Activity
+                    if (mOnRecordListener != null) {
+                        mOnRecordListener.onRecordCanceled();
+                    }
+                }
+            });
+            // 开始视频预处理
+            ProcessKit.getInstance().startProcess();
+        }
+    }
+
+    @Override
+    public void setConfig(UGCKitRecordConfig config) {
+        VideoRecordSDK.getInstance().setConfig(config);
+        // 初始化最大/最小视频录制时长
+        getRecordBottomLayout().initDuration();
+        // 设置默认的录制模式
+        getRecordBottomLayout().getRecordButton().setCurrentRecordMode(UGCKitRecordConfig.getInstance().mRecordMode);
+        // 设置视频比例UI
+        getRecordRightLayout().setAspect(config.mAspectRatio);
+    }
+
+    @Override
+    public void setEditVideoFlag(boolean enable) {
+        UGCKitRecordConfig.getInstance().mIsNeedEdit = enable;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/BaseGenerateKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/BaseGenerateKit.java
new file mode 100644
index 0000000..a48a038
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/BaseGenerateKit.java
@@ -0,0 +1,13 @@
+package com.tencent.qcloud.ugckit.basic;
+
+/**
+ * 视频生成器
+ */
+public class BaseGenerateKit {
+
+    protected OnUpdateUIListener mOnUpdateUIListener;
+
+    public void setOnUpdateUIListener(OnUpdateUIListener listener) {
+        mOnUpdateUIListener = listener;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/ITitleBar.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/ITitleBar.java
new file mode 100644
index 0000000..f16abff
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/ITitleBar.java
@@ -0,0 +1,13 @@
+package com.tencent.qcloud.ugckit.basic;
+
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+
+public interface ITitleBar {
+
+    /**
+     * 获取标题栏
+     *
+     * @return
+     */
+    TitleBarLayout getTitleBar();
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/ITitleBarLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/ITitleBarLayout.java
new file mode 100644
index 0000000..519c20e
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/ITitleBarLayout.java
@@ -0,0 +1,94 @@
+package com.tencent.qcloud.ugckit.basic;
+
+import android.view.View;
+import android.widget.Button;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+/**
+ * 标题栏接口，标题栏设计为左中右三部分标题，左边为图片+文字，中间为文字，右边也会图片+文字
+ */
+public interface ITitleBarLayout {
+
+    /**
+     * 设置左边标题的图片
+     *
+     * @param resId
+     */
+    void setLeftIcon(int resId);
+
+    /**
+     * 设置左边标题的点击事件
+     *
+     * @param listener
+     */
+    void setOnBackClickListener(View.OnClickListener listener);
+
+    /**
+     * 设置右边标题的点击事件
+     *
+     * @param listener
+     */
+    void setOnRightClickListener(View.OnClickListener listener);
+
+    /**
+     * 设置标题
+     *
+     * @param title    标题内容
+     * @param position 标题位置
+     */
+    void setTitle(String title, POSITION position);
+
+    /**
+     * @param enable
+     * @param position
+     */
+    void setVisible(boolean enable, POSITION position);
+
+    /**
+     * 返回左边标题区域
+     *
+     * @return
+     */
+    LinearLayout getLeftGroup();
+
+    /**
+     * 返回左边标题的图片
+     *
+     * @return
+     */
+    ImageView getLeftIcon();
+
+    /**
+     * 返回左边标题的文字
+     *
+     * @return
+     */
+    TextView getLeftTitle();
+
+    /**
+     * 返回中间标题的文字
+     *
+     * @return
+     */
+    TextView getMiddleTitle();
+
+    Button getRightButton();
+
+    enum POSITION {
+        /**
+         * 左边标题
+         */
+        LEFT,
+        /**
+         * 中间标题
+         */
+        MIDDLE,
+        /**
+         * 右侧
+         */
+        RIGHT
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/JumpActivityMgr.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/JumpActivityMgr.java
new file mode 100644
index 0000000..6289926
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/JumpActivityMgr.java
@@ -0,0 +1,44 @@
+package com.tencent.qcloud.ugckit.basic;
+
+import androidx.annotation.NonNull;
+
+/**
+ * Activity跳转的信息保存
+ */
+public class JumpActivityMgr {
+
+    @NonNull
+    private static JumpActivityMgr sInstance     = new JumpActivityMgr();
+    private        boolean         mCutVideoFlag = true;
+    private        boolean         mQuickImport  = false;
+
+    private JumpActivityMgr() {
+        mCutVideoFlag = true;
+    }
+
+    @NonNull
+    public static JumpActivityMgr getInstance() {
+        return sInstance;
+    }
+
+    /**
+     * 设置"视频裁剪页面"是否进行"视频编辑"
+     *
+     * @param flag
+     */
+    public void setEditFlagFromCut(boolean flag) {
+        mCutVideoFlag = flag;
+    }
+
+    public boolean getEditFlagFromCut() {
+        return mCutVideoFlag;
+    }
+
+    public void setQuickImport(boolean quickImport) {
+        mQuickImport = quickImport;
+    }
+
+    public boolean isQuickImport() {
+        return mQuickImport;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/OnUpdateUIListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/OnUpdateUIListener.java
new file mode 100644
index 0000000..7d366e2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/OnUpdateUIListener.java
@@ -0,0 +1,26 @@
+package com.tencent.qcloud.ugckit.basic;
+
+/**
+ * 更新UI监听者
+ */
+public interface OnUpdateUIListener {
+    /**
+     * 更新进度条进度
+     *
+     * @param progress
+     */
+    void onUIProgress(float progress);
+
+    /**
+     * 操作执行完成，更新UI
+     *
+     * @param retCode
+     * @param descMsg
+     */
+    void onUIComplete(int retCode, String descMsg);
+
+    /**
+     * 操作取消，更新UI
+     */
+    void onUICancel();
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/TUIBuild.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/TUIBuild.java
new file mode 100644
index 0000000..4552c89
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/TUIBuild.java
@@ -0,0 +1,169 @@
+package com.tencent.qcloud.ugckit.basic;
+
+import android.os.Build;
+import android.text.TextUtils;
+import android.util.Log;
+
+public final class TUIBuild {
+
+    private static final String TAG = "TUIBuild";
+
+    private static String sModel              = ""; //Build.MODEL;
+    private static String sBrand              = ""; //Build.BRAND;
+    private static String sManufacturer       = ""; //Build.MANUFACTURER;
+    private static String sHardware           = ""; //Build.HARDWARE;
+    private static String sReleaseVersion     = ""; //Build.VERSION.RELEASE;
+    private static String sBoard              = ""; //Build.BOARD;
+    private static String sVersionIncremental = ""; //Build.VERSION.INCREMENTAL
+    private static int    sSdkInt             = 0;  //Build.VERSION.SDK_INT;
+
+    public static void setModel(final String model) {
+        synchronized (TUIBuild.class) {
+            sModel = model;
+        }
+    }
+
+    public static String getModel() {
+        if (TextUtils.isEmpty(sModel)) {
+            synchronized (TUIBuild.class) {
+                if (TextUtils.isEmpty(sModel)) {
+                    sModel = Build.MODEL;
+                    Log.i(TAG, "get MODEL by Build.MODEL :" + sModel);
+                }
+            }
+        }
+        return sModel;
+    }
+
+    public static void setBrand(final String brand) {
+        synchronized (TUIBuild.class) {
+            sBrand = brand;
+        }
+    }
+
+    public static String getBrand() {
+        if (TextUtils.isEmpty(sBrand)) {
+            synchronized (TUIBuild.class) {
+                if (TextUtils.isEmpty(sBrand)) {
+                    sBrand = Build.BRAND;
+                    Log.i(TAG, "get BRAND by Build.BRAND :" + sBrand);
+                }
+            }
+        }
+
+        return sBrand;
+    }
+
+    public static void setManufacturer(final String manufacturer) {
+        synchronized (TUIBuild.class) {
+            sManufacturer = manufacturer;
+        }
+    }
+
+    public static String getManufacturer() {
+        if (TextUtils.isEmpty(sManufacturer)) {
+            synchronized (TUIBuild.class) {
+                if (TextUtils.isEmpty(sManufacturer)) {
+                    sManufacturer = Build.MANUFACTURER;
+                    Log.i(TAG, "get MANUFACTURER by Build.MANUFACTURER :" + sManufacturer);
+                }
+            }
+        }
+
+        return sManufacturer;
+    }
+
+    public static void setHardware(final String hardware) {
+        synchronized (TUIBuild.class) {
+            sHardware = hardware;
+        }
+    }
+
+    public static String getHardware() {
+        if (TextUtils.isEmpty(sHardware)) {
+            synchronized (TUIBuild.class) {
+                if (TextUtils.isEmpty(sHardware)) {
+                    sHardware = Build.HARDWARE;
+                    Log.i(TAG, "get HARDWARE by Build.HARDWARE :" + sHardware);
+                }
+            }
+        }
+
+        return sHardware;
+    }
+
+    public static void setReleaseVersion(final String version) {
+        synchronized (TUIBuild.class) {
+            sReleaseVersion = version;
+        }
+    }
+
+    public static String getReleaseVersion() {
+        if (TextUtils.isEmpty(sReleaseVersion)) {
+            synchronized (TUIBuild.class) {
+                if (TextUtils.isEmpty(sReleaseVersion)) {
+                    sReleaseVersion = Build.VERSION.RELEASE;
+                    Log.i(TAG, "get VERSION by Build.VERSION.RELEASE :" + sReleaseVersion);
+                }
+            }
+        }
+
+        return sReleaseVersion;
+    }
+
+    public static void setSdkInt(final int versionInt) {
+        synchronized (TUIBuild.class) {
+            sSdkInt = versionInt;
+        }
+    }
+
+    public static int getSdkInt() {
+        if (sSdkInt == 0) {
+            synchronized (TUIBuild.class) {
+                if (sSdkInt == 0) {
+                    sSdkInt = Build.VERSION.SDK_INT;
+                    Log.i(TAG, "get VERSION_INT by Build.VERSION.SDK_INT :" + sSdkInt);
+                }
+            }
+        }
+
+        return sSdkInt;
+    }
+
+    public static void setVersionIncremental(final String versionIncremental) {
+        synchronized (TUIBuild.class) {
+            sVersionIncremental = versionIncremental;
+        }
+    }
+
+    public static String getVersionIncremental() {
+        if (TextUtils.isEmpty(sVersionIncremental)) {
+            synchronized (TUIBuild.class) {
+                if (TextUtils.isEmpty(sVersionIncremental)) {
+                    sVersionIncremental = Build.VERSION.INCREMENTAL;
+                    Log.i(TAG, "get VERSION_INCREMENTAL by Build.VERSION.INCREMENTAL :" + sVersionIncremental);
+                }
+            }
+        }
+        return sVersionIncremental;
+    }
+
+    public static void setBoard(final String board) {
+        synchronized (TUIBuild.class) {
+            sBoard = board;
+        }
+    }
+
+    public static String getBoard() {
+        if (TextUtils.isEmpty(sBoard)) {
+            synchronized (TUIBuild.class) {
+                if (TextUtils.isEmpty(sBoard)) {
+                    sBoard = Build.BOARD;
+                    Log.i(TAG, "get BOARD by Build.BOARD :" + sBoard);
+                }
+            }
+        }
+
+        return sBoard;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/UGCKitResult.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/UGCKitResult.java
new file mode 100644
index 0000000..59bb6e7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/basic/UGCKitResult.java
@@ -0,0 +1,25 @@
+package com.tencent.qcloud.ugckit.basic;
+
+public class UGCKitResult {
+    /**
+     * 错误码
+     */
+    public int    errorCode;
+    /**
+     * 详细描述
+     */
+    public String descMsg;
+    /**
+     * 封面
+     */
+    public String coverPath;
+    /**
+     * 输出视频路径
+     */
+    public String outputPath;
+
+    /**
+     * 是否需要发布
+     */
+    public boolean isPublish;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/TitleBarLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/TitleBarLayout.java
new file mode 100644
index 0000000..cb76b56
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/TitleBarLayout.java
@@ -0,0 +1,120 @@
+package com.tencent.qcloud.ugckit.component;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.Button;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.tencent.qcloud.ugckit.basic.ITitleBarLayout;
+import com.tencent.qcloud.ugckit.R;
+
+public class TitleBarLayout extends LinearLayout implements ITitleBarLayout {
+
+    private LinearLayout   mLeftGroup;
+    private TextView       mLeftTitle;
+    private TextView       mCenterTitle;
+    private ImageView      mLeftIcon;
+    private Button         mRightButton;
+    private RelativeLayout mTitleLayout;
+
+    public TitleBarLayout(Context context) {
+        super(context);
+        init();
+    }
+
+    public TitleBarLayout(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public TitleBarLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    private void init() {
+        inflate(getContext(), R.layout.ugckit_title_bar_layout, this);
+        mTitleLayout = (RelativeLayout) findViewById(R.id.page_title_layout);
+        mLeftGroup = (LinearLayout) findViewById(R.id.page_title_left_group);
+        mLeftTitle = (TextView) findViewById(R.id.page_title_left_text);
+        mCenterTitle = (TextView) findViewById(R.id.page_title);
+        mLeftIcon = (ImageView) findViewById(R.id.page_title_left_icon);
+        mRightButton = (Button) findViewById(R.id.btn_next);
+    }
+
+    @Override
+    public void setLeftIcon(int resId) {
+        mLeftIcon.setImageResource(resId);
+    }
+
+    @Override
+    public void setOnBackClickListener(OnClickListener listener) {
+        mLeftGroup.setOnClickListener(listener);
+    }
+
+    @Override
+    public void setOnRightClickListener(OnClickListener listener) {
+        mRightButton.setOnClickListener(listener);
+    }
+
+    @Override
+    public void setTitle(String title, @NonNull POSITION position) {
+        switch (position) {
+            case LEFT:
+                mLeftTitle.setText(title);
+                break;
+            case MIDDLE:
+                mCenterTitle.setText(title);
+                break;
+            case RIGHT:
+                mRightButton.setText(title);
+                break;
+        }
+    }
+
+    @Override
+    public void setVisible(boolean enable, @NonNull POSITION position) {
+        switch (position) {
+            case LEFT:
+                mLeftIcon.setVisibility(enable ? View.VISIBLE : View.GONE);
+                break;
+            case RIGHT:
+                mRightButton.setVisibility(enable ? View.VISIBLE : View.GONE);
+                break;
+        }
+    }
+
+    @Override
+    public LinearLayout getLeftGroup() {
+        return mLeftGroup;
+    }
+
+    @Override
+    public ImageView getLeftIcon() {
+        return mLeftIcon;
+    }
+
+    @Override
+    public Button getRightButton() {
+        return mRightButton;
+    }
+
+    @Override
+    public TextView getLeftTitle() {
+        return mCenterTitle;
+    }
+
+    @Nullable
+    @Override
+    public TextView getMiddleTitle() {
+        return null;
+    }
+
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleView.java
new file mode 100644
index 0000000..17cc059
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleView.java
@@ -0,0 +1,73 @@
+package com.tencent.qcloud.ugckit.component.bubbleview;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerView;
+
+/**
+ * 气泡字幕的View
+ * <p>
+ * 根绝参数 初始化气泡字幕
+ */
+public class BubbleView extends FloatLayerView {
+    private static final String TAG = "BubbleView";
+
+    private long mStartTime;
+    private long mEndTime;
+
+    @Nullable
+    private BubbleViewParams mBubbleViewParams;
+
+    public BubbleView(Context context) {
+        super(context);
+    }
+
+    public BubbleView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public BubbleView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+    }
+
+    public void setBubbleParams(@Nullable BubbleViewParams params) {
+        mBubbleViewParams = params;
+        if (params == null) {
+            return;
+        }
+        if (params.text == null) {
+            params.text = "";
+            Log.w(TAG, "setBubbleParams: bubble text is null");
+        }
+        BubbleViewHelper helper = new BubbleViewHelper();
+        helper.setBubbleTextParams(params);
+        Bitmap bitmap = helper.createBubbleTextBitmap();
+        setImageBitamp(bitmap);
+        mBubbleViewParams.bubbleBitmap = null;
+        invalidate();
+    }
+
+    @Nullable
+    public BubbleViewParams getBubbleParams() {
+        return mBubbleViewParams;
+    }
+
+    public void setStartToEndTime(long startTime, long endTime) {
+        mStartTime = startTime;
+        mEndTime = endTime;
+    }
+
+    public long getStartTime() {
+        return mStartTime;
+    }
+
+    public long getEndTime() {
+        return mEndTime;
+    }
+
+
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewFactory.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewFactory.java
new file mode 100644
index 0000000..4b6165a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewFactory.java
@@ -0,0 +1,19 @@
+package com.tencent.qcloud.ugckit.component.bubbleview;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.view.View;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+/**
+ * 创建 OperationView的工厂
+ */
+public class BubbleViewFactory {
+
+    @NonNull
+    public static BubbleView newOperationView(Context context) {
+        return (BubbleView) View.inflate(context, R.layout.ugckit_layout_default_bubble_view, null);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewHelper.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewHelper.java
new file mode 100644
index 0000000..943c7a7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewHelper.java
@@ -0,0 +1,296 @@
+package com.tencent.qcloud.ugckit.component.bubbleview;
+
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 根据外部传入的Params，构建一张合适的气泡Bitmap图
+ * <p>
+ * 1. 根据默认字体大小、可绘制的字幕区域来计算出 最终绘制的字体大小，以及行数
+ * 2. 根据字体大小、行数对字体进行排版
+ * 3. 绘制： A.绘制已经排好版的字体  B.绘制气泡字幕背景
+ * 4. 返回最终的Bitmap图
+ */
+public class BubbleViewHelper {
+    @Nullable
+    private Bitmap           mBubbleBitmap;
+    private BubbleViewParams mParams;
+    private float            mTextDefaultSize = 36; // 字幕的默认代销
+    private String           mText;
+    private Paint            mPaint;
+    private int              mTextAreaTop;
+    private int              mTextAreaLeft;
+    private int              mTextAreaRight;
+    private int              mTextAreaBottom;
+    private int              mTextAreaHeight;
+    private int              mTextAreaWidth;
+    private int              mTextAreaCenterX;
+    private int              mTextAreaCenterY;
+
+    public BubbleViewHelper() {
+
+    }
+
+    public void setBubbleTextParams(@NonNull BubbleViewParams params) {
+        mParams = params;
+        mTextDefaultSize = params.wordParamsInfo.getBubbleInfo().getDefaultSize();
+        mBubbleBitmap = params.bubbleBitmap;
+        mText = params.text;
+
+        if (mBubbleBitmap != null && mBubbleBitmap.isRecycled()) {
+            return;
+        }
+
+        initPaint();
+
+        // 如果气泡字幕背景为空， 那么创建一张刚好可以包裹文字的"空背景"
+        if (mBubbleBitmap == null) {
+            // 创建一张空的背景
+            int height = (int) getFontHeight() * 2;
+            int width = (int) mPaint.measureText(mText) + 1;
+            mBubbleBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
+        }
+        initTextArea(
+                params.wordParamsInfo.getBubbleInfo().getTop(),
+                params.wordParamsInfo.getBubbleInfo().getLeft(),
+                params.wordParamsInfo.getBubbleInfo().getRight(),
+                params.wordParamsInfo.getBubbleInfo().getBottom());
+    }
+
+    /**
+     * 初始化画笔
+     */
+    private void initPaint() {
+        mPaint = new Paint();
+        mPaint.setColor(mParams.wordParamsInfo.getTextColor() != 0 ? mParams.wordParamsInfo.getTextColor() : Color.WHITE);
+        mPaint.setTextSize(mTextDefaultSize);
+        mPaint.setAntiAlias(true);
+    }
+
+    /**
+     * 初始化可绘制区域的大小
+     *
+     * @param top
+     * @param left
+     * @param right
+     * @param bottom
+     */
+    private void initTextArea(float top, float left, float right, float bottom) {
+        mTextAreaTop = (int) (top * mBubbleBitmap.getHeight());
+        mTextAreaBottom = (int) (bottom * mBubbleBitmap.getHeight());
+        mTextAreaLeft = (int) (left * mBubbleBitmap.getWidth());
+        mTextAreaRight = (int) (right * mBubbleBitmap.getWidth());
+
+        mTextAreaWidth = mBubbleBitmap.getWidth() - mTextAreaRight - mTextAreaLeft;
+        mTextAreaHeight = mBubbleBitmap.getHeight() - mTextAreaBottom - mTextAreaTop;
+
+        mTextAreaCenterX = mTextAreaWidth / 2 + mTextAreaLeft;
+        mTextAreaCenterY = mTextAreaHeight / 2 + mTextAreaTop;
+    }
+
+
+    /**
+     * 生成最终bitmap的方法
+     *
+     * @return
+     */
+    @Nullable
+    public Bitmap createBubbleTextBitmap() {
+        if (mBubbleBitmap == null || mBubbleBitmap.isRecycled()) {
+            return null;
+        }
+        float textSize = measureFontSize(mText);
+        mPaint.setTextSize(textSize);
+        Bitmap bitmap = Bitmap.createBitmap(mBubbleBitmap.getWidth(), mBubbleBitmap.getHeight(), Bitmap.Config.ARGB_8888);
+        Canvas canvas = new Canvas(bitmap);
+        canvas.drawBitmap(mBubbleBitmap, 0, 0, mPaint);
+        drawText(canvas);
+        if (!mBubbleBitmap.isRecycled()) {
+            mBubbleBitmap.recycle();
+            mBubbleBitmap = null;
+        }
+        return bitmap;
+    }
+
+    //------------------------------------------------测量文字相关--------------------------------------------------------------
+
+    /**
+     * 测量文字最合适的大小
+     *
+     * @param text
+     * @return
+     */
+    private float measureFontSize(String text) {
+        float trySize = mTextDefaultSize;
+        mPaint.setTextSize(trySize);
+        int lines = measureTextLines(trySize, text);
+        double height = measureTextAreaHeight(trySize, lines);
+        if (height > mTextAreaHeight) {
+            do {
+                trySize -= 1;
+                lines = measureTextLines(trySize, text) + 1;// +1是为了留出更多的空间
+                height = measureTextAreaHeight(trySize, lines);
+            } while (height > mTextAreaHeight);
+        }
+        return trySize;
+    }
+
+
+    /**
+     * 测量文字所占用的高度
+     *
+     * @param fontSize
+     * @param lines
+     * @return
+     */
+    private double measureTextAreaHeight(float fontSize, int lines) {
+        mPaint.setTextSize(fontSize);
+        double fontHeight = getFontHeight();
+        double height = lines * fontHeight;
+        return height;
+    }
+
+    /**
+     * 测量输入的文字 所需要占用的行数
+     *
+     * @param fontSize
+     * @param s
+     * @return
+     */
+    private int measureTextLines(float fontSize, String s) {
+        mPaint.setTextSize(fontSize);
+        float textWidth = mPaint.measureText(s);
+        float lines = textWidth / mTextAreaWidth;
+        return (int) Math.ceil(lines);
+    }
+
+
+    //------------------------------------------------渲染文字相关--------------------------------------------------------------
+
+    private void drawText(@NonNull Canvas canvas) {
+        List<TextParams> list = locateText();  //定位字幕
+
+        for (TextParams params : list) {
+            // 具体绘制字幕
+            canvas.drawText(params.text, params.x, params.y, mPaint);
+        }
+
+    }
+
+    /**
+     * 定位字符
+     * <p>
+     * 1. 分割字幕
+     * 2. 每行字幕定位
+     */
+    @NonNull
+    private List<TextParams> locateText() {
+        List<TextParams> list = new ArrayList<>();
+
+        List<String> text = splitText();// 将字幕分割为一行一行
+
+        int middlePos = (text.size() + 1) / 2 - 1;
+
+        float baseX = mTextAreaLeft, baseY;
+
+        float fontHeight = getFontHeight();
+
+        if (text.size() % 2 == 1) {//行数奇数
+            baseY = mTextAreaCenterY + fontHeight / 2;
+        } else {
+            baseY = mTextAreaCenterY;
+        }
+
+        list.add(new TextParams(text.get(middlePos), mTextAreaLeft, baseY));
+
+
+        int loopTime = 0;
+        for (int i = middlePos - 1; i >= 0; i--) {
+            loopTime += 1;
+            list.add(new TextParams(text.get(i), baseX, baseY - fontHeight * loopTime));
+        }
+
+        loopTime = 0;
+        for (int i = middlePos + 1; i < text.size(); i++) {
+            loopTime += 1;
+            list.add(new TextParams(text.get(i), baseX, baseY + fontHeight * loopTime));
+        }
+        return list;
+    }
+
+
+    /**
+     * 分割字幕
+     * <p>
+     * 对文字进行排版，分割成一行一行
+     *
+     * @return
+     */
+    @NonNull
+    private List<String> splitText() {
+        List<String> text = new ArrayList<>();
+
+        char[] chars = mText.toCharArray();
+
+        StringBuilder sb = new StringBuilder();
+
+        int lineWidth = 0;
+
+        int lineNumber = 0;
+
+        for (int i = 0; i < chars.length; i++) {
+            char c = chars[i];
+            float charSize = mPaint.measureText(chars, i, 1);
+            lineWidth += charSize;
+
+            if (lineWidth < mTextAreaWidth) {
+                sb.append(c);
+            } else {
+                text.add(sb.toString());
+                lineNumber++;
+
+                lineWidth = 0;
+                lineWidth += charSize;
+                sb = new StringBuilder();
+                sb.append(c);
+            }
+
+            if (i == chars.length - 1) {
+                text.add(sb.toString());
+                break;
+            }
+        }
+
+        return text;
+    }
+
+
+    /**
+     * 获取一个字体的高度
+     *
+     * @return
+     */
+    private float getFontHeight() {
+        Paint.FontMetrics metrics = new Paint.FontMetrics();
+        mPaint.getFontMetrics(metrics);
+        return metrics.bottom - metrics.ascent - metrics.descent;
+    }
+
+    private static class TextParams {
+        public float x, y;
+        public String text;
+
+        public TextParams(String text, float x, float y) {
+            this.x = x;
+            this.y = y;
+            this.text = text;
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewParams.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewParams.java
new file mode 100644
index 0000000..893bd6d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/bubbleview/BubbleViewParams.java
@@ -0,0 +1,44 @@
+package com.tencent.qcloud.ugckit.component.bubbleview;
+
+import android.graphics.Bitmap;
+import android.graphics.Color;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.tencent.qcloud.ugckit.module.effect.bubble.TCBubbleInfo;
+import com.tencent.qcloud.ugckit.module.effect.bubble.TCSubtitleInfo;
+
+/**
+ * 用于初始化气泡字幕控件{@link BubbleView} 的参数配置
+ */
+public class BubbleViewParams {
+    @Nullable
+    public Bitmap         bubbleBitmap;
+    public TCSubtitleInfo wordParamsInfo;
+    public String         text;
+
+    @NonNull
+    public static BubbleViewParams createDefaultParams(String text) {
+        BubbleViewParams params = new BubbleViewParams();
+        params.bubbleBitmap = null;
+        params.text = text;
+
+        TCSubtitleInfo info = new TCSubtitleInfo();
+        info.setTextColor(Color.WHITE);
+
+        // 初始化为无字幕的 配置信息
+        // 创建一个默认的
+        TCBubbleInfo bubbleInfo = new TCBubbleInfo();
+        bubbleInfo.setHeight(0);
+        bubbleInfo.setWidth(0);
+        bubbleInfo.setDefaultSize(40);
+        bubbleInfo.setBubblePath(null);
+        bubbleInfo.setIconPath(null);
+        bubbleInfo.setRect(0, 0, 0, 0);
+
+        info.setBubbleInfo(bubbleInfo);
+
+        params.wordParamsInfo = info;
+        return params;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/circlebmp/TCCircleView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/circlebmp/TCCircleView.java
new file mode 100644
index 0000000..8bab0d7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/circlebmp/TCCircleView.java
@@ -0,0 +1,66 @@
+package com.tencent.qcloud.ugckit.component.circlebmp;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+
+/**
+ * 一个圆形的View
+ */
+public class TCCircleView extends View {
+    private int   mColor = Color.RED;
+    private Paint mPaint;
+    private RectF mRectF;
+
+    public TCCircleView(Context context) {
+        super(context);
+        init();
+    }
+
+    public TCCircleView(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public TCCircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    private void init() {
+        mPaint = new Paint();
+        mPaint.setAntiAlias(true);
+        mPaint.setColor(mColor);
+        mRectF = new RectF();
+    }
+
+
+    public void setColor(int color) {
+        mColor = color;
+        mPaint.setColor(mColor);
+        invalidate();
+    }
+
+    @Override
+    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
+        super.onSizeChanged(w, h, oldw, oldh);
+
+        mRectF.left = 0;
+        mRectF.top = 0;
+        mRectF.right = w;
+        mRectF.bottom = h;
+    }
+
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+        canvas.drawOval(mRectF, mPaint);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/circlebmp/TCGlideCircleTransform.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/circlebmp/TCGlideCircleTransform.java
new file mode 100644
index 0000000..4986124
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/circlebmp/TCGlideCircleTransform.java
@@ -0,0 +1,65 @@
+package com.tencent.qcloud.ugckit.component.circlebmp;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.PorterDuff;
+import android.graphics.PorterDuffXfermode;
+import androidx.annotation.NonNull;
+
+import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
+import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;
+
+import java.security.MessageDigest;
+import java.util.Objects;
+
+/**
+ * Glide图像裁剪
+ */
+public class TCGlideCircleTransform extends BitmapTransformation {
+
+    private final String id = getClass().getName();
+
+    public TCGlideCircleTransform(Context context) {
+    }
+
+    @Override
+    protected Bitmap transform(BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {
+        return createCircleImage(toTransform, 0);
+    }
+
+    // 根据原图绘制圆形图片
+    public static Bitmap createCircleImage(@NonNull Bitmap source, int min) {
+        final Paint paint = new Paint();
+        paint.setAntiAlias(true);
+        if (0 == min) {
+            min = source.getHeight() > source.getWidth() ? source.getWidth() : source.getHeight();
+        }
+        Bitmap target = Bitmap.createBitmap(min, min, Bitmap.Config.ARGB_8888);
+        // 创建画布
+        Canvas canvas = new Canvas(target);
+        // 绘圆
+        canvas.drawCircle(min / 2, min / 2, min / 2, paint);
+        // 设置交叉模式
+        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
+        // 绘制图片
+        canvas.drawBitmap(source, 0, 0, paint);
+        return target;
+    }
+
+    @Override
+    public boolean equals(Object o) {
+        return o instanceof TCGlideCircleTransform;
+    }
+
+    @Override
+    public int hashCode() {
+        return id.hashCode();
+    }
+
+    @Override
+    public void updateDiskCacheKey(@NonNull MessageDigest messageDigest) {
+        messageDigest.update((id).getBytes());
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialog/ActionSheetDialog.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialog/ActionSheetDialog.java
new file mode 100755
index 0000000..7308a08
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialog/ActionSheetDialog.java
@@ -0,0 +1,235 @@
+package com.tencent.qcloud.ugckit.component.dialog;
+
+import android.app.Dialog;
+import android.content.Context;
+import android.graphics.Color;
+import androidx.annotation.NonNull;
+import android.view.Display;
+import android.view.Gravity;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.View.OnClickListener;
+import android.view.Window;
+import android.view.WindowManager;
+import android.widget.LinearLayout;
+import android.widget.LinearLayout.LayoutParams;
+import android.widget.ScrollView;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class ActionSheetDialog {
+
+    private Context         mContext;
+    private Dialog          mDialog;
+    private TextView        mTextTitle;
+    private TextView        mTextCancel;
+    private LinearLayout    mLayoutContent;
+    private ScrollView      mScrollContent;
+    private List<SheetItem> mSheetItemList;
+    private Display         mDisplay;
+    private boolean         mShowTitle = false;
+
+    public ActionSheetDialog(@NonNull Context context) {
+        this.mContext = context;
+        WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
+        mDisplay = windowManager.getDefaultDisplay();
+    }
+
+    @NonNull
+    public ActionSheetDialog builder() {
+        // 获取Dialog布局
+        View view = LayoutInflater.from(mContext).inflate(R.layout.ugckit_view_actionsheet, null);
+
+        // 设置Dialog最小宽度为屏幕宽度
+        view.setMinimumWidth(mDisplay.getWidth());
+
+        // 获取自定义Dialog布局中的控件
+        mScrollContent = (ScrollView) view.findViewById(R.id.sLayout_content);
+        mLayoutContent = (LinearLayout) view
+                .findViewById(R.id.lLayout_content);
+        mTextTitle = (TextView) view.findViewById(R.id.txt_title);
+        mTextCancel = (TextView) view.findViewById(R.id.txt_cancel);
+        mTextCancel.setOnClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                mDialog.dismiss();
+            }
+        });
+
+        // 定义Dialog布局和参数
+        mDialog = new Dialog(mContext, R.style.UGCKitActionSheetDialogStyle);
+        mDialog.setContentView(view);
+        Window dialogWindow = mDialog.getWindow();
+        dialogWindow.setGravity(Gravity.LEFT | Gravity.BOTTOM);
+        WindowManager.LayoutParams lp = dialogWindow.getAttributes();
+        lp.x = 0;
+        lp.y = 0;
+        dialogWindow.setAttributes(lp);
+
+        return this;
+    }
+
+    @NonNull
+    public ActionSheetDialog setTitle(String title) {
+        mShowTitle = true;
+        mTextTitle.setVisibility(View.VISIBLE);
+        mTextTitle.setText(title);
+        return this;
+    }
+
+    @NonNull
+    public ActionSheetDialog setCancelable(boolean cancel) {
+        mDialog.setCancelable(cancel);
+        return this;
+    }
+
+    @NonNull
+    public ActionSheetDialog setCanceledOnTouchOutside(boolean cancel) {
+        mDialog.setCanceledOnTouchOutside(cancel);
+        return this;
+    }
+
+    /**
+     * @param strItem  条目名称
+     * @param color    条目字体颜色，设置null则默认蓝色
+     * @param listener
+     * @return
+     */
+    @NonNull
+    public ActionSheetDialog addSheetItem(String strItem, SheetItemColor color,
+                                          OnSheetItemClickListener listener) {
+        if (mSheetItemList == null) {
+            mSheetItemList = new ArrayList<SheetItem>();
+        }
+        mSheetItemList.add(new SheetItem(strItem, color, listener));
+        return this;
+    }
+
+    /**
+     * 设置条目布局
+     */
+    private void setSheetItems() {
+        if (mSheetItemList == null || mSheetItemList.size() <= 0) {
+            return;
+        }
+
+        int size = mSheetItemList.size();
+
+        // TODO 高度控制，非最佳解决办法
+        // 添加条目过多的时候控制高度
+        if (size >= 7) {
+            LayoutParams params = (LayoutParams) mScrollContent
+                    .getLayoutParams();
+            params.height = mDisplay.getHeight() / 2;
+            mScrollContent.setLayoutParams(params);
+        }
+
+        // 循环添加条目
+        for (int i = 1; i <= size; i++) {
+            final int index = i;
+            SheetItem sheetItem = mSheetItemList.get(i - 1);
+            String strItem = sheetItem.name;
+            SheetItemColor color = sheetItem.color;
+            final OnSheetItemClickListener listener = (OnSheetItemClickListener) sheetItem.itemClickListener;
+
+            TextView textView = new TextView(mContext);
+            textView.setText(strItem);
+            textView.setTextSize(18);
+            textView.setGravity(Gravity.CENTER);
+
+            // 背景图片
+            if (size == 1) {
+                if (mShowTitle) {
+                    textView.setBackgroundResource(R.drawable.ugckit_actionsheet_bottom_selector);
+                } else {
+                    textView.setBackgroundResource(R.drawable.ugckit_actionsheet_single_selector);
+                }
+            } else {
+                if (mShowTitle) {
+                    if (i >= 1 && i < size) {
+                        textView.setBackgroundResource(R.drawable.ugckit_actionsheet_middle_selector);
+                    } else {
+                        textView.setBackgroundResource(R.drawable.ugckit_actionsheet_bottom_selector);
+                    }
+                } else {
+                    if (i == 1) {
+                        textView.setBackgroundResource(R.drawable.ugckit_actionsheet_top_selector);
+                    } else if (i < size) {
+                        textView.setBackgroundResource(R.drawable.ugckit_actionsheet_middle_selector);
+                    } else {
+                        textView.setBackgroundResource(R.drawable.ugckit_actionsheet_bottom_selector);
+                    }
+                }
+            }
+
+            // 字体颜色
+            if (color == null) {
+                textView.setTextColor(Color.parseColor(SheetItemColor.Blue
+                        .getName()));
+            } else {
+                textView.setTextColor(Color.parseColor(color.getName()));
+            }
+
+            // 高度
+            float scale = mContext.getResources().getDisplayMetrics().density;
+            int height = (int) (45 * scale + 0.5f);
+            textView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, height));
+
+            // 点击事件
+            textView.setOnClickListener(new OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    listener.onClick(index);
+                    mDialog.dismiss();
+                }
+            });
+
+            mLayoutContent.addView(textView);
+        }
+    }
+
+    public void show() {
+        setSheetItems();
+        mDialog.show();
+    }
+
+    public interface OnSheetItemClickListener {
+        void onClick(int which);
+    }
+
+    public class SheetItem {
+        String                   name;
+        OnSheetItemClickListener itemClickListener;
+        SheetItemColor           color;
+
+        public SheetItem(String name, SheetItemColor color,
+                         OnSheetItemClickListener itemClickListener) {
+            this.name = name;
+            this.color = color;
+            this.itemClickListener = itemClickListener;
+        }
+    }
+
+    public enum SheetItemColor {
+        Blue("#037BFF"), Red("#FD4A2E");
+
+        private String name;
+
+        SheetItemColor(String name) {
+            this.name = name;
+        }
+
+        public String getName() {
+            return name;
+        }
+
+        public void setName(String name) {
+            this.name = name;
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialog/ProgressDialogUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialog/ProgressDialogUtil.java
new file mode 100644
index 0000000..c904385
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialog/ProgressDialogUtil.java
@@ -0,0 +1,34 @@
+package com.tencent.qcloud.ugckit.component.dialog;
+
+import android.app.ProgressDialog;
+import android.content.Context;
+
+public class ProgressDialogUtil {
+
+    private Context        mContext;
+    private ProgressDialog mProgressDialog;
+
+    public ProgressDialogUtil(Context context) {
+        mContext = context;
+    }
+
+    public void showProgressDialog() {
+        mProgressDialog = new ProgressDialog(mContext);
+        mProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
+        mProgressDialog.setCancelable(false);
+        mProgressDialog.setCanceledOnTouchOutside(false);
+        mProgressDialog.show();
+    }
+
+    public void dismissProgressDialog() {
+        if (mProgressDialog != null) {
+            mProgressDialog.dismiss();
+        }
+    }
+
+    public void setProgressDialogMessage(String message) {
+        if (mProgressDialog != null) {
+            mProgressDialog.setMessage(message);
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/ProgressFragmentUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/ProgressFragmentUtil.java
new file mode 100644
index 0000000..a67ee26
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/ProgressFragmentUtil.java
@@ -0,0 +1,81 @@
+package com.tencent.qcloud.ugckit.component.dialogfragment;
+
+import androidx.annotation.Nullable;
+import androidx.fragment.app.FragmentActivity;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+
+public class ProgressFragmentUtil {
+    private String                    mTitle;
+    private FragmentActivity          mActivity;
+    private VideoWorkProgressFragment mLoadingProgress;
+
+    public ProgressFragmentUtil(FragmentActivity context) {
+        mActivity = context;
+    }
+
+    /**
+     * 带标题的进度条
+     *
+     * @param context
+     * @param title
+     */
+    public ProgressFragmentUtil(FragmentActivity context, String title) {
+        mActivity = context;
+        mTitle = title;
+    }
+
+    /**
+     * 显示生成进度条
+     */
+    public void showLoadingProgress(@Nullable final IProgressListener listener) {
+        if (mLoadingProgress == null) {
+            mLoadingProgress = VideoWorkProgressFragment.newInstance(mTitle);
+            mLoadingProgress.setOnClickStopListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    mLoadingProgress.setProgress(0);
+                    if (listener != null) {
+                        listener.onStop();
+                    }
+                }
+            });
+        }
+        mLoadingProgress.setProgress(0);
+        mLoadingProgress.setCancelable(false);
+
+        mLoadingProgress.show(mActivity.getSupportFragmentManager(), "progress_dialog");
+    }
+
+    /**
+     * 生成进度条取消
+     */
+    public void dismissLoadingProgress() {
+        if (mLoadingProgress != null) {
+            mLoadingProgress.setProgress(0);
+            mLoadingProgress.dismiss();
+        }
+    }
+
+    /**
+     * 更新生成进度条进度
+     *
+     * @param progress
+     */
+    public void updateGenerateProgress(final int progress) {
+        BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                if (mLoadingProgress != null) {
+                    mLoadingProgress.setProgress(progress);
+                }
+            }
+        });
+    }
+
+    public interface IProgressListener {
+        void onStop();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/TCConfirmDialog.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/TCConfirmDialog.java
new file mode 100644
index 0000000..204222b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/TCConfirmDialog.java
@@ -0,0 +1,134 @@
+package com.tencent.qcloud.ugckit.component.dialogfragment;
+
+import android.app.Dialog;
+import android.graphics.Color;
+import android.graphics.drawable.ColorDrawable;
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.DialogFragment;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.Window;
+import android.view.WindowManager;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.utils.ScreenUtils;
+import com.tencent.qcloud.ugckit.R;
+
+
+public class TCConfirmDialog extends DialogFragment {
+    private static final String KEY_TITLE      = "key_title";
+    private static final String KEY_MSG        = "key_msg";
+    private static final String KEY_CANCEL     = "key_cancel";
+    private static final String KEY_SURE_TXT   = "key_sure_txt";
+    private static final String KEY_CANCEL_TXT = "key_cancel_txt";
+
+    private TextView mTextTitle;
+    private TextView mTextContent;
+    private TextView mTextSure;
+    private TextView mTextCancel;
+
+    @NonNull
+    public static TCConfirmDialog newInstance(String title, String msg, boolean isHaveCancel, String sureTxt, String cancalTxt) {
+        TCConfirmDialog dialog = new TCConfirmDialog();
+        Bundle bundle = new Bundle();
+        bundle.putString(KEY_TITLE, title);
+        bundle.putString(KEY_MSG, msg);
+        bundle.putString(KEY_SURE_TXT, sureTxt);
+        bundle.putString(KEY_CANCEL_TXT, cancalTxt);
+        bundle.putBoolean(KEY_CANCEL, isHaveCancel);
+        dialog.setArguments(bundle);
+        return dialog;
+    }
+
+    @Override
+    public void onStart() {
+        super.onStart();
+        Dialog dialog = getDialog();
+        if (dialog != null) {
+            Window window = dialog.getWindow();
+            if (window != null)
+                window.setLayout((int) (ScreenUtils.getScreenWidth(dialog.getContext()) * 0.9),//设置宽度最小为 90%
+                        WindowManager.LayoutParams.WRAP_CONTENT);
+        }
+    }
+
+    /**
+     * 去掉标题栏
+     */
+    private void setDialogStyle() {
+        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
+        if (getDialog().getWindow() != null)
+            getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
+    }
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        setDialogStyle();
+        return inflater.inflate(R.layout.ugckit_fragment_confirm, container, false);
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        String title = getArguments().getString(KEY_TITLE);
+        String msg = getArguments().getString(KEY_MSG, "");
+        boolean isHaveCancel = getArguments().getBoolean(KEY_CANCEL, true);
+        String cancelTxt = getArguments().getString(KEY_CANCEL_TXT);
+        String sureTxt = getArguments().getString(KEY_SURE_TXT);
+
+        mTextTitle = (TextView) view.findViewById(R.id.confirm_tv_title);
+        mTextTitle.setText(title);
+
+        mTextContent = (TextView) view.findViewById(R.id.confirm_et_content);
+        mTextContent.setText(msg);
+        mTextSure = (TextView) view.findViewById(R.id.confirm_tv_done);
+        if (sureTxt != null) {
+            mTextSure.setText(sureTxt);
+        }
+        mTextSure.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                dismiss();
+                if (mCallback != null)
+                    mCallback.onSureCallback();
+            }
+        });
+
+        mTextCancel = (TextView) view.findViewById(R.id.confirm_tv_cancel);
+        if (!isHaveCancel) {
+            mTextCancel.setVisibility(View.GONE);
+        } else {
+            mTextCancel.setVisibility(View.VISIBLE);
+        }
+        if (cancelTxt != null) {
+            mTextCancel.setText(cancelTxt);
+        }
+        mTextCancel.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                dismiss();
+                if (mCallback != null) {
+                    mCallback.onCancelCallback();
+                }
+            }
+        });
+    }
+
+    private OnConfirmCallback mCallback;
+
+    public void setOnConfirmCallback(OnConfirmCallback callback) {
+        mCallback = callback;
+    }
+
+    public interface OnConfirmCallback {
+        void onSureCallback();
+
+        void onCancelCallback();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/TCWordInputDialog.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/TCWordInputDialog.java
new file mode 100644
index 0000000..624be06
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/TCWordInputDialog.java
@@ -0,0 +1,152 @@
+package com.tencent.qcloud.ugckit.component.dialogfragment;
+
+import android.app.Dialog;
+import android.graphics.Color;
+import android.graphics.drawable.ColorDrawable;
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.DialogFragment;
+import androidx.fragment.app.FragmentTransaction;
+import android.text.TextUtils;
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.Window;
+import android.view.WindowManager;
+import android.widget.EditText;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.utils.ScreenUtils;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.lang.ref.WeakReference;
+
+/**
+ * 字幕输入框
+ */
+public class TCWordInputDialog extends DialogFragment implements View.OnClickListener {
+    private static final String   TAG = "TCWordInputDialog";
+    private              TextView mTextSure;
+    private              TextView mTextCancel;
+    private              EditText mEditContent;
+    @Nullable
+    private              String   mDefaultText;
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
+        setDialogStyle();//去掉标题栏
+        return inflater.inflate(R.layout.ugckit_fragment_input_word, null, false);
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        mTextCancel = (TextView) view.findViewById(R.id.word_tv_cancel);
+        mTextCancel.setOnClickListener(this);
+        mTextSure = (TextView) view.findViewById(R.id.word_tv_done);
+        mTextSure.setOnClickListener(this);
+        mEditContent = (EditText) view.findViewById(R.id.word_et_content);
+        if (!TextUtils.isEmpty(mDefaultText)) {
+            mEditContent.setText(mDefaultText);
+        }
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.word_tv_cancel) {
+            onClickCancel();
+
+        } else if (i == R.id.word_tv_done) {
+            String text = mEditContent.getText().toString();
+            if (TextUtils.isEmpty(text)) {
+
+                ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_word_input_dialog_please_enter_subtitles));
+                return;
+            }
+            onClickSure();
+
+        }
+    }
+
+    private void onClickCancel() {
+        mEditContent.setText("");
+        dismissDialog();
+        if (mWefCallback.get() != null) {
+            mWefCallback.get().onInputCancel();
+        }
+    }
+
+    private void onClickSure() {
+        String text = mEditContent.getText().toString();
+        dismissDialog();
+        if (mWefCallback.get() != null) {
+            mWefCallback.get().onInputSure(text);
+        }
+    }
+
+
+    private void dismissDialog() {
+        try {
+            dismiss();
+        } catch (Exception e) {
+            if (getFragmentManager() != null && isAdded()) {
+                FragmentTransaction transaction = getFragmentManager().beginTransaction();
+                transaction.remove(this);
+                transaction.commitAllowingStateLoss();
+            }
+        }
+    }
+
+    @Override
+    public void onStart() {
+        super.onStart();
+        Dialog dialog = getDialog();
+        if (dialog != null) {
+            Window window = dialog.getWindow();
+            if (window != null)
+                window.setLayout((int) (ScreenUtils.getScreenWidth(dialog.getContext()) * 0.9),//设置宽度最小为 90%
+                        WindowManager.LayoutParams.WRAP_CONTENT);
+        }
+    }
+
+    private void setDialogStyle() {
+        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
+        if (getDialog().getWindow() != null)
+            getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
+    }
+
+    private WeakReference<OnWordInputCallback> mWefCallback;
+
+    public void setOnWordInputCallback(OnWordInputCallback callback) {
+        mWefCallback = new WeakReference<OnWordInputCallback>(callback);
+    }
+
+    public void setDefaultText(@Nullable final String defaultText) {
+        Log.i(TAG, "setDefaultText: defaultText  = " + defaultText);
+        if (defaultText != null) {
+            mDefaultText = defaultText;
+            if (mEditContent != null) {
+                mEditContent.post(new Runnable() {
+                    @Override
+                    public void run() {
+                        mEditContent.setText(defaultText);
+                    }
+                });
+            }
+        }
+    }
+
+    public interface OnWordInputCallback {
+        void onInputSure(String text);
+
+        void onInputCancel();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/VideoWorkProgressFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/VideoWorkProgressFragment.java
new file mode 100644
index 0000000..affa609
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/dialogfragment/VideoWorkProgressFragment.java
@@ -0,0 +1,151 @@
+package com.tencent.qcloud.ugckit.component.dialogfragment;
+
+import android.content.DialogInterface;
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.DialogFragment;
+import androidx.fragment.app.FragmentManager;
+import android.text.TextUtils;
+import android.view.KeyEvent;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.progressbar.NumberProgressBar;
+
+public class VideoWorkProgressFragment extends DialogFragment {
+    private static final String               KEY_TITLE  = "key_title";
+    private              View                 mViewContent;
+    private              ImageView            mImageStop;
+    private              TextView             mTextTips;
+    private              NumberProgressBar    mProgressLoading;
+    private              View.OnClickListener mListener;
+    private              int                  mProgress;
+    private              boolean              mCanCancel = true;
+
+    @NonNull
+    public static VideoWorkProgressFragment newInstance(String title) {
+        VideoWorkProgressFragment fragment = new VideoWorkProgressFragment();
+        Bundle bundle = new Bundle();
+        bundle.putString(KEY_TITLE, title);
+        fragment.setArguments(bundle);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setStyle(R.style.UGCKitConfirmDialogStyle, R.style.UGCKitDialogFragmentStyle);
+    }
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
+        mViewContent = inflater.inflate(R.layout.ugckit_layout_joiner_progress, null);
+        mTextTips = (TextView) mViewContent.findViewById(R.id.joiner_tv_msg);
+        Bundle bundle = getArguments();
+        if (bundle != null) {
+            String msg = bundle.getString(KEY_TITLE);
+            if (!TextUtils.isEmpty(msg)) {
+                mTextTips.setText(msg);
+            }
+        }
+        mImageStop = (ImageView) mViewContent.findViewById(R.id.joiner_iv_stop);
+        mProgressLoading = (NumberProgressBar) mViewContent.findViewById(R.id.joiner_pb_loading);
+        mProgressLoading.setMax(100);
+        mProgressLoading.setProgress(mProgress);
+        mImageStop.setOnClickListener(mListener);
+        if (mCanCancel) {
+            mImageStop.setVisibility(View.VISIBLE);
+        } else {
+            mImageStop.setVisibility(View.INVISIBLE);
+        }
+        getDialog().setOnKeyListener(new DialogInterface.OnKeyListener() {
+            @Override
+            public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
+                if (keyCode == KeyEvent.KEYCODE_BACK) {
+                    return true;
+                }
+                return false;
+            }
+        });
+        return mViewContent;
+    }
+
+
+    /**
+     * 设置停止按钮的监听
+     *
+     * @param listener
+     */
+    public void setOnClickStopListener(View.OnClickListener listener) {
+        if (mImageStop == null) {
+            mListener = listener;
+        } else {
+            mListener = listener;
+            mImageStop.setOnClickListener(listener);
+        }
+    }
+
+    /**
+     * 设置进度条
+     *
+     * @param progress
+     */
+    public void setProgress(int progress) {
+        if (mProgressLoading == null) {
+            mProgress = progress;
+            return;
+        }
+        mProgressLoading.setProgress(progress);
+    }
+
+    @Override
+    public void show(FragmentManager manager, String tag) {
+        try {
+            if (!isAdded() && null == manager.findFragmentByTag(tag)) {
+                manager.beginTransaction().add(this, tag).commitAllowingStateLoss();
+            } else {
+                manager.beginTransaction().show(this).commitAllowingStateLoss();
+            }
+            //Fragment already added FIXBUG:commit()并不立即执行transaction中包含的动作,而是把它加入到UI线程队列中.
+            //如果想要立即执行,可以在commit之后立即调用FragmentManager的executePendingTransactions()方法
+            manager.executePendingTransactions();
+        } catch (Exception e) {
+            e.printStackTrace();
+            try {
+                manager.beginTransaction().remove(this).add(this, tag).commitAllowingStateLoss();
+            } catch (Exception e1) {
+                e1.printStackTrace();
+            }
+        }
+    }
+
+    @Override
+    public void dismiss() {
+        // 和show对应
+        if (getFragmentManager() != null && isAdded()) {
+            getFragmentManager().beginTransaction().remove(this).commitAllowingStateLoss();
+        }
+        if (mProgressLoading != null) {
+            mProgressLoading.setProgress(0);
+        }
+    }
+
+    public void setCanCancel(boolean canCancel) {
+        mCanCancel = canCancel;
+        if (mImageStop == null) {
+        } else {
+            if (canCancel) {
+                mImageStop.setVisibility(View.VISIBLE);
+            } else {
+                mImageStop.setVisibility(View.INVISIBLE);
+            }
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/floatlayer/FloatLayerView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/floatlayer/FloatLayerView.java
new file mode 100644
index 0000000..8245267
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/floatlayer/FloatLayerView.java
@@ -0,0 +1,973 @@
+package com.tencent.qcloud.ugckit.component.floatlayer;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Matrix;
+import android.graphics.Paint;
+import android.graphics.Path;
+import android.graphics.Point;
+import android.graphics.PointF;
+import android.graphics.drawable.BitmapDrawable;
+import android.graphics.drawable.Drawable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.DisplayMetrics;
+import android.util.TypedValue;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+
+
+import com.tencent.qcloud.ugckit.module.effect.IFloatLayerView;
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+
+/**
+ * 文字操作的View（基于Bitmap的内容，所以一切Bitmap都支持）
+ * <p>
+ * 单手进行缩放，旋转，平移操作
+ */
+public class FloatLayerView extends View implements IFloatLayerView {
+    /**
+     * 控制缩放，旋转图标所在四个点得位置
+     */
+    private static final int LEFT_TOP     = 0;
+    private static final int RIGHT_TOP    = 1;
+    private static final int RIGHT_BOTTOM = 2;
+    private static final int LEFT_BOTTOM  = 3;
+
+    /**
+     * 一些默认的常量
+     */
+    private static final int     DEFAULT_FRAME_PADDING         = 0;
+    private static final int     DEFAULT_FRAME_WIDTH           = 2;
+    private static final int     DEFAULT_FRAME_COLOR           = Color.WHITE;
+    private static final float   DEFAULT_SCALE                 = 1.0f;
+    private static final float   DEFAULT_DEGREE                = 0;
+    private static final int     DEFAULT_CONTROL_LOCATION      = RIGHT_TOP;
+    private static final boolean DEFAULT_EDITABLE              = true;
+    private static final int     DEFAULT_OTHER_DRAWABLE_WIDTH  = 50;
+    private static final int     DEFAULT_OTHER_DRAWABLE_HEIGHT = 50;
+
+    private boolean isMeasured;
+
+    /**
+     * 用于旋转缩放的Bitmap
+     */
+    @Nullable
+    private Bitmap mBitmap;
+
+    /**
+     * SingleTouchView的中心点坐标，相对于其父类布局而言的
+     */
+    @NonNull
+    private PointF mCenterPoint = new PointF();
+
+    /**
+     * View的宽度和高度，随着图片的旋转而变化(不包括控制旋转，缩放图片的宽高)
+     */
+    private int mViewWidth, mViewHeight;
+
+    /**
+     * 图片的旋转角度
+     */
+    private float mDegree = DEFAULT_DEGREE;
+
+    /**
+     * 图片的缩放比例
+     */
+    private float mScale = DEFAULT_SCALE;
+
+    /**
+     * 用于缩放，旋转，平移的矩阵
+     */
+    @NonNull
+    private Matrix matrix = new Matrix();
+
+    /**
+     * SingleTouchView距离父类布局的左间距
+     */
+    private int mViewPaddingLeft;
+
+    /**
+     * SingleTouchView距离父类布局的上间距
+     */
+    private int mViewPaddingTop;
+
+    /**
+     * 图片四个点坐标
+     */
+    private Point mLTPoint;
+    private Point mRTPoint;
+    private Point mRBPoint;
+    private Point mLBPoint;
+    /**
+     * 用于编辑的控制点的坐标
+     */
+    private Point mEditPoint = new Point();
+
+    @Nullable
+    private Drawable mEditDrawble;
+
+    private int mEditDrawableWidth, mEditDrawableHeight;
+
+    /**
+     * 用于删除的控制点的坐标
+     */
+    private Point mDeletePoint = new Point();
+
+    @Nullable
+    private Drawable mDeleteDrawable;
+
+    private int mDeleteDrawbleWidth, mDeleteDrawableHeight;
+
+    /**
+     * 用于缩放，旋转的控制点的坐标
+     */
+    private Point mControlPoint = new Point();
+
+    /**
+     * 用于缩放，旋转的图标
+     */
+    @Nullable
+    private Drawable mRotateDrawable;
+
+    /**
+     * 缩放，旋转图标的宽和高
+     */
+    private int mRotateDrawableWidth, mRotateDrawableHeight;
+
+    /**
+     * 画外围框的Path
+     */
+    @NonNull
+    private Path mPath = new Path();
+
+    /**
+     * 画外围框的画笔
+     */
+    private Paint mPaint;
+
+    /**
+     * 初始状态
+     */
+    private static final int STATUS_INIT = 0;
+
+    /**
+     * 拖动状态
+     */
+    private static final int STATUS_DRAG = 1;
+
+    /**
+     * 旋转或者放大状态
+     */
+    private static final int STATUS_ROTATE_ZOOM = 2;
+    /**
+     * 点击编辑状态
+     */
+    private static final int STATUS_EDIT        = 3;
+    /**
+     * 点击删除状态
+     */
+    private static final int STATUS_DELETE      = 4;
+
+    /**
+     * 当前所处的状态
+     */
+    private int mStatus = STATUS_INIT;
+
+    /**
+     * 外边框与图片之间的间距, 单位是dip
+     */
+    private int framePadding = DEFAULT_FRAME_PADDING;
+
+    /**
+     * 外边框颜色
+     */
+    private int frameColor = DEFAULT_FRAME_COLOR;
+
+    /**
+     * 外边框线条粗细, 单位是 dip
+     */
+    private int frameWidth = DEFAULT_FRAME_WIDTH;
+
+    /**
+     * 是否处于可以缩放，平移，旋转状态
+     */
+    private boolean isEditable = DEFAULT_EDITABLE;
+
+    private DisplayMetrics metrics;
+
+
+    @NonNull
+    private PointF mPreMovePointF = new PointF();
+    @NonNull
+    private PointF mCurMovePointF = new PointF();
+
+    /**
+     * 图片在旋转时x方向的偏移量
+     */
+    private int offsetX;
+    /**
+     * 图片在旋转时y方向的偏移量
+     */
+    private int offsetY;
+
+    /**
+     * 控制图标所在的位置（比如左上，右上，左下，右下）
+     */
+    private int mControlLocation = RIGHT_BOTTOM;
+
+    private int mEditLocation = RIGHT_TOP;
+
+    private int mDeleteLocatoin = LEFT_TOP;
+    private int mX;
+    private int mY;
+    private int width;
+
+    private long mStartTime, mEndTime;
+
+    private boolean mShowDelete = true;
+    private boolean mShowEdit   = true;
+
+    @Override
+    public void showDelete(boolean showDelete) {
+        mShowDelete = showDelete;
+    }
+
+    @Override
+    public void showEdit(boolean showEdit) {
+        mShowEdit = showEdit;
+    }
+
+    @Override
+    public void setStartToEndTime(long startTime, long endTime) {
+        mStartTime = startTime;
+        mEndTime = endTime;
+    }
+
+    @Override
+    public long getStartTime() {
+        return mStartTime;
+    }
+
+    @Override
+    public long getEndTime() {
+        return mEndTime;
+    }
+
+    public FloatLayerView(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public FloatLayerView(Context context) {
+        this(context, null);
+    }
+
+    public FloatLayerView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+        obtainStyledAttributes(attrs);
+        init();
+    }
+
+    /**
+     * 获取自定义属性
+     *
+     * @param attrs
+     */
+    private void obtainStyledAttributes(AttributeSet attrs) {
+        metrics = getContext().getResources().getDisplayMetrics();
+        framePadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, DEFAULT_FRAME_PADDING, metrics);
+        frameWidth = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, DEFAULT_FRAME_WIDTH, metrics);
+
+        TypedArray mTypedArray = getContext().obtainStyledAttributes(attrs, R.styleable.UGCKitFloatLayerView);
+
+        Drawable srcDrawable = mTypedArray.getDrawable(R.styleable.UGCKitFloatLayerView_src);
+        mBitmap = drawable2Bitmap(srcDrawable);
+
+        framePadding = mTypedArray.getDimensionPixelSize(R.styleable.UGCKitFloatLayerView_framePadding, framePadding);
+        frameWidth = mTypedArray.getDimensionPixelSize(R.styleable.UGCKitFloatLayerView_frameWidth, frameWidth);
+        frameColor = mTypedArray.getColor(R.styleable.UGCKitFloatLayerView_frameColor, DEFAULT_FRAME_COLOR);
+        mScale = mTypedArray.getFloat(R.styleable.UGCKitFloatLayerView_scale, DEFAULT_SCALE);
+        mDegree = mTypedArray.getFloat(R.styleable.UGCKitFloatLayerView_degree, DEFAULT_DEGREE);
+        mRotateDrawable = mTypedArray.getDrawable(R.styleable.UGCKitFloatLayerView_controlDrawable);
+        mControlLocation = mTypedArray.getInt(R.styleable.UGCKitFloatLayerView_controlLocation, RIGHT_BOTTOM);
+
+        mEditDrawble = mTypedArray.getDrawable(R.styleable.UGCKitFloatLayerView_editDrawable);
+        mEditLocation = mTypedArray.getInt(R.styleable.UGCKitFloatLayerView_editLocation, RIGHT_TOP);
+
+        mDeleteDrawable = mTypedArray.getDrawable(R.styleable.UGCKitFloatLayerView_deleteDrawable);
+        mDeleteLocatoin = mTypedArray.getInt(R.styleable.UGCKitFloatLayerView_deleteLocation, LEFT_TOP);
+
+        isEditable = mTypedArray.getBoolean(R.styleable.UGCKitFloatLayerView_editable, DEFAULT_EDITABLE);
+
+        mTypedArray.recycle();
+    }
+
+    private void init() {
+        mPaint = new Paint();
+        mPaint.setAntiAlias(true);
+        mPaint.setColor(frameColor);
+        mPaint.setStrokeWidth(frameWidth);
+        mPaint.setStyle(Paint.Style.STROKE);
+
+        if (mRotateDrawable != null) {
+            mRotateDrawableWidth = (int) (mRotateDrawable.getIntrinsicWidth() * 1.5);
+            mRotateDrawableHeight = (int) (mRotateDrawable.getIntrinsicHeight() * 1.5);
+        }
+        if (mEditDrawble != null) {
+            mEditDrawableWidth = (int) (mEditDrawble.getIntrinsicWidth() * 1.5);
+            mEditDrawableHeight = (int) (mEditDrawble.getIntrinsicHeight() * 1.5);
+        }
+        if (mDeleteDrawable != null) {
+            mDeleteDrawbleWidth = (int) (mDeleteDrawable.getIntrinsicWidth() * 1.5);
+            mDeleteDrawableHeight = (int) (mDeleteDrawable.getIntrinsicHeight() * 1.5);
+        }
+
+        transformDraw();
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+        if (!isMeasured) {
+            //获取SingleTouchView所在父布局的中心点
+            ViewGroup mViewGroup = (ViewGroup) getParent();
+            if (null != mViewGroup) {
+                int parentWidth = mViewGroup.getWidth();
+                int parentHeight = mViewGroup.getHeight();
+                mCenterPoint.set(parentWidth / 2, parentHeight / 2);
+            }
+            isMeasured = true;
+            adjustLayout();
+        }
+    }
+
+    /**
+     * 调整View的大小，位置
+     */
+    private void adjustLayout() {
+        if (mCenterPoint.x <= 0 || mCenterPoint.y <= 0) {
+            mCenterPoint.set(mCenterX, mCenterY);
+        }
+        int actualWidth = mViewWidth + mRotateDrawableWidth;
+        int actualHeight = mViewHeight + mRotateDrawableHeight;
+        int newPaddingLeft = (int) (mCenterPoint.x - actualWidth / 2);
+        int newPaddingTop = (int) (mCenterPoint.y - actualHeight / 2);
+
+        if (mViewPaddingLeft != newPaddingLeft || mViewPaddingTop != newPaddingTop) {
+            mViewPaddingLeft = newPaddingLeft;
+            mViewPaddingTop = newPaddingTop;
+        }
+        layout(newPaddingLeft, newPaddingTop, newPaddingLeft + actualWidth, newPaddingTop + actualHeight);
+        this.mX = newPaddingLeft + mRotateDrawableWidth / 2;
+        this.mY = newPaddingTop + mRotateDrawableHeight / 2;
+        this.width = mViewWidth;
+    }
+
+    @Nullable
+    private IOperationViewClickListener mClickListener = null;
+
+    @Override
+    public void setIOperationViewClickListener(IOperationViewClickListener listener) {
+        mClickListener = listener;
+    }
+
+    @Override
+    public void setPadding(int padding) {
+        framePadding = padding;
+    }
+
+    @Override
+    public void setBorderWidth(int borderWidth) {
+        frameWidth = borderWidth;
+    }
+
+    @Override
+    public void setBorderColor(int color) {
+        frameColor = getResources().getColor(color);
+    }
+
+    @Override
+    public void setEditIconResource(int resid) {
+        mEditDrawble = getResources().getDrawable(resid);
+    }
+
+    @Override
+    public void setRotateIconResource(int resid) {
+        mRotateDrawable = getResources().getDrawable(resid);
+    }
+
+    /**
+     * 设置旋转图
+     *
+     * @param bitmap
+     */
+    @Override
+    public void setImageBitamp(@Nullable Bitmap bitmap) {
+        if (this.mBitmap != null && bitmap != null && !this.mBitmap.equals(bitmap)) {
+            this.mBitmap.recycle();
+        }
+        this.mBitmap = bitmap;
+        transformDraw();
+    }
+
+    @Nullable
+    public Bitmap getImageBitmap() {
+        return this.mBitmap;
+    }
+
+    public Bitmap getRotateBitmap() {
+        Bitmap bitmap = Bitmap.createBitmap(this.mBitmap, 0, 0, this.mBitmap.getWidth(), this.mBitmap.getHeight(), matrix, true);
+        return bitmap;
+    }
+
+    public int getImageX() {
+        return this.mX;
+    }
+
+    public int getImageY() {
+        return this.mY;
+    }
+
+    public int getImageWidth() {
+        return this.width;
+    }
+
+    /**
+     * 设置旋转图
+     *
+     * @param drawable
+     */
+    public void setImageDrawable(Drawable drawable) {
+        this.mBitmap = drawable2Bitmap(drawable);
+        transformDraw();
+    }
+
+    /**
+     * 从Drawable中获取Bitmap对象
+     *
+     * @param drawable
+     * @return
+     */
+    private Bitmap drawable2Bitmap(@Nullable Drawable drawable) {
+        try {
+            if (drawable == null) {
+                return null;
+            }
+
+            if (drawable instanceof BitmapDrawable) {
+                return ((BitmapDrawable) drawable).getBitmap();
+            }
+
+            int intrinsicWidth = drawable.getIntrinsicWidth();
+            int intrinsicHeight = drawable.getIntrinsicHeight();
+            Bitmap bitmap = Bitmap.createBitmap(intrinsicWidth <= 0 ? DEFAULT_OTHER_DRAWABLE_WIDTH
+                    : intrinsicWidth, intrinsicHeight <= 0 ? DEFAULT_OTHER_DRAWABLE_HEIGHT
+                    : intrinsicHeight, Bitmap.Config.ARGB_8888);
+
+            Canvas canvas = new Canvas(bitmap);
+            drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
+            drawable.draw(canvas);
+            return bitmap;
+        } catch (OutOfMemoryError e) {
+            return null;
+        }
+
+    }
+
+    /**
+     * 根据id设置旋转图
+     *
+     * @param resId
+     */
+    public void setImageResource(int resId) {
+        Drawable drawable = getContext().getResources().getDrawable(resId);
+        setImageDrawable(drawable);
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        //每次draw之前调整View的位置和大小
+        super.onDraw(canvas);
+
+        if (mBitmap == null) return;
+        canvas.drawBitmap(mBitmap, matrix, mPaint);
+
+
+        //处于可编辑状态才画边框和控制图标
+        if (isEditable) {
+            mPath.reset();
+            mPath.moveTo(mLTPoint.x, mLTPoint.y);
+            mPath.lineTo(mRTPoint.x, mRTPoint.y);
+            mPath.lineTo(mRBPoint.x, mRBPoint.y);
+            mPath.lineTo(mLBPoint.x, mLBPoint.y);
+            mPath.lineTo(mLTPoint.x, mLTPoint.y);
+            mPath.lineTo(mRTPoint.x, mRTPoint.y);
+            canvas.drawPath(mPath, mPaint);
+            //画旋转, 缩放图标
+
+            if (mRotateDrawable != null) {
+                mRotateDrawable.setBounds(mControlPoint.x - mRotateDrawableWidth / 2,
+                        mControlPoint.y - mRotateDrawableHeight / 2, mControlPoint.x + mRotateDrawableWidth
+                                / 2, mControlPoint.y + mRotateDrawableHeight / 2);
+                mRotateDrawable.draw(canvas);
+            }
+
+            if (mEditDrawble != null && mShowEdit) {
+                mEditDrawble.setBounds(mEditPoint.x - mRotateDrawableWidth / 2,
+                        mEditPoint.y - mRotateDrawableHeight / 2, mEditPoint.x + mRotateDrawableWidth
+                                / 2, mEditPoint.y + mRotateDrawableHeight / 2);
+                mEditDrawble.draw(canvas);
+            }
+
+            if (mDeleteDrawable != null && mShowDelete) {
+                mDeleteDrawable.setBounds(mDeletePoint.x - mRotateDrawableWidth / 2,
+                        mDeletePoint.y - mRotateDrawableHeight / 2, mDeletePoint.x + mRotateDrawableWidth
+                                / 2, mDeletePoint.y + mRotateDrawableHeight / 2);
+                mDeleteDrawable.draw(canvas);
+            }
+        }
+        adjustLayout();
+    }
+
+
+    /**
+     * 设置Matrix, 强制刷新
+     */
+    private void transformDraw() {
+        if (mBitmap == null) return;
+        int bitmapWidth = (int) (mBitmap.getWidth() * mScale);
+        int bitmapHeight = (int) (mBitmap.getHeight() * mScale);
+        computeRect(-framePadding, -framePadding, bitmapWidth + framePadding, bitmapHeight + framePadding, mDegree);
+
+        //设置缩放比例
+        matrix.setScale(mScale, mScale);
+        //绕着图片中心进行旋转
+        matrix.postRotate(mDegree % 360, bitmapWidth / 2, bitmapHeight / 2);
+        //设置画该图片的起始点
+        matrix.postTranslate(offsetX + mRotateDrawableWidth / 2, offsetY + mRotateDrawableHeight / 2);
+
+        adjustLayout();
+    }
+
+    private float mDownX, mDownY;
+
+    public boolean onTouchEvent(@NonNull MotionEvent event) {
+        if (!isEditable) {
+            return super.onTouchEvent(event);
+        }
+        switch (event.getAction()) {
+            case MotionEvent.ACTION_DOWN:
+                mPreMovePointF.set(event.getX() + mViewPaddingLeft, event.getY() + mViewPaddingTop);
+
+                mStatus = judgeStatus(event.getX(), event.getY());
+                if (mStatus == STATUS_DRAG) {
+                    mDownX = event.getX();
+                    mDownY = event.getY();
+                }
+                break;
+            case MotionEvent.ACTION_UP:
+                if (mClickListener != null/* && (mStatus == STATUS_DELETE || mStatus == STATUS_EDIT)*/) {
+                    //再次判定抬起点 是否处于icon的范围之内
+                    int secondJudgeState = judgeStatus(event.getX(), event.getY());
+                    //满足才触发回调
+                    if (mStatus == STATUS_EDIT && secondJudgeState == mStatus) {
+                        mClickListener.onEditClick();
+                    }
+                    if (mStatus == STATUS_DELETE && secondJudgeState == mStatus) {
+                        mClickListener.onDeleteClick();
+                    }
+                    if (mStatus == STATUS_ROTATE_ZOOM || mStatus == STATUS_DRAG) {
+                        mClickListener.onRotateClick();
+                    }
+                }
+                if (mStatus == STATUS_DRAG && mDownX == event.getX() && mDownY == event.getY()) {
+                    // 响应点击事件
+                    performClick();
+                }
+                mStatus = STATUS_INIT;
+                break;
+            case MotionEvent.ACTION_MOVE:
+                mCurMovePointF.set(event.getX() + mViewPaddingLeft, event.getY() + mViewPaddingTop);
+                if (mStatus == STATUS_ROTATE_ZOOM) {
+                    float scale = 1f;
+
+                    int halfBitmapWidth = mBitmap.getWidth() / 2;
+                    int halfBitmapHeight = mBitmap.getHeight() / 2;
+
+                    //图片某个点到图片中心的距离
+                    float bitmapToCenterDistance = (float) Math.sqrt(halfBitmapWidth * halfBitmapWidth + halfBitmapHeight * halfBitmapHeight);
+
+                    //移动的点到图片中心的距离
+                    float moveToCenterDistance = distance4PointF(mCenterPoint, mCurMovePointF);
+
+                    //计算缩放比例
+                    scale = moveToCenterDistance / bitmapToCenterDistance;
+
+
+                    //缩放比例的界限判断
+                    if (scale <= MIN_SCALE) {
+                        scale = MIN_SCALE;
+                    } else if (scale >= MAX_SCALE) {
+                        scale = MAX_SCALE;
+                    }
+
+
+                    // 角度
+                    double a = distance4PointF(mCenterPoint, mPreMovePointF);
+                    double b = distance4PointF(mPreMovePointF, mCurMovePointF);
+                    double c = distance4PointF(mCenterPoint, mCurMovePointF);
+
+                    double cosb = (a * a + c * c - b * b) / (2 * a * c);
+
+                    if (cosb >= 1) {
+                        cosb = 1f;
+                    }
+
+                    double radian = Math.acos(cosb);
+                    float newDegree = (float) radianToDegree(radian);
+
+                    //center -> proMove的向量， 我们使用PointF来实现
+                    PointF centerToProMove = new PointF((mPreMovePointF.x - mCenterPoint.x), (mPreMovePointF.y - mCenterPoint.y));
+
+                    //center -> curMove 的向量
+                    PointF centerToCurMove = new PointF((mCurMovePointF.x - mCenterPoint.x), (mCurMovePointF.y - mCenterPoint.y));
+
+                    //向量叉乘结果, 如果结果为负数， 表示为逆时针， 结果为正数表示顺时针
+                    float result = centerToProMove.x * centerToCurMove.y - centerToProMove.y * centerToCurMove.x;
+
+                    if (result < 0) {
+                        newDegree = -newDegree;
+                    }
+
+                    mDegree = mDegree + newDegree;
+                    mScale = scale;
+
+                    transformDraw();
+                } else if (mStatus == STATUS_DRAG) {
+                    // 修改中心点
+                    mCenterPoint.x += mCurMovePointF.x - mPreMovePointF.x;
+                    mCenterPoint.y += mCurMovePointF.y - mPreMovePointF.y;
+                    System.out.println(this + "move = " + mCenterPoint);
+
+                    adjustLayout();
+                }
+
+                mPreMovePointF.set(mCurMovePointF);
+                break;
+        }
+        return true;
+    }
+
+    /**
+     * 获取四个点和View的大小
+     *
+     * @param left
+     * @param top
+     * @param right
+     * @param bottom
+     * @param degree
+     */
+    private void computeRect(int left, int top, int right, int bottom, float degree) {
+        Point lt = new Point(left, top);
+        Point rt = new Point(right, top);
+        Point rb = new Point(right, bottom);
+        Point lb = new Point(left, bottom);
+        Point cp = new Point((left + right) / 2, (top + bottom) / 2);
+        mLTPoint = obtainRotationPoint(cp, lt, degree);
+        mRTPoint = obtainRotationPoint(cp, rt, degree);
+        mRBPoint = obtainRotationPoint(cp, rb, degree);
+        mLBPoint = obtainRotationPoint(cp, lb, degree);
+
+        //计算X坐标最大的值和最小的值
+        int maxCoordinateX = getMaxValue(mLTPoint.x, mRTPoint.x, mRBPoint.x, mLBPoint.x);
+        int minCoordinateX = getMinValue(mLTPoint.x, mRTPoint.x, mRBPoint.x, mLBPoint.x);
+
+        mViewWidth = maxCoordinateX - minCoordinateX;
+
+
+        //计算Y坐标最大的值和最小的值
+        int maxCoordinateY = getMaxValue(mLTPoint.y, mRTPoint.y, mRBPoint.y, mLBPoint.y);
+        int minCoordinateY = getMinValue(mLTPoint.y, mRTPoint.y, mRBPoint.y, mLBPoint.y);
+
+        mViewHeight = maxCoordinateY - minCoordinateY;
+
+
+        //View中心点的坐标
+        Point viewCenterPoint = new Point((maxCoordinateX + minCoordinateX) / 2, (maxCoordinateY + minCoordinateY) / 2);
+
+        offsetX = mViewWidth / 2 - viewCenterPoint.x;
+        offsetY = mViewHeight / 2 - viewCenterPoint.y;
+
+
+        int halfDrawableWidth = mRotateDrawableWidth / 2;
+        int halfDrawableHeight = mRotateDrawableHeight / 2;
+
+        //将Bitmap的四个点的X的坐标移动offsetX + halfDrawableWidth
+        mLTPoint.x += (offsetX + halfDrawableWidth);
+        mRTPoint.x += (offsetX + halfDrawableWidth);
+        mRBPoint.x += (offsetX + halfDrawableWidth);
+        mLBPoint.x += (offsetX + halfDrawableWidth);
+
+        //将Bitmap的四个点的Y坐标移动offsetY + halfDrawableHeight
+        mLTPoint.y += (offsetY + halfDrawableHeight);
+        mRTPoint.y += (offsetY + halfDrawableHeight);
+        mRBPoint.y += (offsetY + halfDrawableHeight);
+        mLBPoint.y += (offsetY + halfDrawableHeight);
+
+        mControlPoint = locatePoint(mControlLocation);
+        mEditPoint = locatePoint(mEditLocation);
+        mDeletePoint = locatePoint(mDeleteLocatoin);
+    }
+
+    /**
+     * 根据位置判断控制图标处于那个点
+     *
+     * @return
+     */
+    private Point locatePoint(int location) {
+        switch (location) {
+            case LEFT_TOP:
+                return mLTPoint;
+            case RIGHT_TOP:
+                return mRTPoint;
+            case RIGHT_BOTTOM:
+                return mRBPoint;
+            case LEFT_BOTTOM:
+                return mLBPoint;
+        }
+        return mLTPoint;
+    }
+
+
+    /**
+     * 获取变长参数最大的值
+     *
+     * @param array
+     * @return
+     */
+    public int getMaxValue(Integer... array) {
+        List<Integer> list = Arrays.asList(array);
+        Collections.sort(list);
+        return list.get(list.size() - 1);
+    }
+
+    /**
+     * 获取变长参数最大的值
+     *
+     * @param array
+     * @return
+     */
+    public int getMinValue(Integer... array) {
+        List<Integer> list = Arrays.asList(array);
+        Collections.sort(list);
+        return list.get(0);
+    }
+
+    /**
+     * 获取旋转某个角度之后的点
+     *
+     * @param source
+     * @param degree
+     * @return
+     */
+    @NonNull
+    private Point obtainRotationPoint(@NonNull Point center, @NonNull Point source, float degree) {
+        //两者之间的距离
+        Point disPoint = new Point();
+        disPoint.x = source.x - center.x;
+        disPoint.y = source.y - center.y;
+
+        //没旋转之前的弧度
+        double originRadian = 0;
+
+        //没旋转之前的角度
+        double originDegree = 0;
+
+        //旋转之后的角度
+        double resultDegree = 0;
+
+        //旋转之后的弧度
+        double resultRadian = 0;
+
+        //经过旋转之后点的坐标
+        Point resultPoint = new Point();
+
+        double distance = Math.sqrt(disPoint.x * disPoint.x + disPoint.y * disPoint.y);
+        if (disPoint.x == 0 && disPoint.y == 0) {
+            return center;
+            // 第一象限
+        } else if (disPoint.x >= 0 && disPoint.y >= 0) {
+            // 计算与x正方向的夹角
+            originRadian = Math.asin(disPoint.y / distance);
+
+            // 第二象限
+        } else if (disPoint.x < 0 && disPoint.y >= 0) {
+            // 计算与x正方向的夹角
+            originRadian = Math.asin(Math.abs(disPoint.x) / distance);
+            originRadian = originRadian + Math.PI / 2;
+
+            // 第三象限
+        } else if (disPoint.x < 0 && disPoint.y < 0) {
+            // 计算与x正方向的夹角
+            originRadian = Math.asin(Math.abs(disPoint.y) / distance);
+            originRadian = originRadian + Math.PI;
+        } else if (disPoint.x >= 0 && disPoint.y < 0) {
+            // 计算与x正方向的夹角
+            originRadian = Math.asin(disPoint.x / distance);
+            originRadian = originRadian + Math.PI * 3 / 2;
+        }
+
+        // 弧度换算成角度
+        originDegree = radianToDegree(originRadian);
+        resultDegree = originDegree + degree;
+
+        // 角度转弧度
+        resultRadian = degreeToRadian(resultDegree);
+
+        resultPoint.x = (int) Math.round(distance * Math.cos(resultRadian));
+        resultPoint.y = (int) Math.round(distance * Math.sin(resultRadian));
+        resultPoint.x += center.x;
+        resultPoint.y += center.y;
+
+        return resultPoint;
+    }
+
+    /**
+     * 弧度换算成角度
+     *
+     * @return
+     */
+    private double radianToDegree(double radian) {
+        return radian * 180 / Math.PI;
+    }
+
+    /**
+     * 角度换算成弧度
+     *
+     * @param degree
+     * @return
+     */
+    private double degreeToRadian(double degree) {
+        return degree * Math.PI / 180;
+    }
+
+    /**
+     * 根据点击的位置判断是否点中控制旋转，缩放的图片， 初略的计算
+     *
+     * @param x
+     * @param y
+     * @return
+     */
+    private int judgeStatus(float x, float y) {
+        PointF touchPoint = new PointF(x, y);
+        PointF controlPointF = new PointF(mControlPoint);
+
+        //点击的点到控制旋转，缩放点的距离
+        float distanceToControl = distance4PointF(touchPoint, controlPointF);
+
+        //如果两者之间的距离小于 控制图标的宽度，高度的最小值，则认为点中了控制图标
+        if (distanceToControl < Math.min(mRotateDrawableWidth / 2, mRotateDrawableHeight / 2)) {
+            return STATUS_ROTATE_ZOOM;
+        }
+
+        float disToEdit = distance4PointF(touchPoint, new PointF(mEditPoint));
+        if (disToEdit < Math.min(mEditDrawableWidth / 2, mEditDrawableHeight / 2)) {
+            return STATUS_EDIT;
+        }
+
+        float disToDelete = distance4PointF(touchPoint, new PointF(mDeletePoint));
+        if (disToDelete < Math.min(mDeleteDrawbleWidth / 2, mDeleteDrawableHeight / 2)) {
+            return STATUS_DELETE;
+        }
+        return STATUS_DRAG;
+    }
+
+    public float getImageRotate() {
+        return mDegree;
+    }
+
+    /**
+     * 设置图片旋转角度
+     *
+     * @param degree
+     */
+    public void setImageRotate(float degree) {
+        if (this.mDegree != degree) {
+            this.mDegree = degree;
+            transformDraw();
+        }
+    }
+
+    public float getImageScale() {
+        return mScale;
+    }
+
+    /**
+     * 设置图片缩放比例
+     *
+     * @param scale
+     */
+    public void setImageScale(float scale) {
+        if (this.mScale != scale) {
+            this.mScale = scale;
+            transformDraw();
+        }
+    }
+
+    public boolean isEditable() {
+        return isEditable;
+    }
+
+    /**
+     * 设置是否处于可缩放，平移，旋转状态
+     *
+     * @param isEditable
+     */
+    public void setEditable(boolean isEditable) {
+        this.isEditable = isEditable;
+        invalidate();
+    }
+
+    /**
+     * 两个点之间的距离
+     *
+     * @return
+     */
+    private float distance4PointF(@NonNull PointF pf1, @NonNull PointF pf2) {
+        float disX = pf2.x - pf1.x;
+        float disY = pf2.y - pf1.y;
+        return (float) Math.sqrt(disX * disX + disY * disY);
+    }
+
+    @Override
+    public float getCenterX() {
+        return mCenterPoint.x;
+    }
+
+    @Override
+    public float getCenterY() {
+        return mCenterPoint.y;
+    }
+
+    private float mCenterX, mCenterY;
+
+    @Override
+    public void setCenterX(float x) {
+        mCenterX = x;
+    }
+
+    @Override
+    public void setCenterY(float y) {
+        mCenterY = y;
+    }
+
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/floatlayer/FloatLayerViewGroup.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/floatlayer/FloatLayerViewGroup.java
new file mode 100644
index 0000000..6d010f5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/floatlayer/FloatLayerViewGroup.java
@@ -0,0 +1,139 @@
+package com.tencent.qcloud.ugckit.component.floatlayer;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.FrameLayout;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 用于统一管理{@link FloatLayerView}的layout
+ */
+public class FloatLayerViewGroup extends FrameLayout implements View.OnClickListener {
+    private final String TAG = "FloatLayerViewGroup";
+
+    private List<FloatLayerView> mFloatLayerViewList;
+    private int                  mLastSelectedPos        = -1;
+    private boolean              mEnableChildSingleClick = true;
+    private boolean              mEnableChildDoubleClick = false;
+    long mLastTime = 0;
+    long mCurTime  = 0;
+
+    public FloatLayerViewGroup(@NonNull Context context) {
+        super(context);
+        init();
+    }
+
+    public FloatLayerViewGroup(@NonNull Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public FloatLayerViewGroup(@NonNull Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    private void init() {
+        mFloatLayerViewList = new ArrayList<FloatLayerView>();
+    }
+
+    public void addOperationView(@NonNull FloatLayerView view) {
+        mFloatLayerViewList.add(view);
+        selectOperationView(mFloatLayerViewList.size() - 1);
+        addView(view);
+        view.setOnClickListener(this);
+    }
+
+    public void removeOperationView(@NonNull FloatLayerView view) {
+        int viewIndex = mFloatLayerViewList.indexOf(view);
+        mFloatLayerViewList.remove(view);
+        mLastSelectedPos = -1;
+        removeView(view);
+        view.setOnClickListener(null);
+    }
+
+    public FloatLayerView getOperationView(int index) {
+        return mFloatLayerViewList.get(index);
+    }
+
+    public void selectOperationView(int pos) {
+        if (pos < mFloatLayerViewList.size() && pos >= 0) {
+            if (mLastSelectedPos != -1)
+                mFloatLayerViewList.get(mLastSelectedPos).setEditable(false);//不显示编辑的边框
+            mFloatLayerViewList.get(pos).setEditable(true);//显示编辑的边框
+            mLastSelectedPos = pos;
+        }
+    }
+
+    private void unSelectOperationView(int pos) {
+        if (pos < mFloatLayerViewList.size() && mLastSelectedPos != -1) {
+            mFloatLayerViewList.get(mLastSelectedPos).setEditable(false);//不显示编辑的边框
+            mLastSelectedPos = -1;
+        }
+    }
+
+    @Nullable
+    public FloatLayerView getSelectedLayerOperationView() {
+        if (mLastSelectedPos < 0 || mLastSelectedPos >= mFloatLayerViewList.size()) return null;
+        return mFloatLayerViewList.get(mLastSelectedPos);
+    }
+
+    public int getSelectedViewIndex() {
+        return mLastSelectedPos;
+    }
+
+    public int getChildCount() {
+        return mFloatLayerViewList.size();
+    }
+
+    public void enableChildSingleClick(boolean enable) {
+        mEnableChildSingleClick = enable;
+    }
+
+    public void enableDoubleChildClick(boolean enable) {
+        mEnableChildDoubleClick = enable;
+    }
+
+    @Override
+    public void onClick(View v) {
+        mLastTime = mCurTime;
+        mCurTime = System.currentTimeMillis();
+        if (mCurTime - mLastTime < 300) {//双击事件
+            mCurTime = 0;
+            mLastTime = 0;
+            if (mEnableChildDoubleClick) {
+                onItemClick(v);
+            }
+        } else {//单击事件
+            if (mEnableChildSingleClick) {
+                onItemClick(v);
+            }
+        }
+    }
+
+    private void onItemClick(View v) {
+        FloatLayerView floatLayerView = (FloatLayerView) v;
+        int pos = mFloatLayerViewList.indexOf(floatLayerView);
+        int lastPos = mLastSelectedPos;
+        selectOperationView(pos); //选中编辑
+        if (mListener != null) {
+            mListener.onLayerOperationViewItemClick(floatLayerView, lastPos, pos);
+        }
+    }
+
+    private OnItemClickListener mListener;
+
+    public void setOnItemClickListener(OnItemClickListener listener) {
+        mListener = listener;
+    }
+
+    public interface OnItemClickListener {
+        void onLayerOperationViewItemClick(FloatLayerView view, int lastSelectedPos, int currentSelectedPos);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/progressbar/NumberProgressBar.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/progressbar/NumberProgressBar.java
new file mode 100644
index 0000000..091d2f4
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/progressbar/NumberProgressBar.java
@@ -0,0 +1,499 @@
+package com.tencent.qcloud.ugckit.component.progressbar;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import android.os.Bundle;
+import android.os.Parcelable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+public class NumberProgressBar extends View {
+
+    private long mMaxProgress = 100;
+
+    /**
+     * Current progress, can not exceed the max progress.
+     */
+    private long mCurrentProgress = 0;
+
+    /**
+     * The progress area bar color.
+     */
+    private int mReachedBarColor;
+
+    /**
+     * The bar unreached area color.
+     */
+    private int mUnreachedBarColor;
+
+    /**
+     * The progress text color.
+     */
+    private int mTextColor;
+
+    /**
+     * The progress text size.
+     */
+    private float mTextSize;
+
+    /**
+     * The height of the reached area.
+     */
+    private float mReachedBarHeight;
+
+    /**
+     * The height of the unreached area.
+     */
+    private float mUnreachedBarHeight;
+
+    /**
+     * The suffix of the number.
+     */
+    @Nullable
+    private String mSuffix = "%";
+
+    /**
+     * The prefix.
+     */
+    @Nullable
+    private String mPrefix = "";
+
+
+    private final int   default_text_color      = Color.rgb(66, 145, 241);
+    private final int   default_reached_color   = Color.rgb(66, 145, 241);
+    private final int   default_unreached_color = Color.rgb(204, 204, 204);
+    private final float default_progress_text_offset;
+    private final float default_text_size;
+    private final float default_reached_bar_height;
+    private final float default_unreached_bar_height;
+
+    /**
+     * For save and restore instance of progressbar.
+     */
+    private static final String INSTANCE_STATE                = "saved_instance";
+    private static final String INSTANCE_TEXT_COLOR           = "text_color";
+    private static final String INSTANCE_TEXT_SIZE            = "text_size";
+    private static final String INSTANCE_REACHED_BAR_HEIGHT   = "reached_bar_height";
+    private static final String INSTANCE_REACHED_BAR_COLOR    = "reached_bar_color";
+    private static final String INSTANCE_UNREACHED_BAR_HEIGHT = "unreached_bar_height";
+    private static final String INSTANCE_UNREACHED_BAR_COLOR  = "unreached_bar_color";
+    private static final String INSTANCE_MAX                  = "max";
+    private static final String INSTANCE_PROGRESS             = "progress";
+    private static final String INSTANCE_SUFFIX               = "suffix";
+    private static final String INSTANCE_PREFIX               = "prefix";
+    private static final String INSTANCE_TEXT_VISIBILITY      = "text_visibility";
+
+    private static final int PROGRESS_TEXT_VISIBLE = 0;
+
+
+    /**
+     * The width of the text that to be drawn.
+     */
+    private float mDrawTextWidth;
+
+    /**
+     * The drawn text start.
+     */
+    private float mDrawTextStart;
+
+    /**
+     * The drawn text end.
+     */
+    private float mDrawTextEnd;
+
+    /**
+     * The text that to be drawn in onDraw().
+     */
+    @Nullable
+    private String mCurrentDrawText;
+
+    /**
+     * The Paint of the reached area.
+     */
+    private Paint mReachedBarPaint;
+    /**
+     * The Paint of the unreached area.
+     */
+    private Paint mUnreachedBarPaint;
+    /**
+     * The Paint of the progress text.
+     */
+    private Paint mTextPaint;
+
+    /**
+     * Unreached bar area to draw rect.
+     */
+    @NonNull
+    private RectF mUnreachedRectF = new RectF(0, 0, 0, 0);
+    /**
+     * Reached bar area rect.
+     */
+    @NonNull
+    private RectF mReachedRectF   = new RectF(0, 0, 0, 0);
+
+    /**
+     * The progress text offset.
+     */
+    private float mOffset;
+
+    /**
+     * Determine if need to draw unreached area.
+     */
+    private boolean mDrawUnreachedBar = true;
+
+    private boolean mDrawReachedBar = true;
+
+    private boolean mIfDrawText = true;
+
+    public enum ProgressTextVisibility {
+        Visible, Invisible
+    }
+
+    public NumberProgressBar(@NonNull Context context) {
+        this(context, null);
+    }
+
+    public NumberProgressBar(@NonNull Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public NumberProgressBar(@NonNull Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+
+        default_reached_bar_height = dp2px(1.5f);
+        default_unreached_bar_height = dp2px(1.0f);
+        default_text_size = sp2px(10);
+        default_progress_text_offset = dp2px(3.0f);
+
+        //load styled attributes.
+        final TypedArray attributes = context.getTheme().obtainStyledAttributes(attrs, R.styleable.UGCKitNumberProgressBar,
+                defStyleAttr, 0);
+
+        mReachedBarColor = attributes.getColor(R.styleable.UGCKitNumberProgressBar_progress_reached_color, default_reached_color);
+        mUnreachedBarColor = attributes.getColor(R.styleable.UGCKitNumberProgressBar_progress_unreached_color, default_unreached_color);
+        mTextColor = attributes.getColor(R.styleable.UGCKitNumberProgressBar_progress_text_color, default_text_color);
+        mTextSize = attributes.getDimension(R.styleable.UGCKitNumberProgressBar_progress_text_size, default_text_size);
+
+        mReachedBarHeight = attributes.getDimension(R.styleable.UGCKitNumberProgressBar_progress_reached_bar_height, default_reached_bar_height);
+        mUnreachedBarHeight = attributes.getDimension(R.styleable.UGCKitNumberProgressBar_progress_unreached_bar_height, default_unreached_bar_height);
+        mOffset = attributes.getDimension(R.styleable.UGCKitNumberProgressBar_progress_text_offset, default_progress_text_offset);
+
+        int textVisible = attributes.getInt(R.styleable.UGCKitNumberProgressBar_progress_text_visibility, PROGRESS_TEXT_VISIBLE);
+        if (textVisible != PROGRESS_TEXT_VISIBLE) {
+            mIfDrawText = false;
+        }
+
+        setProgress(attributes.getInt(R.styleable.UGCKitNumberProgressBar_progress_current, 0));
+        setMax(attributes.getInt(R.styleable.UGCKitNumberProgressBar_progress_max, 100));
+
+        attributes.recycle();
+        initializePainters();
+    }
+
+    @Override
+    protected int getSuggestedMinimumWidth() {
+        return (int) mTextSize;
+    }
+
+    @Override
+    protected int getSuggestedMinimumHeight() {
+        return Math.max((int) mTextSize, Math.max((int) mReachedBarHeight, (int) mUnreachedBarHeight));
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        setMeasuredDimension(measure(widthMeasureSpec, true), measure(heightMeasureSpec, false));
+    }
+
+    private int measure(int measureSpec, boolean isWidth) {
+        int result;
+        int mode = MeasureSpec.getMode(measureSpec);
+        int size = MeasureSpec.getSize(measureSpec);
+        int padding = isWidth ? getPaddingLeft() + getPaddingRight() : getPaddingTop() + getPaddingBottom();
+        if (mode == MeasureSpec.EXACTLY) {
+            result = size;
+        } else {
+            result = isWidth ? getSuggestedMinimumWidth() : getSuggestedMinimumHeight();
+            result += padding;
+            if (mode == MeasureSpec.AT_MOST) {
+                if (isWidth) {
+                    result = Math.max(result, size);
+                } else {
+                    result = Math.min(result, size);
+                }
+            }
+        }
+        return result;
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        if (mIfDrawText) {
+            calculateDrawRectF();
+        } else {
+            calculateDrawRectFWithoutProgressText();
+        }
+
+        if (mDrawReachedBar) {
+            canvas.drawRect(mReachedRectF, mReachedBarPaint);
+        }
+
+        if (mDrawUnreachedBar) {
+            canvas.drawRect(mUnreachedRectF, mUnreachedBarPaint);
+        }
+
+        if (mIfDrawText)
+            canvas.drawText(mCurrentDrawText, mDrawTextStart, mDrawTextEnd, mTextPaint);
+    }
+
+    private void initializePainters() {
+        mReachedBarPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        mReachedBarPaint.setColor(mReachedBarColor);
+
+        mUnreachedBarPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        mUnreachedBarPaint.setColor(mUnreachedBarColor);
+
+        mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        mTextPaint.setColor(mTextColor);
+        mTextPaint.setTextSize(mTextSize);
+    }
+
+
+    private void calculateDrawRectFWithoutProgressText() {
+        mReachedRectF.left = getPaddingLeft();
+        mReachedRectF.top = getHeight() / 2.0f - mReachedBarHeight / 2.0f;
+        mReachedRectF.right = (getWidth() - getPaddingLeft() - getPaddingRight()) / (getMax() * 1.0f) * getProgress() + getPaddingLeft();
+        mReachedRectF.bottom = getHeight() / 2.0f + mReachedBarHeight / 2.0f;
+
+        mUnreachedRectF.left = mReachedRectF.right;
+        mUnreachedRectF.right = getWidth() - getPaddingRight();
+        mUnreachedRectF.top = getHeight() / 2.0f + -mUnreachedBarHeight / 2.0f;
+        mUnreachedRectF.bottom = getHeight() / 2.0f + mUnreachedBarHeight / 2.0f;
+    }
+
+    private void calculateDrawRectF() {
+
+        mCurrentDrawText = String.format("%d", getProgress() * 100 / getMax());
+        mCurrentDrawText = mPrefix + mCurrentDrawText + mSuffix;
+        mDrawTextWidth = mTextPaint.measureText(mCurrentDrawText);
+
+        if (getProgress() == 0) {
+            mDrawReachedBar = false;
+            mDrawTextStart = getPaddingLeft();
+        } else {
+            mDrawReachedBar = true;
+            mReachedRectF.left = getPaddingLeft();
+            mReachedRectF.top = getHeight() / 2.0f - mReachedBarHeight / 2.0f;
+            mReachedRectF.right = (getWidth() - getPaddingLeft() - getPaddingRight()) / (getMax() * 1.0f) * getProgress() - mOffset + getPaddingLeft();
+            mReachedRectF.bottom = getHeight() / 2.0f + mReachedBarHeight / 2.0f;
+            mDrawTextStart = (mReachedRectF.right + mOffset);
+        }
+
+        mDrawTextEnd = (int) ((getHeight() / 2.0f) - ((mTextPaint.descent() + mTextPaint.ascent()) / 2.0f));
+
+        if ((mDrawTextStart + mDrawTextWidth) >= getWidth() - getPaddingRight()) {
+            mDrawTextStart = getWidth() - getPaddingRight() - mDrawTextWidth;
+            mReachedRectF.right = mDrawTextStart - mOffset;
+        }
+
+        float unreachedBarStart = mDrawTextStart + mDrawTextWidth + mOffset;
+        if (unreachedBarStart >= getWidth() - getPaddingRight()) {
+            mDrawUnreachedBar = false;
+        } else {
+            mDrawUnreachedBar = true;
+            mUnreachedRectF.left = unreachedBarStart;
+            mUnreachedRectF.right = getWidth() - getPaddingRight();
+            mUnreachedRectF.top = getHeight() / 2.0f + -mUnreachedBarHeight / 2.0f;
+            mUnreachedRectF.bottom = getHeight() / 2.0f + mUnreachedBarHeight / 2.0f;
+        }
+    }
+
+    /**
+     * Get progress text color.
+     *
+     * @return progress text color.
+     */
+    public int getTextColor() {
+        return mTextColor;
+    }
+
+    /**
+     * Get progress text size.
+     *
+     * @return progress text size.
+     */
+    public float getProgressTextSize() {
+        return mTextSize;
+    }
+
+    public int getUnreachedBarColor() {
+        return mUnreachedBarColor;
+    }
+
+    public int getReachedBarColor() {
+        return mReachedBarColor;
+    }
+
+    public long getProgress() {
+        return mCurrentProgress;
+    }
+
+    public long getMax() {
+        return mMaxProgress;
+    }
+
+    public float getReachedBarHeight() {
+        return mReachedBarHeight;
+    }
+
+    public float getUnreachedBarHeight() {
+        return mUnreachedBarHeight;
+    }
+
+    public void setProgressTextSize(float textSize) {
+        this.mTextSize = textSize;
+        mTextPaint.setTextSize(mTextSize);
+        invalidate();
+    }
+
+    public void setProgressTextColor(int textColor) {
+        this.mTextColor = textColor;
+        mTextPaint.setColor(mTextColor);
+        invalidate();
+    }
+
+    public void setUnreachedBarColor(int barColor) {
+        this.mUnreachedBarColor = barColor;
+        mUnreachedBarPaint.setColor(mUnreachedBarColor);
+        invalidate();
+    }
+
+    public void setReachedBarColor(int progressColor) {
+        this.mReachedBarColor = progressColor;
+        mReachedBarPaint.setColor(mReachedBarColor);
+        invalidate();
+    }
+
+    public void setReachedBarHeight(float height) {
+        mReachedBarHeight = height;
+    }
+
+    public void setUnreachedBarHeight(float height) {
+        mUnreachedBarHeight = height;
+    }
+
+    public void setMax(long maxProgress) {
+        if (maxProgress > 0) {
+            this.mMaxProgress = maxProgress;
+            invalidate();
+        }
+    }
+
+    public void setSuffix(@Nullable String suffix) {
+        if (suffix == null) {
+            mSuffix = "";
+        } else {
+            mSuffix = suffix;
+        }
+    }
+
+    @Nullable
+    public String getSuffix() {
+        return mSuffix;
+    }
+
+    public void setPrefix(@Nullable String prefix) {
+        if (prefix == null)
+            mPrefix = "";
+        else {
+            mPrefix = prefix;
+        }
+    }
+
+    @Nullable
+    public String getPrefix() {
+        return mPrefix;
+    }
+
+    public void incrementProgressBy(int by) {
+        if (by > 0) {
+            setProgress(getProgress() + by);
+        }
+    }
+
+    public void setProgress(long progress) {
+        if (progress <= getMax() && progress >= 0) {
+            this.mCurrentProgress = progress;
+            invalidate();
+        }
+    }
+
+    @Override
+    protected Parcelable onSaveInstanceState() {
+        final Bundle bundle = new Bundle();
+        bundle.putParcelable(INSTANCE_STATE, super.onSaveInstanceState());
+        bundle.putInt(INSTANCE_TEXT_COLOR, getTextColor());
+        bundle.putFloat(INSTANCE_TEXT_SIZE, getProgressTextSize());
+        bundle.putFloat(INSTANCE_REACHED_BAR_HEIGHT, getReachedBarHeight());
+        bundle.putFloat(INSTANCE_UNREACHED_BAR_HEIGHT, getUnreachedBarHeight());
+        bundle.putInt(INSTANCE_REACHED_BAR_COLOR, getReachedBarColor());
+        bundle.putInt(INSTANCE_UNREACHED_BAR_COLOR, getUnreachedBarColor());
+        bundle.putLong(INSTANCE_MAX, getMax());
+        bundle.putLong(INSTANCE_PROGRESS, getProgress());
+        bundle.putString(INSTANCE_SUFFIX, getSuffix());
+        bundle.putString(INSTANCE_PREFIX, getPrefix());
+        bundle.putBoolean(INSTANCE_TEXT_VISIBILITY, getProgressTextVisibility());
+        return bundle;
+    }
+
+    @Override
+    protected void onRestoreInstanceState(Parcelable state) {
+        if (state instanceof Bundle) {
+            final Bundle bundle = (Bundle) state;
+            mTextColor = bundle.getInt(INSTANCE_TEXT_COLOR);
+            mTextSize = bundle.getFloat(INSTANCE_TEXT_SIZE);
+            mReachedBarHeight = bundle.getFloat(INSTANCE_REACHED_BAR_HEIGHT);
+            mUnreachedBarHeight = bundle.getFloat(INSTANCE_UNREACHED_BAR_HEIGHT);
+            mReachedBarColor = bundle.getInt(INSTANCE_REACHED_BAR_COLOR);
+            mUnreachedBarColor = bundle.getInt(INSTANCE_UNREACHED_BAR_COLOR);
+            initializePainters();
+            setMax(bundle.getLong(INSTANCE_MAX));
+            setProgress(bundle.getLong(INSTANCE_PROGRESS));
+            setPrefix(bundle.getString(INSTANCE_PREFIX));
+            setSuffix(bundle.getString(INSTANCE_SUFFIX));
+            setProgressTextVisibility(bundle.getBoolean(INSTANCE_TEXT_VISIBILITY) ? ProgressTextVisibility.Visible : ProgressTextVisibility.Invisible);
+            super.onRestoreInstanceState(bundle.getParcelable(INSTANCE_STATE));
+            return;
+        }
+        super.onRestoreInstanceState(state);
+    }
+
+    public float dp2px(float dp) {
+        final float scale = getResources().getDisplayMetrics().density;
+        return dp * scale + 0.5f;
+    }
+
+    public float sp2px(float sp) {
+        final float scale = getResources().getDisplayMetrics().scaledDensity;
+        return sp * scale;
+    }
+
+    public void setProgressTextVisibility(ProgressTextVisibility visibility) {
+        mIfDrawText = visibility == ProgressTextVisibility.Visible;
+        invalidate();
+    }
+
+    public boolean getProgressTextVisibility() {
+        return mIfDrawText;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/progressbutton/SampleProgressButton.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/progressbutton/SampleProgressButton.java
new file mode 100755
index 0000000..2f3bc76
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/progressbutton/SampleProgressButton.java
@@ -0,0 +1,218 @@
+package com.tencent.qcloud.ugckit.component.progressbutton;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.LinearGradient;
+import android.graphics.Paint;
+import android.graphics.Paint.FontMetrics;
+import android.graphics.RectF;
+import android.graphics.Shader;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+/**
+ * Button点击切换为Progress
+ */
+public class SampleProgressButton extends View {
+
+    public static final int STATE_NORMAL   = 1;
+    public static final int STATE_PROGRESS = 2;
+
+    private FontMetrics    mFontMetrics;
+    private Paint          mTextPaint;
+    private Paint          mBackgroundPaintNormal;
+    private Paint          mBackgroundPaintProgress;
+    private RectF          mBackgroundBounds;
+    private LinearGradient mProgressBgGradient;
+    private int            mForegroundColor;
+    private int            mBackgroundColor;
+    private int            mNormalColor;
+    private int            mProgress    = 0;
+    private int            mTextColor   = Color.WHITE;
+    private float          mTextSize    = 10;
+    private int            mMaxProgress = 100;
+    private int            mState       = STATE_NORMAL;
+    @Nullable
+    private String         mText        = "";
+
+    public SampleProgressButton(@NonNull Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init(context, attrs);
+    }
+
+    public SampleProgressButton(@NonNull Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+        init(context, attrs);
+    }
+
+    private void init(@NonNull Context context, AttributeSet attrs) {
+        TypedArray typedArray = null;
+        try {
+            typedArray = context.obtainStyledAttributes(attrs, R.styleable.UGCKitSampleProgressButton);
+            mBackgroundColor = typedArray.getInteger(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonBackgroundColor, Color.GRAY);
+            mForegroundColor = typedArray.getInteger(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonForegroundColor, Color.RED);
+            mNormalColor = typedArray.getInteger(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonNormalColor, Color.BLUE);
+            mTextColor = typedArray.getInteger(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonTextcolor, Color.WHITE);
+            mMaxProgress = typedArray.getInteger(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonMax, 100);
+            mProgress = typedArray.getInteger(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonProgress, 0);
+            mText = typedArray.getString(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonText);
+            mTextSize = typedArray.getDimension(R.styleable.UGCKitSampleProgressButton_sampleProgressButtonTextSize, 20);
+        } finally {
+            if (typedArray != null) {
+                typedArray.recycle();
+            }
+        }
+
+        mBackgroundBounds = new RectF();
+
+        mBackgroundPaintNormal = new Paint();
+        mBackgroundPaintNormal.setAntiAlias(true);
+        mBackgroundPaintNormal.setStyle(Paint.Style.FILL);
+
+        mBackgroundPaintProgress = new Paint();
+        mBackgroundPaintProgress.setAntiAlias(true);
+        mBackgroundPaintProgress.setStyle(Paint.Style.FILL);
+
+        mTextPaint = new Paint();
+        mTextPaint.setAntiAlias(true);
+        mTextPaint.setStrokeWidth(5);
+
+        float mProgressPercent = mProgress / (mMaxProgress + 0f);
+
+        mProgressBgGradient = new LinearGradient(0, 0, getMeasuredWidth(), 0,
+                new int[]{mForegroundColor, mBackgroundColor},
+                new float[]{mProgressPercent, mProgressPercent + 0.001f},
+                Shader.TileMode.CLAMP
+        );
+    }
+
+    public int getForegroundColor() {
+        return mForegroundColor;
+    }
+
+    public int getBackgroundColor() {
+        return mBackgroundColor;
+    }
+
+    public int getNormalColor() {
+        return mNormalColor;
+    }
+
+    public void setForegroundColor(int foregroundColor) {
+        mForegroundColor = foregroundColor;
+        invalidate();
+    }
+
+    public void setBackgroundColor(int backgroundColor) {
+        mBackgroundColor = backgroundColor;
+        invalidate();
+    }
+
+    public void setNormalColor(int normalColor) {
+        mNormalColor = normalColor;
+        invalidate();
+    }
+
+    public void setTextsize(float textSize) {
+        mTextSize = textSize;
+    }
+
+    public float getTextsize() {
+        return mTextSize;
+    }
+
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+
+        mBackgroundBounds.left = 0;
+        mBackgroundBounds.top = 0;
+        mBackgroundBounds.right = getMeasuredWidth();
+        mBackgroundBounds.bottom = getMeasuredHeight();
+
+        int cornerRadius = getMeasuredHeight() / 2;
+
+        if (mState == STATE_NORMAL) {
+            mBackgroundPaintNormal.setColor(mNormalColor);
+            canvas.drawRoundRect(mBackgroundBounds, cornerRadius, cornerRadius, mBackgroundPaintNormal);
+        } else {
+            mBackgroundPaintProgress.setShader(mProgressBgGradient);
+            canvas.drawRoundRect(mBackgroundBounds, cornerRadius, cornerRadius, mBackgroundPaintProgress);
+        }
+
+        if ("".equals(mText) || mText == null) {
+            return;
+        }
+
+        mTextPaint.setTextSize(this.mTextSize);
+        mFontMetrics = mTextPaint.getFontMetrics();
+        mTextPaint.setColor(this.mTextColor);
+
+        float textCenterVerticalBaselineY = getHeight() / 2 - mFontMetrics.descent + (mFontMetrics.descent - mFontMetrics.ascent) / 2;
+        canvas.drawText(this.mText, (getMeasuredWidth() - mTextPaint.measureText(this.mText)) / 2, textCenterVerticalBaselineY,
+                mTextPaint);
+
+    }
+
+    public void setMax(int max) {
+        mMaxProgress = max;
+
+        float mProgressPercent = mProgress / (mMaxProgress + 0f);
+
+        mProgressBgGradient = new LinearGradient(0, 0, getMeasuredWidth(), 0,
+                new int[]{mForegroundColor, mBackgroundColor},
+                new float[]{mProgressPercent, mProgressPercent + 0.001f},
+                Shader.TileMode.CLAMP
+        );
+        postInvalidate();
+    }
+
+
+    public void setText(String text) {
+        this.mText = text;
+        invalidate();
+    }
+
+
+    public void setProgress(int progress) {
+        if (progress > mMaxProgress) {
+            return;
+        }
+        mProgress = progress;
+
+        float mProgressPercent = mProgress / (mMaxProgress + 0f);
+
+        mProgressBgGradient = new LinearGradient(0, 0, getMeasuredWidth(), 0,
+                new int[]{mForegroundColor, mBackgroundColor},
+                new float[]{mProgressPercent, mProgressPercent + 0.001f},
+                Shader.TileMode.CLAMP
+        );
+        invalidate();
+    }
+
+    public int getMax() {
+        return mMaxProgress;
+    }
+
+    public int getProgress() {
+        return mProgress;
+    }
+
+    public void setState(int state) {
+        mState = state;
+        invalidate();
+    }
+
+    public int getState() {
+        return mState;
+    }
+
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/RangeSeekBar.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/RangeSeekBar.java
new file mode 100644
index 0000000..827fc66
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/RangeSeekBar.java
@@ -0,0 +1,396 @@
+package com.tencent.qcloud.ugckit.component.seekbar;
+
+import android.animation.ValueAnimator;
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.Rect;
+import android.graphics.RectF;
+import android.graphics.drawable.Drawable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.animation.AccelerateDecelerateInterpolator;
+
+import com.tencent.qcloud.ugckit.R;
+
+public class RangeSeekBar extends View {
+    private static final String TAG = "RangeSeekBar";
+    private              int    mViewWidth;
+    private              int    mViewHeight;
+
+    private int      mSeekBarWidth;
+    private int      mSeekBarHeight;
+    private float    mSbLeft;
+    private float    mSbTop;
+    private float    mSbRight;
+    private float    mSbBottom;
+    private float    mSbRound;
+    private float    mLPLeft;      //left-pointer  left
+    private float    mLPRight;     //right-pointer right
+    private float    mLPOffset;
+    private float    mLPLastX;
+    private float    mRPLeft;      //right-pointer left
+    private float    mRPRight;     //right-pointer right
+    private float    mRPOffset;
+    private float    mRPLastX;
+    @Nullable
+    private Drawable mPointerDrawable;
+    private Paint    mNormalPaint;
+    private Paint    mProgressPaint;
+    private boolean  mIsDragLeft;
+    private boolean  mIsDragRight;
+    private boolean  mLastIsDragLeft;
+    private boolean  mIsRangeEnable;
+    private int      mRange;
+    private int      mBackgroundColor;
+    private int      mProgressColor;
+    private int      mLeftIndex;
+    private int      mRightIndex;
+
+    private OnRangeProgressListener mListener;
+
+    public RangeSeekBar(Context context) {
+        super(context);
+        init(null);
+    }
+
+    public RangeSeekBar(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init(attrs);
+    }
+
+    public RangeSeekBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(attrs);
+    }
+
+    public void setRangeEnable(boolean isRangeEnable) {
+        mIsRangeEnable = isRangeEnable;
+        invalidate();
+    }
+
+    /**
+     * 重置Range位置
+     */
+    public void resetRangePos() {
+        mLPOffset = 0;
+        mRPOffset = 0;
+        if (mLPLeft != 0) {
+            ValueAnimator lpResetAni = ValueAnimator.ofFloat(mLPLeft, 0);
+            lpResetAni.setDuration(200);
+            lpResetAni.setInterpolator(new AccelerateDecelerateInterpolator());
+            lpResetAni.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+                @Override
+                public void onAnimationUpdate(@NonNull ValueAnimator animation) {
+                    mLPLeft = (float) animation.getAnimatedValue();
+                    calculateLPRect();
+                    invalidate();
+                }
+            });
+            lpResetAni.start();
+        }
+        if (mRPRight != mViewWidth) {
+            ValueAnimator rpResetAni = ValueAnimator.ofFloat(mRPRight, mViewWidth);
+            rpResetAni.setDuration(200);
+            rpResetAni.setInterpolator(new AccelerateDecelerateInterpolator());
+            rpResetAni.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+                @Override
+                public void onAnimationUpdate(@NonNull ValueAnimator animation) {
+                    mRPRight = (float) animation.getAnimatedValue();
+                    calculateRPRect();
+                    invalidate();
+                }
+            });
+            rpResetAni.start();
+        }
+    }
+
+    /**
+     * 设置range范围
+     *
+     * @param range
+     */
+    public void setRange(int range) {
+        mRange = range;
+    }
+
+    private void init(@Nullable AttributeSet attrs) {
+        mIsRangeEnable = true;
+        mRange = 100;
+        if (attrs != null) {
+            TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.UGCKitRangeSeekBar);
+            mPointerDrawable = a.getDrawable(R.styleable.UGCKitRangeSeekBar_rsb_pointerBackground);
+            mProgressColor = a.getColor(R.styleable.UGCKitRangeSeekBar_rsb_progressColor,
+                    Color.parseColor("#FF4081"));
+            mBackgroundColor = a.getColor(R.styleable.UGCKitRangeSeekBar_rsb_backgroundColor,
+                    getResources().getColor(R.color.ugckit_line_btn));
+            mRange = a.getInt(R.styleable.UGCKitRangeSeekBar_rsb_range, 100);
+            a.recycle();
+        }
+
+        mNormalPaint = new Paint();
+        mNormalPaint.setColor(mBackgroundColor);
+
+        mProgressPaint = new Paint();
+        mProgressPaint.setColor(mProgressColor);
+    }
+
+    @Override
+    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
+        super.onSizeChanged(w, h, oldw, oldh);
+        mViewWidth = w;
+        mViewHeight = h;
+
+        mSeekBarWidth = mViewWidth - mPointerDrawable.getIntrinsicWidth();
+        mSeekBarHeight = mViewHeight - 20;
+
+        int halfDrawableWidth = mPointerDrawable.getIntrinsicWidth() / 2;
+        mSbLeft = halfDrawableWidth;
+        mSbTop = 18;
+        mSbBottom = mViewHeight - 18;
+        mSbRight = mViewWidth - halfDrawableWidth;
+        mSbRound = mSeekBarHeight / 2;
+
+        mLPLeft = 0;
+        mRPRight = mViewWidth;
+
+        calculateLPRect();
+        calculateRPRect();
+
+        mLPLastX = mLPLeft;
+        mRPLastX = mRPRight;
+    }
+
+    private void calculateRPRect() {
+        mRPRight = getRPRight(mRPOffset);
+        mRPLeft = mRPRight - mPointerDrawable.getIntrinsicWidth();
+    }
+
+    private void calculateLPRect() {
+        mLPLeft = getLPLeft(mLPOffset);
+        mLPRight = mLPLeft + mPointerDrawable.getIntrinsicWidth();
+    }
+
+    private float getLPLeft(float offset) {
+        return mLPLeft + offset;
+    }
+
+    private float getRPRight(float offset) {
+        return mRPRight + offset;
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+        //draw  seek bar bg
+        RectF rectF = new RectF();
+        rectF.left = mSbLeft;
+        rectF.right = mSbRight;
+        rectF.top = mSbTop;
+        rectF.bottom = mSbBottom;
+        //draw  bg
+        canvas.drawRoundRect(rectF, mSbRound, mSbRound, mNormalPaint);
+
+        if (mIsRangeEnable) {
+            //draw progress
+            canvas.drawRect(
+                    mLPLeft + mPointerDrawable.getIntrinsicWidth() / 2,
+                    mSbTop,
+                    mRPRight - mPointerDrawable.getIntrinsicWidth() / 2,
+                    mSbBottom,
+                    mProgressPaint);
+            //draw left pointer
+            Rect leftRect = new Rect();
+            leftRect.left = (int) mLPLeft;
+            leftRect.right = (int) mLPRight;
+            leftRect.top = 0;
+            leftRect.bottom = mViewHeight;
+
+            mPointerDrawable.setBounds(leftRect);
+            mPointerDrawable.draw(canvas);
+
+            //draw right pointer
+            Rect rightRect = new Rect();
+            rightRect.left = (int) mRPLeft;
+            rightRect.right = (int) mRPRight;
+            rightRect.top = 0;
+            rightRect.bottom = mViewHeight;
+
+            mPointerDrawable.setBounds(rightRect);
+            mPointerDrawable.draw(canvas);
+        }
+    }
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent event) {
+        if (!isEnabled()) return false;
+
+        boolean isHandle = false;
+        switch (event.getAction()) {
+            case MotionEvent.ACTION_DOWN:
+                isHandle = handleDownEvent(event);
+                break;
+            case MotionEvent.ACTION_MOVE:
+                isHandle = handleMoveEvent(event);
+                break;
+            case MotionEvent.ACTION_CANCEL:
+            case MotionEvent.ACTION_UP:
+                isHandle = handleUpEvent(event);
+                break;
+
+        }
+        return isHandle;
+    }
+
+    private boolean handleUpEvent(MotionEvent event) {
+        if (mIsDragLeft || mIsDragRight) {
+            mIsDragLeft = false;
+            mIsDragRight = false;
+            return true;
+        }
+        return false;
+    }
+
+
+    private boolean handleMoveEvent(@NonNull MotionEvent event) {
+        if (mIsDragLeft || mIsDragRight) {
+            float x = event.getX();
+            if (mIsDragLeft) {
+                mLPOffset = x - mLPLastX;
+                mLPLastX = x;
+                float tmpLPRight = mLPLeft + mLPOffset + mPointerDrawable.getIntrinsicWidth();
+                if (tmpLPRight > mRPRight) {
+                    mLPOffset = mRPRight - mLPRight;
+                    mLPLastX = mRPRight;
+                    mIsDragLeft = false;
+                }
+                float tmpLPLeft = tmpLPRight - mPointerDrawable.getIntrinsicWidth() / 2;
+                if (tmpLPLeft <= mSbLeft) {
+
+                } else {
+                    calculateLPRect();
+                    invalidate();
+                }
+            }
+            if (mIsDragRight) {
+                mRPOffset = x - mRPLastX;
+                mRPLastX = x;
+                float tmpRPLeft = mRPRight + mRPOffset - mPointerDrawable.getIntrinsicWidth();
+                if (tmpRPLeft < mLPLeft) {
+                    mRPOffset = mLPLeft - mRPLeft;
+                    mRPLastX = mLPLeft;
+                    mIsDragRight = false;
+                }
+                if (tmpRPLeft + mPointerDrawable.getIntrinsicWidth() >= mViewWidth) {
+                } else {
+                    calculateRPRect();
+                    invalidate();
+                }
+            }
+            callbackListener();
+            return true;
+        }
+        return false;
+    }
+
+    private void callbackListener() {
+        int lpProgress = calculateLPProgress();
+        int rpProgress = calculateRPProgress();
+        if (mListener != null) {
+            mListener.onSeekProgress(lpProgress, rpProgress);
+        }
+    }
+
+    public void setLeftIndex(int leftIndex) {
+        mLPLeft = leftIndex * 1.f / mRange * mSeekBarWidth + mSbLeft - mPointerDrawable.getIntrinsicWidth() / 2;
+//        if (mLPLeft < mSbLeft) {
+//            mLPLeft = mSbLeft;
+//        }
+        mLPRight = mLPLeft + mPointerDrawable.getIntrinsicWidth();
+        invalidate();
+    }
+
+    public void setRightIndex(int rightIndex) {
+        mRPLeft = mSbRight - (1 - rightIndex * 1.f / mRange) * mSeekBarWidth + mPointerDrawable.getIntrinsicWidth() / 2;
+        mRPRight = mRPLeft + mPointerDrawable.getIntrinsicWidth();
+        if (mRPRight > mSbRight) {
+            mRPRight = mSbRight;
+            mRPLeft = mRPRight - mPointerDrawable.getIntrinsicWidth();
+        }
+        invalidate();
+    }
+
+    private boolean handleDownEvent(@NonNull MotionEvent event) {
+        if (!mIsRangeEnable) return false;
+        float x = event.getX();
+        float y = event.getY();
+        if (x >= mLPLeft - 80 && x <= mLPRight + 80) {
+            mIsDragLeft = true;
+            mLPLastX = x;
+        }
+        if (x <= mRPRight + 80 && x >= mRPLeft - 80) {
+            mIsDragRight = true;
+            mRPLastX = x;
+        }
+
+        if (mIsDragLeft && mIsDragRight) {
+            if (mLastIsDragLeft) {
+                mIsDragLeft = true;
+                mIsDragRight = false;
+                mLastIsDragLeft = true;
+            } else {
+                mIsDragLeft = false;
+                mIsDragRight = true;
+                mLastIsDragLeft = false;
+            }
+        }
+
+        mLastIsDragLeft = mIsDragLeft;
+
+        if (mIsDragRight || mIsDragLeft) {
+            return true;
+        }
+        return false;
+    }
+
+
+    private int calculateLPProgress() {
+        float lpCenter = mLPLeft + mPointerDrawable.getIntrinsicWidth() / 2;
+        if (lpCenter == mSbLeft) {
+            return 0;
+        } else {
+            float leftDis = lpCenter - mSbLeft;
+            float percent = leftDis / mSeekBarWidth;
+            if (percent <= 0.005) percent = 0;
+            return (int) (percent * mRange);
+        }
+    }
+
+    private int calculateRPProgress() {
+        float rpCenter = mRPRight - mPointerDrawable.getIntrinsicWidth() / 2;
+        if (rpCenter == mSbRight) {
+            return 1 * mRange;
+        } else {
+            float rightDis = mSbRight - rpCenter;
+            float percent = rightDis / mSeekBarWidth;
+            if (percent <= 0.005) percent = 0;
+            return (int) ((1 - percent) * mRange);
+        }
+    }
+
+
+    public void setOnRangeProgressListener(OnRangeProgressListener listener) {
+        mListener = listener;
+    }
+
+    public interface OnRangeProgressListener {
+
+        void onSeekProgress(int lpProgress, int rpProgress);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCColorView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCColorView.java
new file mode 100644
index 0000000..c2de07a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCColorView.java
@@ -0,0 +1,272 @@
+package com.tencent.qcloud.ugckit.component.seekbar;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.LinearGradient;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import android.graphics.Shader;
+import androidx.annotation.ColorInt;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.TypedValue;
+import android.view.MotionEvent;
+import android.view.View;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+/**
+ * 选择颜色的View
+ */
+public class TCColorView extends View {
+    private Context               mContext;
+    @Nullable
+    private LinearGradient        linearGradient = null;
+    @Nullable
+    private Paint                 mHuePaint      = null;
+    @Nullable
+    private Paint                 mValuePaint    = null;
+    @Nullable
+    private RectF                 mHueRectF      = null;
+    @Nullable
+    private RectF                 mValueRectF    = null;
+    private int                   mWidth;
+    private Paint                 mSwipePaint;
+    private Bitmap                mSwipeBitmap;
+    private OnSelectColorListener mOnSelectColorListener;
+    private int                   mColorHeight;
+    private float                 mSwipeRadius;
+    private int                   marginTopAndBottom;
+    @NonNull
+    private float[]               colorHSV       = new float[]{0f, 1f, 0f};
+    private float                 mSwipeHueCx    = 0;
+    private float                 mSwipeValueCx  = 0;
+
+    public TCColorView(Context context) {
+        super(context);
+
+        init(context);
+    }
+
+    public TCColorView(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public TCColorView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    private void init(Context context) {
+        this.mContext = context;
+        mHuePaint = new Paint();
+        mValuePaint = new Paint();
+        mSwipePaint = new Paint();
+        mSwipePaint.setAntiAlias(true);
+        mSwipeBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ugckit_color_swipe);
+        mSwipeRadius = lastValueX = mSwipeBitmap.getWidth() / 2;
+
+        mColorHeight = dp2px(10);
+        marginTopAndBottom = dp2px(10);
+    }
+
+
+    public int dp2px(float dpVal) {
+        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
+                dpVal, mContext.getResources().getDisplayMetrics());
+    }
+
+    public float px2dp(int pxVal) {
+        final float scale = mContext.getResources().getDisplayMetrics().density;
+        return (pxVal / scale);
+    }
+
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+        //绘制色相选择区域
+        drawHuePanel(canvas);
+        //绘制明度颜色条
+        drawValuePanel(canvas);
+    }
+
+    @NonNull
+    private int[] buildHueColorArray() {
+        int[] hue = new int[361];
+        for (int i = 0; i < hue.length; i++) {
+            hue[i] = Color.HSVToColor(new float[]{i, 1f, 1f});
+        }
+        return hue;
+    }
+
+    /**
+     * 绘制色相选择区域
+     *
+     * @param canvas
+     */
+    private void drawHuePanel(@NonNull Canvas canvas) {
+        //绘制颜色条
+        if (mHueRectF == null)
+            mHueRectF = new RectF(mSwipeRadius, mSwipeRadius - mColorHeight / 2 + marginTopAndBottom, mWidth - mSwipeRadius, mSwipeRadius + mColorHeight / 2 + marginTopAndBottom);
+        if (linearGradient == null) {
+            linearGradient = new LinearGradient(mHueRectF.left, mHueRectF.top, mHueRectF.right, mHueRectF.top, buildHueColorArray(), null,
+                    Shader.TileMode.CLAMP);
+            //设置渲染器
+            mHuePaint.setShader(linearGradient);
+        }
+        canvas.drawRoundRect(mHueRectF, 15, 15, mHuePaint);
+        //绘制滑块
+        if (mSwipeHueCx < mSwipeRadius)
+            mSwipeHueCx = mSwipeRadius;
+        else if (mSwipeHueCx > mWidth - mSwipeRadius)
+            mSwipeHueCx = mWidth - mSwipeRadius;
+        canvas.drawBitmap(mSwipeBitmap, mSwipeHueCx - mSwipeRadius, marginTopAndBottom, mSwipePaint);
+    }
+
+    /**
+     * 明度数组
+     *
+     * @return
+     */
+    @NonNull
+    private int[] buildValueColorArray() {
+        int[] value = new int[11];
+        for (int i = 0; i < value.length; i++) {
+            value[i] = Color.HSVToColor(new float[]{colorHSV[0], 1f, (float) i / 10});
+        }
+        return value;
+    }
+
+    /**
+     * 绘制明度选择区域
+     *
+     * @param canvas
+     */
+    private void drawValuePanel(@NonNull Canvas canvas) {
+        if (mValueRectF == null)
+            mValueRectF = new RectF(mSwipeRadius, mSwipeRadius - mColorHeight / 2 + 3 * mSwipeRadius + marginTopAndBottom,
+                    mWidth - mSwipeRadius, mSwipeRadius + mColorHeight / 2 + 3 * mSwipeRadius + marginTopAndBottom);
+        final RectF rect = mValueRectF;
+
+        //明度线性渲染器
+        LinearGradient mValueShader = new LinearGradient(rect.left, rect.top, rect.right, rect.top,
+                buildValueColorArray(), null, Shader.TileMode.CLAMP);
+
+        mValuePaint.setShader(mValueShader);
+
+        canvas.drawRoundRect(mValueRectF, 15, 15, mValuePaint);
+        //绘制滑块
+        if (mSwipeValueCx < mSwipeRadius)
+            mSwipeValueCx = mSwipeRadius;
+        else if (mSwipeValueCx > mWidth - mSwipeRadius)
+            mSwipeValueCx = mWidth - mSwipeRadius;
+        canvas.drawBitmap(mSwipeBitmap, mSwipeValueCx - mSwipeRadius, 3 * mSwipeRadius + marginTopAndBottom, mSwipePaint);
+
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        int measureWidth = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
+        setMeasuredDimension(measureWidth,
+                measureHeight(heightMeasureSpec));
+        mWidth = measureWidth;
+    }
+
+
+    private int measureHeight(int heightMeasureSpec) {
+        int result = (int) (5 * mSwipeRadius + 2 * marginTopAndBottom);
+        int specMode = MeasureSpec.getMode(heightMeasureSpec);
+        int specSize = MeasureSpec.getSize(heightMeasureSpec);
+        if (specMode == MeasureSpec.EXACTLY && specSize < result) {
+            //throw new IllegalArgumentException("Height is too small to display completely , the height needs to be greater than " + px2dp(result) + "dp !");
+        }
+        return result;
+    }
+
+    private int   clickPanel = -1;
+    private float lastValueX;
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent event) {
+        float x = event.getX();
+        if (x < mSwipeRadius || x > mWidth - mSwipeRadius)
+            return super.onTouchEvent(event);
+        switch (event.getAction()) {
+            case MotionEvent.ACTION_DOWN:
+                if (event.getY() < (5 * mSwipeRadius + 2 * marginTopAndBottom) / 2) { //色相区域
+                    clickPanel = 1;
+                    updateHueDate(x);
+                } else if (event.getY() < 5 * mSwipeRadius + 2 * marginTopAndBottom) {
+                    clickPanel = 2;
+                    mSwipeValueCx = lastValueX = x;
+                    callbackProgress();
+                    invalidate();
+                } else return super.onTouchEvent(event);
+
+                break;
+            case MotionEvent.ACTION_MOVE:
+                if (clickPanel == 1) {
+                    updateHueDate(x);
+                } else if (clickPanel == 2) {
+                    mSwipeValueCx = lastValueX = x;
+                    callbackProgress();
+                    invalidate();
+                } else return super.onTouchEvent(event);
+                break;
+            case MotionEvent.ACTION_UP:
+                callbackFinish();
+                clickPanel = -1;
+                break;
+
+        }
+        return true;
+
+    }
+
+    private void updateHueDate(float x) {
+        mSwipeHueCx = x;
+        colorHSV[0] = 360 * (x - mSwipeRadius) / (mWidth - mSwipeBitmap.getWidth());
+        callbackProgress();
+        invalidate();
+    }
+
+    private void callbackProgress() {
+        colorHSV[2] = (lastValueX - mSwipeRadius) / (mWidth - mSwipeBitmap.getWidth());
+        if (mOnSelectColorListener != null) {
+            mOnSelectColorListener.onProgressColor(Color.HSVToColor(colorHSV));
+        }
+    }
+
+
+    private void callbackFinish() {
+        colorHSV[2] = (lastValueX - mSwipeRadius) / (mWidth - mSwipeBitmap.getWidth());
+        if (mOnSelectColorListener != null) {
+            mOnSelectColorListener.onFinishColor(Color.HSVToColor(colorHSV));
+        }
+    }
+
+    public void setOnSelectColorListener(@NonNull OnSelectColorListener listener) {
+        this.mOnSelectColorListener = listener;
+        listener.onProgressColor(Color.HSVToColor(colorHSV)); //初始
+        listener.onFinishColor(Color.HSVToColor(colorHSV)); //初始
+    }
+
+
+    public interface OnSelectColorListener {
+        void onFinishColor(@ColorInt int color);
+
+        void onProgressColor(@ColorInt int color);
+    }
+
+    @Override
+    public int getSolidColor() {
+        return Color.HSVToColor(colorHSV);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCReversalSeekBar.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCReversalSeekBar.java
new file mode 100644
index 0000000..5e025b9
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCReversalSeekBar.java
@@ -0,0 +1,295 @@
+package com.tencent.qcloud.ugckit.component.seekbar;
+
+import android.animation.ValueAnimator;
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.Rect;
+import android.graphics.RectF;
+import android.graphics.drawable.Drawable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.animation.AccelerateDecelerateInterpolator;
+
+import com.tencent.qcloud.ugckit.R;
+
+public class TCReversalSeekBar extends View {
+    private static final String  TAG                = "ReversalSeekBar";
+    private              int     mWidth;
+    private              int     mHeight;
+    private              int     mSeekBarLeft;
+    private              int     mSeekBarRight;
+    private              int     mBgTop;
+    private              int     mBgBottom;
+    private              int     mRoundSize;
+    private              int     mViewEnd;
+    private              Paint   mNormalPaint;
+    private              Paint   mPointerPaint;
+    private              Paint   mProgressPaint;
+    private              float   mPointerLeft;
+    private              float   mPointerRight;
+    private              float   mPointerTop;
+    private              float   mPointerBottom;
+    private              boolean mIsOnDrag;
+    private              float   mCurrentLeftOffset = 0;
+    private              float   mLastX;
+
+    @Nullable
+    private Drawable mPointerDrawable;
+    private int      mHalfDrawableWidth;
+
+    private float mCurrentProgress;
+
+    public TCReversalSeekBar(Context context) {
+        super(context);
+        init(null);
+    }
+
+    public TCReversalSeekBar(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init(attrs);
+    }
+
+    public TCReversalSeekBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(attrs);
+    }
+
+    /**
+     * 1~0
+     */
+    public void setProgress(final float progress) {
+        if (progress < 0 || progress > 1.0)
+            throw new IllegalArgumentException("progress must between 0 and 1");
+        mCurrentProgress = progress;
+    }
+
+    public float getProgress() {
+        return mCurrentProgress;
+    }
+
+    private void init(@Nullable AttributeSet attrs) {
+        int progressColor = Color.parseColor("#FF4081");
+        int backgroundColor = Color.parseColor("#BBBBBB");
+        if (attrs != null) {
+            TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.UGCKitTCReversalSeekBar);
+            mPointerDrawable = a.getDrawable(R.styleable.UGCKitTCReversalSeekBar_rs_pointerBackground);
+            mHalfDrawableWidth = mPointerDrawable.getIntrinsicWidth() / 2;
+            progressColor = a.getColor(R.styleable.UGCKitTCReversalSeekBar_rs_progressColor,
+                    Color.parseColor("#FF4081"));
+            backgroundColor = a.getColor(R.styleable.UGCKitTCReversalSeekBar_rs_backgroundColor,
+                    Color.parseColor("#BBBBBB"));
+            mCurrentProgress = a.getFloat(R.styleable.UGCKitTCReversalSeekBar_rs_progress, 0f);
+            a.recycle();
+        }
+        mNormalPaint = new Paint();
+        mNormalPaint.setColor(backgroundColor);
+
+        mPointerPaint = new Paint();
+        mPointerPaint.setColor(Color.RED);
+
+        mProgressPaint = new Paint();
+        mProgressPaint.setColor(progressColor);
+    }
+
+    @Override
+    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
+        super.onSizeChanged(w, h, oldw, oldh);
+        mWidth = w;
+        mHeight = h;
+
+        mSeekBarLeft = mHalfDrawableWidth;
+        mSeekBarRight = mWidth - mHalfDrawableWidth;
+
+        mBgTop = 18;
+        mBgBottom = mHeight - 18;
+        mRoundSize = mHeight / 2;
+
+        mViewEnd = mWidth;
+
+        float dis = (mSeekBarRight - mSeekBarLeft) * mCurrentProgress;
+        mPointerLeft = mViewEnd - dis - mHalfDrawableWidth;
+        mLastX = mPointerLeft;
+        calculatePointerRect();
+
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+        //draw  bg
+        RectF rectF = new RectF();
+        rectF.left = mSeekBarLeft;
+        rectF.right = mSeekBarRight;
+        rectF.top = mBgTop;
+        rectF.bottom = mBgBottom;
+        canvas.drawRoundRect(rectF, mRoundSize, mRoundSize, mNormalPaint);
+
+        //draw progress
+        if (mPointerRight < mViewEnd) {
+            RectF pRecf = new RectF();
+            pRecf.left = mPointerRight - mHalfDrawableWidth;
+            pRecf.top = mBgTop;
+            pRecf.right = mViewEnd;
+            pRecf.bottom = mBgBottom;
+            canvas.drawRoundRect(pRecf,
+                    mRoundSize, mRoundSize, mProgressPaint);
+        }
+
+        //draw pointer
+        Rect rect = new Rect();
+        rect.left = (int) mPointerLeft;
+        rect.top = (int) mPointerTop;
+        rect.right = (int) mPointerRight;
+        rect.bottom = (int) mPointerBottom;
+
+        mPointerDrawable.setBounds(rect);
+        mPointerDrawable.draw(canvas);
+    }
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent event) {
+        if (!isEnabled()) return false;
+
+        boolean isHandle = false;
+        switch (event.getAction()) {
+            case MotionEvent.ACTION_DOWN:
+                isHandle = handleDownEvent(event);
+                break;
+            case MotionEvent.ACTION_MOVE:
+                isHandle = handleMoveEvent(event);
+                break;
+            case MotionEvent.ACTION_CANCEL:
+            case MotionEvent.ACTION_UP:
+                isHandle = handleUpEvent(event);
+                break;
+
+        }
+        return isHandle;
+    }
+
+    private boolean handleUpEvent(@NonNull MotionEvent event) {
+        float x = event.getX();
+        float y = event.getY();
+        if (mIsOnDrag) {
+            mIsOnDrag = false;
+            if (mListener != null) {
+                mListener.onSeekUp();
+            }
+            return true;
+        }
+        return false;
+    }
+
+    private boolean handleMoveEvent(@NonNull MotionEvent event) {
+        float x = event.getX();
+        float y = event.getY();
+        if (mIsOnDrag) {
+            mCurrentLeftOffset = x - mLastX;
+            //计算出标尺的Rect
+            calculatePointerRect();
+            if (mPointerRight - mHalfDrawableWidth <= mSeekBarLeft) {
+                mPointerLeft = 0;
+                mPointerRight = mPointerLeft + mPointerDrawable.getIntrinsicWidth();
+            }
+            if (mPointerLeft + mHalfDrawableWidth >= mSeekBarRight) {
+                mPointerRight = mWidth;
+                mPointerLeft = mWidth - mPointerDrawable.getIntrinsicWidth();
+            }
+            invalidate();
+            callbackProgress();
+            mLastX = x;
+            return true;
+        }
+        return false;
+    }
+
+    private void callbackProgress() {
+        if (mPointerLeft == 0) {
+            callbackProgressInternal(1);
+        } else if (mPointerRight == mWidth) {
+            callbackProgressInternal(0);
+
+        } else {
+            float pointerMiddle = mPointerLeft + mHalfDrawableWidth;
+            if (pointerMiddle == mViewEnd) {
+                callbackProgressInternal(0);
+            } else {
+                float percent = Math.abs(mViewEnd - pointerMiddle) / mViewEnd * 1.0f;
+                callbackProgressInternal(percent);
+            }
+        }
+    }
+
+    private void callbackProgressInternal(float progress) {
+        mCurrentProgress = progress;
+        if (mListener != null) {
+            mListener.onSeekProgress(progress);
+        }
+    }
+
+
+    private boolean handleDownEvent(@NonNull MotionEvent event) {
+        float x = event.getX();
+        float y = event.getY();
+        if (x >= mPointerLeft - 100 && x <= mPointerRight + 100) {
+            if (mListener != null)
+                mListener.onSeekDown();
+            mIsOnDrag = true;
+            mLastX = x;
+            return true;
+        }
+        return false;
+    }
+
+    private void calculatePointerRect() {
+        //draw pointer
+        float pointerLeft = getPointerLeft(mCurrentLeftOffset);
+        float pointerRight = pointerLeft + mPointerDrawable.getIntrinsicWidth();
+        mPointerLeft = pointerLeft;
+        mPointerRight = pointerRight;
+        mPointerTop = 0;
+        mPointerBottom = mHeight;
+    }
+
+    /**
+     * 进行复位
+     */
+    public void resetSeekBar() {
+        ValueAnimator valueAnimator = ValueAnimator.ofFloat(mPointerLeft, mViewEnd - mPointerDrawable.getIntrinsicWidth());
+        valueAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
+        valueAnimator.setDuration(200);
+        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(@NonNull ValueAnimator animation) {
+                mPointerLeft = (float) animation.getAnimatedValue();
+                mPointerRight = mPointerLeft + mPointerDrawable.getIntrinsicWidth();
+                invalidate();
+            }
+        });
+        valueAnimator.start();
+    }
+
+    private float getPointerLeft(float offset) {
+        return mPointerLeft + offset;
+    }
+
+    private OnSeekProgressListener mListener;
+
+    public void setOnSeekProgressListener(OnSeekProgressListener listener) {
+        mListener = listener;
+    }
+
+    public interface OnSeekProgressListener {
+        void onSeekDown();
+
+        void onSeekUp();
+
+        void onSeekProgress(float progress);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCTouchSeekBar.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCTouchSeekBar.java
new file mode 100644
index 0000000..bcff601
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/seekbar/TCTouchSeekBar.java
@@ -0,0 +1,181 @@
+package com.tencent.qcloud.ugckit.component.seekbar;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.drawable.BitmapDrawable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.MotionEvent;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+
+public class TCTouchSeekBar extends View {
+    private int               downX       = 0;
+    private int               downY       = 0;
+    private int               upX         = 0;
+    private int               upY         = 0;
+    private int               moveX       = 0;
+    private int               moveY       = 0;
+    private int               mViewWidth;
+    private int               mViewHeight;
+    private Bitmap            mDotDefaultBitmap;
+    private Bitmap            mDotCheckedBitmap;
+    private OnTouchCallback   mCallback;
+    private int               mCurrentPos = 2;
+    private ArrayList<String> mSelectionList;
+    private int               mUnitWidth;
+    private Paint             mPaint;
+    private int               mTextSize   = 40;
+
+    public TCTouchSeekBar(Context context) {
+        super(context);
+    }
+
+    public TCTouchSeekBar(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public TCTouchSeekBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+
+        if (attrs != null) {
+            TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.UGCKitTCTouchSeekBar);
+            mDotDefaultBitmap = ((BitmapDrawable) a.getDrawable(R.styleable.UGCKitTCTouchSeekBar_tsb_dotDefault)).getBitmap();
+            mDotCheckedBitmap = ((BitmapDrawable) a.getDrawable(R.styleable.UGCKitTCTouchSeekBar_tsb_dotChecked)).getBitmap();
+            a.recycle();
+        }
+        mPaint = new Paint();
+        mPaint.setAntiAlias(true); // 去锯齿
+        mPaint.setColor(Color.GRAY);
+        mPaint.setStyle(Paint.Style.STROKE);
+        mPaint.setTextSize(mTextSize);
+
+        setSelectionList(null);
+    }
+
+    /**
+     * 实例化后调用，设置bar的段数和文字
+     */
+    public void setSelectionList(@Nullable String[] section) {
+        if (section != null) {
+            mSelectionList = new ArrayList<String>();
+            mSelectionList.addAll(Arrays.asList(section));
+        } else {
+            //随便写的
+            String[] str = new String[]{
+                    getResources().getString(R.string.ugckit_touch_seekbar_low),
+                    getResources().getString(R.string.ugckit_touch_seekbar_mid),
+                    getResources().getString(R.string.ugckit_touch_seekbar_high),
+            };
+            mSelectionList = new ArrayList<String>();
+            mSelectionList.addAll(Arrays.asList(str));
+        }
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+
+        mViewWidth = MeasureSpec.getSize(widthMeasureSpec);
+        mViewHeight = MeasureSpec.getSize(heightMeasureSpec);
+        setMeasuredDimension(mViewWidth, mViewHeight);
+        //计算一个刻度的长度
+        mUnitWidth = (mViewWidth - mDotDefaultBitmap.getWidth()) / (mSelectionList.size() - 1);
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+        //先画一个背景 X轴横线
+        canvas.drawLine(mDotDefaultBitmap.getWidth() / 2, mViewHeight / 2, mViewWidth - mDotDefaultBitmap.getWidth() / 2, mViewHeight / 2, mPaint);
+
+        //画刻度点和刻度
+        for (int i = 0; i < mSelectionList.size(); i++) {
+            if (i == mCurrentPos) {
+                canvas.drawBitmap(mDotCheckedBitmap,
+                        mCurrentPos * mUnitWidth - (mDotCheckedBitmap.getWidth() - mDotDefaultBitmap.getWidth()) / 2,
+                        mViewHeight / 2 - mDotCheckedBitmap.getHeight() / 2, mPaint);
+            } else {
+                canvas.drawBitmap(mDotDefaultBitmap, i * mUnitWidth, mViewHeight / 2 - mDotDefaultBitmap.getHeight() / 2, mPaint);
+            }
+            canvas.drawText(mSelectionList.get(i), i * mUnitWidth + (mDotDefaultBitmap.getWidth() - mTextSize / 2 * mSelectionList.get(i).length()) / 2, mViewHeight / 2 - mDotDefaultBitmap.getHeight() / 2 - 5, mPaint);
+        }
+    }
+
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent event) {
+        super.onTouchEvent(event);
+        switch (event.getAction()) {
+            case MotionEvent.ACTION_DOWN:
+                downX = (int) event.getX();
+                downY = (int) event.getY();
+                responseTouch(downX, downY);
+                break;
+            case MotionEvent.ACTION_MOVE:
+                moveX = (int) event.getX();
+                moveY = (int) event.getY();
+                responseTouch(moveX, moveY);
+                break;
+            case MotionEvent.ACTION_UP:
+                upX = (int) event.getX();
+                upY = (int) event.getY();
+                responseTouch(upX, upY);
+                mCallback.onCallback(mCurrentPos);
+                break;
+        }
+        return true;
+    }
+
+    /**
+     * 刷新点
+     *
+     * @param x
+     * @param y
+     */
+    private void responseTouch(int x, int y) {
+        if (x <= 0)
+            mCurrentPos = 0;
+        else if (x % mUnitWidth >= mUnitWidth / 2)
+            mCurrentPos = x / mUnitWidth + 1;
+        else
+            mCurrentPos = x / mUnitWidth;
+
+        invalidate();
+    }
+
+    //设置监听
+    public void setOnTouchCallback(OnTouchCallback callback) {
+        mCallback = callback;
+    }
+
+    //设置进度
+    public void setProgress(int progress) {
+        if (progress < 0)
+            mCurrentPos = 0;
+        else if (progress > mSelectionList.size() - 1)
+            mCurrentPos = mSelectionList.size() - 1;
+        else
+            mCurrentPos = progress;
+        invalidate();
+    }
+
+    //获取进度
+    public int getProgress() {
+        return mCurrentPos;
+    }
+
+    public interface OnTouchCallback {
+        void onCallback(int position);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/RangeSlider.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/RangeSlider.java
new file mode 100644
index 0000000..ce54240
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/RangeSlider.java
@@ -0,0 +1,488 @@
+package com.tencent.qcloud.ugckit.component.slider;
+
+import android.animation.ValueAnimator;
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.drawable.ColorDrawable;
+import android.graphics.drawable.Drawable;
+import androidx.annotation.ColorInt;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.MotionEvent;
+import android.view.ViewConfiguration;
+import android.view.ViewGroup;
+import android.view.animation.AccelerateDecelerateInterpolator;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+
+public class RangeSlider extends ViewGroup {
+    private static final String TAG = "RangeSlider";
+
+    private static final int DEFAULT_LINE_SIZE       = 1;
+    private static final int DEFAULT_THUMB_WIDTH     = 7;
+    private static final int DEFAULT_TICK_START      = 0;
+    private static final int DEFAULT_TICK_END        = 5;
+    private static final int DEFAULT_TICK_INTERVAL   = 1;
+    public static final  int TYPE_LEFT               = 1;
+    public static final  int TYPE_RIGHT              = 2;
+    private static       int DEFAULT_MASK_BACKGROUND = 0xA0000000;
+    private static       int DEFAULT_LINE_COLOR      = 0xFFFF584C;
+
+    @NonNull
+    private final Paint                 mLinePaint;
+    @NonNull
+    private final Paint                 mBgPaint;
+    @NonNull
+    private final ThumbView             mLeftThumb;
+    @NonNull
+    private final ThumbView             mRightThumb;
+    @Nullable
+    private       Drawable              mRightIcon;
+    @Nullable
+    private       Drawable              mLeftIcon;
+    private       int                   mTouchSlop;
+    private       int                   mOriginalX;
+    private       int                   mLastX;
+    private       int                   mThumbWidth;
+    private       int                   mTickStart    = DEFAULT_TICK_START;
+    private       int                   mTickEnd      = DEFAULT_TICK_END;
+    private       int                   mTickInterval = DEFAULT_TICK_INTERVAL;
+    private       int                   mTickCount    = (mTickEnd - mTickStart) / mTickInterval;
+    private       float                 mLineSize;
+    private       boolean               mIsDragging;
+    private       OnRangeChangeListener mRangeChangeListener;
+
+    public RangeSlider(@NonNull Context context) {
+        this(context, null);
+    }
+
+    public RangeSlider(@NonNull Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public RangeSlider(@NonNull Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+
+        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.UGCKitRangeSlider, 0, 0);
+        mThumbWidth = array.getDimensionPixelOffset(R.styleable.UGCKitRangeSlider_thumbWidth, DEFAULT_THUMB_WIDTH);
+        mLineSize = array.getDimensionPixelOffset(R.styleable.UGCKitRangeSlider_lineHeight, DEFAULT_LINE_SIZE);
+        mBgPaint = new Paint();
+        mBgPaint.setColor(array.getColor(R.styleable.UGCKitRangeSlider_maskColor, DEFAULT_MASK_BACKGROUND));
+
+        mLinePaint = new Paint();
+        mLinePaint.setColor(array.getColor(R.styleable.UGCKitRangeSlider_lineColor, DEFAULT_LINE_COLOR));
+
+        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
+
+        mLeftIcon = array.getDrawable(R.styleable.UGCKitRangeSlider_leftThumbDrawable);
+        mRightIcon = array.getDrawable(R.styleable.UGCKitRangeSlider_rightThumbDrawable);
+        mLeftThumb = new ThumbView(context, mThumbWidth, mLeftIcon == null ? new ColorDrawable(DEFAULT_LINE_COLOR) : mLeftIcon);
+        mRightThumb = new ThumbView(context, mThumbWidth, mRightIcon == null ? new ColorDrawable(DEFAULT_LINE_COLOR) : mRightIcon);
+        setTickCount(array.getInteger(R.styleable.UGCKitRangeSlider_tickCount, DEFAULT_TICK_END));
+        setRangeIndex(array.getInteger(R.styleable.UGCKitRangeSlider_leftThumbIndex, DEFAULT_TICK_START),
+                array.getInteger(R.styleable.UGCKitRangeSlider_rightThumbIndex, mTickCount));
+        array.recycle();
+
+        addView(mLeftThumb);
+        addView(mRightThumb);
+
+        setWillNotDraw(false);
+    }
+
+    public void setThumbWidth(int thumbWidth) {
+        mThumbWidth = thumbWidth;
+        mLeftThumb.setThumbWidth(thumbWidth);
+        mRightThumb.setThumbWidth(thumbWidth);
+    }
+
+    /**
+     * 设置左边拖动条Icon
+     *
+     * @param drawable
+     */
+    public void setLeftThumbDrawable(Drawable drawable) {
+        mLeftThumb.setThumbDrawable(drawable);
+    }
+
+    /**
+     * 设置右边拖动条Icon
+     *
+     * @param drawable
+     */
+    public void setRightThumbDrawable(Drawable drawable) {
+        mRightThumb.setThumbDrawable(drawable);
+    }
+
+    public void setLineSize(float lineSize) {
+        mLineSize = lineSize;
+    }
+
+    /**
+     * 设置横线颜色
+     *
+     * @param color
+     */
+    public void setLineColor(@ColorInt int color) {
+        mLinePaint.setColor(color);
+    }
+
+    /**
+     * 设置背景颜色
+     *
+     * @param color
+     */
+    public void setMaskColor(int color) {
+        mBgPaint.setColor(color);
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        widthMeasureSpec = MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.EXACTLY);
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+        mLeftThumb.measure(widthMeasureSpec, heightMeasureSpec);
+        mRightThumb.measure(widthMeasureSpec, heightMeasureSpec);
+    }
+
+    @Override
+    protected void onLayout(boolean changed, int l, int t, int r, int b) {
+        final int lThumbWidth = mLeftThumb.getMeasuredWidth();
+        final int lThumbHeight = mLeftThumb.getMeasuredHeight();
+        mLeftThumb.layout(0, 0, lThumbWidth, lThumbHeight);
+        mRightThumb.layout(0, 0, lThumbWidth, lThumbHeight);
+    }
+
+    @Override
+    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
+        moveThumbByIndex(mLeftThumb, mLeftThumb.getRangeIndex());
+        moveThumbByIndex(mRightThumb, mRightThumb.getRangeIndex());
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        final int width = getMeasuredWidth();
+        final int height = getMeasuredHeight();
+
+        final int lThumbWidth = mLeftThumb.getMeasuredWidth();
+        final float lThumbOffset = mLeftThumb.getX();
+        final float rThumbOffset = mRightThumb.getX();
+
+        final float lineTop = mLineSize;
+        final float lineBottom = height - mLineSize;
+
+
+        // top line
+        canvas.drawRect(lThumbWidth + lThumbOffset, 0, rThumbOffset, lineTop, mLinePaint);
+
+        // bottom line
+        canvas.drawRect(lThumbWidth + lThumbOffset, lineBottom, rThumbOffset, height, mLinePaint);
+
+        if (lThumbOffset > mThumbWidth) {
+            canvas.drawRect(0, 0, lThumbOffset + mThumbWidth, height, mBgPaint);
+        }
+        if (rThumbOffset < width - mThumbWidth) {
+            canvas.drawRect(rThumbOffset, 0, width, height, mBgPaint);
+        }
+
+    }
+
+    /**
+     * 对游标进行复位
+     */
+    public void resetRangePos() {
+        ValueAnimator leftValueAnimator = ValueAnimator.ofFloat(mLeftThumb.getX(), 0f);
+        leftValueAnimator.setDuration(200);
+        leftValueAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
+        ValueAnimator rightValueAnimator = ValueAnimator.ofFloat(mRightThumb.getX(), this.getMeasuredWidth());
+
+        rightValueAnimator.setDuration(200);
+        rightValueAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
+
+        leftValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(@NonNull ValueAnimator animation) {
+                int moveX = (int) ((float) animation.getAnimatedValue() - mLeftThumb.getX());
+                if (moveX != 0) {
+                    moveLeftThumbByPixel(moveX);
+                    invalidate();
+                }
+            }
+        });
+        rightValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(@NonNull ValueAnimator animation) {
+                Log.i(TAG, "right onAnimationUpdate: " + animation.getAnimatedValue());
+                int moveX = (int) ((float) animation.getAnimatedValue() - mRightThumb.getX());
+                Log.i(TAG, "move x = " + moveX);
+                if (moveX != 0) {
+                    moveRightThumbByPixel(moveX);
+                    invalidate();
+                }
+            }
+        });
+
+        leftValueAnimator.start();
+        rightValueAnimator.start();
+    }
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent event) {
+        if (!isEnabled()) {
+            return false;
+        }
+
+        boolean handle = false;
+
+        switch (event.getAction()) {
+
+            case MotionEvent.ACTION_DOWN:
+                int x = (int) event.getX();
+                int y = (int) event.getY();
+
+                mLastX = mOriginalX = x;
+                mIsDragging = false;
+
+                if (!mLeftThumb.isPressed() && mLeftThumb.inInTarget(x, y)) {
+                    mLeftThumb.setPressed(true);
+                    handle = true;
+                    if (mRangeChangeListener != null) {
+                        mRangeChangeListener.onKeyDown(TYPE_LEFT);
+                    }
+                } else if (!mRightThumb.isPressed() && mRightThumb.inInTarget(x, y)) {
+                    mRightThumb.setPressed(true);
+                    handle = true;
+                    if (mRangeChangeListener != null) {
+                        mRangeChangeListener.onKeyDown(TYPE_RIGHT);
+                    }
+                }
+                break;
+
+            case MotionEvent.ACTION_CANCEL:
+            case MotionEvent.ACTION_UP:
+                mIsDragging = false;
+                mOriginalX = mLastX = 0;
+                getParent().requestDisallowInterceptTouchEvent(false);
+                if (mLeftThumb.isPressed()) {
+                    releaseLeftThumb();
+                    invalidate();
+                    handle = true;
+                    if (mRangeChangeListener != null) {
+                        mRangeChangeListener.onKeyUp(TYPE_LEFT, mLeftThumb.getRangeIndex(), mRightThumb.getRangeIndex());
+                    }
+                } else if (mRightThumb.isPressed()) {
+                    releaseRightThumb();
+                    invalidate();
+                    handle = true;
+                    if (mRangeChangeListener != null) {
+                        mRangeChangeListener.onKeyUp(TYPE_RIGHT, mLeftThumb.getRangeIndex(), mRightThumb.getRangeIndex());
+                    }
+                }
+                break;
+
+            case MotionEvent.ACTION_MOVE:
+                x = (int) event.getX();
+
+                if (!mIsDragging && Math.abs(x - mOriginalX) > mTouchSlop) {
+                    mIsDragging = true;
+                }
+                if (mIsDragging) {
+                    int moveX = x - mLastX;
+                    if (mLeftThumb.isPressed()) {
+                        getParent().requestDisallowInterceptTouchEvent(true);
+                        moveLeftThumbByPixel(moveX);
+                        handle = true;
+                        invalidate();
+                    } else if (mRightThumb.isPressed()) {
+                        getParent().requestDisallowInterceptTouchEvent(true);
+                        moveRightThumbByPixel(moveX);
+                        handle = true;
+                        invalidate();
+                    }
+                }
+
+                mLastX = x;
+                break;
+        }
+
+        return handle;
+    }
+
+    private boolean isValidTickCount(int tickCount) {
+        return (tickCount > 1);
+    }
+
+    private boolean indexOutOfRange(int leftThumbIndex, int rightThumbIndex) {
+        return (leftThumbIndex < 0 || leftThumbIndex > mTickCount
+                || rightThumbIndex < 0
+                || rightThumbIndex > mTickCount);
+    }
+
+    private float getRangeLength() {
+        int width = getMeasuredWidth();
+        if (width < mThumbWidth) {
+            return 0;
+        }
+        return width - mThumbWidth;
+    }
+
+    private float getIntervalLength() {
+        return getRangeLength() / mTickCount;
+    }
+
+    public int getNearestIndex(float x) {
+        return Math.round(x / getIntervalLength());
+    }
+
+    public int getLeftIndex() {
+        return mLeftThumb.getRangeIndex();
+    }
+
+    public int getRightIndex() {
+        return mRightThumb.getRangeIndex();
+    }
+
+    private void notifyRangeChange(int type) {
+        if (mRangeChangeListener != null) {
+//            mRangeChangeListener.onRangeChange(this, type, mLeftThumb.getRangeIndex(), mRightThumb.getRangeIndex());
+        }
+    }
+
+    public void setRangeChangeListener(OnRangeChangeListener rangeChangeListener) {
+        mRangeChangeListener = rangeChangeListener;
+    }
+
+    /**
+     * Sets the tick count in the RangeSlider.
+     *
+     * @param count Integer specifying the number of ticks.
+     */
+    public void setTickCount(int count) {
+        int tickCount = (count - mTickStart) / mTickInterval;
+        if (isValidTickCount(tickCount)) {
+            mTickEnd = count;
+            mTickCount = tickCount;
+            mRightThumb.setTickIndex(mTickCount);
+        } else {
+            throw new IllegalArgumentException("tickCount less than 2; invalid tickCount.");
+        }
+    }
+
+    /**
+     * The location of the thumbs according by the supplied index.
+     * Numbered from 0 to mTickCount - 1 from the left.
+     *
+     * @param leftIndex  Integer specifying the index of the left thumb
+     * @param rightIndex Integer specifying the index of the right thumb
+     */
+    public void setRangeIndex(int leftIndex, int rightIndex) {
+        if (indexOutOfRange(leftIndex, rightIndex)) {
+            throw new IllegalArgumentException(
+                    "Thumb index left " + leftIndex + ", or right " + rightIndex
+                            + " is out of bounds. Check that it is greater than the minimum ("
+                            + mTickStart + ") and less than the maximum value ("
+                            + mTickEnd + ")");
+        } else {
+            if (mLeftThumb.getRangeIndex() != leftIndex) {
+                mLeftThumb.setTickIndex(leftIndex);
+            }
+            if (mRightThumb.getRangeIndex() != rightIndex) {
+                mRightThumb.setTickIndex(rightIndex);
+            }
+        }
+    }
+
+    private boolean moveThumbByIndex(@NonNull ThumbView view, int index) {
+        view.setX(index * getIntervalLength());
+        if (view.getRangeIndex() != index) {
+            view.setTickIndex(index);
+            return true;
+        }
+        return false;
+    }
+
+    private void moveLeftThumbByPixel(int pixel) {
+        float x = mLeftThumb.getX() + pixel;
+        float interval = getIntervalLength();
+        float start = mTickStart / mTickInterval * interval;
+        float end = mTickEnd / mTickInterval * interval;
+
+        if (x > start && x < end && x < mRightThumb.getX() - mThumbWidth) {
+            mLeftThumb.setX(x);
+            int index = getNearestIndex(x);
+            if (mLeftThumb.getRangeIndex() != index) {
+                mLeftThumb.setTickIndex(index);
+                notifyRangeChange(TYPE_LEFT);
+            }
+        }
+    }
+
+    private void moveRightThumbByPixel(int pixel) {
+        float x = mRightThumb.getX() + pixel;
+        float interval = getIntervalLength();
+        float start = mTickStart / mTickInterval * interval;
+        float end = mTickEnd / mTickInterval * interval;
+
+        if (x > start && x < end && x > mLeftThumb.getX() + mThumbWidth) {
+            mRightThumb.setX(x);
+            int index = getNearestIndex(x);
+            if (mRightThumb.getRangeIndex() != index) {
+                mRightThumb.setTickIndex(index);
+                notifyRangeChange(TYPE_RIGHT);
+            }
+        }
+    }
+
+    private void releaseLeftThumb() {
+        int index = getNearestIndex(mLeftThumb.getX());
+        int endIndex = mRightThumb.getRangeIndex();
+        if (index >= endIndex) {
+            index = endIndex - 1;
+        }
+        if (moveThumbByIndex(mLeftThumb, index)) {
+            notifyRangeChange(TYPE_LEFT);
+        }
+        mLeftThumb.setPressed(false);
+    }
+
+    private void releaseRightThumb() {
+        int index = getNearestIndex(mRightThumb.getX());
+        int endIndex = mLeftThumb.getRangeIndex();
+        if (index <= endIndex) {
+            index = endIndex + 1;
+        }
+        if (moveThumbByIndex(mRightThumb, index)) {
+            notifyRangeChange(TYPE_RIGHT);
+        }
+        mRightThumb.setPressed(false);
+    }
+
+    public void setCutRange(int leftTick, int rightTick) {
+        if (mLeftThumb.getRangeIndex() != leftTick) {
+            moveThumbByIndex(mLeftThumb, leftTick);
+        }
+        if (mRightThumb.getRangeIndex() != rightTick) {
+            moveThumbByIndex(mRightThumb, rightTick);
+        }
+        invalidate();
+    }
+
+    public void setLeftIconResource(int resid) {
+        mLeftThumb.setThumbDrawable(getResources().getDrawable(resid));
+    }
+
+    public void setRightIconResource(int resid) {
+        mRightThumb.setThumbDrawable(getResources().getDrawable(resid));
+    }
+
+    public interface OnRangeChangeListener {
+        void onKeyDown(int type);
+
+        void onKeyUp(int type, int leftPinIndex, int rightPinIndex);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/ThumbView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/ThumbView.java
new file mode 100644
index 0000000..46655f2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/ThumbView.java
@@ -0,0 +1,73 @@
+package com.tencent.qcloud.ugckit.component.slider;
+
+import android.content.Context;
+import android.graphics.Rect;
+import android.graphics.drawable.Drawable;
+import androidx.annotation.NonNull;
+import android.util.TypedValue;
+import android.view.View;
+
+public class ThumbView extends View {
+
+    private static final int EXTEND_TOUCH_SLOP = 15;
+
+    private final int      mExtendTouchSlop;
+    private       Drawable mThumbDrawable;
+    private       boolean  mPressed;
+    private       int      mThumbWidth;
+    private       int      mTickIndex;
+
+    public ThumbView(@NonNull Context context, int thumbWidth, Drawable drawable) {
+        super(context);
+        mThumbWidth = thumbWidth;
+        mThumbDrawable = drawable;
+        mExtendTouchSlop = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
+                EXTEND_TOUCH_SLOP, context.getResources().getDisplayMetrics());
+        setBackgroundDrawable(mThumbDrawable);
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        super.onMeasure(MeasureSpec.makeMeasureSpec(mThumbWidth, MeasureSpec.EXACTLY),
+                MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(heightMeasureSpec), MeasureSpec.EXACTLY));
+
+        mThumbDrawable.setBounds(0, 0, mThumbWidth, getMeasuredHeight());
+    }
+
+    public void setThumbWidth(int thumbWidth) {
+        mThumbWidth = thumbWidth;
+    }
+
+    public void setThumbDrawable(Drawable thumbDrawable) {
+        mThumbDrawable = thumbDrawable;
+        setBackgroundDrawable(mThumbDrawable);
+    }
+
+    public boolean inInTarget(int x, int y) {
+        Rect rect = new Rect();
+        getHitRect(rect);
+        rect.left -= mExtendTouchSlop;
+        rect.right += mExtendTouchSlop;
+        rect.top -= mExtendTouchSlop;
+        rect.bottom += mExtendTouchSlop;
+        return rect.contains(x, y);
+    }
+
+    public int getRangeIndex() {
+        return mTickIndex;
+    }
+
+    public void setTickIndex(int tickIndex) {
+        mTickIndex = tickIndex;
+    }
+
+    @Override
+    public boolean isPressed() {
+        return mPressed;
+    }
+
+    @Override
+    public void setPressed(boolean pressed) {
+        mPressed = pressed;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/VideoCutView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/VideoCutView.java
new file mode 100644
index 0000000..97a6a29
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/slider/VideoCutView.java
@@ -0,0 +1,236 @@
+package com.tencent.qcloud.ugckit.component.slider;
+
+import android.content.Context;
+import android.content.res.Resources;
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.util.AttributeSet;
+import android.util.DisplayMetrics;
+import android.util.Log;
+import android.view.ViewGroup;
+import android.widget.RelativeLayout;
+
+import com.tencent.qcloud.ugckit.module.effect.time.TCVideoEditerAdapter;
+import com.tencent.qcloud.ugckit.module.effect.utils.Edit;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.ugc.TXVideoEditConstants;
+
+/**
+ * 裁剪View
+ */
+public class VideoCutView extends RelativeLayout implements RangeSlider.OnRangeChangeListener {
+
+    @NonNull
+    private String                   TAG        = "VideoCutView";
+    private Context                  mContext;
+    private RecyclerView             mRecyclerView;
+    private RangeSlider              mRangeSlider;
+    private float                    mCurrentScroll;
+    /**
+     * 单个缩略图的宽度
+     */
+    private int                      mSingleWidth;
+    /**
+     * 所有缩略图的宽度
+     */
+    private int                      mAllWidth;
+    /**
+     * 整个视频的时长
+     */
+    private long                     mVideoDuration;
+    /**
+     * 控件最大时长16s
+     */
+    private long                     mViewMaxDuration;
+    /**
+     * 如果视频时长超过了控件的最大时长，底部在滑动时最左边的起始位置时间
+     */
+    private long                     mStartTime = 0;
+    /**
+     * 裁剪的起始时间，最左边是0
+     */
+    private int                      mViewLeftTime;
+    /**
+     * 裁剪的结束时间，最右边最大是16000ms
+     */
+    private int                      mViewRightTime;
+    /**
+     * 最终视频的起始时间
+     */
+    private long                     mVideoStartPos;
+    /**
+     * 最终视频的结束时间
+     */
+    private long                     mVideoEndPos;
+    private TCVideoEditerAdapter     mAdapter;
+    private Edit.OnCutChangeListener mRangeChangeListener;
+
+    public VideoCutView(Context context) {
+        super(context);
+
+        init(context);
+    }
+
+    public VideoCutView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+
+        init(context);
+    }
+
+    public VideoCutView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+
+        init(context);
+    }
+
+    private void init(Context context) {
+        mContext = context;
+        inflate(getContext(), R.layout.ugckit_item_edit_view, this);
+
+        mRangeSlider = (RangeSlider) findViewById(R.id.range_slider);
+        mRangeSlider.setRangeChangeListener(this);
+
+        LinearLayoutManager manager = new LinearLayoutManager(mContext);
+        manager.setOrientation(LinearLayoutManager.HORIZONTAL);
+        mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
+        mRecyclerView.setLayoutManager(manager);
+        mRecyclerView.addOnScrollListener(mOnScrollListener);
+
+        mAdapter = new TCVideoEditerAdapter(mContext);
+        mRecyclerView.setAdapter(mAdapter);
+
+        mSingleWidth = mContext.getResources().getDimensionPixelOffset(R.dimen.ugckit_item_thumb_height);
+    }
+
+    /**
+     * 设置缩略图个数
+     *
+     * @param count
+     */
+    public void setCount(int count) {
+        ViewGroup.LayoutParams layoutParams = getLayoutParams();
+        int width = count * mSingleWidth;
+        mAllWidth = width;
+        Resources resources = getResources();
+        DisplayMetrics dm = resources.getDisplayMetrics();
+        int screenWidth = dm.widthPixels;
+        if (width > screenWidth) {
+            width = screenWidth;
+        }
+        layoutParams.width = width + 2 * resources.getDimensionPixelOffset(R.dimen.ugckit_cut_margin);
+        setLayoutParams(layoutParams);
+    }
+
+    /**
+     * 设置裁剪Listener
+     *
+     * @param listener
+     */
+    public void setCutChangeListener(Edit.OnCutChangeListener listener) {
+        mRangeChangeListener = listener;
+    }
+
+    public void setMediaFileInfo(@Nullable TXVideoEditConstants.TXVideoInfo videoInfo) {
+        if (videoInfo == null) {
+            return;
+        }
+        mVideoDuration = videoInfo.duration;
+
+        if (mVideoDuration >= 16000) {
+            mViewMaxDuration = 16000;
+        } else {
+            mViewMaxDuration = mVideoDuration;
+        }
+
+        mViewLeftTime = 0;
+        mViewRightTime = (int) mViewMaxDuration;
+
+        mVideoStartPos = 0;
+        mVideoEndPos = mViewMaxDuration;
+    }
+
+    public void addBitmap(int index, Bitmap bitmap) {
+        mAdapter.add(index, bitmap);
+    }
+
+    public void clearAllBitmap() {
+        mAdapter.clearAllBitmap();
+    }
+
+    @Override
+    public void onKeyDown(int type) {
+        if (mRangeChangeListener != null) {
+            mRangeChangeListener.onCutChangeKeyDown();
+        }
+    }
+
+    @Override
+    protected void onDetachedFromWindow() {
+        super.onDetachedFromWindow();
+        if (mAdapter != null) {
+            Log.i(TAG, "onDetachedFromWindow");
+            mAdapter.clearAllBitmap();
+        }
+    }
+
+    @Override
+    public void onKeyUp(int type, int leftPinIndex, int rightPinIndex) {
+        mViewLeftTime = (int) (mViewMaxDuration * leftPinIndex / 100); //ms
+        mViewRightTime = (int) (mViewMaxDuration * rightPinIndex / 100);
+
+        onTimeChanged();
+    }
+
+    private void onTimeChanged() {
+        mVideoStartPos = mStartTime + mViewLeftTime;
+        mVideoEndPos = mStartTime + mViewRightTime;
+
+        if (mRangeChangeListener != null) {
+            mRangeChangeListener.onCutChangeKeyUp((int) mVideoStartPos, (int) mVideoEndPos, 0);
+        }
+    }
+
+    @NonNull
+    private RecyclerView.OnScrollListener mOnScrollListener = new RecyclerView.OnScrollListener() {
+        @Override
+        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
+            super.onScrollStateChanged(recyclerView, newState);
+            Log.i(TAG, "onScrollStateChanged, new state = " + newState);
+
+            switch (newState) {
+                case RecyclerView.SCROLL_STATE_IDLE:
+                    onTimeChanged();
+                    break;
+                case RecyclerView.SCROLL_STATE_DRAGGING:
+                    if (mRangeChangeListener != null) {
+                        mRangeChangeListener.onCutChangeKeyDown();
+                    }
+                    break;
+                case RecyclerView.SCROLL_STATE_SETTLING:
+
+                    break;
+            }
+        }
+
+        @Override
+        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
+            super.onScrolled(recyclerView, dx, dy);
+
+            mCurrentScroll = mCurrentScroll + dx;
+            float rate = mCurrentScroll / mAllWidth;
+            if (mCurrentScroll + mRecyclerView.getWidth() >= mAllWidth) {
+                mStartTime = mVideoDuration - mViewMaxDuration;
+            } else {
+                mStartTime = (int) (rate * mVideoDuration);
+            }
+        }
+    };
+
+    public RangeSlider getRangeSlider() {
+        return mRangeSlider;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/Closeable.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/Closeable.java
new file mode 100644
index 0000000..66f181f
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/Closeable.java
@@ -0,0 +1,26 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+public interface Closeable {
+
+    /**
+     * Smooth closed the menu.
+     */
+    void smoothCloseMenu();
+
+    /**
+     * Smooth closed the menu on the left.
+     */
+    void smoothCloseLeftMenu();
+
+    /**
+     * Smooth closed the menu on the right.
+     */
+    void smoothCloseRightMenu();
+
+    /**
+     * Smooth closed the menu for the duration.
+     *
+     * @param duration duration time.
+     */
+    void smoothCloseMenu(int duration);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/MenuAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/MenuAdapter.java
new file mode 100644
index 0000000..8c47338
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/MenuAdapter.java
@@ -0,0 +1,150 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.content.Context;
+import android.text.TextUtils;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.bumptech.glide.Glide;
+
+import com.tencent.qcloud.ugckit.module.picker.data.ItemView;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+import com.tencent.qcloud.ugckit.utils.DateTimeUtil;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.util.ArrayList;
+
+public class MenuAdapter extends SwipeMenuAdapter<MenuAdapter.DefaultViewHolder> {
+
+    private Context                    mContext;
+    private ArrayList<TCVideoFileInfo> mTCVideoFileInfoList;
+    private ItemView.OnDeleteListener  mOnDeleteListener;
+    public  int                        mBitmapWidth;
+    public  int                        mBitmapHeight;
+    private int                        mRemoveIconId;
+
+    public MenuAdapter(Context context, ArrayList<TCVideoFileInfo> fileInfos) {
+        mContext = context;
+        this.mTCVideoFileInfoList = fileInfos;
+    }
+
+    public void removeIndex(int position) {
+        this.mTCVideoFileInfoList.remove(position);
+        notifyItemRemoved(position);
+        notifyItemRangeChanged(position, mTCVideoFileInfoList.size());
+    }
+
+    public void addItem(TCVideoFileInfo fileInfo) {
+        this.mTCVideoFileInfoList.add(fileInfo);
+        notifyItemInserted(mTCVideoFileInfoList.size());
+    }
+
+    public boolean contains(TCVideoFileInfo fileInfo) {
+        return this.mTCVideoFileInfoList.contains(fileInfo);
+    }
+
+    public void setOnItemDeleteListener(ItemView.OnDeleteListener onDeleteListener) {
+        this.mOnDeleteListener = onDeleteListener;
+    }
+
+    @Override
+    public int getItemCount() {
+        return mTCVideoFileInfoList == null ? 0 : mTCVideoFileInfoList.size();
+    }
+
+    public TCVideoFileInfo getItem(int position) {
+        return mTCVideoFileInfoList.get(position);
+    }
+
+    @Override
+    public View onCreateContentView(@NonNull ViewGroup parent, int viewType) {
+        return LayoutInflater.from(parent.getContext()).inflate(R.layout.ugckit_swipe_menu_item, parent, false);
+    }
+
+    @NonNull
+    @Override
+    public MenuAdapter.DefaultViewHolder onCompatCreateViewHolder(@NonNull View realContentView, int viewType) {
+        return new DefaultViewHolder(realContentView);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull MenuAdapter.DefaultViewHolder holder, int position) {
+        TCVideoFileInfo fileInfo = mTCVideoFileInfoList.get(position);
+        holder.setOnDeleteListener(mOnDeleteListener);
+
+        // 自定义宽高
+        if (mBitmapHeight != 0 && mBitmapWidth != 0) {
+            RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(mBitmapWidth, mBitmapHeight);
+            holder.ivThumb.setLayoutParams(params);
+        }
+        // 自定义删除按钮
+        if (mRemoveIconId != 0) {
+            holder.ivDelete.setImageResource(mRemoveIconId);
+        }
+        if (fileInfo.getFileType() == TCVideoFileInfo.FILE_TYPE_PICTURE) {
+            holder.tvDuration.setVisibility(View.GONE);
+        } else {
+            holder.setDuration(DateTimeUtil.duration(fileInfo.getDuration()));
+            holder.tvDuration.setVisibility(View.VISIBLE);
+        }
+        if (!TextUtils.isEmpty(fileInfo.getFilePath())) {
+            Glide.with(mContext).load(fileInfo.getFilePath()).into(holder.ivThumb);
+        } else {
+            Glide.with(mContext).load(fileInfo.getFileUri()).into(holder.ivThumb);
+        }
+    }
+
+    public ArrayList<TCVideoFileInfo> getAll() {
+        return mTCVideoFileInfoList;
+    }
+
+    static class DefaultViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
+        ImageView                 ivThumb;
+        TextView                  tvDuration;
+        ImageView                 ivDelete;
+        ItemView.OnDeleteListener mOnDeleteListener;
+
+        public DefaultViewHolder(@NonNull View itemView) {
+            super(itemView);
+            ivThumb = (ImageView) itemView.findViewById(R.id.iv_icon);
+
+            tvDuration = (TextView) itemView.findViewById(R.id.tv_duration);
+            ivDelete = (ImageView) itemView.findViewById(R.id.iv_close);
+            ivDelete.setOnClickListener(this);
+        }
+
+        public void setOnDeleteListener(ItemView.OnDeleteListener onDeleteListener) {
+            this.mOnDeleteListener = onDeleteListener;
+        }
+
+        public void setDuration(String duration) {
+            this.tvDuration.setText(duration);
+        }
+
+        @Override
+        public void onClick(View v) {
+            if (mOnDeleteListener != null) {
+                mOnDeleteListener.onDelete(getAdapterPosition());
+            }
+        }
+    }
+
+    public void setBitmapWidth(int bitmapWidth) {
+        mBitmapWidth = bitmapWidth;
+    }
+
+    public void setBitmapHeight(int bitmapHeight) {
+        mBitmapHeight = bitmapHeight;
+    }
+
+    public void setRemoveIconId(int resId) {
+        mRemoveIconId = resId;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/OnSwipeMenuItemClickListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/OnSwipeMenuItemClickListener.java
new file mode 100644
index 0000000..0a7b4d6
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/OnSwipeMenuItemClickListener.java
@@ -0,0 +1,15 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+public interface OnSwipeMenuItemClickListener {
+
+    /**
+     * Invoke when the menu item is clicked.
+     *
+     * @param closeable       closeable.
+     * @param adapterPosition adapterPosition.
+     * @param menuPosition    menuPosition.
+     * @param direction       can be {@link SwipeMenuRecyclerView#LEFT_DIRECTION}, {@link SwipeMenuRecyclerView#RIGHT_DIRECTION}.
+     */
+    void onItemClick(Closeable closeable, int adapterPosition, int menuPosition, @SwipeMenuRecyclerView.DirectionMode int direction);
+
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/Openable.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/Openable.java
new file mode 100644
index 0000000..ffb5375
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/Openable.java
@@ -0,0 +1,98 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+
+public interface Openable {
+
+    /**
+     * The menu is open?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isMenuOpen();
+
+    /**
+     * The menu is open on the left?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isLeftMenuOpen();
+
+    /**
+     * The menu is open on the right?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isRightMenuOpen();
+
+    /**
+     * The menu is completely open?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isCompleteOpen();
+
+    /**
+     * The menu is completely open on the left?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isLeftCompleteOpen();
+
+    /**
+     * The menu is completely open on the right?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isRightCompleteOpen();
+
+    /**
+     * The menu is open?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isMenuOpenNotEqual();
+
+    /**
+     * The menu is open on the left?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isLeftMenuOpenNotEqual();
+
+    /**
+     * The menu is open on the right?
+     *
+     * @return true, otherwise false.
+     */
+    boolean isRightMenuOpenNotEqual();
+
+    /**
+     * Open the current menu.
+     */
+    void smoothOpenMenu();
+
+    /**
+     * Open the menu on left.
+     */
+    void smoothOpenLeftMenu();
+
+    /**
+     * Open the menu on right.
+     */
+    void smoothOpenRightMenu();
+
+    /**
+     * Open the menu on left for the duration.
+     *
+     * @param duration duration time.
+     */
+    void smoothOpenLeftMenu(int duration);
+
+    /**
+     * Open the menu on right for the duration.
+     *
+     * @param duration duration time.
+     */
+    void smoothOpenRightMenu(int duration);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/ResCompat.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/ResCompat.java
new file mode 100644
index 0000000..b2acb3b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/ResCompat.java
@@ -0,0 +1,105 @@
+
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.content.Context;
+import android.content.res.Resources;
+import android.content.res.Resources.Theme;
+import android.graphics.Color;
+import android.graphics.drawable.Drawable;
+import android.os.Build;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.view.View;
+import android.widget.TextView;
+
+import java.lang.reflect.Method;
+
+public class ResCompat {
+
+    @Nullable
+    public static Drawable getDrawable(@NonNull Context context, int drawableId) {
+        return getDrawable(context, drawableId, null);
+    }
+
+    public static Drawable getDrawable(@NonNull Context context, int drawableId, Theme theme) {
+        Resources resources = context.getResources();
+        Class<?> resourcesClass = resources.getClass();
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
+            try {
+                Method getDrawableMethod = resourcesClass.getMethod("getDrawable", int.class, Theme.class);
+                getDrawableMethod.setAccessible(true);
+                return (Drawable) getDrawableMethod.invoke(resources, drawableId, theme);
+            } catch (Throwable e) {
+            }
+        else
+            try {
+                Method getDrawableMethod = resourcesClass.getMethod("getDrawable", int.class);
+                getDrawableMethod.setAccessible(true);
+                return (Drawable) getDrawableMethod.invoke(resources, drawableId);
+            } catch (Throwable e) {
+            }
+        return null;
+    }
+
+    public static int getColor(@NonNull Context context, int colorId) {
+        return getColor(context, colorId, null);
+    }
+
+    public static int getColor(@NonNull Context context, int colorId, Theme theme) {
+        Resources resources = context.getResources();
+        Class<?> resourcesClass = resources.getClass();
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)
+            try {
+                Method getColorMethod = resourcesClass.getMethod("getColor", int.class, Theme.class);
+                getColorMethod.setAccessible(true);
+                return (Integer) getColorMethod.invoke(resources, colorId, theme);
+            } catch (Throwable e) {
+            }
+        else
+            try {
+                Method getColorMethod = resourcesClass.getMethod("getColor", int.class);
+                getColorMethod.setAccessible(true);
+                return (Integer) getColorMethod.invoke(resources, colorId);
+            } catch (Throwable e) {
+            }
+        return Color.BLACK;
+    }
+
+    public static void setBackground(@NonNull View view, int drawableId) {
+        setBackground(view, getDrawable(view.getContext(), drawableId));
+    }
+
+    public static void setBackground(@NonNull View view, Drawable background) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN)
+            setBackground("setBackground", view, background);
+        else
+            setBackground("setBackgroundDrawable", view, background);
+    }
+
+    public static void setBackground(String method, @NonNull View view, Drawable background) {
+        try {
+            Method viewMethod = view.getClass().getMethod(method, Drawable.class);
+            viewMethod.setAccessible(true);
+            viewMethod.invoke(view, background);
+        } catch (Throwable e) {
+        }
+    }
+
+    public static void setTextAppearance(@NonNull TextView view, int textAppearance) {
+        Class<?> resourcesClass = view.getClass();
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)
+            try {
+                Method getColorMethod = resourcesClass.getMethod("setTextAppearance", Context.class, int.class);
+                getColorMethod.setAccessible(true);
+                getColorMethod.invoke(view, view.getContext(), textAppearance);
+            } catch (Throwable e) {
+            }
+        else
+            try {
+                Method getColorMethod = resourcesClass.getMethod("setTextAppearance", int.class);
+                getColorMethod.setAccessible(true);
+                getColorMethod.invoke(view, textAppearance);
+            } catch (Throwable e) {
+            }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeHorizontal.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeHorizontal.java
new file mode 100644
index 0000000..2990059
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeHorizontal.java
@@ -0,0 +1,61 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.OverScroller;
+
+public abstract class SwipeHorizontal {
+
+    private   int     direction;
+    private   View    menuView;
+    protected Checker mChecker;
+
+    public SwipeHorizontal(int direction, View menuView) {
+        this.direction = direction;
+        this.menuView = menuView;
+        mChecker = new Checker();
+    }
+
+    public boolean canSwipe() {
+        if (menuView instanceof ViewGroup) {
+            return ((ViewGroup) menuView).getChildCount() > 0;
+        }
+        return false;
+    }
+
+    public boolean isCompleteClose(int scrollX) {
+        int i = -getMenuView().getWidth() * getDirection();
+        return scrollX == 0 && i != 0;
+    }
+
+    public abstract boolean isMenuOpen(int scrollX);
+
+    public abstract boolean isMenuOpenNotEqual(int scrollX);
+
+    public abstract void autoOpenMenu(OverScroller scroller, int scrollX, int duration);
+
+    public abstract void autoCloseMenu(OverScroller scroller, int scrollX, int duration);
+
+    public abstract Checker checkXY(int x, int y);
+
+    public abstract boolean isClickOnContentView(int contentViewWidth, float x);
+
+    public int getDirection() {
+        return direction;
+    }
+
+    public View getMenuView() {
+        return menuView;
+    }
+
+    public int getMenuWidth() {
+        return menuView.getWidth();
+    }
+
+    public static final class Checker {
+        public int     x;
+        public int     y;
+        public boolean shouldResetSwipe;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeLeftHorizontal.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeLeftHorizontal.java
new file mode 100644
index 0000000..f787f1d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeLeftHorizontal.java
@@ -0,0 +1,55 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import androidx.annotation.NonNull;
+import android.view.View;
+import android.widget.OverScroller;
+
+public class SwipeLeftHorizontal extends SwipeHorizontal {
+
+    public SwipeLeftHorizontal(View menuView) {
+        super(SwipeMenuRecyclerView.LEFT_DIRECTION, menuView);
+    }
+
+    @Override
+    public boolean isMenuOpen(int scrollX) {
+        int i = -getMenuView().getWidth() * getDirection();
+        return scrollX <= i && i != 0;
+    }
+
+    @Override
+    public boolean isMenuOpenNotEqual(int scrollX) {
+        return scrollX < -getMenuView().getWidth() * getDirection();
+    }
+
+    @Override
+    public void autoOpenMenu(@NonNull OverScroller scroller, int scrollX, int duration) {
+        scroller.startScroll(Math.abs(scrollX), 0, getMenuView().getWidth() - Math.abs(scrollX), 0, duration);
+    }
+
+    @Override
+    public void autoCloseMenu(@NonNull OverScroller scroller, int scrollX, int duration) {
+        scroller.startScroll(-Math.abs(scrollX), 0, Math.abs(scrollX), 0, duration);
+    }
+
+    @Override
+    public Checker checkXY(int x, int y) {
+        mChecker.x = x;
+        mChecker.y = y;
+        mChecker.shouldResetSwipe = false;
+        if (mChecker.x == 0) {
+            mChecker.shouldResetSwipe = true;
+        }
+        if (mChecker.x >= 0) {
+            mChecker.x = 0;
+        }
+        if (mChecker.x <= -getMenuView().getWidth()) {
+            mChecker.x = -getMenuView().getWidth();
+        }
+        return mChecker;
+    }
+
+    @Override
+    public boolean isClickOnContentView(int contentViewWidth, float x) {
+        return x > getMenuView().getWidth();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenu.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenu.java
new file mode 100644
index 0000000..b5113c4
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenu.java
@@ -0,0 +1,100 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.content.Context;
+import androidx.annotation.IntDef;
+import android.widget.LinearLayout;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.util.ArrayList;
+import java.util.List;
+
+public class SwipeMenu {
+
+    public static final int HORIZONTAL = LinearLayout.HORIZONTAL;
+    public static final int VERTICAL   = LinearLayout.VERTICAL;
+
+    private int                 mViewType;
+    private int                 orientation = HORIZONTAL;
+    private SwipeMenuLayout     mSwipeMenuLayout;
+    private List<SwipeMenuItem> mSwipeMenuItems;
+
+    @IntDef({HORIZONTAL, VERTICAL})
+    @Retention(RetentionPolicy.SOURCE)
+    public @interface OrientationMode {
+    }
+
+    public SwipeMenu(SwipeMenuLayout swipeMenuLayout, int viewType) {
+        this.mSwipeMenuLayout = swipeMenuLayout;
+        this.mViewType = viewType;
+        this.mSwipeMenuItems = new ArrayList<>(2);
+    }
+
+    /**
+     * Set a percentage.
+     *
+     * @param openPercent such as 0.5F.
+     */
+    public void setOpenPercent(float openPercent) {
+        if (openPercent != mSwipeMenuLayout.getOpenPercent()) {
+            openPercent = openPercent > 1 ? 1 : (openPercent < 0 ? 0 : openPercent);
+            mSwipeMenuLayout.setOpenPercent(openPercent);
+        }
+    }
+
+    /**
+     * The duration of the set.
+     *
+     * @param scrollerDuration such 500.
+     */
+    public void setScrollerDuration(int scrollerDuration) {
+        this.mSwipeMenuLayout.setScrollerDuration(scrollerDuration);
+    }
+
+    /**
+     * Set the menu orientation.
+     *
+     * @param orientation use {@link SwipeMenu#HORIZONTAL} or {@link SwipeMenu#VERTICAL}.
+     * @see SwipeMenu#HORIZONTAL
+     * @see SwipeMenu#VERTICAL
+     */
+    public void setOrientation(@OrientationMode int orientation) {
+        if (orientation != HORIZONTAL && orientation != VERTICAL)
+            throw new IllegalArgumentException("Use SwipeMenu#HORIZONTAL or SwipeMenu#VERTICAL.");
+        this.orientation = orientation;
+    }
+
+    /**
+     * Get the menu orientation.
+     *
+     * @return {@link SwipeMenu#HORIZONTAL} or {@link SwipeMenu#VERTICAL}.
+     */
+    @OrientationMode
+    public int getOrientation() {
+        return orientation;
+    }
+
+    public void addMenuItem(SwipeMenuItem item) {
+        mSwipeMenuItems.add(item);
+    }
+
+    public void removeMenuItem(SwipeMenuItem item) {
+        mSwipeMenuItems.remove(item);
+    }
+
+    public List<SwipeMenuItem> getMenuItems() {
+        return mSwipeMenuItems;
+    }
+
+    public SwipeMenuItem getMenuItem(int index) {
+        return mSwipeMenuItems.get(index);
+    }
+
+    public Context getContext() {
+        return mSwipeMenuLayout.getContext();
+    }
+
+    public int getViewType() {
+        return mViewType;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuAdapter.java
new file mode 100644
index 0000000..b9f2879
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuAdapter.java
@@ -0,0 +1,126 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.List;
+
+
+public abstract class SwipeMenuAdapter<VH extends RecyclerView.ViewHolder> extends RecyclerView.Adapter<VH> {
+
+    private SwipeMenuCreator             mSwipeMenuCreator;             // Swipe menu creator。
+    private OnSwipeMenuItemClickListener mSwipeMenuItemClickListener;   // Swipe menu click listener。
+
+    /**
+     * Set to create menu listener.
+     *
+     * @param swipeMenuCreator listener.
+     */
+    void setSwipeMenuCreator(SwipeMenuCreator swipeMenuCreator) {
+        this.mSwipeMenuCreator = swipeMenuCreator;
+    }
+
+    /**
+     * Set to click menu listener.
+     *
+     * @param swipeMenuItemClickListener listener.
+     */
+    void setSwipeMenuItemClickListener(OnSwipeMenuItemClickListener swipeMenuItemClickListener) {
+        this.mSwipeMenuItemClickListener = swipeMenuItemClickListener;
+    }
+
+    @NonNull
+    @Override
+    public final VH onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View contentView = onCreateContentView(parent, viewType);
+        if (mSwipeMenuCreator != null) {
+            SwipeMenuLayout swipeMenuLayout = (SwipeMenuLayout) LayoutInflater.from(parent.getContext()).inflate(R.layout
+                    .ugckit_swipe_item, parent, false);
+
+            SwipeMenu swipeLeftMenu = new SwipeMenu(swipeMenuLayout, viewType);
+            SwipeMenu swipeRightMenu = new SwipeMenu(swipeMenuLayout, viewType);
+
+            mSwipeMenuCreator.onCreateMenu(swipeLeftMenu, swipeRightMenu, viewType);
+
+            int leftMenuCount = swipeLeftMenu.getMenuItems().size();
+            if (leftMenuCount > 0) {
+                SwipeMenuView swipeLeftMenuView = (SwipeMenuView) swipeMenuLayout.findViewById(R.id.swipe_left);
+                // noinspection WrongConstant
+                swipeLeftMenuView.setOrientation(swipeLeftMenu.getOrientation());
+                swipeLeftMenuView.bindMenu(swipeLeftMenu, SwipeMenuRecyclerView.LEFT_DIRECTION);
+                swipeLeftMenuView.bindMenuItemClickListener(mSwipeMenuItemClickListener, swipeMenuLayout);
+            }
+
+            int rightMenuCount = swipeRightMenu.getMenuItems().size();
+            if (rightMenuCount > 0) {
+                SwipeMenuView swipeRightMenuView = (SwipeMenuView) swipeMenuLayout.findViewById(R.id.swipe_right);
+                // noinspection WrongConstant
+                swipeRightMenuView.setOrientation(swipeRightMenu.getOrientation());
+                swipeRightMenuView.bindMenu(swipeRightMenu, SwipeMenuRecyclerView.RIGHT_DIRECTION);
+                swipeRightMenuView.bindMenuItemClickListener(mSwipeMenuItemClickListener, swipeMenuLayout);
+            }
+
+            if (leftMenuCount > 0 || rightMenuCount > 0) {
+                ViewGroup viewGroup = (ViewGroup) swipeMenuLayout.findViewById(R.id.swipe_content);
+                viewGroup.addView(contentView);
+                contentView = swipeMenuLayout;
+            }
+        }
+        return onCompatCreateViewHolder(contentView, viewType);
+    }
+
+    /**
+     * Create view for item.
+     *
+     * @param parent   The ViewGroup into which the new View will be added after it is bound to an adapter position.
+     * @param viewType The view type of the new view.
+     * @return A new ViewHolder that holds a View of the given view type.
+     */
+    public abstract View onCreateContentView(ViewGroup parent, int viewType);
+
+    /**
+     * Instead {@link #onCreateViewHolder(ViewGroup, int)}.
+     *
+     * @param realContentView Is this Item real view, {@link SwipeMenuLayout} or {@link #onCreateContentView(ViewGroup, int)}.
+     * @param viewType        The view type of the new View.
+     * @return A new ViewHolder that holds a View of the given view type.
+     * @see #onCompatBindViewHolder(RecyclerView.ViewHolder, int, List)
+     */
+    @NonNull
+    public abstract VH onCompatCreateViewHolder(View realContentView, int viewType);
+
+    @Override
+    public final void onBindViewHolder(@NonNull VH holder, int position, List<Object> payloads) {
+        View itemView = holder.itemView;
+        if (itemView instanceof SwipeMenuLayout) {
+            SwipeMenuLayout swipeMenuLayout = (SwipeMenuLayout) itemView;
+            int childCount = swipeMenuLayout.getChildCount();
+            for (int i = 0; i < childCount; i++) {
+                View childView = swipeMenuLayout.getChildAt(i);
+                if (childView instanceof SwipeMenuView) {
+                    ((SwipeMenuView) childView).bindAdapterViewHolder(holder);
+                }
+            }
+        }
+        onCompatBindViewHolder(holder, position, payloads);
+    }
+
+    /**
+     * Instead {@link #onBindViewHolder(RecyclerView.ViewHolder, int, List)}.
+     *
+     * @param holder   The ViewHolder which should be updated to represent the contents of the item at the given position in
+     *                 the data set.
+     * @param position The position of the item within the adapter's data set.
+     * @param payloads A non-null list of merged payloads. Can be empty list if requires full update.
+     * @see #onCompatBindViewHolder(RecyclerView.ViewHolder, int, List)
+     */
+    public void onCompatBindViewHolder(VH holder, int position, List<Object> payloads) {
+        onBindViewHolder(holder, position);
+    }
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuCreator.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuCreator.java
new file mode 100644
index 0000000..dd551f4
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuCreator.java
@@ -0,0 +1,15 @@
+
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+public interface SwipeMenuCreator {
+
+    /**
+     * Create menu for recyclerVie item.
+     *
+     * @param swipeLeftMenu  The menu on the left.
+     * @param swipeRightMenu The menu on the right.
+     * @param viewType       The view type of the new view.
+     */
+    void onCreateMenu(SwipeMenu swipeLeftMenu, SwipeMenu swipeRightMenu, int viewType);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuItem.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuItem.java
new file mode 100644
index 0000000..38e794d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuItem.java
@@ -0,0 +1,153 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.content.Context;
+import android.content.res.ColorStateList;
+import android.graphics.Typeface;
+import android.graphics.drawable.ColorDrawable;
+import android.graphics.drawable.Drawable;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+public class SwipeMenuItem {
+
+    private Context        mContext;
+    @Nullable
+    private Drawable       background;
+    private Drawable       icon;
+    private String         title;
+    private ColorStateList titleColor;
+    private int            titleSize;
+    private Typeface       textTypeface;
+    private int            textAppearance;
+    private int            width  = -2;
+    private int            height = -2;
+    private int            weight = 0;
+
+    public SwipeMenuItem(Context context) {
+        mContext = context;
+    }
+
+    @NonNull
+    public SwipeMenuItem setBackgroundDrawable(Drawable background) {
+        this.background = background;
+        return this;
+    }
+
+    @NonNull
+    public SwipeMenuItem setBackgroundDrawable(int resId) {
+        this.background = ResCompat.getDrawable(mContext, resId);
+        return this;
+    }
+
+    @NonNull
+    public SwipeMenuItem setBackgroundColor(int color) {
+        this.background = new ColorDrawable(color);
+        return this;
+    }
+
+    @Nullable
+    public Drawable getBackground() {
+        return background;
+    }
+
+    @NonNull
+    public SwipeMenuItem setText(String title) {
+        this.title = title;
+        return this;
+    }
+
+    @NonNull
+    public SwipeMenuItem setImage(Drawable icon) {
+        this.icon = icon;
+        return this;
+    }
+
+    @NonNull
+    public SwipeMenuItem setImage(int resId) {
+        return setImage(ResCompat.getDrawable(mContext, resId));
+    }
+
+    public Drawable getImage() {
+        return icon;
+    }
+
+    @NonNull
+    public SwipeMenuItem setText(int resId) {
+        setText(mContext.getString(resId));
+        return this;
+    }
+
+    @NonNull
+    public SwipeMenuItem setTextColor(int titleColor) {
+        this.titleColor = ColorStateList.valueOf(titleColor);
+        return this;
+    }
+
+    public ColorStateList getTitleColor() {
+        return titleColor;
+    }
+
+    @NonNull
+    public SwipeMenuItem setTextSize(int titleSize) {
+        this.titleSize = titleSize;
+        return this;
+    }
+
+    public int getTextSize() {
+        return titleSize;
+    }
+
+    public String getText() {
+        return title;
+    }
+
+    @NonNull
+    public SwipeMenuItem setTextAppearance(int textAppearance) {
+        this.textAppearance = textAppearance;
+        return this;
+    }
+
+    public int getTextAppearance() {
+        return textAppearance;
+    }
+
+    @NonNull
+    public SwipeMenuItem setTextTypeface(Typeface textTypeface) {
+        this.textTypeface = textTypeface;
+        return this;
+    }
+
+    public Typeface getTextTypeface() {
+        return textTypeface;
+    }
+
+    public int getWidth() {
+        return width;
+    }
+
+    @NonNull
+    public SwipeMenuItem setWidth(int width) {
+        this.width = width;
+        return this;
+    }
+
+    public int getHeight() {
+        return height;
+    }
+
+    @NonNull
+    public SwipeMenuItem setHeight(int height) {
+        this.height = height;
+        return this;
+    }
+
+    @NonNull
+    public SwipeMenuItem setWeight(int weight) {
+        this.weight = weight;
+        return this;
+    }
+
+    public int getWeight() {
+        return weight;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuLayout.java
new file mode 100644
index 0000000..26d91dc
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuLayout.java
@@ -0,0 +1,498 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.core.view.ViewCompat;
+import android.util.AttributeSet;
+import android.view.Gravity;
+import android.view.MotionEvent;
+import android.view.VelocityTracker;
+import android.view.View;
+import android.view.ViewConfiguration;
+import android.widget.FrameLayout;
+import android.widget.OverScroller;
+import android.widget.TextView;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+public class SwipeMenuLayout extends FrameLayout implements SwipeSwitch {
+
+    public static final int DEFAULT_SCROLLER_DURATION = 200;
+
+    private int                  mLeftViewId       = 0;
+    private int                  mContentViewId    = 0;
+    private int                  mRightViewId      = 0;
+    private int                  mScrollerDuration = DEFAULT_SCROLLER_DURATION;
+    private int                  mScaledTouchSlop;
+    private int                  mLastX;
+    private int                  mLastY;
+    private int                  mDownX;
+    private int                  mDownY;
+    private int                  mScaledMinimumFlingVelocity;
+    private int                  mScaledMaximumFlingVelocity;
+    private float                mOpenPercent      = 0.5f;
+    private boolean              shouldResetSwipe;
+    private boolean              mDragging;
+    private boolean              swipeEnable       = true;
+    private View                 mContentView;
+    private SwipeLeftHorizontal  mSwipeLeftHorizontal;
+    private SwipeRightHorizontal mSwipeRightHorizontal;
+    private SwipeHorizontal      mSwipeCurrentHorizontal;
+    private OverScroller         mScroller;
+    @Nullable
+    private VelocityTracker      mVelocityTracker;
+
+    public SwipeMenuLayout(@NonNull Context context) {
+        this(context, null);
+    }
+
+    public SwipeMenuLayout(@NonNull Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public SwipeMenuLayout(@NonNull Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+
+        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.UGCKitSwipeMenuLayout);
+        mLeftViewId = typedArray.getResourceId(R.styleable.UGCKitSwipeMenuLayout_leftViewId, mLeftViewId);
+        mContentViewId = typedArray.getResourceId(R.styleable.UGCKitSwipeMenuLayout_contentViewId, mContentViewId);
+        mRightViewId = typedArray.getResourceId(R.styleable.UGCKitSwipeMenuLayout_rightViewId, mRightViewId);
+        typedArray.recycle();
+
+        ViewConfiguration configuration = ViewConfiguration.get(getContext());
+        mScaledTouchSlop = configuration.getScaledTouchSlop();
+        mScaledMinimumFlingVelocity = configuration.getScaledMinimumFlingVelocity();
+        mScaledMaximumFlingVelocity = configuration.getScaledMaximumFlingVelocity();
+
+        mScroller = new OverScroller(getContext());
+    }
+
+    @Override
+    protected void onFinishInflate() {
+        super.onFinishInflate();
+        if (mLeftViewId != 0 && mSwipeLeftHorizontal == null) {
+            View view = findViewById(mLeftViewId);
+            mSwipeLeftHorizontal = new SwipeLeftHorizontal(view);
+        }
+        if (mRightViewId != 0 && mSwipeRightHorizontal == null) {
+            View view = findViewById(mRightViewId);
+            mSwipeRightHorizontal = new SwipeRightHorizontal(view);
+        }
+        if (mContentViewId != 0 && mContentView == null) {
+            mContentView = findViewById(mContentViewId);
+        } else {
+            TextView errorView = new TextView(getContext());
+            errorView.setClickable(true);
+            errorView.setGravity(Gravity.CENTER);
+            errorView.setTextSize(16);
+            errorView.setText("You may not have set the ContentView.");
+            mContentView = errorView;
+            addView(mContentView);
+        }
+    }
+
+    /**
+     * Set whether open swipe. Default is true.
+     *
+     * @param swipeEnable true open, otherwise false.
+     */
+    public void setSwipeEnable(boolean swipeEnable) {
+        this.swipeEnable = swipeEnable;
+    }
+
+    /**
+     * Open the swipe function of the Item?
+     *
+     * @return open is true, otherwise is false.
+     */
+    public boolean isSwipeEnable() {
+        return swipeEnable;
+    }
+
+    /**
+     * Set open percentage.
+     *
+     * @param openPercent such as 0.5F.
+     */
+    public void setOpenPercent(float openPercent) {
+        this.mOpenPercent = openPercent;
+    }
+
+    /**
+     * Get open percentage.
+     *
+     * @return such as 0.5F.
+     */
+    public float getOpenPercent() {
+        return mOpenPercent;
+    }
+
+    /**
+     * The duration of the set.
+     *
+     * @param scrollerDuration such as 500.
+     */
+    public void setScrollerDuration(int scrollerDuration) {
+        this.mScrollerDuration = scrollerDuration;
+    }
+
+    @Override
+    public boolean onInterceptTouchEvent(@NonNull MotionEvent ev) {
+        boolean isIntercepted = super.onInterceptTouchEvent(ev);
+        int action = ev.getAction();
+        switch (action) {
+            case MotionEvent.ACTION_DOWN: {
+                mDownX = mLastX = (int) ev.getX();
+                mDownY = (int) ev.getY();
+                return false;
+            }
+            case MotionEvent.ACTION_MOVE: {
+                int disX = (int) (ev.getX() - mDownX);
+                int disY = (int) (ev.getY() - mDownY);
+                return Math.abs(disX) > mScaledTouchSlop && Math.abs(disX) > Math.abs(disY);
+            }
+            case MotionEvent.ACTION_UP: {
+                boolean isClick = mSwipeCurrentHorizontal != null
+                        && mSwipeCurrentHorizontal.isClickOnContentView(getWidth(), ev.getX());
+                if (isMenuOpen() && isClick) {
+                    smoothCloseMenu();
+                    return true;
+                }
+                return false;
+            }
+            case MotionEvent.ACTION_CANCEL: {
+                if (!mScroller.isFinished())
+                    mScroller.abortAnimation();
+                return false;
+            }
+        }
+        return isIntercepted;
+    }
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent ev) {
+        if (mVelocityTracker == null) mVelocityTracker = VelocityTracker.obtain();
+        mVelocityTracker.addMovement(ev);
+        int dx;
+        int dy;
+        int action = ev.getAction();
+        switch (action) {
+            case MotionEvent.ACTION_DOWN: {
+                mLastX = (int) ev.getX();
+                mLastY = (int) ev.getY();
+                break;
+            }
+            case MotionEvent.ACTION_MOVE: {
+                if (!isSwipeEnable()) break;
+                int disX = (int) (mLastX - ev.getX());
+                int disY = (int) (mLastY - ev.getY());
+                if (!mDragging && Math.abs(disX) > mScaledTouchSlop && Math.abs(disX) > Math.abs(disY)) {
+                    mDragging = true;
+                }
+                if (mDragging) {
+                    if (mSwipeCurrentHorizontal == null || shouldResetSwipe) {
+                        if (disX < 0) {
+                            if (mSwipeLeftHorizontal != null)
+                                mSwipeCurrentHorizontal = mSwipeLeftHorizontal;
+                            else
+                                mSwipeCurrentHorizontal = mSwipeRightHorizontal;
+                        } else {
+                            if (mSwipeRightHorizontal != null)
+                                mSwipeCurrentHorizontal = mSwipeRightHorizontal;
+                            else
+                                mSwipeCurrentHorizontal = mSwipeLeftHorizontal;
+                        }
+                    }
+                    scrollBy(disX, 0);
+                    mLastX = (int) ev.getX();
+                    mLastY = (int) ev.getY();
+                    shouldResetSwipe = false;
+                }
+                break;
+            }
+            case MotionEvent.ACTION_UP: {
+                dx = (int) (mDownX - ev.getX());
+                dy = (int) (mDownY - ev.getY());
+                mDragging = false;
+                mVelocityTracker.computeCurrentVelocity(1000, mScaledMaximumFlingVelocity);
+                int velocityX = (int) mVelocityTracker.getXVelocity();
+                int velocity = Math.abs(velocityX);
+                if (velocity > mScaledMinimumFlingVelocity) {
+                    if (mSwipeCurrentHorizontal != null) {
+                        int duration = getSwipeDuration(ev, velocity);
+                        if (mSwipeCurrentHorizontal instanceof SwipeRightHorizontal) {
+                            if (velocityX < 0) {
+                                smoothOpenMenu(duration);
+                            } else {
+                                smoothCloseMenu(duration);
+                            }
+                        } else {
+                            if (velocityX > 0) {
+                                smoothOpenMenu(duration);
+                            } else {
+                                smoothCloseMenu(duration);
+                            }
+                        }
+                        ViewCompat.postInvalidateOnAnimation(this);
+                    }
+                } else {
+                    judgeOpenClose(dx, dy);
+                }
+                mVelocityTracker.clear();
+                mVelocityTracker.recycle();
+                mVelocityTracker = null;
+                if (Math.abs(mDownX - ev.getX()) > mScaledTouchSlop
+                        || Math.abs(mDownY - ev.getY()) > mScaledTouchSlop
+                        || isLeftMenuOpen()
+                        || isRightMenuOpen()) {
+                    ev.setAction(MotionEvent.ACTION_CANCEL);
+                    super.onTouchEvent(ev);
+                    return true;
+                }
+                break;
+            }
+            case MotionEvent.ACTION_CANCEL: {
+                mDragging = false;
+                if (!mScroller.isFinished()) {
+                    mScroller.abortAnimation();
+                } else {
+                    dx = (int) (mDownX - ev.getX());
+                    dy = (int) (mDownY - ev.getY());
+                    judgeOpenClose(dx, dy);
+                }
+                break;
+            }
+        }
+        return super.onTouchEvent(ev);
+    }
+
+    /**
+     * compute finish duration.
+     *
+     * @param ev       up event.
+     * @param velocity velocity x.
+     * @return finish duration.
+     */
+    private int getSwipeDuration(@NonNull MotionEvent ev, int velocity) {
+        int sx = getScrollX();
+        int dx = (int) (ev.getX() - sx);
+        final int width = mSwipeCurrentHorizontal.getMenuWidth();
+        final int halfWidth = width / 2;
+        final float distanceRatio = Math.min(1f, 1.0f * Math.abs(dx) / width);
+        final float distance = halfWidth + halfWidth * distanceInfluenceForSnapDuration(distanceRatio);
+        int duration;
+        if (velocity > 0) {
+            duration = 4 * Math.round(1000 * Math.abs(distance / velocity));
+        } else {
+            final float pageDelta = (float) Math.abs(dx) / width;
+            duration = (int) ((pageDelta + 1) * 100);
+        }
+        duration = Math.min(duration, mScrollerDuration);
+        return duration;
+    }
+
+    float distanceInfluenceForSnapDuration(float f) {
+        f -= 0.5f; // center the values about 0.
+        f *= 0.3f * Math.PI / 2.0f;
+        return (float) Math.sin(f);
+    }
+
+    private void judgeOpenClose(int dx, int dy) {
+        if (mSwipeCurrentHorizontal != null) {
+            if (Math.abs(getScrollX()) >= (mSwipeCurrentHorizontal.getMenuView().getWidth() * mOpenPercent)) { // auto open
+                if (Math.abs(dx) > mScaledTouchSlop || Math.abs(dy) > mScaledTouchSlop) { // swipe up
+                    if (isMenuOpenNotEqual()) smoothCloseMenu();
+                    else smoothOpenMenu();
+                } else { // normal up
+                    if (isMenuOpen()) smoothCloseMenu();
+                    else smoothOpenMenu();
+                }
+            } else { // auto close
+                smoothCloseMenu();
+            }
+        }
+    }
+
+    @Override
+    public void scrollTo(int x, int y) {
+        if (mSwipeCurrentHorizontal == null) {
+            super.scrollTo(x, y);
+        } else {
+            SwipeHorizontal.Checker checker = mSwipeCurrentHorizontal.checkXY(x, y);
+            shouldResetSwipe = checker.shouldResetSwipe;
+            if (checker.x != getScrollX()) {
+                super.scrollTo(checker.x, checker.y);
+            }
+        }
+    }
+
+    @Override
+    public void computeScroll() {
+        if (mScroller.computeScrollOffset() && mSwipeCurrentHorizontal != null) {
+            if (mSwipeCurrentHorizontal instanceof SwipeRightHorizontal) {
+                scrollTo(Math.abs(mScroller.getCurrX()), 0);
+                invalidate();
+            } else {
+                scrollTo(-Math.abs(mScroller.getCurrX()), 0);
+                invalidate();
+            }
+        }
+    }
+
+    public boolean hasLeftMenu() {
+        return mSwipeLeftHorizontal != null && mSwipeLeftHorizontal.canSwipe();
+    }
+
+    public boolean hasRightMenu() {
+        return mSwipeRightHorizontal != null && mSwipeRightHorizontal.canSwipe();
+    }
+
+    @Override
+    public boolean isMenuOpen() {
+        return isLeftMenuOpen() || isRightMenuOpen();
+    }
+
+    @Override
+    public boolean isLeftMenuOpen() {
+        return mSwipeLeftHorizontal != null && mSwipeLeftHorizontal.isMenuOpen(getScrollX());
+    }
+
+    @Override
+    public boolean isRightMenuOpen() {
+        return mSwipeRightHorizontal != null && mSwipeRightHorizontal.isMenuOpen(getScrollX());
+    }
+
+    @Override
+    public boolean isCompleteOpen() {
+        return isLeftCompleteOpen() || isRightMenuOpen();
+    }
+
+    @Override
+    public boolean isLeftCompleteOpen() {
+        return mSwipeLeftHorizontal != null && !mSwipeLeftHorizontal.isCompleteClose(getScrollX());
+    }
+
+    @Override
+    public boolean isRightCompleteOpen() {
+        return mSwipeRightHorizontal != null && !mSwipeRightHorizontal.isCompleteClose(getScrollX());
+    }
+
+    @Override
+    public boolean isMenuOpenNotEqual() {
+        return isLeftMenuOpenNotEqual() || isRightMenuOpenNotEqual();
+    }
+
+    @Override
+    public boolean isLeftMenuOpenNotEqual() {
+        return mSwipeLeftHorizontal != null && mSwipeLeftHorizontal.isMenuOpenNotEqual(getScrollX());
+    }
+
+    @Override
+    public boolean isRightMenuOpenNotEqual() {
+        return mSwipeRightHorizontal != null && mSwipeRightHorizontal.isMenuOpenNotEqual(getScrollX());
+    }
+
+    @Override
+    public void smoothOpenMenu() {
+        smoothOpenMenu(mScrollerDuration);
+    }
+
+    @Override
+    public void smoothOpenLeftMenu() {
+        smoothOpenLeftMenu(mScrollerDuration);
+    }
+
+    @Override
+    public void smoothOpenRightMenu() {
+        smoothOpenRightMenu(mScrollerDuration);
+    }
+
+    @Override
+    public void smoothOpenLeftMenu(int duration) {
+        if (mSwipeLeftHorizontal != null) {
+            mSwipeCurrentHorizontal = mSwipeLeftHorizontal;
+            smoothOpenMenu(duration);
+        }
+    }
+
+    @Override
+    public void smoothOpenRightMenu(int duration) {
+        if (mSwipeRightHorizontal != null) {
+            mSwipeCurrentHorizontal = mSwipeRightHorizontal;
+            smoothOpenMenu(duration);
+        }
+    }
+
+    private void smoothOpenMenu(int duration) {
+        if (mSwipeCurrentHorizontal != null) {
+            mSwipeCurrentHorizontal.autoOpenMenu(mScroller, getScrollX(), duration);
+            invalidate();
+        }
+    }
+
+    @Override
+    public void smoothCloseMenu() {
+        smoothCloseMenu(mScrollerDuration);
+    }
+
+    @Override
+    public void smoothCloseLeftMenu() {
+        if (mSwipeLeftHorizontal != null) {
+            mSwipeCurrentHorizontal = mSwipeLeftHorizontal;
+            smoothCloseMenu();
+        }
+    }
+
+    @Override
+    public void smoothCloseRightMenu() {
+        if (mSwipeRightHorizontal != null) {
+            mSwipeCurrentHorizontal = mSwipeRightHorizontal;
+            smoothCloseMenu();
+        }
+    }
+
+    @Override
+    public void smoothCloseMenu(int duration) {
+        if (mSwipeCurrentHorizontal != null) {
+            mSwipeCurrentHorizontal.autoCloseMenu(mScroller, getScrollX(), duration);
+            invalidate();
+        }
+    }
+
+    @Override
+    protected void onLayout(boolean changed, int l, int t, int r, int b) {
+        int contentViewHeight;
+        if (mContentView != null) {
+            int contentViewWidth = mContentView.getMeasuredWidthAndState();
+            contentViewHeight = mContentView.getMeasuredHeightAndState();
+            LayoutParams lp = (LayoutParams) mContentView.getLayoutParams();
+            int start = getPaddingLeft();
+            int top = getPaddingTop() + lp.topMargin;
+            mContentView.layout(start, top, start + contentViewWidth, top + contentViewHeight);
+        }
+
+        if (mSwipeLeftHorizontal != null) {
+            View leftMenu = mSwipeLeftHorizontal.getMenuView();
+            int menuViewWidth = leftMenu.getMeasuredWidthAndState();
+            int menuViewHeight = leftMenu.getMeasuredHeightAndState();
+            LayoutParams lp = (LayoutParams) leftMenu.getLayoutParams();
+            int top = getPaddingTop() + lp.topMargin;
+            leftMenu.layout(-menuViewWidth, top, 0, top + menuViewHeight);
+        }
+
+        if (mSwipeRightHorizontal != null) {
+            View rightMenu = mSwipeRightHorizontal.getMenuView();
+            int menuViewWidth = rightMenu.getMeasuredWidthAndState();
+            int menuViewHeight = rightMenu.getMeasuredHeightAndState();
+            LayoutParams lp = (LayoutParams) rightMenu.getLayoutParams();
+            int top = getPaddingTop() + lp.topMargin;
+
+            int parentViewWidth = getMeasuredWidthAndState();
+            rightMenu.layout(parentViewWidth, top, parentViewWidth + menuViewWidth, top + menuViewHeight);
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuRecyclerView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuRecyclerView.java
new file mode 100644
index 0000000..cf5ecf3
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuRecyclerView.java
@@ -0,0 +1,419 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.content.Context;
+import androidx.annotation.IntDef;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.RecyclerView;
+import android.util.AttributeSet;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewConfiguration;
+import android.view.ViewGroup;
+import android.view.ViewParent;
+
+import com.tencent.qcloud.ugckit.component.swipemenu.touch.DefaultItemTouchHelper;
+import com.tencent.qcloud.ugckit.component.swipemenu.touch.OnItemMovementListener;
+import com.tencent.qcloud.ugckit.component.swipemenu.touch.OnItemMoveListener;
+import com.tencent.qcloud.ugckit.component.swipemenu.touch.OnItemStateChangedListener;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.util.ArrayList;
+import java.util.List;
+
+public class SwipeMenuRecyclerView extends RecyclerView {
+    /**
+     * Left menu.
+     */
+    public static final  int LEFT_DIRECTION   = 1;
+    /**
+     * Right menu.
+     */
+    public static final  int RIGHT_DIRECTION  = -1;
+    /**
+     * Invalid position.
+     */
+    private static final int INVALID_POSITION = -1;
+
+    private   int                          mDownX;
+    private   int                          mDownY;
+    protected int                          mScaleTouchSlop;
+    protected int                          mOldTouchedPosition = INVALID_POSITION;
+    private   boolean                      allowSwipeDelete    = false;
+    @Nullable
+    protected SwipeMenuLayout              mOldSwipedLayout;
+    private   SwipeMenuCreator             mSwipeMenuCreator;
+    private   OnSwipeMenuItemClickListener mSwipeMenuItemClickListener;
+    private   DefaultItemTouchHelper       mDefaultItemTouchHelper;
+
+    @IntDef({LEFT_DIRECTION, RIGHT_DIRECTION})
+    @Retention(RetentionPolicy.SOURCE)
+    public @interface DirectionMode {
+    }
+
+    public SwipeMenuRecyclerView(Context context) {
+        this(context, null);
+    }
+
+    public SwipeMenuRecyclerView(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public SwipeMenuRecyclerView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+        mScaleTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
+    }
+
+    private void initializeItemTouchHelper() {
+        if (mDefaultItemTouchHelper == null) {
+            mDefaultItemTouchHelper = new DefaultItemTouchHelper();
+            mDefaultItemTouchHelper.attachToRecyclerView(this);
+        }
+    }
+
+    /**
+     * Set OnItemMoveListener.
+     *
+     * @param onItemMoveListener {@link OnItemMoveListener}.
+     */
+    public void setOnItemMoveListener(OnItemMoveListener onItemMoveListener) {
+        initializeItemTouchHelper();
+        mDefaultItemTouchHelper.setOnItemMoveListener(onItemMoveListener);
+    }
+
+    /**
+     * Set OnItemMovementListener.
+     *
+     * @param onItemMovementListener {@link OnItemMovementListener}.
+     */
+    public void setOnItemMovementListener(OnItemMovementListener onItemMovementListener) {
+        initializeItemTouchHelper();
+        mDefaultItemTouchHelper.setOnItemMovementListener(onItemMovementListener);
+    }
+
+    /**
+     * Set OnItemStateChangedListener.
+     *
+     * @param onItemStateChangedListener {@link OnItemStateChangedListener}.
+     */
+    public void setOnItemStateChangedListener(OnItemStateChangedListener onItemStateChangedListener) {
+        this.mDefaultItemTouchHelper.setOnItemStateChangedListener(onItemStateChangedListener);
+    }
+
+    /**
+     * Get OnItemStateChangedListener.
+     *
+     * @return {@link OnItemStateChangedListener}.
+     */
+    public OnItemStateChangedListener getOnItemStateChangedListener() {
+        return this.mDefaultItemTouchHelper.getOnItemStateChangedListener();
+    }
+
+
+    /**
+     * Set can long press drag.
+     *
+     * @param canDrag drag true, otherwise is can't.
+     */
+    public void setLongPressDragEnabled(boolean canDrag) {
+        initializeItemTouchHelper();
+        mDefaultItemTouchHelper.setLongPressDragEnabled(canDrag);
+    }
+
+    /**
+     * Get can long press drag.
+     *
+     * @return drag true, otherwise is can't.
+     */
+    public boolean isLongPressDragEnabled() {
+        initializeItemTouchHelper();
+        return this.mDefaultItemTouchHelper.isLongPressDragEnabled();
+    }
+
+
+    /**
+     * Set can swipe delete.
+     *
+     * @param canSwipe swipe true, otherwise is can't.
+     */
+    public void setItemViewSwipeEnabled(boolean canSwipe) {
+        initializeItemTouchHelper();
+        allowSwipeDelete = canSwipe; // swipe and menu conflict.
+        mDefaultItemTouchHelper.setItemViewSwipeEnabled(canSwipe);
+    }
+
+    /**
+     * Get can long press swipe.
+     *
+     * @return swipe true, otherwise is can't.
+     */
+    public boolean isItemViewSwipeEnabled() {
+        initializeItemTouchHelper();
+        return this.mDefaultItemTouchHelper.isItemViewSwipeEnabled();
+    }
+
+    /**
+     * Start drag a item.
+     *
+     * @param viewHolder the ViewHolder to start dragging. It must be a direct child of RecyclerView.
+     */
+    public void startDrag(ViewHolder viewHolder) {
+        initializeItemTouchHelper();
+        mDefaultItemTouchHelper.startDrag(viewHolder);
+    }
+
+    /**
+     * Star swipe a item.
+     *
+     * @param viewHolder the ViewHolder to start swiping. It must be a direct child of RecyclerView.
+     */
+    public void startSwipe(ViewHolder viewHolder) {
+        initializeItemTouchHelper();
+        mDefaultItemTouchHelper.startSwipe(viewHolder);
+    }
+
+    /**
+     * Set to create menu listener.
+     *
+     * @param swipeMenuCreator listener.
+     */
+    public void setSwipeMenuCreator(SwipeMenuCreator swipeMenuCreator) {
+        this.mSwipeMenuCreator = swipeMenuCreator;
+    }
+
+    /**
+     * Set to click menu listener.
+     *
+     * @param swipeMenuItemClickListener listener.
+     */
+    public void setSwipeMenuItemClickListener(OnSwipeMenuItemClickListener swipeMenuItemClickListener) {
+        this.mSwipeMenuItemClickListener = swipeMenuItemClickListener;
+    }
+
+    /**
+     * Default swipe menu creator.
+     */
+    @Nullable
+    private SwipeMenuCreator mDefaultMenuCreator = new SwipeMenuCreator() {
+        @Override
+        public void onCreateMenu(SwipeMenu swipeLeftMenu, SwipeMenu swipeRightMenu, int viewType) {
+            if (mSwipeMenuCreator != null) {
+                mSwipeMenuCreator.onCreateMenu(swipeLeftMenu, swipeRightMenu, viewType);
+            }
+        }
+    };
+
+    /**
+     * Default swipe menu item click listener.
+     */
+    @NonNull
+    private OnSwipeMenuItemClickListener mDefaultMenuItemClickListener = new OnSwipeMenuItemClickListener() {
+        @Override
+        public void onItemClick(Closeable closeable, int adapterPosition, int menuPosition, int direction) {
+            if (mSwipeMenuItemClickListener != null) {
+                mSwipeMenuItemClickListener.onItemClick(closeable, adapterPosition, menuPosition, direction);
+            }
+        }
+    };
+
+    @Override
+    public void setAdapter(Adapter adapter) {
+        if (adapter instanceof SwipeMenuAdapter) {
+            SwipeMenuAdapter menuAdapter = (SwipeMenuAdapter) adapter;
+            menuAdapter.setSwipeMenuCreator(mDefaultMenuCreator);
+            menuAdapter.setSwipeMenuItemClickListener(mDefaultMenuItemClickListener);
+        }
+        super.setAdapter(adapter);
+    }
+
+    /**
+     * open menu on left.
+     *
+     * @param position position.
+     */
+    public void smoothOpenLeftMenu(int position) {
+        smoothOpenMenu(position, LEFT_DIRECTION, SwipeMenuLayout.DEFAULT_SCROLLER_DURATION);
+    }
+
+    /**
+     * open menu on left.
+     *
+     * @param position position.
+     * @param duration time millis.
+     */
+    public void smoothOpenLeftMenu(int position, int duration) {
+        smoothOpenMenu(position, LEFT_DIRECTION, duration);
+    }
+
+    /**
+     * open menu on right.
+     *
+     * @param position position.
+     */
+    public void smoothOpenRightMenu(int position) {
+        smoothOpenMenu(position, RIGHT_DIRECTION, SwipeMenuLayout.DEFAULT_SCROLLER_DURATION);
+    }
+
+    /**
+     * open menu on right.
+     *
+     * @param position position.
+     * @param duration time millis.
+     */
+    public void smoothOpenRightMenu(int position, int duration) {
+        smoothOpenMenu(position, RIGHT_DIRECTION, duration);
+    }
+
+    /**
+     * open menu.
+     *
+     * @param position  position.
+     * @param direction use {@link #LEFT_DIRECTION}, {@link #RIGHT_DIRECTION}.
+     * @param duration  time millis.
+     */
+    public void smoothOpenMenu(int position, @DirectionMode int direction, int duration) {
+        if (mOldSwipedLayout != null) {
+            if (mOldSwipedLayout.isMenuOpen()) {
+                mOldSwipedLayout.smoothCloseMenu();
+            }
+        }
+        ViewHolder vh = findViewHolderForAdapterPosition(position);
+        if (vh != null) {
+            View itemView = getSwipeMenuView(vh.itemView);
+            if (itemView instanceof SwipeMenuLayout) {
+                mOldSwipedLayout = (SwipeMenuLayout) itemView;
+                if (direction == RIGHT_DIRECTION) {
+                    mOldTouchedPosition = position;
+                    mOldSwipedLayout.smoothOpenRightMenu(duration);
+                } else if (direction == LEFT_DIRECTION) {
+                    mOldTouchedPosition = position;
+                    mOldSwipedLayout.smoothOpenLeftMenu(duration);
+                }
+            }
+        }
+    }
+
+    /**
+     * Close menu.
+     */
+    public void smoothCloseMenu() {
+        if (mOldSwipedLayout != null && mOldSwipedLayout.isMenuOpen()) {
+            mOldSwipedLayout.smoothCloseMenu();
+        }
+    }
+
+    @Override
+    public boolean onInterceptTouchEvent(@NonNull MotionEvent e) {
+        boolean isIntercepted = super.onInterceptTouchEvent(e);
+        if (allowSwipeDelete)  // swipe and menu conflict.
+            return isIntercepted;
+        else {
+            if (e.getPointerCount() > 1) return true;
+            int action = e.getAction();
+            int x = (int) e.getX();
+            int y = (int) e.getY();
+            switch (action) {
+                case MotionEvent.ACTION_DOWN: {
+                    mDownX = x;
+                    mDownY = y;
+                    isIntercepted = false;
+
+                    int touchingPosition = getChildAdapterPosition(findChildViewUnder(x, y));
+                    if (touchingPosition != mOldTouchedPosition && mOldSwipedLayout != null && mOldSwipedLayout.isMenuOpen()) {
+                        mOldSwipedLayout.smoothCloseMenu();
+                        isIntercepted = true;
+                    }
+
+                    if (isIntercepted) {
+                        mOldSwipedLayout = null;
+                        mOldTouchedPosition = INVALID_POSITION;
+                    } else {
+                        ViewHolder vh = findViewHolderForAdapterPosition(touchingPosition);
+                        if (vh != null) {
+                            View itemView = getSwipeMenuView(vh.itemView);
+                            if (itemView instanceof SwipeMenuLayout) {
+                                mOldSwipedLayout = (SwipeMenuLayout) itemView;
+                                mOldTouchedPosition = touchingPosition;
+                            }
+                        }
+                    }
+                    break;
+                }
+                // They are sensitive to retain sliding and inertia.
+                case MotionEvent.ACTION_MOVE: {
+                    isIntercepted = handleUnDown(x, y, isIntercepted);
+                    if (mOldSwipedLayout == null) break;
+                    ViewParent viewParent = getParent();
+                    if (viewParent == null) break;
+
+                    int disX = mDownX - x;
+                    // 向左滑，显示右侧菜单，或者关闭左侧菜单。
+                    boolean showRightCloseLeft = disX > 0 && (mOldSwipedLayout.hasRightMenu() || mOldSwipedLayout
+                            .isLeftCompleteOpen());
+                    // 向右滑，显示左侧菜单，或者关闭右侧菜单。
+                    boolean showLeftCloseRight = disX < 0 && (mOldSwipedLayout.hasLeftMenu() || mOldSwipedLayout
+                            .isRightCompleteOpen());
+                    viewParent.requestDisallowInterceptTouchEvent(showRightCloseLeft || showLeftCloseRight);
+                }
+                case MotionEvent.ACTION_UP:
+                case MotionEvent.ACTION_CANCEL: {
+                    isIntercepted = handleUnDown(x, y, isIntercepted);
+                    break;
+                }
+            }
+
+
+        }
+        return isIntercepted;
+    }
+
+    private boolean handleUnDown(int x, int y, boolean defaultValue) {
+        int disX = mDownX - x;
+        int disY = mDownY - y;
+
+        // swipe
+        if (Math.abs(disX) > mScaleTouchSlop && Math.abs(disX) > Math.abs(disY))
+            return false;
+        // click
+        if (Math.abs(disY) < mScaleTouchSlop && Math.abs(disX) < mScaleTouchSlop)
+            return false;
+        return defaultValue;
+    }
+
+    @Override
+    public boolean onTouchEvent(@NonNull MotionEvent e) {
+        int action = e.getAction();
+        switch (action) {
+            case MotionEvent.ACTION_DOWN:
+                break;
+            case MotionEvent.ACTION_MOVE:
+                if (mOldSwipedLayout != null && mOldSwipedLayout.isMenuOpen()) {
+                    mOldSwipedLayout.smoothCloseMenu();
+                }
+                break;
+            case MotionEvent.ACTION_UP:
+                break;
+            case MotionEvent.ACTION_CANCEL:
+                break;
+        }
+        return super.onTouchEvent(e);
+    }
+
+    private View getSwipeMenuView(View itemView) {
+        if (itemView instanceof SwipeMenuLayout) return itemView;
+        List<View> unvisited = new ArrayList<>();
+        unvisited.add(itemView);
+        while (!unvisited.isEmpty()) {
+            View child = unvisited.remove(0);
+            if (!(child instanceof ViewGroup)) { // view
+                continue;
+            }
+            if (child instanceof SwipeMenuLayout) return child;
+            ViewGroup group = (ViewGroup) child;
+            final int childCount = group.getChildCount();
+            for (int i = 0; i < childCount; i++) unvisited.add(group.getChildAt(i));
+        }
+        return itemView;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuView.java
new file mode 100644
index 0000000..c328709
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeMenuView.java
@@ -0,0 +1,112 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import android.content.Context;
+import android.content.res.ColorStateList;
+import android.graphics.Typeface;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.text.TextUtils;
+import android.util.AttributeSet;
+import android.view.Gravity;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import java.util.List;
+
+
+public class SwipeMenuView extends LinearLayout {
+
+    private SwipeSwitch                  mSwipeSwitch;
+    private RecyclerView.ViewHolder      mAdapterVIewHolder;
+    private OnSwipeMenuItemClickListener mItemClickListener;
+    private int                          mDirection;
+
+    public SwipeMenuView(Context context) {
+        this(context, null);
+    }
+
+    public SwipeMenuView(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public SwipeMenuView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+    public void bindMenu(@NonNull SwipeMenu swipeMenu, int direction) {
+        removeAllViews();
+        this.mDirection = direction;
+        List<SwipeMenuItem> items = swipeMenu.getMenuItems();
+        int index = 0;
+        for (SwipeMenuItem item : items) {
+            addItem(item, index++);
+        }
+    }
+
+    public void bindMenuItemClickListener(OnSwipeMenuItemClickListener swipeMenuItemClickListener, SwipeSwitch swipeSwitch) {
+        this.mItemClickListener = swipeMenuItemClickListener;
+        this.mSwipeSwitch = swipeSwitch;
+    }
+
+    public void bindAdapterViewHolder(RecyclerView.ViewHolder adapterVIewHolder) {
+        this.mAdapterVIewHolder = adapterVIewHolder;
+    }
+
+    private void addItem(@NonNull SwipeMenuItem item, int index) {
+        LayoutParams params = new LayoutParams(item.getWidth(), item.getHeight());
+        params.weight = item.getWeight();
+        LinearLayout parent = new LinearLayout(getContext());
+        parent.setId(index);
+        parent.setGravity(Gravity.CENTER);
+        parent.setOrientation(VERTICAL);
+        parent.setLayoutParams(params);
+        ResCompat.setBackground(parent, item.getBackground());
+        parent.setOnClickListener(mMenuClickListener);
+        addView(parent);
+
+        if (item.getImage() != null)
+            parent.addView(createIcon(item));
+
+        if (!TextUtils.isEmpty(item.getText()))
+            parent.addView(createTitle(item));
+    }
+
+    @NonNull
+    private ImageView createIcon(@NonNull SwipeMenuItem item) {
+        ImageView imageView = new ImageView(getContext());
+        imageView.setImageDrawable(item.getImage());
+        return imageView;
+    }
+
+    @NonNull
+    private TextView createTitle(@NonNull SwipeMenuItem item) {
+        TextView textView = new TextView(getContext());
+        textView.setText(item.getText());
+        textView.setGravity(Gravity.CENTER);
+        int textSize = item.getTextSize();
+        if (textSize > 0)
+            textView.setTextSize(textSize);
+        ColorStateList textColor = item.getTitleColor();
+        if (textColor != null)
+            textView.setTextColor(textColor);
+        int textAppearance = item.getTextAppearance();
+        if (textAppearance != 0)
+            ResCompat.setTextAppearance(textView, textAppearance);
+        Typeface typeface = item.getTextTypeface();
+        if (typeface != null)
+            textView.setTypeface(typeface);
+        return textView;
+    }
+
+    @NonNull
+    private OnClickListener mMenuClickListener = new OnClickListener() {
+        @Override
+        public void onClick(@NonNull View v) {
+            if (mItemClickListener != null && mSwipeSwitch != null && mSwipeSwitch.isMenuOpen()) {
+                mItemClickListener.onItemClick(mSwipeSwitch, mAdapterVIewHolder.getAdapterPosition(), v.getId(), mDirection);
+            }
+        }
+    };
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeRightHorizontal.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeRightHorizontal.java
new file mode 100644
index 0000000..9b96338
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeRightHorizontal.java
@@ -0,0 +1,70 @@
+/*
+ * Copyright 2016 Yan Zhenjie
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+import androidx.annotation.NonNull;
+import android.view.View;
+import android.widget.OverScroller;
+
+public class SwipeRightHorizontal extends SwipeHorizontal {
+
+    public SwipeRightHorizontal(View menuView) {
+        super(SwipeMenuRecyclerView.RIGHT_DIRECTION, menuView);
+    }
+
+    @Override
+    public boolean isMenuOpen(int scrollX) {
+        int i = -getMenuView().getWidth() * getDirection();
+        return scrollX >= i && i != 0;
+    }
+
+    @Override
+    public boolean isMenuOpenNotEqual(int scrollX) {
+        return scrollX > -getMenuView().getWidth() * getDirection();
+    }
+
+    @Override
+    public void autoOpenMenu(@NonNull OverScroller scroller, int scrollX, int duration) {
+        scroller.startScroll(Math.abs(scrollX), 0, getMenuView().getWidth() - Math.abs(scrollX), 0, duration);
+    }
+
+    @Override
+    public void autoCloseMenu(@NonNull OverScroller scroller, int scrollX, int duration) {
+        scroller.startScroll(-Math.abs(scrollX), 0, Math.abs(scrollX), 0, duration);
+    }
+
+    @Override
+    public Checker checkXY(int x, int y) {
+        mChecker.x = x;
+        mChecker.y = y;
+        mChecker.shouldResetSwipe = false;
+        if (mChecker.x == 0) {
+            mChecker.shouldResetSwipe = true;
+        }
+        if (mChecker.x < 0) {
+            mChecker.x = 0;
+        }
+        if (mChecker.x > getMenuView().getWidth()) {
+            mChecker.x = getMenuView().getWidth();
+        }
+        return mChecker;
+    }
+
+    @Override
+    public boolean isClickOnContentView(int contentViewWidth, float x) {
+        return x < (contentViewWidth - getMenuView().getWidth());
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeSwitch.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeSwitch.java
new file mode 100644
index 0000000..f03381e
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/SwipeSwitch.java
@@ -0,0 +1,5 @@
+package com.tencent.qcloud.ugckit.component.swipemenu;
+
+public interface SwipeSwitch extends Openable, Closeable {
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/CompatItemTouchHelper.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/CompatItemTouchHelper.java
new file mode 100644
index 0000000..27852b5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/CompatItemTouchHelper.java
@@ -0,0 +1,22 @@
+package com.tencent.qcloud.ugckit.component.swipemenu.touch;
+
+import androidx.recyclerview.widget.ItemTouchHelper;
+
+public class CompatItemTouchHelper extends ItemTouchHelper {
+
+    private Callback mTouchCallback;
+
+    public CompatItemTouchHelper(Callback callback) {
+        super(callback);
+        mTouchCallback = callback;
+    }
+
+    /**
+     * Developer callback which controls the behavior of ItemTouchHelper.
+     *
+     * @return {@link Callback}
+     */
+    public Callback getCallback() {
+        return mTouchCallback;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/DefaultItemTouchHelper.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/DefaultItemTouchHelper.java
new file mode 100644
index 0000000..0277aa9
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/DefaultItemTouchHelper.java
@@ -0,0 +1,113 @@
+package com.tencent.qcloud.ugckit.component.swipemenu.touch;
+
+public class DefaultItemTouchHelper extends CompatItemTouchHelper {
+
+    private DefaultItemTouchHelperCallback mDefaultItemTouchHelperCallback;
+
+    /**
+     * Create default item touch helper.
+     */
+    public DefaultItemTouchHelper() {
+        this(new DefaultItemTouchHelperCallback());
+    }
+
+    /**
+     * @param callback the behavior of ItemTouchHelper.
+     */
+    private DefaultItemTouchHelper(DefaultItemTouchHelperCallback callback) {
+        super(callback);
+        mDefaultItemTouchHelperCallback = (DefaultItemTouchHelperCallback) getCallback();
+    }
+
+    /**
+     * Set OnItemMoveListener.
+     *
+     * @param onItemMoveListener {@link OnItemMoveListener}.
+     */
+    public void setOnItemMoveListener(OnItemMoveListener onItemMoveListener) {
+        mDefaultItemTouchHelperCallback.setOnItemMoveListener(onItemMoveListener);
+    }
+
+    /**
+     * Get OnItemMoveListener.
+     *
+     * @return {@link OnItemMoveListener}.
+     */
+    public OnItemMoveListener getOnItemMoveListener() {
+        return mDefaultItemTouchHelperCallback.getOnItemMoveListener();
+    }
+
+    /**
+     * Set OnItemMovementListener.
+     *
+     * @param onItemMovementListener {@link OnItemMovementListener}.
+     */
+    public void setOnItemMovementListener(OnItemMovementListener onItemMovementListener) {
+        mDefaultItemTouchHelperCallback.setOnItemMovementListener(onItemMovementListener);
+    }
+
+    /**
+     * Get OnItemMovementListener.
+     *
+     * @return {@link OnItemMovementListener}.
+     */
+    public OnItemMovementListener getOnItemMovementListener() {
+        return mDefaultItemTouchHelperCallback.getOnItemMovementListener();
+    }
+
+    /**
+     * Set can long press drag.
+     *
+     * @param canDrag drag true, otherwise is can't.
+     */
+    public void setLongPressDragEnabled(boolean canDrag) {
+        mDefaultItemTouchHelperCallback.setLongPressDragEnabled(canDrag);
+    }
+
+    /**
+     * Get can long press drag.
+     *
+     * @return drag true, otherwise is can't.
+     */
+    public boolean isLongPressDragEnabled() {
+        return mDefaultItemTouchHelperCallback.isLongPressDragEnabled();
+    }
+
+
+    /**
+     * Set can long press swipe.
+     *
+     * @param canSwipe swipe true, otherwise is can't.
+     */
+    public void setItemViewSwipeEnabled(boolean canSwipe) {
+        mDefaultItemTouchHelperCallback.setItemViewSwipeEnabled(canSwipe);
+    }
+
+    /**
+     * Get can long press swipe.
+     *
+     * @return swipe true, otherwise is can't.
+     */
+    public boolean isItemViewSwipeEnabled() {
+        return this.mDefaultItemTouchHelperCallback.isItemViewSwipeEnabled();
+    }
+
+    /**
+     * Set OnItemStateChangedListener.
+     *
+     * @param onItemStateChangedListener {@link OnItemStateChangedListener}.
+     */
+    public void setOnItemStateChangedListener(OnItemStateChangedListener onItemStateChangedListener) {
+        this.mDefaultItemTouchHelperCallback.setOnItemStateChangedListener(onItemStateChangedListener);
+    }
+
+    /**
+     * Get OnItemStateChangedListener.
+     *
+     * @return {@link OnItemStateChangedListener}.
+     */
+    public OnItemStateChangedListener getOnItemStateChangedListener() {
+        return this.mDefaultItemTouchHelperCallback.getOnItemStateChangedListener();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/DefaultItemTouchHelperCallback.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/DefaultItemTouchHelperCallback.java
new file mode 100644
index 0000000..921c673
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/DefaultItemTouchHelperCallback.java
@@ -0,0 +1,156 @@
+package com.tencent.qcloud.ugckit.component.swipemenu.touch;
+
+import android.graphics.Canvas;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.GridLayoutManager;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import androidx.recyclerview.widget.ItemTouchHelper;
+
+public class DefaultItemTouchHelperCallback extends ItemTouchHelper.Callback {
+
+    private OnItemMovementListener onItemMovementListener;
+
+    private OnItemMoveListener onItemMoveListener;
+
+    private OnItemStateChangedListener onItemStateChangedListener;
+
+    private boolean isItemViewSwipeEnabled;
+
+    private boolean isLongPressDragEnabled;
+
+    public DefaultItemTouchHelperCallback() {
+    }
+
+    public void setLongPressDragEnabled(boolean canDrag) {
+        this.isLongPressDragEnabled = canDrag;
+    }
+
+    @Override
+    public boolean isLongPressDragEnabled() {
+        return isLongPressDragEnabled;
+    }
+
+    public void setItemViewSwipeEnabled(boolean canSwipe) {
+        this.isItemViewSwipeEnabled = canSwipe;
+    }
+
+    @Override
+    public boolean isItemViewSwipeEnabled() {
+        return isItemViewSwipeEnabled;
+    }
+
+    public void setOnItemMoveListener(OnItemMoveListener onItemMoveListener) {
+        this.onItemMoveListener = onItemMoveListener;
+    }
+
+    public OnItemMoveListener getOnItemMoveListener() {
+        return onItemMoveListener;
+    }
+
+    public void setOnItemMovementListener(OnItemMovementListener onItemMovementListener) {
+        this.onItemMovementListener = onItemMovementListener;
+    }
+
+    public OnItemMovementListener getOnItemMovementListener() {
+        return onItemMovementListener;
+    }
+
+    public void setOnItemStateChangedListener(OnItemStateChangedListener onItemStateChangedListener) {
+        this.onItemStateChangedListener = onItemStateChangedListener;
+    }
+
+    public OnItemStateChangedListener getOnItemStateChangedListener() {
+        return onItemStateChangedListener;
+    }
+
+    @Override
+    public int getMovementFlags(@NonNull RecyclerView recyclerView, RecyclerView.ViewHolder targetViewHolder) {
+        if (onItemMovementListener != null) {
+            int dragFlags = onItemMovementListener.onDragFlags(recyclerView, targetViewHolder);
+            int swipeFlags = onItemMovementListener.onSwipeFlags(recyclerView, targetViewHolder);
+            return makeMovementFlags(dragFlags, swipeFlags);
+        } else {
+            //适用GridLayoutManager类型和LinearLayoutManager类型。
+            RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
+            if (layoutManager instanceof GridLayoutManager) {
+                //拖拽的方向。
+                int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
+                int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
+                //侧滑的方向：left right。
+                return makeMovementFlags(dragFlags, swipeFlags);
+            } else if (layoutManager instanceof LinearLayoutManager) {
+                //线性方向分为：水平和垂直方向。
+                LinearLayoutManager linearLayoutManager = (LinearLayoutManager) layoutManager;
+                if (linearLayoutManager.getOrientation() == LinearLayoutManager.HORIZONTAL) {
+                    int dragFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
+                    int swipeFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
+                    return makeMovementFlags(dragFlags, swipeFlags);
+                } else {
+                    //拖拽的方向。
+                    int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
+                    //侧滑的方向：left right。
+                    int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
+                    return makeMovementFlags(dragFlags, swipeFlags);
+                }
+            }
+        }
+        return makeMovementFlags(0, 0);
+    }
+
+    @Override
+    public void onChildDraw(Canvas c, @NonNull RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int
+            actionState, boolean isCurrentlyActive) {
+        //判断当前是否是swipe方式：侧滑。
+        if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
+            //1.ItemView--ViewHolder; 2.侧滑条目的透明度程度关联谁？dX(delta增量，范围：当前条目-width~width)。
+            RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
+            float alpha = 1;
+            if (layoutManager instanceof LinearLayoutManager) {
+                int orientation = ((LinearLayoutManager) layoutManager).getOrientation();
+                if (orientation == LinearLayoutManager.HORIZONTAL) {
+                    alpha = 1 - Math.abs(dY) / viewHolder.itemView.getHeight();
+                } else if (orientation == LinearLayoutManager.VERTICAL) {
+                    alpha = 1 - Math.abs(dX) / viewHolder.itemView.getWidth();
+                }
+            }
+            viewHolder.itemView.setAlpha(alpha);//1~0
+        }
+        super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
+    }
+
+
+    @Override
+    public boolean onMove(RecyclerView arg0, @NonNull RecyclerView.ViewHolder srcHolder, @NonNull RecyclerView.ViewHolder targetHolder) {
+        if (srcHolder.getItemViewType() == targetHolder.getItemViewType()) {// 相同类型的允许切换。
+            if (onItemMoveListener == null)
+                return false;
+            //回调刷新数据及界面。
+            return onItemMoveListener.onItemMove(srcHolder.getAdapterPosition(), targetHolder.getAdapterPosition());
+        }
+        return false;
+    }
+
+    @Override
+    public void onSwiped(@NonNull RecyclerView.ViewHolder viewHolder, int direction) {
+        //回调刷新数据及界面。
+        if (onItemMoveListener != null)
+            onItemMoveListener.onItemDismiss(viewHolder.getAdapterPosition());
+    }
+
+    @Override
+    public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
+        super.onSelectedChanged(viewHolder, actionState);
+        if (onItemStateChangedListener != null && actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
+            onItemStateChangedListener.onSelectedChanged(viewHolder, actionState);
+        }
+    }
+
+    @Override
+    public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
+        super.clearView(recyclerView, viewHolder);
+        if (onItemStateChangedListener != null) {
+            onItemStateChangedListener.onSelectedChanged(viewHolder, OnItemStateChangedListener.ACTION_STATE_IDLE);
+        }
+    }
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemMoveListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemMoveListener.java
new file mode 100644
index 0000000..57e4350
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemMoveListener.java
@@ -0,0 +1,21 @@
+package com.tencent.qcloud.ugckit.component.swipemenu.touch;
+
+public interface OnItemMoveListener {
+
+    /**
+     * When drag and drop the callback.
+     *
+     * @param fromPosition start position.
+     * @param toPosition   target position.
+     * @return To deal with the returns true, false otherwise.
+     */
+    boolean onItemMove(int fromPosition, int toPosition);
+
+    /**
+     * When items should be removed when the callback.
+     *
+     * @param position swipe position.
+     */
+    void onItemDismiss(int position);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemMovementListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemMovementListener.java
new file mode 100644
index 0000000..2513dc0
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemMovementListener.java
@@ -0,0 +1,33 @@
+
+package com.tencent.qcloud.ugckit.component.swipemenu.touch;
+
+import androidx.recyclerview.widget.RecyclerView;
+import androidx.recyclerview.widget.ItemTouchHelper;
+
+public interface OnItemMovementListener {
+
+    int INVALID = 0;
+    int LEFT    = ItemTouchHelper.LEFT;
+    int UP      = ItemTouchHelper.UP;
+    int RIGHT   = ItemTouchHelper.RIGHT;
+    int DOWN    = ItemTouchHelper.DOWN;
+
+    /**
+     * Can drag and drop the ViewHolder?
+     *
+     * @param recyclerView     {@link RecyclerView}.
+     * @param targetViewHolder target ViewHolder.
+     * @return use {@link #LEFT}, {@link #UP}, {@link #RIGHT}, {@link #DOWN}.
+     */
+    int onDragFlags(RecyclerView recyclerView, RecyclerView.ViewHolder targetViewHolder);
+
+    /**
+     * Can swipe and drop the ViewHolder?
+     *
+     * @param recyclerView     {@link RecyclerView}.
+     * @param targetViewHolder target ViewHolder.
+     * @return use {@link #LEFT}, {@link #UP}, {@link #RIGHT}, {@link #DOWN}.
+     */
+    int onSwipeFlags(RecyclerView recyclerView, RecyclerView.ViewHolder targetViewHolder);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemStateChangedListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemStateChangedListener.java
new file mode 100644
index 0000000..8bedb40
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/swipemenu/touch/OnItemStateChangedListener.java
@@ -0,0 +1,43 @@
+
+package com.tencent.qcloud.ugckit.component.swipemenu.touch;
+
+import androidx.annotation.IntDef;
+import androidx.recyclerview.widget.RecyclerView;
+import androidx.recyclerview.widget.ItemTouchHelper;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+
+public interface OnItemStateChangedListener {
+
+    /**
+     * ItemTouchHelper is in idle state. At this state, either there is no related motion event by
+     * the user or latest motion events have not yet triggered a swipe or drag.
+     */
+    int ACTION_STATE_IDLE = ItemTouchHelper.ACTION_STATE_IDLE;
+
+    /**
+     * A View is currently being swiped.
+     */
+    int ACTION_STATE_SWIPE = ItemTouchHelper.ACTION_STATE_SWIPE;
+
+    /**
+     * A View is currently being dragged.
+     */
+    int ACTION_STATE_DRAG = ItemTouchHelper.ACTION_STATE_DRAG;
+
+    /**
+     * Called when the ViewHolder swiped or dragged by the ItemTouchHelper is changed.
+     *
+     * @param viewHolder  The new ViewHolder that is being swiped or dragged. Might be null if it is cleared.
+     * @param actionState One of {@link OnItemStateChangedListener#ACTION_STATE_IDLE},
+     *                    {@link OnItemStateChangedListener#ACTION_STATE_SWIPE} or
+     *                    {@link OnItemStateChangedListener#ACTION_STATE_DRAG}.
+     */
+    void onSelectedChanged(RecyclerView.ViewHolder viewHolder, @ActionStateMode int actionState);
+
+    @IntDef({ACTION_STATE_IDLE, ACTION_STATE_SWIPE, ACTION_STATE_DRAG})
+    @Retention(RetentionPolicy.SOURCE)
+    @interface ActionStateMode {
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ColorfulProgress.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ColorfulProgress.java
new file mode 100644
index 0000000..0cec0cc
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ColorfulProgress.java
@@ -0,0 +1,184 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class ColorfulProgress extends View {
+
+    private Paint          mPaint;
+    private Paint          mColorPaint;
+    private RectF          mViewRectf;
+    private RectF          mColorRectf;
+    private float          mWidth;
+    private float          mHeight;
+    private List<MarkInfo> mMarkInfoList;
+    private float          mCurPositioin;
+
+    private VideoProgressController mVideoProgressController;
+
+    public ColorfulProgress(Context context) {
+        super(context);
+        init();
+    }
+
+
+    public ColorfulProgress(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public ColorfulProgress(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    private void init() {
+        mPaint = new Paint();
+        mColorPaint = new Paint();
+        mViewRectf = new RectF();
+        mColorRectf = new RectF();
+
+        mPaint.setAntiAlias(true);
+        mColorPaint.setAntiAlias(true);
+
+        mPaint.setColor(getResources().getColor(R.color.ugckit_transparent));
+
+        mMarkInfoList = new ArrayList<>();
+    }
+
+    public void setVideoProgressController(VideoProgressController videoProgressController) {
+        mVideoProgressController = videoProgressController;
+    }
+
+    public void setWidthHeight(float width, float height) {
+        mViewRectf.left = 0;
+        mViewRectf.top = 0;
+        mViewRectf.right = width;
+        mViewRectf.bottom = height;
+
+        mWidth = width;
+        mHeight = height;
+
+        invalidate();
+    }
+
+    public void setCurPosition(float curPosition) {
+        mCurPositioin = curPosition;
+        invalidate();
+    }
+
+    /**
+     * 开始标记
+     *
+     * @param color
+     */
+    public void startMark(int color) {
+        MarkInfo info = new MarkInfo();
+        info.startTimeMs = mVideoProgressController.getCurrentTimeMs();
+        info.left = mCurPositioin;
+        info.color = color;
+        mMarkInfoList.add(info);
+    }
+
+    /**
+     * 结束标记
+     */
+    public void endMark() {
+        MarkInfo info = mMarkInfoList.get(mMarkInfoList.size() - 1);
+        info.right = mCurPositioin;
+    }
+
+    public void addMark(int color, long durationMs) {
+        MarkInfo info = new MarkInfo();
+        info.startTimeMs = mVideoProgressController.getCurrentTimeMs();
+        info.left = mCurPositioin;
+        info.right = mCurPositioin + mVideoProgressController.duration2Distance(durationMs);
+        info.color = color;
+        mMarkInfoList.add(info);
+    }
+
+    public void startMark(int color, float position) {
+        MarkInfo info = new MarkInfo();
+        info.startTimeMs = mVideoProgressController.getCurrentTimeMs();
+        info.left = position;
+        info.color = color;
+        mMarkInfoList.add(info);
+    }
+
+    public void endMark(float position) {
+        MarkInfo info = mMarkInfoList.get(mMarkInfoList.size() - 1);
+        info.right = position;
+    }
+
+    @Nullable
+    public MarkInfo deleteLastMark() {
+        MarkInfo info = null;
+        if (mMarkInfoList != null && mMarkInfoList.size() != 0) {
+            info = mMarkInfoList.remove(mMarkInfoList.size() - 1);
+            invalidate();
+        }
+        return info;
+    }
+
+    public void setMarkInfoList(List<MarkInfo> markInfoList) {
+        this.mMarkInfoList = markInfoList;
+    }
+
+    public List<MarkInfo> getMarkInfoList() {
+        return mMarkInfoList;
+    }
+
+    public int getMarkListSize() {
+        return mMarkInfoList.size();
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+
+        drawView(canvas);
+
+        drawMarkInfo(canvas);
+    }
+
+    private void drawMarkInfo(@NonNull Canvas canvas) {
+        for (MarkInfo info : mMarkInfoList) {
+            mColorPaint.setColor(info.color);
+            mColorRectf.left = info.left;
+            mColorRectf.top = 0;
+            mColorRectf.bottom = mHeight;
+            mColorRectf.right = info.right == -1 ? mCurPositioin : info.right;
+
+            if (mColorRectf.left > mColorRectf.right) {
+                float tmp = mColorRectf.left;
+                mColorRectf.left = mColorRectf.right;
+                mColorRectf.right = tmp;
+            }
+
+            canvas.drawRect(mColorRectf, mColorPaint);
+        }
+    }
+
+    private void drawView(@NonNull Canvas canvas) {
+        canvas.drawRect(mViewRectf, mPaint);
+    }
+
+    public static class MarkInfo {
+        public  int   color;
+        public  long  startTimeMs;
+        public  float left  = -1;
+        private float right = -1;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/RangeSliderViewContainer.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/RangeSliderViewContainer.java
new file mode 100644
index 0000000..3c1c71c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/RangeSliderViewContainer.java
@@ -0,0 +1,208 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.LinearLayout;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.util.Locale;
+
+public class RangeSliderViewContainer extends LinearLayout {
+    private final String TAG = "RangeSliderView";
+
+    private Context                  mContext;
+    private View                     mRootView;
+    private View                     mStartView;        // 左边拖动控件
+    private View                     mEndView;          // 右边拖动控件
+    private View                     mMiddleView;       // 中间裁剪区域
+    private long                     mStartTimeMs;        // 起始时间us
+    private long                     mDurationMs;         // 最终的时长us
+    private long                     mEndTimeMs;          // 结束时间us
+    private long                     mMaxDuration;      // 允许设置的最大时长
+    private int                      mDistance;          // 中间裁剪区域距离
+    private ViewTouchProcess         mStartViewTouchProcess;
+    private ViewTouchProcess         mEndViewTouchProcess;
+    private VideoProgressController  mVideoProgressController;
+    private OnDurationChangeListener mOnDurationChangeListener;
+
+    public interface OnDurationChangeListener {
+        void onDurationChange(long startTimeMs, long endTimeMs);
+    }
+
+    public void setDurationChangeListener(OnDurationChangeListener onDurationChangeListener) {
+        mOnDurationChangeListener = onDurationChangeListener;
+    }
+
+    public RangeSliderViewContainer(Context context) {
+        super(context);
+        initView(context);
+    }
+
+    public RangeSliderViewContainer(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initView(context);
+    }
+
+    public RangeSliderViewContainer(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initView(context);
+    }
+
+    private void initView(Context context) {
+        mContext = context;
+        mRootView = LayoutInflater.from(context).inflate(R.layout.ugckit_layout_range_slider, this);
+        mStartView = mRootView.findViewById(R.id.iv_start_view);
+        mEndView = mRootView.findViewById(R.id.iv_end_view);
+        mMiddleView = mRootView.findViewById(R.id.middle_view);
+
+        mStartViewTouchProcess = new ViewTouchProcess(mStartView);
+        mEndViewTouchProcess = new ViewTouchProcess(mEndView);
+    }
+
+    public void init(@NonNull VideoProgressController videoProgressController, long startTimeMs, long durationMs, long maxDurationMs) {
+        mVideoProgressController = videoProgressController;
+        mStartTimeMs = startTimeMs;
+        mDurationMs = durationMs;
+        mMaxDuration = maxDurationMs;
+        mEndTimeMs = mStartTimeMs + mDurationMs;
+
+        mDistance = videoProgressController.duration2Distance(mDurationMs);
+
+        ViewGroup.LayoutParams layoutParams = mMiddleView.getLayoutParams();
+        layoutParams.width = mDistance;
+        mMiddleView.setLayoutParams(layoutParams);
+        setMiddleRangeColor(mContext.getResources().getColor(R.color.ugckit_color_accent_transparent30));
+
+        setTouchProcessListener();
+    }
+
+    /**
+     * 设置中间范围颜色
+     *
+     * @param color
+     */
+    public void setMiddleRangeColor(int color) {
+        mMiddleView.setBackgroundColor(color);
+    }
+
+    private void setTouchProcessListener() {
+        mStartViewTouchProcess.setOnPositionChangedListener(new ViewTouchProcess.OnPositionChangedListener() {
+            @Override
+            public void onPostionChanged(float distance) {
+                long dtime = mVideoProgressController.distance2Duration(distance);
+
+                Log.i(TAG, String.format(Locale.getDefault(), "onPostionChanged, mStartView distance = %f, dtime = %d", distance, dtime));
+
+                if (dtime > 0 && mDurationMs - dtime < 0) {
+                    dtime = mDurationMs;
+                } else if (dtime < 0 && (mStartTimeMs + dtime < 0)) {
+                    dtime = -mStartTimeMs;
+                }
+                if (dtime == 0) {
+                    return;
+                }
+
+                mDurationMs -= dtime;
+                mStartTimeMs = mStartTimeMs + dtime;
+                MarginLayoutParams layoutParams = (MarginLayoutParams) mStartView.getLayoutParams();
+                int dx = layoutParams.leftMargin;
+
+                Log.i(TAG, String.format(Locale.getDefault(), "onPostionChanged, mStartView layoutParams.leftMargin = %d", layoutParams.leftMargin));
+
+                changeStartViewLayoutParams();
+                dx = layoutParams.leftMargin - dx;
+
+                layoutParams = (MarginLayoutParams) mMiddleView.getLayoutParams();
+                layoutParams.width -= dx;
+            }
+
+            @Override
+            public void onChangeComplete() {
+                mVideoProgressController.setIsRangeSliderChanged(true);
+                mVideoProgressController.setCurrentTimeMs(mStartTimeMs);
+                if (mOnDurationChangeListener != null) {
+                    mOnDurationChangeListener.onDurationChange(mStartTimeMs, mEndTimeMs);
+                }
+            }
+        });
+
+
+        mEndViewTouchProcess.setOnPositionChangedListener(new ViewTouchProcess.OnPositionChangedListener() {
+            @Override
+            public void onPostionChanged(float distance) {
+                long dtime = mVideoProgressController.distance2Duration(distance);
+
+                if (dtime < 0 && (mEndTimeMs + dtime - mStartTimeMs) < 0) {
+                    dtime = mStartTimeMs - mEndTimeMs;
+                } else if (dtime > 0 && mEndTimeMs + dtime > mMaxDuration) {
+                    dtime = mMaxDuration - mEndTimeMs;
+                }
+                if (dtime == 0) {
+                    return;
+                }
+                mDurationMs += dtime;
+
+                ViewGroup.LayoutParams layoutParams = mMiddleView.getLayoutParams();
+                layoutParams.width = mVideoProgressController.duration2Distance(mDurationMs);
+
+                mEndTimeMs = mEndTimeMs + dtime;
+                mMiddleView.setLayoutParams(layoutParams);
+            }
+
+            @Override
+            public void onChangeComplete() {
+                mVideoProgressController.setIsRangeSliderChanged(true);
+                mVideoProgressController.setCurrentTimeMs(mEndTimeMs);
+                if (mOnDurationChangeListener != null) {
+                    mOnDurationChangeListener.onDurationChange(mStartTimeMs, mEndTimeMs);
+                }
+            }
+        });
+    }
+
+    public void changeStartViewLayoutParams() {
+        MarginLayoutParams layoutParams = (MarginLayoutParams) mStartView.getLayoutParams();
+        layoutParams.leftMargin = mVideoProgressController.calculateStartViewPosition(this);
+
+        mStartView.setLayoutParams(layoutParams);
+    }
+
+    public void setEditComplete() {
+        mStartView.setVisibility(View.INVISIBLE);
+        mEndView.setVisibility(View.INVISIBLE);
+    }
+
+    public void showEdit() {
+        mStartView.setVisibility(View.VISIBLE);
+        mEndView.setVisibility(View.VISIBLE);
+    }
+
+    @NonNull
+    public ViewGroup getContainer() {
+        return (ViewGroup) mRootView;
+    }
+
+    public View getStartView() {
+        return mStartView;
+    }
+
+    public View getEndView() {
+        return mEndView;
+    }
+
+    public long getStartTimeUs() {
+        return mStartTimeMs;
+    }
+
+    public long getDuration() {
+        return mDurationMs;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/SliderViewContainer.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/SliderViewContainer.java
new file mode 100644
index 0000000..a08694f
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/SliderViewContainer.java
@@ -0,0 +1,125 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+import android.content.Context;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.effect.time.TCTimeFragment;
+
+public class SliderViewContainer extends LinearLayout {
+    private static final String                     TAG        = "RepeatSliderView";
+    private              Context                    mContext;
+    private              View                       mRootView;
+    private              ImageView                  mSliderView;
+    private              long                       mStartTimeMs;
+    private              VideoProgressController    mVideoProgressController;
+    private              ViewTouchProcess           mViewTouchProcess;
+    private              OnStartTimeChangedListener mOnStartTimeChangedListener;
+    private              int                        mSliderIcon = R.color.ugckit_slider_bg;
+    private              long                       mSliderDuration = TCTimeFragment.DEAULT_REPEAT_DURATION_MS;
+
+    public void setSliderIcon(int icon) {
+        mSliderIcon = icon;
+    }
+
+    public interface OnStartTimeChangedListener {
+        void onStartTimeMsChanged(long timeMs);
+    }
+
+    public SliderViewContainer(Context context) {
+        super(context);
+        init(context);
+    }
+
+    public SliderViewContainer(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public SliderViewContainer(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    public void setOnStartTimeChangedListener(OnStartTimeChangedListener onStartTimeChangedListener) {
+        mOnStartTimeChangedListener = onStartTimeChangedListener;
+    }
+
+    private void init(Context context) {
+        mContext = context;
+        mRootView = LayoutInflater.from(context).inflate(R.layout.ugckit_layout_repeat_slider, this);
+        mSliderView = (ImageView) mRootView.findViewById(R.id.iv_slider);
+        mSliderView.setImageResource(mSliderIcon);
+
+        mViewTouchProcess = new ViewTouchProcess(mSliderView);
+        setTouchProcessListener();
+    }
+
+    private void setTouchProcessListener() {
+        mViewTouchProcess.setOnPositionChangedListener(new ViewTouchProcess.OnPositionChangedListener() {
+            @Override
+            public void onPostionChanged(float distance) {
+                long dtime = mVideoProgressController.distance2Duration(distance);
+
+                if (dtime > 0 && (mVideoProgressController.getTotalDurationMs() - mStartTimeMs) - dtime < 0) {
+                    dtime = mVideoProgressController.getTotalDurationMs() - mStartTimeMs;
+                } else if (dtime < 0 && (mStartTimeMs + dtime < 0)) {
+                    dtime = -mStartTimeMs;
+                }
+                if (dtime == 0) {
+                    return;
+                }
+
+                mStartTimeMs = mStartTimeMs + dtime;
+                changeLayoutParams();
+            }
+
+            @Override
+            public void onChangeComplete() {
+                if (mOnStartTimeChangedListener != null) {
+                    mOnStartTimeChangedListener.onStartTimeMsChanged(mStartTimeMs);
+                }
+            }
+
+        });
+    }
+
+    public void changeLayoutParams() {
+        if (mVideoProgressController != null) {
+            MarginLayoutParams layoutParams = (MarginLayoutParams) mSliderView.getLayoutParams();
+            layoutParams.leftMargin = mVideoProgressController.calculateSliderViewPosition(SliderViewContainer.this);
+            layoutParams.width = mVideoProgressController.calculateSliderWidth(mSliderDuration);
+            mSliderView.setLayoutParams(layoutParams);
+        }
+    }
+
+    public View getSliderView() {
+        return mSliderView;
+    }
+
+    public void setVideoProgressControlloer(VideoProgressController videoProgressControlloer) {
+        mVideoProgressController = videoProgressControlloer;
+    }
+
+    public void setStartTimeMs(long timeMs) {
+        mStartTimeMs = timeMs;
+        changeLayoutParams();
+    }
+
+    public long getStartTimeMs() {
+        return mStartTimeMs;
+    }
+    
+    public void setSliderDuration(long duration) {
+        this.mSliderDuration = duration;
+    }
+    
+    public long getSliderDuration() {
+        return mSliderDuration;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ThumbnailAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ThumbnailAdapter.java
new file mode 100644
index 0000000..41d8c5a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ThumbnailAdapter.java
@@ -0,0 +1,106 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+import android.graphics.Bitmap;
+import android.graphics.Color;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class ThumbnailAdapter extends RecyclerView.Adapter<ThumbnailAdapter.ThumbnailViewHolder> {
+
+    private static final int TYPE_HEADER    = 1;
+    private static final int TYPE_FOOTER    = 2;
+    private static final int TYPE_THUMBNAIL = 3;
+
+    private int          mViewWidth;
+    private int          mCount;
+    @Nullable
+    private List<Bitmap> mThumbnailList;
+
+    public ThumbnailAdapter(int viewWidth, @Nullable List<Bitmap> thumbnailList) {
+        mViewWidth = viewWidth;
+        if (thumbnailList == null) {
+            mThumbnailList = new ArrayList<>();
+        }
+        mThumbnailList = thumbnailList;
+        mCount = mThumbnailList.size();
+    }
+
+    @Nullable
+    @Override
+    public ThumbnailViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        ThumbnailViewHolder viewHolder;
+        View itemView;
+        switch (viewType) {
+            case TYPE_HEADER:
+            case TYPE_FOOTER:
+                itemView = new View(parent.getContext());
+                itemView.setLayoutParams(new ViewGroup.LayoutParams(mViewWidth / 2, ViewGroup.LayoutParams.MATCH_PARENT));
+                itemView.setBackgroundColor(Color.TRANSPARENT);
+                viewHolder = new ThumbnailViewHolder(itemView);
+                return viewHolder;
+
+            case TYPE_THUMBNAIL:
+                itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.ugckit_item_video_progress_thumbnail, null);
+                viewHolder = new ThumbnailViewHolder(itemView);
+                viewHolder.ivThumbnail = (ImageView) itemView.findViewById(R.id.iv_video_progress_thumbnail);
+                return viewHolder;
+        }
+        return null;
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ThumbnailViewHolder holder, int position) {
+        if (position != 0 && position != mCount + 1) {
+            Bitmap thumbnailBitmap = mThumbnailList.get(position - 1);
+            holder.ivThumbnail.setImageBitmap(thumbnailBitmap);
+        }
+    }
+
+    @Override
+    public int getItemCount() {
+        if (mCount == 0) {
+            return 0;
+        }
+
+        return mCount + 2;
+    }
+
+    @Override
+    public int getItemViewType(int position) {
+        if (position == 0) {
+            return TYPE_HEADER;
+        } else if (position == mCount + 1) {
+            return TYPE_FOOTER;
+        } else {
+            return TYPE_THUMBNAIL;
+        }
+    }
+
+    @Override
+    public void onViewRecycled(@NonNull ThumbnailViewHolder holder) {
+        super.onViewRecycled(holder);
+        if (holder.ivThumbnail != null) {
+            holder.ivThumbnail.setImageBitmap(null);
+        }
+    }
+
+    class ThumbnailViewHolder extends RecyclerView.ViewHolder {
+        ImageView ivThumbnail;
+
+        public ThumbnailViewHolder(@NonNull View itemView) {
+            super(itemView);
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/VideoProgressController.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/VideoProgressController.java
new file mode 100644
index 0000000..464376d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/VideoProgressController.java
@@ -0,0 +1,463 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.util.Log;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+
+public class VideoProgressController {
+    private final String TAG = "VideoProgressController";
+
+    private VideoProgressView mVideoProgressView;
+    private RecyclerView      mRecyclerView;
+    @Nullable
+    private ColorfulProgress  mColorfulProgress;
+
+    private boolean                        mIsTouching;
+    private boolean                        mIsRangeSliderChanged;
+    private int                            mThumbnailNum;
+    private int                            mScrollState;
+    private long                           mCurrentTimeMs;
+    private long                           mTotalDurationMs; // us
+    private float                          mCurrentScroll;
+    private float                          mThumbnailPicListDisplayWidth; // 视频缩略图列表的宽度
+    private float                          mVideoProgressDisplayWidth; // 视频进度条可显示宽度
+    private VideoProgressSeekListener      mVideoProgressSeekListener;
+    private HashMap<Integer, List>         mRangeSliderViewContainerHashmap; // 分类的范围块view
+    private List<RangeSliderViewContainer> mRangeSliderViewContainerList; // 所有的范围块view
+    private List<SliderViewContainer>      mSliderViewContainerList;
+
+    public VideoProgressController(long durationMs) {
+        mTotalDurationMs = durationMs;
+    }
+
+    public void setVideoProgressDisplayWidth(int width) {
+        mVideoProgressDisplayWidth = width;
+    }
+
+    public void addRangeSliderView(@Nullable final RangeSliderViewContainer rangeSliderView) {
+        if (rangeSliderView == null) {
+            Log.e(TAG, "addRangeSliderView, rangeSliderView is null !");
+            return;
+        }
+        if (mRangeSliderViewContainerList == null) {
+            mRangeSliderViewContainerList = new ArrayList<>();
+        }
+
+        mRangeSliderViewContainerList.add(rangeSliderView);
+        mVideoProgressView.getParentView().addView(rangeSliderView);
+        rangeSliderView.post(new Runnable() {
+            @Override
+            public void run() {
+                rangeSliderView.changeStartViewLayoutParams();
+            }
+        });
+    }
+
+    public void addRangeSliderView(int type, @Nullable final RangeSliderViewContainer rangeSliderView) {
+        if (rangeSliderView == null) {
+            Log.e(TAG, "addRangeSliderView, rangeSliderView is null !");
+            return;
+        }
+        if (mRangeSliderViewContainerList == null) {
+            mRangeSliderViewContainerList = new ArrayList<>();
+        }
+        if (mRangeSliderViewContainerHashmap == null) {
+            mRangeSliderViewContainerHashmap = new HashMap<>();
+        }
+        List<RangeSliderViewContainer> rangeSliderViewContainerList = mRangeSliderViewContainerHashmap.get(type);
+        if (rangeSliderViewContainerList == null) {
+            rangeSliderViewContainerList = new ArrayList<>();
+        }
+        rangeSliderViewContainerList.add(rangeSliderView);
+        mRangeSliderViewContainerHashmap.put(type, rangeSliderViewContainerList);
+
+        mRangeSliderViewContainerList.add(rangeSliderView);
+        mVideoProgressView.getParentView().addView(rangeSliderView);
+        rangeSliderView.post(new Runnable() {
+            @Override
+            public void run() {
+                rangeSliderView.changeStartViewLayoutParams();
+            }
+        });
+    }
+
+    public boolean removeRangeSliderView(RangeSliderViewContainer rangeSliderView) {
+        if (mVideoProgressView == null) {
+            Log.e(TAG, "removeRangeSliderView, mVideoProgressView is null");
+            return false;
+        }
+        mVideoProgressView.getParentView().removeView(rangeSliderView);
+        if (mRangeSliderViewContainerList == null || mRangeSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "removeRangeSliderView, mRangeSliderViewContainerList is empty");
+            return false;
+        }
+        return mRangeSliderViewContainerList.remove(rangeSliderView);
+    }
+
+    @Nullable
+    public View removeRangeSliderView(int index) {
+        if (mVideoProgressView == null) {
+            Log.e(TAG, "removeRangeSliderView(index), mVideoProgressView is null");
+            return null;
+        }
+        if (mRangeSliderViewContainerList == null || mRangeSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "removeRangeSliderView(index), mRangeSliderViewContainerList is empty");
+            return null;
+        }
+        if (index > mRangeSliderViewContainerList.size() - 1) {
+            Log.e(TAG, "removeRangeSliderView(index), index out of bounds");
+            return null;
+        }
+        RangeSliderViewContainer view = mRangeSliderViewContainerList.remove(index);
+        mVideoProgressView.getParentView().removeView(view);
+        return view;
+    }
+
+    @Nullable
+    public View removeRangeSliderView(int type, int index) {
+        if (mVideoProgressView == null) {
+            Log.e(TAG, "removeRangeSliderView(type, index), mVideoProgressView is null");
+            return null;
+        }
+        if (mRangeSliderViewContainerList == null || mRangeSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "removeRangeSliderView(type, index), mRangeSliderViewContainerList is empty");
+            return null;
+        }
+        List<RangeSliderViewContainer> rangeSliderViewContainerList = mRangeSliderViewContainerHashmap.get(type);
+        if (rangeSliderViewContainerList == null || rangeSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "removeRangeSliderView(type, index), rangeSliderViewContainerList is empty");
+            return null;
+        }
+        RangeSliderViewContainer view = rangeSliderViewContainerList.remove(index);
+        mRangeSliderViewContainerList.remove(view);
+        mVideoProgressView.getParentView().removeView(view);
+        return view;
+    }
+
+    @Nullable
+    public RangeSliderViewContainer getRangeSliderView(int index) {
+        if (index < 0) {
+            return null;
+        }
+        if (mRangeSliderViewContainerList != null && index < mRangeSliderViewContainerList.size() && index >= 0) {
+            return mRangeSliderViewContainerList.get(index);
+        }
+        return null;
+    }
+
+    @Nullable
+    public RangeSliderViewContainer getRangeSliderView(int type, int index) {
+        if (index < 0) {
+            return null;
+        }
+        if (mRangeSliderViewContainerHashmap == null) {
+            Log.e(TAG, "getRangeSliderView(type, index), mRangeSliderViewContainerHashmap is null");
+            return null;
+        }
+        List<RangeSliderViewContainer> rangeSliderViewContainerList = mRangeSliderViewContainerHashmap.get(type);
+        if (rangeSliderViewContainerList == null || rangeSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "getRangeSliderView(type, index), rangeSliderViewContainer is empty");
+            return null;
+        }
+        RangeSliderViewContainer view = rangeSliderViewContainerList.get(index);
+        return view;
+    }
+
+    public void showAllRangeSliderView(int type, boolean isShow) {
+        if (mRangeSliderViewContainerHashmap == null) {
+            Log.e(TAG, "showAllRangeSliderView(type), mRangeSliderViewContainerHashmap is null");
+            return;
+        }
+        List<RangeSliderViewContainer> rangeSliderViewContainerList = mRangeSliderViewContainerHashmap.get(type);
+        if (rangeSliderViewContainerList == null || rangeSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "showAllRangeSliderView(type), rangeSliderViewContainer is empty");
+            return;
+        }
+
+        for (RangeSliderViewContainer rangeSliderViewContainer : rangeSliderViewContainerList) {
+            if (isShow) {
+                rangeSliderViewContainer.setVisibility(View.VISIBLE);
+            } else {
+                rangeSliderViewContainer.setVisibility(View.GONE);
+            }
+        }
+    }
+
+    public void addColorfulProgress(@Nullable ColorfulProgress colorfulProgress) {
+        if (colorfulProgress == null) {
+            Log.e(TAG, "addColorfulProgress, colorfulProgress is null !");
+            return;
+        }
+        colorfulProgress.setVideoProgressController(this);
+        mColorfulProgress = colorfulProgress;
+        mVideoProgressView.getParentView().addView(colorfulProgress);
+        mColorfulProgress.post(new Runnable() {
+            @Override
+            public void run() {
+                changeColorfulProgressOffset();
+            }
+        });
+    }
+
+    private void changeColorfulProgressOffset() {
+        if (mColorfulProgress == null) {
+            return;
+        }
+        ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) mColorfulProgress.getLayoutParams();
+        layoutParams.leftMargin = calculateColorfulProgressOffset();
+        mColorfulProgress.requestLayout();
+    }
+
+    public void removeColorfulProgress() {
+        if (mColorfulProgress != null) {
+            mVideoProgressView.getParentView().removeView(mColorfulProgress);
+        }
+    }
+
+    public void addSliderView(@Nullable final SliderViewContainer sliderViewContainer) {
+        if (sliderViewContainer == null) {
+            return;
+        }
+        if (mSliderViewContainerList == null) {
+            mSliderViewContainerList = new ArrayList<>();
+        }
+        mSliderViewContainerList.add(sliderViewContainer);
+        sliderViewContainer.setVideoProgressControlloer(this);
+        mVideoProgressView.getParentView().addView(sliderViewContainer);
+
+        mTotalDurationMs += sliderViewContainer.getSliderDuration();
+        sliderViewContainer.post(new Runnable() {
+            @Override
+            public void run() {
+                sliderViewContainer.changeLayoutParams();
+            }
+        });
+    }
+
+    public boolean removeSliderView(SliderViewContainer sliderViewContainer) {
+        if (mVideoProgressView == null) {
+            Log.e(TAG, "removeSliderView, mVideoProgressView is null");
+            return false;
+        }
+        mTotalDurationMs -= sliderViewContainer.getSliderDuration();
+        mVideoProgressView.getParentView().removeView(sliderViewContainer);
+        if (mSliderViewContainerList == null || mSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "removeSliderView, mSliderViewContainerList is empty");
+            return false;
+        }
+        return mSliderViewContainerList.remove(sliderViewContainer);
+    }
+
+    @Nullable
+    public View removeSliderView(int index) {
+        if (mVideoProgressView == null) {
+            Log.e(TAG, "removeSliderView(index), mVideoProgressView is null");
+            return null;
+        }
+        if (mSliderViewContainerList == null || mSliderViewContainerList.size() == 0) {
+            Log.e(TAG, "removeSliderView(index), mSliderViewContainerList is empty");
+            return null;
+        }
+        if (index > mSliderViewContainerList.size() - 1) {
+            Log.e(TAG, "removeSliderView(int index), index out of bounds");
+            return null;
+        }
+        SliderViewContainer sliderViewContainer = mSliderViewContainerList.get(index);
+        mTotalDurationMs -= sliderViewContainer.getSliderDuration();
+        mVideoProgressView.getParentView().removeView(sliderViewContainer);
+        return sliderViewContainer;
+    }
+
+
+    int calculateStartViewPosition(@NonNull RangeSliderViewContainer rangeSliderView) {
+        return (int) (mVideoProgressDisplayWidth / 2 - rangeSliderView.getStartView().getMeasuredWidth()
+                + duration2Distance(rangeSliderView.getStartTimeUs()) - mCurrentScroll);
+    }
+
+    int calculateSliderViewPosition(@NonNull SliderViewContainer sliderViewContainer) {
+        return (int) (mVideoProgressDisplayWidth / 2 + duration2Distance(sliderViewContainer.getStartTimeMs()) - mCurrentScroll);
+    }
+
+    int calculateColorfulProgressOffset() {
+        return (int) (mVideoProgressDisplayWidth / 2 - mCurrentScroll);
+    }
+
+    public int duration2Distance(long durationMs) {
+        float rate = durationMs * 1.0f / mTotalDurationMs;
+        return (int) (getThumbnailPicListDisplayWidth() * rate);
+    }
+
+    public int calculateSliderWidth(long durationMs) {
+        int resultWidth;
+        float thumbnailPicDisplayWidth = getThumbnailPicListDisplayWidth();
+        //最小宽度不能低于0.1秒宽度
+        float durationSec = durationMs < 100 ? 0.1F : durationMs / 1000F;
+
+        int durationMinWidth;
+        if(mTotalDurationMs > 1) {
+            durationMinWidth = (int) (thumbnailPicDisplayWidth / (mTotalDurationMs / 1000));
+        } else {
+            durationMinWidth = (int) (mVideoProgressDisplayWidth / 16);
+        }
+
+        resultWidth = (int) (durationMinWidth * durationSec);
+        //如果最终计算出来的宽度大于整个视频时间轴上的宽度，那么将宽度置为视频轴的宽度
+        if(resultWidth > thumbnailPicDisplayWidth) {
+            resultWidth = (int) thumbnailPicDisplayWidth;
+        }
+        return resultWidth;
+    }
+
+    long distance2Duration(float distance) {
+        float rate = distance / getThumbnailPicListDisplayWidth();
+        return (long) (mTotalDurationMs * rate);
+    }
+
+    public void setVideoProgressSeekListener(VideoProgressSeekListener videoProgressSeekListener) {
+        mVideoProgressSeekListener = videoProgressSeekListener;
+    }
+
+    public void setVideoProgressView(VideoProgressView videoProgressView) {
+        mVideoProgressView = videoProgressView;
+        mRecyclerView = mVideoProgressView.getRecyclerView();
+        mRecyclerView.setOnTouchListener(new View.OnTouchListener() {
+            @Override
+            public boolean onTouch(View view, @NonNull MotionEvent motionEvent) {
+                int eventId = motionEvent.getAction();
+                switch (eventId) {
+                    case MotionEvent.ACTION_DOWN:
+                        mIsTouching = true;
+                        break;
+                    case MotionEvent.ACTION_UP:
+                    case MotionEvent.ACTION_CANCEL:
+                        mIsTouching = false;
+                        break;
+                }
+                return false;
+            }
+        });
+
+        mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
+            @Override
+            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
+                super.onScrollStateChanged(recyclerView, newState);
+                Log.i(TAG, "onScrollStateChanged, new state = " + newState);
+
+                switch (newState) {
+                    case RecyclerView.SCROLL_STATE_IDLE:
+                        Log.i(TAG, "onScrollStateChanged, state idle, mCurrentTimeMs = " + mCurrentTimeMs);
+
+                        if (mVideoProgressSeekListener != null) {
+                            mVideoProgressSeekListener.onVideoProgressSeekFinish(mCurrentTimeMs);
+                        }
+                        if (mRangeSliderViewContainerList != null && mRangeSliderViewContainerList.size() > 0) {
+                            for (RangeSliderViewContainer rangeSliderView : mRangeSliderViewContainerList) {
+                                rangeSliderView.changeStartViewLayoutParams();
+                            }
+                        }
+
+                        if (mColorfulProgress != null) {
+                            mColorfulProgress.setCurPosition(mCurrentScroll);
+                            changeColorfulProgressOffset();
+                        }
+
+                        if (mSliderViewContainerList != null && mSliderViewContainerList.size() > 0) {
+                            for (SliderViewContainer sliderViewContainer : mSliderViewContainerList) {
+                                sliderViewContainer.changeLayoutParams();
+                            }
+                        }
+                        break;
+                    case RecyclerView.SCROLL_STATE_DRAGGING:
+                        break;
+                    case RecyclerView.SCROLL_STATE_SETTLING:
+                        break;
+                }
+                mScrollState = newState;
+            }
+
+            @Override
+            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
+                super.onScrolled(recyclerView, dx, dy);
+                mCurrentScroll = mCurrentScroll + dx;
+                float rate = mCurrentScroll / getThumbnailPicListDisplayWidth();
+                long currentTimeUs = (long) (rate * mTotalDurationMs);
+
+                if (mIsTouching || mIsRangeSliderChanged || mScrollState == RecyclerView.SCROLL_STATE_SETTLING) {
+                    mIsRangeSliderChanged = false; // 由于范围改变引起的，回调给界面后保证能单帧预览，之后马上重置
+                    if (mVideoProgressSeekListener != null) {
+                        mVideoProgressSeekListener.onVideoProgressSeek(currentTimeUs);
+                    }
+                }
+                mCurrentTimeMs = currentTimeUs;
+                if (mRangeSliderViewContainerList != null && mRangeSliderViewContainerList.size() > 0) {
+                    for (RangeSliderViewContainer rangeSliderView : mRangeSliderViewContainerList) {
+                        rangeSliderView.changeStartViewLayoutParams();
+                    }
+                }
+
+                if (mColorfulProgress != null) {
+                    mColorfulProgress.setCurPosition(mCurrentScroll);
+                    changeColorfulProgressOffset();
+                }
+                if (mSliderViewContainerList != null && mSliderViewContainerList.size() > 0) {
+                    for (SliderViewContainer sliderViewContainer : mSliderViewContainerList) {
+                        sliderViewContainer.changeLayoutParams();
+                    }
+                }
+            }
+        });
+    }
+
+    /**
+     * 当前时间ms
+     *
+     * @param currentTimeMs
+     */
+    public void setCurrentTimeMs(long currentTimeMs) {
+        mCurrentTimeMs = currentTimeMs;
+        float rate = (float) mCurrentTimeMs / mTotalDurationMs;
+        float scrollBy = rate * getThumbnailPicListDisplayWidth() - mCurrentScroll;
+        mRecyclerView.scrollBy((int) scrollBy, 0);
+    }
+
+    public long getCurrentTimeMs() {
+        return mCurrentTimeMs;
+    }
+
+    public long getTotalDurationMs() {
+        return mTotalDurationMs;
+    }
+
+    public void setIsRangeSliderChanged(boolean isRangeSliderChanged) {
+        mIsRangeSliderChanged = isRangeSliderChanged;
+    }
+
+    /**
+     * 获取缩略图列表的长度，需要在设置完数据之后调用，否则返回0
+     *
+     * @return
+     */
+    public float getThumbnailPicListDisplayWidth() {
+        if (mThumbnailPicListDisplayWidth == 0) {
+            mThumbnailNum = mVideoProgressView.getThumbnailCount();
+            mThumbnailPicListDisplayWidth = mThumbnailNum * mVideoProgressView.getSingleThumbnailWidth();
+        }
+        return mThumbnailPicListDisplayWidth;
+    }
+
+    public interface VideoProgressSeekListener {
+        void onVideoProgressSeek(long currentTimeMs);
+
+        void onVideoProgressSeekFinish(long currentTimeMs);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/VideoProgressView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/VideoProgressView.java
new file mode 100644
index 0000000..5b96fb9
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/VideoProgressView.java
@@ -0,0 +1,80 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.AttrRes;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.List;
+
+public class VideoProgressView extends FrameLayout {
+
+    private Context          mContext;
+    private View             mRootView;
+    private RecyclerView     mRecyclerView;
+    private int              mViewWidth;
+    private ThumbnailAdapter mThumbnailAdapter;
+    private List<Bitmap>     mThumbnailList;
+
+    public VideoProgressView(@NonNull Context context) {
+        super(context);
+        init(context);
+    }
+
+    public VideoProgressView(@NonNull Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public VideoProgressView(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    private void init(Context context) {
+        mContext = context;
+        mRootView = LayoutInflater.from(context).inflate(R.layout.ugckit_layout_video_progress, this);
+        mRecyclerView = (RecyclerView) mRootView.findViewById(R.id.rv_video_thumbnail);
+        mRecyclerView.setLayoutManager(new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false));
+    }
+
+    public void setViewWidth(int viewWidth) {
+        mViewWidth = viewWidth;
+    }
+
+    public void setThumbnailData(List<Bitmap> thumbnailList) {
+        mThumbnailList = thumbnailList;
+        mThumbnailAdapter = new ThumbnailAdapter(mViewWidth, mThumbnailList);
+        mRecyclerView.setAdapter(mThumbnailAdapter);
+        mThumbnailAdapter.notifyDataSetChanged();
+    }
+
+    public RecyclerView getRecyclerView() {
+        return mRecyclerView;
+    }
+
+    public int getThumbnailCount() {
+        return mThumbnailAdapter.getItemCount() - 2;
+    }
+
+    public float getSingleThumbnailWidth() {
+        return mContext.getResources().getDimension(R.dimen.ugckit_video_thumbnail_width);
+    }
+
+    @NonNull
+    public ViewGroup getParentView() {
+        return (ViewGroup) mRootView;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ViewConst.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ViewConst.java
new file mode 100644
index 0000000..2e005d2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ViewConst.java
@@ -0,0 +1,6 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+public class ViewConst {
+    public static final int VIEW_TYPE_PASTER = 1;
+    public static final int VIEW_TYPE_WORD   = 2;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ViewTouchProcess.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ViewTouchProcess.java
new file mode 100644
index 0000000..fbe6b2a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/component/timeline/ViewTouchProcess.java
@@ -0,0 +1,54 @@
+package com.tencent.qcloud.ugckit.component.timeline;
+
+import androidx.annotation.NonNull;
+import android.view.MotionEvent;
+import android.view.View;
+
+public class ViewTouchProcess implements View.OnTouchListener {
+    private final String                    TAG = "ViewTouchProcess";
+    private       View                      mView;
+    private       float                     mStartX;
+    private       OnPositionChangedListener mOnPositionChangedListener;
+
+    public interface OnPositionChangedListener {
+        void onPostionChanged(float distance);
+
+        void onChangeComplete();
+    }
+
+    public ViewTouchProcess(View view) {
+        mView = view;
+        mView.setOnTouchListener(this);
+    }
+
+    public void setOnPositionChangedListener(OnPositionChangedListener onPositionChangedListener) {
+        mOnPositionChangedListener = onPositionChangedListener;
+    }
+
+    @Override
+    public boolean onTouch(View view, @NonNull MotionEvent motionEvent) {
+        int eventId = motionEvent.getAction();
+        switch (eventId) {
+            case MotionEvent.ACTION_DOWN:
+                mStartX = motionEvent.getRawX();
+                break;
+            case MotionEvent.ACTION_MOVE:
+                float dx = motionEvent.getRawX() - mStartX;
+                mStartX = motionEvent.getRawX();
+                if (mOnPositionChangedListener != null) {
+                    mOnPositionChangedListener.onPostionChanged(dx);
+                }
+                break;
+            case MotionEvent.ACTION_UP:
+            case MotionEvent.ACTION_CANCEL:
+                if (mOnPositionChangedListener != null) {
+                    mOnPositionChangedListener.onChangeComplete();
+                }
+                mStartX = 0;
+                break;
+            default:
+                mStartX = 0;
+        }
+        return true;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/PictureGenerateKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/PictureGenerateKit.java
new file mode 100644
index 0000000..73ec432
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/PictureGenerateKit.java
@@ -0,0 +1,135 @@
+package com.tencent.qcloud.ugckit.module;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.basic.BaseGenerateKit;
+import com.tencent.qcloud.ugckit.utils.CoverUtil;
+import com.tencent.qcloud.ugckit.utils.LogReport;
+import com.tencent.qcloud.ugckit.utils.VideoPathUtil;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.module.effect.utils.PlayState;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+import com.tencent.ugc.TXVideoEditer.TXVideoGenerateListener;
+
+/**
+ * 图片生成管理
+ */
+public class PictureGenerateKit extends BaseGenerateKit implements TXVideoGenerateListener {
+    private int     mCurrentState;
+    private String  mVideoOutputPath;
+    private String  mCoverPath;
+    private boolean mCoverGenerate;
+
+    @NonNull
+    private static PictureGenerateKit instance = new PictureGenerateKit();
+
+    private PictureGenerateKit() {
+        // 默认生成封面
+        mCoverGenerate = true;
+    }
+
+    @NonNull
+    public static PictureGenerateKit getInstance() {
+        return instance;
+    }
+
+    /**
+     * 开始合成视频
+     */
+    public void startGenerate() {
+        mCurrentState = PlayState.STATE_GENERATE;
+        mVideoOutputPath = VideoPathUtil.generateVideoPath();
+
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.setVideoGenerateListener(this);
+            editer.generateVideo(TXVideoEditConstants.VIDEO_COMPRESSED_720P, mVideoOutputPath);
+        }
+    }
+
+    /**
+     * 停止合成视频[包括一些异常操作导致的合成取消]
+     */
+    public void stopGenerate() {
+        if (mCurrentState == PlayState.STATE_GENERATE) {
+            mCurrentState = PlayState.STATE_NONE;
+
+            TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+            if (editer != null) {
+                editer.cancel();
+                editer.setVideoGenerateListener(null);
+            }
+
+            if (mOnUpdateUIListener != null) {
+                mOnUpdateUIListener.onUICancel();
+            }
+        }
+    }
+
+    /**
+     * 获取生成视频输出路径
+     *
+     * @return
+     */
+    public String getVideoOutputPath() {
+        return mVideoOutputPath;
+    }
+
+    /**
+     * 获取视频封面路径
+     */
+    public String getCoverPath() {
+        return mCoverPath;
+    }
+
+    @Override
+    public void onGenerateProgress(float progress) {
+        if (mOnUpdateUIListener != null) {
+            mOnUpdateUIListener.onUIProgress(progress);
+        }
+    }
+
+    @Override
+    public void onGenerateComplete(@NonNull final TXVideoEditConstants.TXGenerateResult result) {
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_PICTURE_EDIT, result.retCode, result.descMsg);
+
+        mCurrentState = PlayState.STATE_NONE;
+        if (result.retCode == TXVideoEditConstants.GENERATE_RESULT_OK) {
+            if (mCoverGenerate) {
+                // 获取哪个视频的封面
+                CoverUtil.getInstance().setInputPath(mVideoOutputPath);
+                // 创建新的封面
+                CoverUtil.getInstance().createThumbFile(new CoverUtil.ICoverListener() {
+                    @Override
+                    public void onCoverPath(String coverPath) {
+                        mCoverPath = coverPath;
+                        release();
+
+                        // UI更新
+                        if (mOnUpdateUIListener != null) {
+                            mOnUpdateUIListener.onUIComplete(result.retCode, result.descMsg);
+                        }
+                    }
+                });
+            } else {
+                release();
+
+                // UI更新
+                if (mOnUpdateUIListener != null) {
+                    mOnUpdateUIListener.onUIComplete(result.retCode, result.descMsg);
+                }
+            }
+        }
+    }
+
+    private void release() {
+        // SDK释放资源
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.release();
+        }
+        VideoEditerSDK.getInstance().clear();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/PlayerManagerKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/PlayerManagerKit.java
new file mode 100644
index 0000000..5d8205e
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/PlayerManagerKit.java
@@ -0,0 +1,330 @@
+//package com.tencent.qcloud.ugckit.module;
+//
+//import androidx.annotation.NonNull;
+//import android.util.Log;
+//
+//import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+//import com.tencent.qcloud.ugckit.module.effect.utils.PlayState;
+//import com.tencent.ugc.TXVideoEditer;
+//
+//import java.util.ArrayList;
+//import java.util.List;
+//
+//public class PlayerManagerKit implements TXVideoEditer.TXVideoPreviewListener {
+//
+//    private static final String           TAG       = "PlayerKit";
+//    @NonNull
+//    private static       PlayerManagerKit sInstance = new PlayerManagerKit();
+//
+//    private int                       mCurrentState;
+//    private long                      mPreviewAtTime;
+//    public  boolean                   isPreviewFinish;
+//    private Object                    mProgressObject = new Object();
+//    private Object                    mStateObject    = new Object();
+//    private List<OnPreviewListener>   mProgressListenerList;
+//    private List<OnPlayStateListener> mStateListenerList;
+//
+//    private PlayerManagerKit() {
+//        mProgressListenerList = new ArrayList<OnPreviewListener>();
+//        mStateListenerList = new ArrayList<OnPlayStateListener>();
+//        mCurrentState = PlayState.STATE_NONE;
+//    }
+//
+//    @NonNull
+//    public static PlayerManagerKit getInstance() {
+//        return sInstance;
+//    }
+//
+//    /**
+//     * 开始视频预览
+//     */
+//    public void startPlay() {
+//        Log.i(TAG, "startPlay mCurrentState:" + mCurrentState);
+//        if (mCurrentState == PlayState.STATE_NONE || mCurrentState == PlayState.STATE_STOP) {
+//            TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+//            if (editer != null) {
+//                addPreviewListener();
+//
+//                long startTime = VideoEditerSDK.getInstance().getCutterStartTime();
+//                long endTime = VideoEditerSDK.getInstance().getCutterEndTime();
+//                Log.d(TAG, "[UGCKit][PlayerKit]startPlay startTime:" + startTime + ",endTime:" + endTime);
+//                editer.startPlayFromTime(startTime, endTime);
+//
+//                mCurrentState = PlayState.STATE_PLAY;
+//                notifyStart();
+//            }
+//            isPreviewFinish = false;
+//        }
+//    }
+//
+//    public void startPlayCutTime() {
+//        Log.i(TAG, "startPlayCutTime");
+//        long startTime = VideoEditerSDK.getInstance().getCutterStartTime();
+//        long endTime = VideoEditerSDK.getInstance().getCutterEndTime();
+//
+//        addPreviewListener();
+//        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+//        if (editer != null) {
+//            Log.d(TAG, "[UGCKit][PlayerKit]startPlayCutTime startTime:" + startTime + ",endTime:" + endTime);
+//            editer.startPlayFromTime(startTime, endTime);
+//
+//            notifyStart();
+//        }
+//        mCurrentState = PlayState.STATE_PLAY;
+//    }
+//
+//    /**
+//     * 停止视频预览
+//     */
+//    public void stopPlay() {
+//        Log.i(TAG, "stopPlay " + mCurrentState);
+//        if (mCurrentState == PlayState.STATE_RESUME || mCurrentState == PlayState.STATE_PLAY ||
+//                mCurrentState == PlayState.STATE_PREVIEW_AT_TIME || mCurrentState == PlayState.STATE_PAUSE) {
+//            TXVideoEditer mEditer = VideoEditerSDK.getInstance().getEditer();
+//            if (mEditer != null) {
+//                mEditer.stopPlay();
+//            }
+//            removePreviewListener();
+//
+//            notifyStop();
+//        }
+//        mCurrentState = PlayState.STATE_STOP;
+//    }
+//
+//    public void resumePlay() {
+//        Log.i(TAG, "startPlay " + mCurrentState);
+//        if (mCurrentState == PlayState.STATE_NONE || mCurrentState == PlayState.STATE_STOP) {
+//            startPlay();
+//        } else {
+//            TXVideoEditer mEditer = VideoEditerSDK.getInstance().getEditer();
+//            if (mEditer != null) {
+//                mEditer.resumePlay();
+//            }
+//
+//            notifyResume();
+//        }
+//        mCurrentState = PlayState.STATE_RESUME;
+//    }
+//
+//    public void pausePlay() {
+//        Log.i(TAG, "stopPlay " + mCurrentState);
+//        if (mCurrentState == PlayState.STATE_RESUME || mCurrentState == PlayState.STATE_PLAY) {
+//            TXVideoEditer mEditer = VideoEditerSDK.getInstance().getEditer();
+//            if (mEditer != null) {
+//                mEditer.pausePlay();
+//            }
+//            notifyPause();
+//        }
+//        mCurrentState = PlayState.STATE_PAUSE;
+//    }
+//
+//    public void restartPlay() {
+//        stopPlay();
+//        startPlay();
+//    }
+//
+//    /**
+//     * 调用mTXVideoEditer.previewAtTime后，需要记录当前时间，下次播放时从当前时间开始
+//     *
+//     * @param timeMs
+//     */
+//    public void previewAtTime(long timeMs) {
+//        pausePlay();
+//        isPreviewFinish = false;
+//        TXVideoEditer mEditer = VideoEditerSDK.getInstance().getEditer();
+//        if (mEditer != null) {
+//            mEditer.previewAtTime(timeMs);
+//        }
+//        mPreviewAtTime = timeMs;
+//        mCurrentState = PlayState.STATE_PREVIEW_AT_TIME;
+//    }
+//
+//    public void addPreviewListener() {
+//        Log.d(TAG, "addPreviewListener");
+//        TXVideoEditer mEditer = VideoEditerSDK.getInstance().getEditer();
+//        if (mEditer != null) {
+//            mEditer.setTXVideoPreviewListener(this);
+//        }
+//    }
+//
+//    public void removePreviewListener() {
+//        Log.d(TAG, "removePreviewListener");
+//        TXVideoEditer mEditer = VideoEditerSDK.getInstance().getEditer();
+//        if (mEditer != null) {
+//            mEditer.setTXVideoPreviewListener(null);
+//        }
+//    }
+//
+//    @Override
+//    public void onPreviewProgress(int time) {
+//        // 转化为ms
+//        notifyPreviewProgress(time / 1000);
+//    }
+//
+//    @Override
+//    public void onPreviewFinished() {
+//        isPreviewFinish = true;
+//        Log.d(TAG, "=====onPreviewFinished=====");
+//        mCurrentState = PlayState.STATE_NONE;
+//        restartPlay();
+//
+//        notifyPreviewFinish();
+//    }
+//
+//    public void playVideo(boolean isMotionFilter) {
+//        Log.i(TAG, "playVideo mCurrentState = " + mCurrentState);
+//        if (mCurrentState == PlayState.STATE_NONE || mCurrentState == PlayState.STATE_STOP) {
+//            startPlay();
+//        } else if ((mCurrentState == PlayState.STATE_RESUME || mCurrentState == PlayState.STATE_PLAY) && !isMotionFilter) {
+//            pausePlay();
+//        } else if (mCurrentState == PlayState.STATE_PAUSE) {
+//            resumePlay();
+//        } else if (mCurrentState == PlayState.STATE_PREVIEW_AT_TIME) {
+//            long startTime = VideoEditerSDK.getInstance().getCutterStartTime();
+//            long endTime = VideoEditerSDK.getInstance().getCutterEndTime();
+//
+//            if ((mPreviewAtTime >= endTime || mPreviewAtTime <= startTime) && !isMotionFilter) {
+//                startPlay(startTime, endTime);
+//            } else if (!VideoEditerSDK.getInstance().isReverse()) {
+//                startPlay(mPreviewAtTime, endTime);
+//            } else {
+//                startPlay(startTime, mPreviewAtTime);
+//            }
+//        }
+//    }
+//
+//    public void startPlay(long startTime, long endTime) {
+//        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+//        if (editer != null) {
+//            addPreviewListener();
+//            Log.d(TAG, "[UGCKit][PlayerKit]startPlay startTime:" + startTime + ",endTime:" + endTime);
+//            editer.startPlayFromTime(startTime, endTime);
+//            mCurrentState = PlayState.STATE_PLAY;
+//            notifyStart();
+//        }
+//        isPreviewFinish = false;
+//    }
+//
+//    public void addOnPreviewLitener(OnPreviewListener listener) {
+//        synchronized (mProgressObject) {
+//            mProgressListenerList.add(listener);
+//        }
+//    }
+//
+//    public void removeOnPreviewListener(OnPreviewListener listener) {
+//        synchronized (mProgressObject) {
+//            mProgressListenerList.remove(listener);
+//        }
+//    }
+//
+//    public void removeAllPreviewListener() {
+//        synchronized (mProgressObject) {
+//            mProgressListenerList.clear();
+//        }
+//    }
+//
+//    public void notifyPreviewProgress(int time) {
+//        synchronized (mProgressObject) {
+//            for (int i = 0; i < mProgressListenerList.size(); i++) {
+//                OnPreviewListener listener = mProgressListenerList.get(i);
+//                if (listener != null) {
+//                    listener.onPreviewProgress(time);
+//                }
+//            }
+//        }
+//    }
+//
+//    public void notifyPreviewFinish() {
+//        synchronized (mProgressObject) {
+//            for (int i = 0; i < mProgressListenerList.size(); i++) {
+//                OnPreviewListener listener = mProgressListenerList.get(i);
+//                if (listener != null) {
+//                    listener.onPreviewFinish();
+//                }
+//            }
+//        }
+//    }
+//
+//    public void addOnPlayStateLitener(OnPlayStateListener listener) {
+//        synchronized (mStateObject) {
+//            mStateListenerList.add(listener);
+//        }
+//    }
+//
+//    public void removeOnPlayStateListener(OnPlayStateListener listener) {
+//        synchronized (mStateObject) {
+//            mStateListenerList.remove(listener);
+//        }
+//    }
+//
+//    public void removeAllPlayStateListener() {
+//        synchronized (mStateObject) {
+//            mStateListenerList.clear();
+//        }
+//    }
+//
+//    public void notifyStart() {
+//        synchronized (mStateObject) {
+//            for (int i = 0; i < mStateListenerList.size(); i++) {
+//                OnPlayStateListener listener = mStateListenerList.get(i);
+//                if (listener != null) {
+//                    listener.onPlayStateStart();
+//                }
+//            }
+//        }
+//    }
+//
+//    public void notifyStop() {
+//        synchronized (mStateObject) {
+//            for (int i = 0; i < mStateListenerList.size(); i++) {
+//                OnPlayStateListener listener = mStateListenerList.get(i);
+//                if (listener != null) {
+//                    listener.onPlayStateStop();
+//                }
+//            }
+//        }
+//    }
+//
+//    public void notifyResume() {
+//        synchronized (mStateObject) {
+//            for (int i = 0; i < mStateListenerList.size(); i++) {
+//                OnPlayStateListener listener = mStateListenerList.get(i);
+//                if (listener != null) {
+//                    listener.onPlayStateResume();
+//                }
+//            }
+//        }
+//    }
+//
+//    public void notifyPause() {
+//        synchronized (mStateObject) {
+//            for (int i = 0; i < mStateListenerList.size(); i++) {
+//                OnPlayStateListener listener = mStateListenerList.get(i);
+//                if (listener != null) {
+//                    listener.onPlayStatePause();
+//                }
+//            }
+//        }
+//    }
+//
+//    public int getCurrentState() {
+//        return mCurrentState;
+//    }
+//
+//    public interface OnPlayStateListener {
+//        void onPlayStateStart();
+//
+//        void onPlayStateResume();
+//
+//        void onPlayStatePause();
+//
+//        void onPlayStateStop();
+//    }
+//
+//    public interface OnPreviewListener {
+//        void onPreviewProgress(int time);
+//
+//        void onPreviewFinish();
+//    }
+//
+//}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/ProcessKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/ProcessKit.java
new file mode 100644
index 0000000..d8b2d47
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/ProcessKit.java
@@ -0,0 +1,106 @@
+package com.tencent.qcloud.ugckit.module;
+
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.basic.BaseGenerateKit;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+
+/**
+ * 视频预处理
+ */
+public class ProcessKit extends BaseGenerateKit implements TXVideoEditer.TXVideoProcessListener, TXVideoEditer.TXThumbnailListener {
+    private static final String TAG = "ProcessKit";
+
+    @NonNull
+    private static ProcessKit instance = new ProcessKit();
+
+    private ProcessKit() {
+
+    }
+
+    @NonNull
+    public static ProcessKit getInstance() {
+        return instance;
+    }
+
+    /**
+     * 开始预处理视频
+     * FIXBUG：缩略图getThumbnail和processVideo同时使用时，会有两个进度条，一个是视频预处理的进度条，一个是缩略图生成进度的进度条。
+     * 缩略图setThumbnail和processVideo同时使用，只有一个进度条。
+     * <p>
+     * 1.录制进入编辑：缩略图使用预处理的进度条
+     * 2.裁剪进入编辑：使用预处理的进度条，此时使用getThumbnail会产生两个进度条，进度条会来回闪烁
+     */
+    public void startProcess() {
+        VideoEditerSDK.getInstance().clearThumbnails();
+
+        long cutterStartTime = VideoEditerSDK.getInstance().getCutterStartTime();
+        long cutterEndTime = VideoEditerSDK.getInstance().getCutterEndTime();
+
+        int thumbnailCount = (int) (cutterEndTime - cutterStartTime) / 1000;
+
+        TXVideoEditConstants.TXThumbnail thumbnail = new TXVideoEditConstants.TXThumbnail();
+        thumbnail.count = thumbnailCount;
+        thumbnail.width = 100;
+        thumbnail.height = 100;
+
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            Log.i(TAG, "[UGCKit][VideoProcess]generate thumbnail start time:" + cutterStartTime + ",end time:" + cutterEndTime + ",thumbnail count:" + thumbnailCount);
+            editer.setThumbnail(thumbnail);
+            editer.setThumbnailListener(this);
+            editer.setVideoProcessListener(this);
+            editer.setCutFromTime(cutterStartTime, cutterEndTime);
+            Log.i(TAG, "[UGCKit][VideoProcess]generate video start time:" + cutterStartTime + ",end time:" + cutterEndTime);
+            editer.processVideo();
+        }
+    }
+
+    /**
+     * 停止预处理视频[包括一些异常操作导致的合成取消]
+     */
+    public void stopProcess() {
+        Log.d(TAG, "stopProcess");
+
+        //FIXBUG:如果上一次如生成缩略图没有停止，先停止，在进行下一次生成
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.cancel();
+            editer.setVideoProcessListener(null);
+        }
+        if (mOnUpdateUIListener != null) {
+            mOnUpdateUIListener.onUICancel();
+        }
+    }
+
+    @Override
+    public void onProcessProgress(float progress) {
+        if (mOnUpdateUIListener != null) {
+            mOnUpdateUIListener.onUIProgress(progress);
+        }
+    }
+
+    @Override
+    public void onProcessComplete(@NonNull TXVideoEditConstants.TXGenerateResult result) {
+        Log.d(TAG, "onProcessComplete");
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.setVideoProcessListener(null);
+        }
+
+        if (mOnUpdateUIListener != null) {
+            mOnUpdateUIListener.onUIComplete(result.retCode, result.descMsg);
+        }
+    }
+
+    @Override
+    public void onThumbnail(int index, long timeMs, Bitmap bitmap) {
+        Log.d(TAG, "onThumbnail index:" + index + ",timeMs:" + timeMs);
+        VideoEditerSDK.getInstance().addThumbnailBitmap(timeMs, bitmap);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/VideoGenerateKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/VideoGenerateKit.java
new file mode 100644
index 0000000..6f85d86
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/VideoGenerateKit.java
@@ -0,0 +1,252 @@
+package com.tencent.qcloud.ugckit.module;
+
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import androidx.annotation.NonNull;
+import android.util.Log;
+
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.basic.BaseGenerateKit;
+import com.tencent.qcloud.ugckit.module.editer.TailWaterMarkConfig;
+import com.tencent.qcloud.ugckit.module.editer.WaterMarkConfig;
+import com.tencent.qcloud.ugckit.utils.AlbumSaver;
+import com.tencent.qcloud.ugckit.utils.CoverUtil;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.utils.VideoPathUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.module.effect.utils.PlayState;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+import com.tencent.ugc.TXVideoEditer.TXVideoGenerateListener;
+
+/**
+ * 视频生成管理
+ */
+public class VideoGenerateKit extends BaseGenerateKit implements TXVideoGenerateListener {
+    private static final String           TAG                    = "VideoGenerateKit";
+    private static final int              DURATION_TAILWATERMARK = 3;
+    @NonNull
+    private static       VideoGenerateKit instance               = new VideoGenerateKit();
+
+    private int                 mCurrentState;
+    private int                 mVideoResolution = TXVideoEditConstants.VIDEO_COMPRESSED_720P;
+    private boolean             mSaveToDCIM;
+    private boolean             mCoverGenerate;
+    private String              mVideoOutputPath;
+    private String              mCoverPath;
+    private WaterMarkConfig     mWaterMark;
+    private TailWaterMarkConfig mTailWaterMarkConfig;
+
+    private VideoGenerateKit() {
+        // 默认生成封面
+        mCoverGenerate = true;
+        // 默认保存到相册
+        mSaveToDCIM = true;
+    }
+
+    @NonNull
+    public static VideoGenerateKit getInstance() {
+        return instance;
+    }
+
+    /**
+     * 设置视频分辨率
+     *
+     * @param resolution
+     */
+    public void setVideoResolution(int resolution) {
+        mVideoResolution = resolution;
+    }
+
+    /**
+     * 自定义视频码率
+     *
+     * @param videoBitrate
+     */
+    public void setCustomVideoBitrate(int videoBitrate) {
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.setVideoBitrate(videoBitrate);
+        }
+    }
+
+    /**
+     * 开始合成视频
+     */
+    public void startGenerate() {
+        mCurrentState = PlayState.STATE_GENERATE;
+        mVideoOutputPath = VideoPathUtil.generateVideoPath();
+        Log.d(TAG, "startGenerate mVideoOutputPath:" + mVideoOutputPath);
+
+        long startTime = VideoEditerSDK.getInstance().getCutterStartTime();
+        long endTime = VideoEditerSDK.getInstance().getCutterEndTime();
+
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.setCutFromTime(startTime, endTime);
+            editer.setVideoGenerateListener(this);
+            if (mWaterMark != null) {
+                editer.setWaterMark(mWaterMark.watermark, mWaterMark.rect);
+            }
+            if (mTailWaterMarkConfig != null) {
+                editer.setTailWaterMark(mTailWaterMarkConfig.tailwatermark, mTailWaterMarkConfig.rect, mTailWaterMarkConfig.duration);
+            }
+
+            switch (mVideoResolution) {
+                case TXVideoEditConstants.VIDEO_COMPRESSED_360P:
+                    editer.generateVideo(TXVideoEditConstants.VIDEO_COMPRESSED_360P, mVideoOutputPath);
+                    break;
+                case TXVideoEditConstants.VIDEO_COMPRESSED_480P:
+                    editer.generateVideo(TXVideoEditConstants.VIDEO_COMPRESSED_480P, mVideoOutputPath);
+                    break;
+                case TXVideoEditConstants.VIDEO_COMPRESSED_540P:
+                    editer.generateVideo(TXVideoEditConstants.VIDEO_COMPRESSED_540P, mVideoOutputPath);
+                    break;
+                case TXVideoEditConstants.VIDEO_COMPRESSED_720P:
+                    editer.generateVideo(TXVideoEditConstants.VIDEO_COMPRESSED_720P, mVideoOutputPath);
+                    break;
+                case TXVideoEditConstants.VIDEO_COMPRESSED_1080P:
+                    editer.generateVideo(TXVideoEditConstants.VIDEO_COMPRESSED_1080P, mVideoOutputPath);
+                    break;
+                default:
+                    editer.generateVideo(TXVideoEditConstants.VIDEO_COMPRESSED_720P, mVideoOutputPath);
+                    break;
+
+            }
+        }
+    }
+
+    /**
+     * 停止合成视频[包括一些异常操作导致的合成取消]
+     */
+    public void stopGenerate() {
+        //FIXBUG:如果上一次如生成缩略图没有停止，先停止，在进行下一次生成
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.cancel();
+            editer.setVideoGenerateListener(null);
+        }
+        if (mCurrentState == PlayState.STATE_GENERATE) {
+            ToastUtil.toastShortMessage(UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_editer_activity_cancel_video_generation));
+            mCurrentState = PlayState.STATE_NONE;
+
+            if (mOnUpdateUIListener != null) {
+                mOnUpdateUIListener.onUICancel();
+            }
+        }
+    }
+
+    @Override
+    public void onGenerateProgress(float progress) {
+        if (mOnUpdateUIListener != null) {
+            mOnUpdateUIListener.onUIProgress(progress);
+        }
+    }
+
+    /**
+     * 添加片尾水印
+     */
+    public void addTailWaterMark() {
+        TXVideoEditConstants.TXVideoInfo info = VideoEditerSDK.getInstance().getTXVideoInfo();
+
+        if (info == null) {
+            Log.e(TAG, "addTailWaterMark info is null");
+            return;
+        }
+        Bitmap tailWaterMarkBitmap = BitmapFactory.decodeResource(UGCKit.getAppContext().getResources(), R.drawable.ugckit_tcloud_logo);
+        float widthHeightRatio = tailWaterMarkBitmap.getWidth() / (float) tailWaterMarkBitmap.getHeight();
+
+        TXVideoEditConstants.TXRect rect = new TXVideoEditConstants.TXRect();
+        // 归一化的片尾水印，这里设置了一个固定值，水印占屏幕宽度的0.25。
+        rect.width = 0.25f;
+        // 后面根据实际图片的宽高比，计算出对应缩放后的图片的宽度：txRect.width * videoInfo.width 和高度：txRect.width * videoInfo.width / widthHeightRatio，然后计算出水印放中间时的左上角位置
+        rect.x = (info.width - rect.width * info.width) / (2f * info.width);
+        rect.y = (info.height - rect.width * info.width / widthHeightRatio) / (2f * info.height);
+
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.setTailWaterMark(tailWaterMarkBitmap, rect, DURATION_TAILWATERMARK);
+        }
+    }
+
+    @Override
+    public void onGenerateComplete(@NonNull final TXVideoEditConstants.TXGenerateResult result) {
+        mCurrentState = PlayState.STATE_NONE;
+        if (result.retCode == TXVideoEditConstants.GENERATE_RESULT_OK) {
+            if (mCoverGenerate) {
+                Log.d(TAG, "onGenerateComplete outputPath:" + mVideoOutputPath);
+                // 获取哪个视频的封面
+                CoverUtil.getInstance().setInputPath(mVideoOutputPath);
+                // 创建新的封面
+                CoverUtil.getInstance().createThumbFile(new CoverUtil.ICoverListener() {
+                    @Override
+                    public void onCoverPath(String coverPath) {
+                        mCoverPath = coverPath;
+                        Log.d(TAG, "onGenerateComplete coverPath:" + coverPath);
+                        saveAndUpdate(result);
+                        release();
+                    }
+                });
+            } else {
+                saveAndUpdate(result);
+                release();
+            }
+        }
+    }
+
+    private void release() {
+        // SDK释放资源
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer != null) {
+            editer.setVideoGenerateListener(null);
+            editer.release();
+        }
+        VideoEditerSDK.getInstance().clear();
+    }
+
+    private void saveAndUpdate(@NonNull TXVideoEditConstants.TXGenerateResult result) {
+        if (mSaveToDCIM) {
+            long duration = VideoEditerSDK.getInstance().getVideoDuration();
+            AlbumSaver.getInstance(UGCKit.getAppContext()).setOutputProfile(mVideoOutputPath, duration, mCoverPath);
+            AlbumSaver.getInstance(UGCKit.getAppContext()).saveVideoToDCIM();
+        }
+        // UI更新
+        if (mOnUpdateUIListener != null) {
+            mOnUpdateUIListener.onUIComplete(result.retCode, result.descMsg);
+        }
+    }
+
+    /**
+     * 获取生成视频输出路径
+     *
+     * @return
+     */
+    public String getVideoOutputPath() {
+        return mVideoOutputPath;
+    }
+
+    /**
+     * 获取视频封面路径
+     */
+    public String getCoverPath() {
+        return mCoverPath;
+    }
+
+    public void saveVideoToDCIM(boolean flag) {
+        mSaveToDCIM = flag;
+    }
+
+    public void setCoverGenerate(boolean coverGenerate) {
+        mCoverGenerate = coverGenerate;
+    }
+
+    public void setWaterMark(WaterMarkConfig waterMark) {
+        mWaterMark = waterMark;
+    }
+
+    public void setTailWaterMark(TailWaterMarkConfig tailWaterMarkConfig) {
+        mTailWaterMarkConfig = tailWaterMarkConfig;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/AbsVideoCutUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/AbsVideoCutUI.java
new file mode 100644
index 0000000..646ec3a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/AbsVideoCutUI.java
@@ -0,0 +1,54 @@
+package com.tencent.qcloud.ugckit.module.cut;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.widget.RelativeLayout;
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+
+
+public abstract class AbsVideoCutUI extends RelativeLayout implements IVideoCutKit {
+
+    private TitleBarLayout  mTitleBar;
+    private VideoPlayLayout mVideoPlayLayout;
+    private VideoCutLayout  mVideoCutLayout;
+
+    public AbsVideoCutUI(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public AbsVideoCutUI(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public AbsVideoCutUI(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_video_cut_layout, this);
+
+        mTitleBar = (TitleBarLayout) findViewById(R.id.titleBar_layout);
+        mVideoPlayLayout = (VideoPlayLayout) findViewById(R.id.video_play_layout);
+        mVideoCutLayout = (VideoCutLayout) findViewById(R.id.video_cut_layout);
+    }
+
+    public TitleBarLayout getTitleBar() {
+        return mTitleBar;
+    }
+
+    public VideoPlayLayout getVideoPlayLayout() {
+        return mVideoPlayLayout;
+    }
+
+    /**
+     * 获取裁剪工具栏
+     */
+    public VideoCutLayout getVideoCutLayout() {
+        return mVideoCutLayout;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/IVideoCutKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/IVideoCutKit.java
new file mode 100644
index 0000000..de7f981
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/IVideoCutKit.java
@@ -0,0 +1,129 @@
+package com.tencent.qcloud.ugckit.module.cut;
+
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+
+/**
+ * 腾讯云短视频UGCKit({@code IVideoCutKit}):视频裁剪。
+ * 本组建包含视频裁剪的SDK功能和UI展示，通过拖动裁剪范围，裁剪一个长视频为一个短视频。<br>
+ * 您可以通过UGCKit很简单搭建使用视频裁剪功能，也可以定制视频裁剪UI
+ * <p>
+ * 如下演示了UGCKit视频裁剪模块简单用法：<br>
+ * 1、在xml中设置
+ * <pre>
+ * {@code
+ * <com.tencent.qcloud.xiaoshipin.uikit.module.cut.VideoCut
+ *         android:id="@+id/video_cutter_layout"
+ *         android:layout_width="match_parent"
+ *         android:layout_height="match_parent" />
+ * }</pre>
+ * <p>
+ * 2、在Activity中设置
+ * <pre>
+ *     &#064;Override
+ *     protected void onCreate(Bundle savedInstanceState) {
+ *         super.onCreate(savedInstanceState);
+ *         setContentView(R.layout.activity_video_cut);
+ *
+ *         mVideoCut = (VideoCut) findViewById(R.id.video_cutter_layout);
+ *         mVideoCut.setVideoPath(mInVideoPath, mVideoResolution, mCustomBitrate);
+ *         mVideoCut.setOnCutListener(new IVideoCutKit.OnCutListener() {
+ *             &#064;Override
+ *             public void onCutterCompleted() {
+ *             }
+ *             &#064;Override
+ *             public void onCutterCanceled() {
+ *             }
+ *         });
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onResume() {
+ *         super.onResume();
+ *         mVideoCut.startPlay();
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onPause() {
+ *         super.onPause();
+ *         mVideoCut.stopPlay();
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onDestroy() {
+ *         super.onDestroy();
+ *         mVideoCut.release();
+ *     }
+ * </pre>
+ * <p>
+ * 视频裁剪功能定制化<br>
+ * 1、设置是否下一步进行视频编辑，{@link #setVideoEditFlag(boolean)}<br>
+ * 若进行视频编辑，则设置为{@code true}，不输出裁剪后的视频路径，{@code IVideoCutKit} 同时进行视频裁剪和视频预处理。下一个页面必跳转到"视频编辑页面"<br>
+ * 若不进行视频编辑，则设置为{@code false}，输出裁剪并压缩的视频路径。
+ * <p>
+ * 视频裁剪UI定制化<br>
+ * 1、定制化"裁剪View" {@link IVideoCutLayout} <br>
+ * <p>
+ * 如果您不使用UGCKit视频裁剪组件，自行搭建UI，调用SDK功能。<br>
+ * 请参照文档<a href="https://cloud.tencent.com/document/product/584/9502">视频编辑(Android)</a> 中"压缩裁剪"
+ */
+public interface IVideoCutKit {
+
+    /**
+     * 设置视频裁剪的源路径
+     *
+     * @param videoPath 视频裁剪的源路径
+     */
+    void setVideoPath(String videoPath);
+
+    /**
+     * 开始播放视频
+     */
+    void startPlay();
+
+    /**
+     * 停止播放视频
+     */
+    void stopPlay();
+
+    /**
+     * 释放资源
+     */
+    void release();
+
+    /**
+     * 设置视频裁剪的监听器
+     */
+    void setOnCutListener(OnCutListener listener);
+
+    interface OnCutListener {
+        /**
+         * 视频裁剪操作完成
+         */
+        void onCutterCompleted(UGCKitResult ugcKitResult);
+
+        /**
+         * 视频裁剪操作取消
+         */
+        void onCutterCanceled();
+    }
+
+    /************************************************************************/
+    /*****                     功能定制化                                 *****/
+    /************************************************************************/
+
+    /**
+     * 是否进行视频编辑
+     *
+     * @param enable {@code true} 进行视频特效编辑<br>
+     *               {@code false} 直接输出裁剪完视频<br>
+     *               默认为true
+     */
+    void setVideoEditFlag(boolean enable);
+
+    /**
+     * 仅当调用 {@link #setVideoEditFlag(boolean)} 参数为 {@code false} 时，有效
+     *
+     * @return 裁剪完的视频路径
+     */
+    String getVideoOutputPath();
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/IVideoCutLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/IVideoCutLayout.java
new file mode 100644
index 0000000..743e498
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/IVideoCutLayout.java
@@ -0,0 +1,54 @@
+package com.tencent.qcloud.ugckit.module.cut;
+
+import android.graphics.Bitmap;
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+
+import com.tencent.ugc.TXVideoEditConstants;
+
+/**
+ * 定制化裁剪条
+ */
+public interface IVideoCutLayout {
+    /**
+     * 默认缩略图宽
+     */
+    int DEFAULT_THUMBNAIL_WIDTH  = 100;
+    /**
+     * 默认缩略图高
+     */
+    int DEFAULT_THUMBNAIL_HEIGHT = 100;
+    /**
+     * 最大时长，默认16秒
+     */
+    int MAX_DURATION             = 16;
+
+    /**
+     * 设置视频信息
+     *
+     * @param videoInfo
+     */
+    void setVideoInfo(TXVideoEditConstants.TXVideoInfo videoInfo);
+
+    /**
+     * 添加一张缩略图
+     */
+    void addThumbnail(int index, Bitmap bitmap);
+
+    /**
+     * 设置视频旋转监听器
+     *
+     * @param listener
+     */
+    void setOnRotateVideoListener(OnRotateVideoListener listener);
+
+    interface OnRotateVideoListener {
+        /**
+         * 视频旋转
+         *
+         * @param rotation 视频旋转角度
+         */
+        void onRotate(int rotation);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/VideoCutLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/VideoCutLayout.java
new file mode 100644
index 0000000..679c238
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/VideoCutLayout.java
@@ -0,0 +1,139 @@
+package com.tencent.qcloud.ugckit.module.cut;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.R;
+
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.component.slider.VideoCutView;
+import com.tencent.qcloud.ugckit.module.effect.utils.Edit;
+import com.tencent.ugc.TXVideoEditConstants;
+
+public class VideoCutLayout extends RelativeLayout implements IVideoCutLayout, View.OnClickListener, Edit.OnCutChangeListener {
+    private static final String TAG = "VideoCutLayout";
+
+    private FragmentActivity mActivity;
+    private ImageView        mImageRotate;
+    private TextView         mTextDuration;
+    private VideoCutView     mVideoCutView;
+    private int              mRotation;
+
+    private OnRotateVideoListener mOnRotateVideoListener;
+
+    public VideoCutLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public VideoCutLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public VideoCutLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (FragmentActivity) getContext();
+        inflate(mActivity, R.layout.ugckit_video_cut_kit, this);
+
+        mTextDuration = (TextView) findViewById(R.id.tv_choose_duration);
+        mImageRotate = (ImageView) findViewById(R.id.iv_rotate);
+        mVideoCutView = (VideoCutView) findViewById(R.id.video_edit_view);
+
+        mImageRotate.setOnClickListener(this);
+        mVideoCutView.setCutChangeListener(this);
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        if (view.getId() == R.id.iv_rotate) {
+            // 当旋转角度大于等于270度的时候，下一次就是0度；
+            mRotation = mRotation < 270 ? mRotation + 90 : 0;
+
+            if (mOnRotateVideoListener != null) {
+                mOnRotateVideoListener.onRotate(mRotation);
+            }
+        }
+    }
+
+    @Override
+    public void onCutClick() {
+
+    }
+
+    @Override
+    public void onCutChangeKeyDown() {
+        PlayerManagerKit.getInstance().stopPlay();
+    }
+
+    @Override
+    public void onCutChangeKeyUp(long startTime, long endTime, int type) {
+        long duration = (endTime - startTime) / 1000;
+
+        String str = getResources().getString(R.string.ugckit_video_cutter_activity_load_video_success_already_picked) + duration + "s";
+        mTextDuration.setText(str);
+
+        VideoEditerSDK.getInstance().setCutterStartTime(startTime, endTime);
+        PlayerManagerKit.getInstance().startPlay();
+
+        Log.d(TAG, "startTime:" + startTime + ",endTime:" + endTime + ",duration:" + duration);
+    }
+
+    @Override
+    public void setVideoInfo(@NonNull TXVideoEditConstants.TXVideoInfo videoInfo) {
+        mRotation = 0;
+
+        int durationS = (int) (videoInfo.duration / 1000);
+        int thumbCount = durationS / 3;
+
+        int selectDuration = durationS;
+        if (selectDuration >= MAX_DURATION) {
+            selectDuration = MAX_DURATION;
+        }
+        mTextDuration.setText(getResources().getString(R.string.ugckit_video_cutter_activity_load_video_success_already_picked) + selectDuration + "s");
+
+        long cutTimeMs = videoInfo.duration;
+        if (cutTimeMs > MAX_DURATION * 1000) {
+            cutTimeMs = MAX_DURATION * 1000;
+        }
+
+        Log.i(TAG, "[UGCKit][VideoCut]init cut time, start:" + 0 + ", end:" + cutTimeMs);
+        VideoEditerSDK.getInstance().setCutterStartTime(0, cutTimeMs);
+        VideoEditerSDK.getInstance().setVideoDuration(videoInfo.duration);
+
+        mVideoCutView.setMediaFileInfo(videoInfo);
+        mVideoCutView.setCount(thumbCount);
+    }
+
+    @Override
+    public void addThumbnail(int index, Bitmap bitmap) {
+        mVideoCutView.addBitmap(index, bitmap);
+    }
+
+    public void clearThumbnail() {
+        mVideoCutView.clearAllBitmap();
+    }
+
+    public VideoCutView getVideoCutView() {
+        return mVideoCutView;
+    }
+
+    @Override
+    public void setOnRotateVideoListener(OnRotateVideoListener listener) {
+        mOnRotateVideoListener = listener;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/VideoPlayLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/VideoPlayLayout.java
new file mode 100644
index 0000000..347f460
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/cut/VideoPlayLayout.java
@@ -0,0 +1,58 @@
+package com.tencent.qcloud.ugckit.module.cut;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.widget.FrameLayout;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+//import com.tencent.ugc.TXVideoEditConstants;
+//import com.tencent.ugc.TXVideoEditer;
+
+/**
+ * 视频预览播放Layout
+ */
+public class VideoPlayLayout extends FrameLayout {
+
+    private FragmentActivity mActivity;
+    private FrameLayout      mLayoutPlayer;
+
+    public VideoPlayLayout(@NonNull Context context) {
+        super(context);
+        initViews();
+    }
+
+    public VideoPlayLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public VideoPlayLayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (FragmentActivity) getContext();
+        inflate(mActivity, R.layout.ugckit_video_play_layout, this);
+
+        mLayoutPlayer = (FrameLayout) findViewById(R.id.layout_player);
+    }
+
+    /**
+     * 初始化预览播放器
+     */
+//    public void initPlayerLayout() {
+//        TXVideoEditConstants.TXPreviewParam param = new TXVideoEditConstants.TXPreviewParam();
+//        param.videoView = mLayoutPlayer;
+//        param.renderMode = TXVideoEditConstants.PREVIEW_RENDER_MODE_FILL_EDGE;
+//        TXVideoEditer videoEditer = VideoEditerSDK.getInstance().getEditer();
+//        if (videoEditer != null) {
+//            videoEditer.initWithPreview(param);
+//        }
+//    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/AbsVideoEditUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/AbsVideoEditUI.java
new file mode 100644
index 0000000..33f58ba
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/AbsVideoEditUI.java
@@ -0,0 +1,49 @@
+package com.tencent.qcloud.ugckit.module.editer;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.widget.RelativeLayout;
+
+import com.tencent.qcloud.ugckit.module.cut.VideoPlayLayout;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+
+public abstract class AbsVideoEditUI extends RelativeLayout implements IVideoEditKit {
+
+    private TitleBarLayout  mLayoutTitleBar;
+    private VideoPlayLayout mLayoutVideoPlay;
+
+    public AbsVideoEditUI(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public AbsVideoEditUI(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public AbsVideoEditUI(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_video_edit_layout, this);
+
+        mLayoutTitleBar = (TitleBarLayout) findViewById(R.id.titleBar_layout);
+        mLayoutVideoPlay = (VideoPlayLayout) findViewById(R.id.video_play_layout);
+    }
+
+    public TitleBarLayout getTitleBar() {
+        return mLayoutTitleBar;
+    }
+
+    /**
+     * 获取视频播放界面
+     */
+    public VideoPlayLayout getVideoPlayLayout() {
+        return mLayoutVideoPlay;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/IVideoEditKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/IVideoEditKit.java
new file mode 100644
index 0000000..342a42b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/IVideoEditKit.java
@@ -0,0 +1,78 @@
+package com.tencent.qcloud.ugckit.module.editer;
+
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.module.cut.IVideoCutKit;
+
+/**
+ * 腾讯云短视频UGCKit({@code IVideoEditKit}):视频编辑。
+ *
+ * <p>
+ * 如下演示了UGCKit视频录制模块简单用法：<br>
+ */
+public interface IVideoEditKit {
+
+    /**
+     * 当Activity执行生命周期方法{@code onStart()}时，UGCKit需要执行{@link #start()}来完成如下功能<br>
+     * 重新播放视频
+     */
+    void start();
+
+    /**
+     * 当Activity执行生命周期方法{@code onStop()}时，UGCKit需要执行{@link #stop()}来完成如下功能<br>
+     * 1、停止播放视频
+     * 2、停止视频生成
+     */
+    void stop();
+
+    /**
+     * 当Activity执行生命周期方法{@code onDestroy()}时，UGCKit需要执行{@link #release()}来释放资源<br>
+     */
+    void release();
+
+    /**
+     * 退出视频录制，返回上一界面
+     */
+    void backPressed();
+
+    /**
+     * 初始化播放器控件
+     */
+    void initPlayer();
+
+    /**
+     * 设置输入选项
+     */
+    void setConfig(UGCKitEditConfig config);
+
+    /**
+     * 设置视频编辑的监听器
+     */
+    void setOnVideoEditListener(OnEditListener listener);
+
+    interface OnEditListener {
+        /**
+         * 视频编辑操作完成，生成编辑好的视频。
+         *
+         * @param ugcKitResult
+         */
+        void onEditCompleted(UGCKitResult ugcKitResult);
+
+        /**
+         * 视频编辑操作取消
+         */
+        void onEditCanceled();
+    }
+    /************************************************************************/
+    /*****                     功能定制化                                 *****/
+    /************************************************************************/
+
+    /**
+     * 设置视频的源路径</p>
+     * 注意：【如果上一个页面为"视频裁剪页面"，并且设置了下一步进行"视频编辑"{@link IVideoCutKit#setVideoEditFlag(boolean)}，
+     * 那么就不需要调用此接口{@link IVideoEditKit#setVideoPath(String)} 设置视频路径。】
+     *
+     * @param videoPath 视频裁剪的源路径
+     */
+    void setVideoPath(String videoPath);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/PublishMode.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/PublishMode.java
new file mode 100644
index 0000000..a9bbe57
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/PublishMode.java
@@ -0,0 +1,13 @@
+package com.tencent.qcloud.ugckit.module.editer;
+
+/**
+ * 发布模式，可以包含一种或多种发布模式
+ */
+public class PublishMode {
+    //发布
+    public static final int MODE_PUBLISH = 1;
+    //保存视频
+    public static final int MODE_SAVE    = 2;
+    //视频转Gif
+    public static final int MODE_GIF     = 3;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/TailWaterMarkConfig.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/TailWaterMarkConfig.java
new file mode 100644
index 0000000..48b99c4
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/TailWaterMarkConfig.java
@@ -0,0 +1,12 @@
+package com.tencent.qcloud.ugckit.module.editer;
+
+import android.graphics.Bitmap;
+
+import com.tencent.ugc.TXVideoEditConstants;
+
+public class TailWaterMarkConfig {
+
+    public Bitmap                      tailwatermark;
+    public TXVideoEditConstants.TXRect rect;
+    public int                         duration;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/UGCKitEditConfig.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/UGCKitEditConfig.java
new file mode 100644
index 0000000..a7bb453
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/UGCKitEditConfig.java
@@ -0,0 +1,37 @@
+package com.tencent.qcloud.ugckit.module.editer;
+
+import com.tencent.ugc.TXVideoEditConstants;
+
+public class UGCKitEditConfig {
+    /**
+     * 视频分辨率【默认为540P】
+     */
+    public int resolution   = TXVideoEditConstants.VIDEO_COMPRESSED_540P;
+    /**
+     * 视频码率（Mbps）
+     */
+    public int videoBitrate = 6500;
+
+    /**
+     * 是否生成封面，默认为true
+     */
+    public boolean isCoverGenerate = true;
+    /**
+     * 是否保存到相册，默认为true
+     */
+    public boolean isSaveToDCIM    = true;
+
+    /**
+     * 是否需要发布视频
+     */
+    public boolean isPublish = true;
+
+    /**
+     * 视频水印
+     */
+    public WaterMarkConfig     mWaterMarkConfig;
+    /**
+     * 片尾水印
+     */
+    public TailWaterMarkConfig mTailWaterMarkConfig;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/WaterMarkConfig.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/WaterMarkConfig.java
new file mode 100644
index 0000000..db1dcf5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/editer/WaterMarkConfig.java
@@ -0,0 +1,10 @@
+package com.tencent.qcloud.ugckit.module.editer;
+
+import android.graphics.Bitmap;
+
+import com.tencent.ugc.TXVideoEditConstants;
+
+public class WaterMarkConfig {
+    public Bitmap                      watermark;
+    public TXVideoEditConstants.TXRect rect;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/AbsVideoEffectUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/AbsVideoEffectUI.java
new file mode 100644
index 0000000..f88add7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/AbsVideoEffectUI.java
@@ -0,0 +1,181 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import android.content.Context;
+import androidx.fragment.app.Fragment;
+import android.util.AttributeSet;
+import android.widget.RelativeLayout;
+
+
+import com.tencent.qcloud.ugckit.module.cut.VideoPlayLayout;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+import com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerViewGroup;
+import com.tencent.qcloud.ugckit.module.effect.bgm.TCMusicSettingFragment;
+import com.tencent.qcloud.ugckit.module.effect.bubble.TCBubbleSubtitleFragment;
+import com.tencent.qcloud.ugckit.module.effect.bubble.BubbleSubtitlePannel;
+import com.tencent.qcloud.ugckit.module.effect.filter.TCStaticFilterFragment;
+import com.tencent.qcloud.ugckit.module.effect.motion.TCMotionFragment;
+import com.tencent.qcloud.ugckit.module.effect.paster.TCPasterFragment;
+import com.tencent.qcloud.ugckit.module.effect.paster.view.PasterPannel;
+import com.tencent.qcloud.ugckit.module.effect.time.TCTimeFragment;
+import com.tencent.qcloud.ugckit.module.effect.transition.TCTransitionFragment;
+
+public abstract class AbsVideoEffectUI extends RelativeLayout implements IVideoEffectKit {
+    private TitleBarLayout           mTitleBar;
+    private VideoPlayLayout          mVideoPlayLayout;
+    private TimeLineView             mTimeLineView;
+    private PlayControlLayout        mPlayControlLayout;
+    private FloatLayerViewGroup      mBubbleContainer;
+    private FloatLayerViewGroup      mPasterContainer;
+    private PasterPannel             mPasterSelectView;
+    private BubbleSubtitlePannel     mBubbleSettingView;
+    private Fragment                 mCurrentFragment;
+    private TCTimeFragment           mTimeFragment;
+    private TCStaticFilterFragment   mStaticFilterFragment;
+    private TCMotionFragment         mMotionFragment;
+    private TCPasterFragment         mPasterFragment;
+    private TCBubbleSubtitleFragment mBubbleFragment;
+    private TCTransitionFragment     mTransitionFragment;
+    private TCMusicSettingFragment   mMusicFragment;
+
+    private TimeLineView.OnTimeLineListener mOnTimeLineListener = new TimeLineView.OnTimeLineListener() {
+        @Override
+        public void onAddSlider(int type, long startEffectTime) {
+            if (mTimeLineView != null) {
+                mTimeLineView.onAddSlider(type, startEffectTime);
+            }
+        }
+
+        @Override
+        public void onRemoveSlider(int type) {
+            if (mTimeLineView != null) {
+                mTimeLineView.onRemoveSlider(type);
+            }
+        }
+
+        @Override
+        public long getCurrentTime() {
+            if (mTimeLineView != null) {
+                return mTimeLineView.getCurrentTime();
+            }
+            return 0;
+        }
+
+        @Override
+        public void setCurrentTime(long time) {
+            if (mTimeLineView != null) {
+                mTimeLineView.setCurrentTime(time);
+            }
+        }
+
+        @Override
+        public void onRefresh() {
+            // 初始化图片时间轴
+            getTimelineView().initVideoProgressLayout();
+            // 初始化播放器
+            getVideoPlayLayout().initPlayerLayout();
+        }
+
+    };
+
+    public AbsVideoEffectUI(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public AbsVideoEffectUI(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public AbsVideoEffectUI(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_video_eff_layout, this);
+
+        mTitleBar = (TitleBarLayout) findViewById(R.id.titleBar_layout);
+        mVideoPlayLayout = (VideoPlayLayout) findViewById(R.id.video_play_layout);
+
+        mPlayControlLayout = (PlayControlLayout) findViewById(R.id.play_control_layout);
+        mTimeLineView = (TimeLineView) findViewById(R.id.timeline_view);
+        mTimeLineView.setOnTimeChangeListener(new TimeLineView.OnTimeChangeListener() {
+            @Override
+            public void onTimeChange(int type, long time) {
+                if (mTimeFragment != null) {
+                    mTimeFragment.onTimeChange(type, time);
+                }
+            }
+        });
+
+        mBubbleContainer = (FloatLayerViewGroup) findViewById(R.id.bubble_container);
+        mPasterContainer = (FloatLayerViewGroup) findViewById(R.id.paster_container);
+        mPasterSelectView = (PasterPannel) findViewById(R.id.paster_select_view);
+        mBubbleSettingView = (BubbleSubtitlePannel) findViewById(R.id.bubble_setting_view);
+
+        mTimeFragment = new TCTimeFragment();
+        mTimeFragment.setOnTimeLineListener(mOnTimeLineListener);
+
+        mStaticFilterFragment = new TCStaticFilterFragment();
+        mMotionFragment = new TCMotionFragment();
+        mPasterFragment = new TCPasterFragment();
+        mBubbleFragment = new TCBubbleSubtitleFragment();
+        mTransitionFragment = new TCTransitionFragment();
+        mMusicFragment = new TCMusicSettingFragment();
+    }
+
+    public TimeLineView getTimelineView() {
+        return mTimeLineView;
+    }
+
+    public PlayControlLayout getPlayControlLayout() {
+        return mPlayControlLayout;
+    }
+
+    public VideoPlayLayout getVideoPlayLayout() {
+        return mVideoPlayLayout;
+    }
+
+    public TitleBarLayout getTitleBar() {
+        return mTitleBar;
+    }
+
+    public TCTimeFragment getTimeFragment() {
+        return mTimeFragment;
+    }
+
+    public TCStaticFilterFragment getStaticFilterFragment() {
+        return mStaticFilterFragment;
+    }
+
+    public TCMotionFragment getMotionFragment() {
+        return mMotionFragment;
+    }
+
+    public TCPasterFragment getPasterFragment() {
+        return mPasterFragment;
+    }
+
+    public TCBubbleSubtitleFragment getBubbleFragment() {
+        return mBubbleFragment;
+    }
+
+    public TCTransitionFragment getTransitionFragment() {
+        return mTransitionFragment;
+    }
+
+    public TCMusicSettingFragment getMusicFragment() {
+        return mMusicFragment;
+    }
+
+    public Fragment getCurrentFragment() {
+        return mCurrentFragment;
+    }
+
+    public void setCurrentFragment(Fragment fragment) {
+        mCurrentFragment = fragment;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/BaseRecyclerAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/BaseRecyclerAdapter.java
new file mode 100644
index 0000000..1133340
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/BaseRecyclerAdapter.java
@@ -0,0 +1,80 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.View;
+import android.view.ViewGroup;
+
+import java.lang.ref.WeakReference;
+
+/**
+ * 重写的父类Adapter
+ * <p>
+ * 1. 添加item的点击事件
+ * 2. 添加item的长安点击事件
+ */
+public abstract class BaseRecyclerAdapter<V extends RecyclerView.ViewHolder> extends RecyclerView.Adapter<V> implements View.OnClickListener, View.OnLongClickListener {
+
+    private   WeakReference<RecyclerView> mRecyclerView;
+    protected OnItemClickListener         mOnItemClickListener;
+    protected OnItemLongClickListener     mOnItemLongClickListener;
+
+    @Override
+    public void onBindViewHolder(@Nullable V holder, int position) {
+        if (holder != null) {
+            if (mOnItemClickListener != null) {
+                holder.itemView.setOnClickListener(this);
+            }
+            if (mOnItemLongClickListener != null) {
+                holder.itemView.setOnLongClickListener(this);
+            }
+            onBindVH(holder, position);
+        }
+    }
+
+    abstract public void onBindVH(V holder, int position);
+
+    @Override
+    public V onCreateViewHolder(ViewGroup parent, int viewType) {
+        if (mRecyclerView == null)
+            mRecyclerView = new WeakReference<RecyclerView>((RecyclerView) parent);
+        return onCreateVH(parent, viewType);
+    }
+
+    public abstract V onCreateVH(ViewGroup parent, int viewType);
+
+    public void setOnItemClickListener(OnItemClickListener listener) {
+        mOnItemClickListener = listener;
+    }
+
+    public void setOnLongClickListener(OnItemLongClickListener listener) {
+        mOnItemLongClickListener = listener;
+    }
+
+    @Override
+    public void onClick(View v) {
+        RecyclerView recyclerView = mRecyclerView.get();
+        if (recyclerView != null) {
+            int position = recyclerView.getChildAdapterPosition(v);
+            mOnItemClickListener.onItemClick(v, position);
+        }
+    }
+
+    @Override
+    public boolean onLongClick(View v) {
+        RecyclerView recyclerView = mRecyclerView.get();
+        if (recyclerView != null) {
+            int position = recyclerView.getChildAdapterPosition(v);
+            return mOnItemLongClickListener.onItemLongClick(v, position);
+        }
+        return true;
+    }
+
+    public interface OnItemClickListener {
+        void onItemClick(View view, int position);
+    }
+
+    public interface OnItemLongClickListener {
+        boolean onItemLongClick(View view, int position);
+    }
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/Config.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/Config.java
new file mode 100644
index 0000000..f97170f
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/Config.java
@@ -0,0 +1,43 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.module.effect.bubble.TCBubbleViewInfoManager;
+import com.tencent.qcloud.ugckit.module.effect.filter.TCStaticFilterViewInfoManager;
+import com.tencent.qcloud.ugckit.module.effect.motion.TCMotionViewInfoManager;
+import com.tencent.qcloud.ugckit.module.effect.paster.TCPasterViewInfoManager;
+import com.tencent.qcloud.ugckit.module.effect.time.TCTimeViewInfoManager;
+import com.tencent.qcloud.ugckit.module.effect.transition.TCTransitionViewInfoManager;
+import com.tencent.qcloud.ugckit.module.effect.utils.DraftEditer;
+import com.tencent.qcloud.ugckit.module.effect.utils.EffectEditer;
+
+public class Config {
+    @NonNull
+    private static Config sInstance = new Config();
+
+    private Config() {
+    }
+
+    @NonNull
+    public static Config getInstance() {
+        return sInstance;
+    }
+
+    public void clearConfig() {
+        // 清空BGM的设置
+        DraftEditer.getInstance().clear();
+        EffectEditer.getInstance().clear();
+        // 清空保存的气泡字幕参数 （避免下一个视频混入上一个视频的气泡设定)
+        TCBubbleViewInfoManager.getInstance().clear();
+        // 清空保存的贴纸参数
+        TCPasterViewInfoManager.getInstance().clear();
+        // 清空滤镜动效的状态
+        TCMotionViewInfoManager.getInstance().clearMarkInfoList();
+        // 清空转场动效的状态
+        TCTransitionViewInfoManager.getInstance().clearMarkInfoList();
+        // 清空时间特效的状态
+        TCTimeViewInfoManager.getInstance().clearEffect();
+        // 清空色调（滤镜）的状态
+        TCStaticFilterViewInfoManager.getInstance().clearCurrentPosition();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/ConfigureLoader.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/ConfigureLoader.java
new file mode 100644
index 0000000..196f240
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/ConfigureLoader.java
@@ -0,0 +1,56 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.module.effect.utils.DraftEditer;
+import com.tencent.qcloud.ugckit.module.effect.utils.EffectEditer;
+
+public class ConfigureLoader {
+    private static final String TAG = "ConfigureLoader";
+
+    @NonNull
+    private static ConfigureLoader sInstance = new ConfigureLoader();
+    private        DraftEditer     mDraftEditer;
+    private        EffectEditer    mEffectEditer;
+
+    private ConfigureLoader() {
+    }
+
+    @NonNull
+    public static ConfigureLoader getInstance() {
+        return sInstance;
+    }
+
+    /**
+     * 将配置加载到草稿箱
+     */
+    public void loadConfigToDraft() {
+        mDraftEditer = DraftEditer.getInstance();
+        mEffectEditer = EffectEditer.getInstance();
+
+        mDraftEditer.setBgmName(mEffectEditer.getBgmName());
+        mDraftEditer.setBgmPath(mEffectEditer.getBgmPath());
+        mDraftEditer.setBgmPos(mEffectEditer.getBgmPos());
+        mDraftEditer.setBgmVolume(mEffectEditer.getBgmVolume());
+        mDraftEditer.setVideoVolume(mEffectEditer.getVideoVolume());
+        mDraftEditer.setBgmStartTime(mEffectEditer.getBgmStartTime());
+        mDraftEditer.setBgmEndTime(mEffectEditer.getBgmEndTime());
+        mDraftEditer.setBgmDuration(mEffectEditer.getBgmDuration());
+    }
+
+    /**
+     * 将草稿箱变更的配置保存
+     */
+    public void saveConfigFromDraft() {
+        mEffectEditer.setBgmName(mDraftEditer.getBgmName());
+        mEffectEditer.setBgmPath(mDraftEditer.getBgmPath());
+        mEffectEditer.setBgmPos(mDraftEditer.getBgmPos());
+        mEffectEditer.setBgmVolume(mDraftEditer.getBgmVolume());
+        mEffectEditer.setVideoVolume(mDraftEditer.getVideoVolume());
+        mEffectEditer.setBgmStartTime(mDraftEditer.getBgmStartTime());
+        mEffectEditer.setBgmEndTime(mDraftEditer.getBgmEndTime());
+        mEffectEditer.setBgmDuration(mDraftEditer.getBgmDuration());
+    }
+
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IFloatLayerView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IFloatLayerView.java
new file mode 100644
index 0000000..154c4d2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IFloatLayerView.java
@@ -0,0 +1,142 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import android.graphics.Bitmap;
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+import androidx.annotation.Nullable;
+
+/**
+ * 定制化气泡字幕/贴纸的浮层View
+ */
+public interface IFloatLayerView {
+    /**
+     * 图片的最大缩放比例
+     */
+    float MAX_SCALE = 4.0f;
+    /**
+     * 图片的最小缩放比例
+     */
+    float MIN_SCALE = 0.3f;
+
+    /**
+     * 是否显示删除浮层icon
+     *
+     * @param flag {@code true} 显示
+     *             {@code false } 不显示
+     */
+    void showDelete(boolean flag);
+
+    /**
+     * 是否显示编辑浮层icon
+     *
+     * @param flag {@code true} 显示
+     *             {@code false } 不显示
+     */
+    void showEdit(boolean flag);
+
+    /**
+     * 设置添加的浮层开始在视频上的开始时间和结束时间
+     *
+     * @param startTime 开始时间
+     * @param endTime   结束时间
+     */
+    void setStartToEndTime(long startTime, long endTime);
+
+    /**
+     * 添加的浮层开始在视频上的开始时间
+     *
+     * @return
+     */
+    long getStartTime();
+
+    /**
+     * 添加的浮层开始在视频上的结束时间
+     *
+     * @return
+     */
+    long getEndTime();
+
+    /**
+     * 设置浮层x方向 在父控件位置
+     *
+     * @param x
+     */
+    void setCenterX(float x);
+
+    /**
+     * 获取浮层x方向中心点
+     *
+     * @return
+     */
+    float getCenterX();
+
+    /**
+     * 设置浮层y方向 在父控件位置
+     *
+     * @param y
+     */
+    void setCenterY(float y);
+
+    /**
+     * 获取浮层y方向中心点
+     *
+     * @return
+     */
+    float getCenterY();
+
+    /**
+     * 设置经过旋转的图片
+     *
+     * @param bitmap
+     */
+    void setImageBitamp(@Nullable Bitmap bitmap);
+
+    /**
+     * 设置FloatLayerView监听器
+     *
+     * @param listener
+     */
+    void setIOperationViewClickListener(IOperationViewClickListener listener);
+
+    interface IOperationViewClickListener {
+        /**
+         * 点击删除
+         */
+        void onDeleteClick();
+
+        /**
+         * 点击编辑
+         */
+        void onEditClick();
+
+        /**
+         * 按住拖动旋转
+         */
+        void onRotateClick();
+    }
+
+    /**
+     * 外边框与图片之间的间距
+     */
+    void setPadding(int padding);
+
+    /**
+     * 外边框线条宽度
+     */
+    void setBorderWidth(int borderWidth);
+
+    /**
+     * 外边框线条颜色
+     */
+    void setBorderColor(@ColorRes int color);
+
+    /**
+     * 编辑Icon
+     */
+    void setEditIconResource(@DrawableRes int resid);
+
+    /**
+     * 旋转Icon
+     */
+    void setRotateIconResource(@DrawableRes int resid);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IPlayControlLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IPlayControlLayout.java
new file mode 100644
index 0000000..a04b17c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IPlayControlLayout.java
@@ -0,0 +1,38 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+
+/**
+ * 定制化播放状态控制UI
+ */
+public interface IPlayControlLayout {
+
+    /**
+     * 设置当前播放时间字体大小
+     *
+     * @param size
+     */
+    void setCurrentTimeTextSize(int size);
+
+    /**
+     * 设置当前播放时间字体颜色
+     *
+     * @param color
+     */
+    void setCurrentTimeTextColor(@ColorRes int color);
+
+    /**
+     * 设置播放按钮Icon
+     *
+     * @param resid
+     */
+    void setPlayIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置暂停按钮Icon
+     *
+     * @param resid
+     */
+    void setPauseIconResource(@DrawableRes int resid);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/ITimeLineView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/ITimeLineView.java
new file mode 100644
index 0000000..d533063
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/ITimeLineView.java
@@ -0,0 +1,34 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import androidx.annotation.DrawableRes;
+
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+
+/**
+ * 定制化图片时间轴UI
+ */
+public interface ITimeLineView {
+    /**
+     * 初始化进度布局
+     */
+    void initVideoProgressLayout();
+
+    /**
+     * 根据显示的特效类型更新UI
+     *
+     * @param type {@link UGCKitConstants#TYPE_EDITER_BGM} 添加背景音<br>
+     *             {@link UGCKitConstants#TYPE_EDITER_MOTION} 添加动态滤镜<br>
+     *             {@link UGCKitConstants#TYPE_EDITER_SPEED} 添加时间特效<br>
+     *             {@link UGCKitConstants#TYPE_EDITER_FILTER} 添加静态滤镜<br>
+     *             {@link UGCKitConstants#TYPE_EDITER_PASTER} 添加贴纸<br>
+     *             {@link UGCKitConstants#TYPE_EDITER_SUBTITLE} 添加字幕<br>
+     *             {@link UGCKitConstants#TYPE_EDITER_TRANSITION} 添加转场特效<br>
+     */
+    void updateUIByFragment(int type);
+
+    /**
+     * 当前时间点的Icon
+     */
+    void setCurrentProgessIconResource(@DrawableRes int resid);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IVideoEffectKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IVideoEffectKit.java
new file mode 100644
index 0000000..c2f2e11
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/IVideoEffectKit.java
@@ -0,0 +1,59 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+
+public interface IVideoEffectKit {
+
+    /**
+     * 当Activity执行生命周期方法{@code onStart()}时，UGCKit需要执行{@link #start()}来重新播放视频
+     */
+    void start();
+
+    /**
+     * 当Activity执行生命周期方法{@code onStop()}时，UGCKit需要执行{@link #stop()}来停止播放视频
+     */
+    void stop();
+
+    /**
+     * 当Activity执行生命周期方法{@code onDestroy()}时，UGCKit需要执行{@link #release()}来释放资源<br>
+     */
+    void release();
+
+    /**
+     * 退出视频录制，返回上一界面
+     */
+    void backPressed();
+
+    /**
+     * 设置显示的特效Fragment类型
+     *
+     * @param effectType {@link UGCKitConstants#TYPE_EDITER_BGM} 添加背景音<br>
+     *                   {@link UGCKitConstants#TYPE_EDITER_MOTION} 添加动态滤镜<br>
+     *                   {@link UGCKitConstants#TYPE_EDITER_SPEED} 添加时间特效<br>
+     *                   {@link UGCKitConstants#TYPE_EDITER_FILTER} 添加静态滤镜<br>
+     *                   {@link UGCKitConstants#TYPE_EDITER_PASTER} 添加贴纸<br>
+     *                   {@link UGCKitConstants#TYPE_EDITER_SUBTITLE} 添加字幕<br>
+     *                   {@link UGCKitConstants#TYPE_EDITER_TRANSITION} 添加转场特效<br>
+     */
+    void setEffectType(int effectType);
+
+    /**
+     * 设置特效应用监听器
+     *
+     * @param listener
+     */
+    void setOnVideoEffectListener(OnVideoEffectListener listener);
+
+    interface OnVideoEffectListener {
+        /**
+         * 视频特效应用【当前跳转到特效页面操作的所有特效添加到视频源上】
+         */
+        void onEffectApply();
+
+        /**
+         * 视频特效取消【当前跳转到特效页面操作的所有特效不会添加到视频源上，以前添加的特效还有效果】
+         */
+        void onEffectCancel();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/PlayControlLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/PlayControlLayout.java
new file mode 100644
index 0000000..4aba735
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/PlayControlLayout.java
@@ -0,0 +1,126 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.utils.DateTimeUtil;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.R;
+
+public class PlayControlLayout extends RelativeLayout implements IPlayControlLayout, View.OnClickListener, PlayerManagerKit.OnPreviewListener, PlayerManagerKit.OnPlayStateListener {
+    private static final String TAG = "PlayControlLayout";
+
+    private ImageView mImagePlay;
+    private TextView  mTextCurrent;
+    private int       mPauseIcon           = R.drawable.ugckit_ic_pause_normal;
+    private int       mPlayIcon            = R.drawable.ugckit_ic_play_normal;
+    private int       mCurrentTimeColor    = R.color.ugckit_white;
+    private int       mCurrentTimeTextSize = 15;
+
+    public PlayControlLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public PlayControlLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public PlayControlLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_play_control_view, this);
+
+        mImagePlay = (ImageView) findViewById(R.id.iv_play);
+        mImagePlay.setOnClickListener(this);
+
+        mTextCurrent = (TextView) findViewById(R.id.tv_current);
+        mTextCurrent.setTextColor(getResources().getColor(mCurrentTimeColor));
+        mTextCurrent.setTextSize(mCurrentTimeTextSize);
+
+        PlayerManagerKit.getInstance().addOnPreviewLitener(this);
+        PlayerManagerKit.getInstance().addOnPlayStateLitener(this);
+
+        mPlayIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerPlayIcon, R.drawable.ugckit_ic_play_normal);
+        mPauseIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerPauseIcon, R.drawable.ugckit_ic_pause_normal);
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int id = v.getId();
+        if (id == R.id.iv_play) {
+            PlayerManagerKit.getInstance().playVideo(false);
+        }
+    }
+
+    @Override
+    public void onPreviewProgress(int timeMs) {
+        mTextCurrent.setText(DateTimeUtil.duration(timeMs));
+    }
+
+    @Override
+    public void onPreviewFinish() {
+
+    }
+
+    public void updateUIByFragment(int type) {
+        if (type == UGCKitConstants.TYPE_EDITER_BGM) {
+            mImagePlay.setVisibility(View.GONE);
+        } else {
+            mImagePlay.setVisibility(View.VISIBLE);
+        }
+    }
+
+    @Override
+    public void onPlayStateStart() {
+        mImagePlay.setImageResource(mPauseIcon);
+    }
+
+    @Override
+    public void onPlayStateResume() {
+        mImagePlay.setImageResource(mPauseIcon);
+    }
+
+    @Override
+    public void onPlayStatePause() {
+        mImagePlay.setImageResource(mPlayIcon);
+    }
+
+    @Override
+    public void onPlayStateStop() {
+        mImagePlay.setImageResource(mPlayIcon);
+    }
+
+    @Override
+    public void setCurrentTimeTextSize(int size) {
+        mCurrentTimeTextSize = size;
+    }
+
+    @Override
+    public void setCurrentTimeTextColor(int color) {
+        mCurrentTimeColor = color;
+    }
+
+    @Override
+    public void setPlayIconResource(int resid) {
+        mPlayIcon = resid;
+    }
+
+    @Override
+    public void setPauseIconResource(int resid) {
+        mPauseIcon = resid;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/TimeLineView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/TimeLineView.java
new file mode 100644
index 0000000..0ad6e78
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/TimeLineView.java
@@ -0,0 +1,249 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Point;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+
+
+import com.tencent.qcloud.ugckit.component.timeline.SliderViewContainer;
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.timeline.VideoProgressController;
+import com.tencent.qcloud.ugckit.component.timeline.VideoProgressView;
+import com.tencent.qcloud.ugckit.module.effect.time.TCTimeFragment;
+import com.tencent.qcloud.ugckit.module.effect.time.TimeEffect;
+import com.tencent.qcloud.ugckit.module.effect.utils.PlayState;
+
+import java.util.List;
+
+/**
+ * 编辑控件：图片时间轴
+ */
+public class TimeLineView extends RelativeLayout implements ITimeLineView, VideoProgressController.VideoProgressSeekListener, PlayerManagerKit.OnPreviewListener {
+    private static final String TAG = "TimeLineView";
+
+    private FragmentActivity        mActivity;
+    private ImageView               mImageSlider;
+    private VideoProgressView       mVideoProgressView;
+    private VideoProgressController mVideoProgressController;
+    private SliderViewContainer     mSpeedSlider;
+    private SliderViewContainer     mRepeatSlider;
+    private int                     startProgressIcon = R.drawable.ugckit_ic_repeate_range;
+    private OnTimeChangeListener    mListener;
+
+    public TimeLineView(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public TimeLineView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public TimeLineView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (FragmentActivity) getContext();
+        inflate(getContext(), R.layout.ugckit_video_timeline, this);
+        mImageSlider = (ImageView) findViewById(R.id.iv_player_slider);
+        mVideoProgressView = (VideoProgressView) findViewById(R.id.video_progress_view);
+
+        PlayerManagerKit.getInstance().addOnPreviewLitener(this);
+    }
+
+    /**
+     * 初始化进度布局
+     */
+    @Override
+    public void initVideoProgressLayout() {
+        Point point = new Point();
+        mActivity.getWindowManager().getDefaultDisplay().getSize(point);
+        int screenWidth = point.x;
+
+        List<Bitmap> thumbnailList = VideoEditerSDK.getInstance().getAllThumbnails();
+        mVideoProgressView.setViewWidth(screenWidth);
+        mVideoProgressView.setThumbnailData(thumbnailList);
+
+        // TODO:设置裁剪时长
+        long duration = VideoEditerSDK.getInstance().getVideoDuration();
+        mVideoProgressController = new VideoProgressController(duration);
+        mVideoProgressController.setVideoProgressView(mVideoProgressView);
+        mVideoProgressController.setVideoProgressSeekListener(this);
+        mVideoProgressController.setVideoProgressDisplayWidth(screenWidth);
+    }
+
+    @Override
+    public void onVideoProgressSeek(long currentTimeMs) {
+        PlayerManagerKit.getInstance().previewAtTime(currentTimeMs);
+    }
+
+    @Override
+    public void onVideoProgressSeekFinish(long currentTimeMs) {
+        PlayerManagerKit.getInstance().previewAtTime(currentTimeMs);
+    }
+
+    public VideoProgressController getVideoProgressController() {
+        return mVideoProgressController;
+    }
+
+    public VideoProgressView getVideoProgressView() {
+        return mVideoProgressView;
+    }
+
+    @Override
+    public void onPreviewProgress(int timeMs) {
+        int currentState = PlayerManagerKit.getInstance().getCurrentState();
+        if (currentState == PlayState.STATE_PLAY || currentState == PlayState.STATE_RESUME) {
+            mVideoProgressController.setCurrentTimeMs(timeMs);
+        }
+    }
+
+    @Override
+    public void onPreviewFinish() {
+
+    }
+
+    @Override
+    public void updateUIByFragment(int type) {
+        if (type == UGCKitConstants.TYPE_EDITER_BGM) {
+            mVideoProgressView.setVisibility(View.GONE);
+        } else {
+            mVideoProgressView.setVisibility(View.VISIBLE);
+        }
+    }
+
+    @Override
+    public void setCurrentProgessIconResource(int resid) {
+        mImageSlider.setImageResource(resid);
+    }
+
+    public void onAddSlider(int type, long time) {
+        switch (type) {
+            case TimeEffect.REPEAT_EFFECT:
+                addRepeatSliderView(time);
+                break;
+            case TimeEffect.SPEED_EFFECT:
+                addSpeedSliderView(time);
+                break;
+        }
+    }
+
+    private void addSpeedSliderView(long startEffectTime) {
+        if (mSpeedSlider == null) {
+            mSpeedSlider = new SliderViewContainer(getContext());
+            mSpeedSlider.setSliderIcon(startProgressIcon);
+            mSpeedSlider.setStartTimeMs(startEffectTime);
+            mSpeedSlider.setSliderDuration(TCTimeFragment.DEAULT_SPEED_DURATION_MS);
+            mSpeedSlider.setOnStartTimeChangedListener(new SliderViewContainer.OnStartTimeChangedListener() {
+                @Override
+                public void onStartTimeMsChanged(long timeMs) {
+                    if (mListener != null) {
+                        mListener.onTimeChange(TimeEffect.SPEED_EFFECT, timeMs);
+                    }
+                    mVideoProgressController.setCurrentTimeMs(timeMs);
+                }
+            });
+            mVideoProgressController.addSliderView(mSpeedSlider);
+        }
+    }
+
+    private void addRepeatSliderView(long startEffectTime) {
+        if (mRepeatSlider == null) {
+            mRepeatSlider = new SliderViewContainer(getContext());
+            mRepeatSlider.setSliderIcon(startProgressIcon);
+            mRepeatSlider.setStartTimeMs(startEffectTime);
+            mRepeatSlider.setSliderDuration(TCTimeFragment.DEAULT_REPEAT_DURATION_MS);
+            mRepeatSlider.setOnStartTimeChangedListener(new SliderViewContainer.OnStartTimeChangedListener() {
+                @Override
+                public void onStartTimeMsChanged(long timeMs) {
+                    if (mListener != null) {
+                        mListener.onTimeChange(TimeEffect.REPEAT_EFFECT, timeMs);
+                    }
+                    mVideoProgressController.setCurrentTimeMs(timeMs);
+                }
+            });
+            mVideoProgressController.addSliderView(mRepeatSlider);
+        }
+    }
+
+    public void onRemoveSlider(int type) {
+        switch (type) {
+            case TimeEffect.REPEAT_EFFECT:
+                removeRepeatSliderView();
+                break;
+            case TimeEffect.SPEED_EFFECT:
+                removeSpeedSliderView();
+                break;
+        }
+    }
+
+    private void removeSpeedSliderView() {
+        if (mSpeedSlider != null) {
+            mVideoProgressController.removeSliderView(mSpeedSlider);
+        }
+        mSpeedSlider = null;
+    }
+
+    private void removeRepeatSliderView() {
+        if (mRepeatSlider != null) {
+            mVideoProgressController.removeSliderView(mRepeatSlider);
+        }
+        mRepeatSlider = null;
+    }
+
+    public long getCurrentTime() {
+        return mVideoProgressController.getCurrentTimeMs();
+    }
+
+    public void setCurrentTime(long time) {
+        mVideoProgressController.setCurrentTimeMs(time);
+    }
+
+    public void setOnTimeChangeListener(OnTimeChangeListener listener) {
+        mListener = listener;
+    }
+
+    public interface OnTimeLineListener {
+        /**
+         * 添加SliderView
+         *
+         * @param type            类型 {@link TimeEffect}
+         * @param startEffectTime 开始添加特效时间点
+         */
+        void onAddSlider(int type, long startEffectTime);
+
+        /**
+         * 移除SliderView
+         *
+         * @param type 类型 {@link TimeEffect}
+         */
+        void onRemoveSlider(int type);
+
+        long getCurrentTime();
+
+        void setCurrentTime(long time);
+
+        void onRefresh();
+
+    }
+
+    public interface OnTimeChangeListener {
+        /**
+         * 调整SliderView时间
+         *
+         * @param type 类型 {@link TimeEffect}
+         * @param time 调整特效开始时间点
+         */
+        void onTimeChange(int type, long time);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/TimelineViewUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/TimelineViewUtil.java
new file mode 100644
index 0000000..4bd9e82
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/TimelineViewUtil.java
@@ -0,0 +1,30 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+public class TimelineViewUtil {
+
+    private TimeLineView mTimeLineView;
+
+    private TimelineViewUtil() {
+    }
+
+    private static TimelineViewUtil instance;
+
+    public static TimelineViewUtil getInstance() {
+        if (instance == null) {
+            instance = new TimelineViewUtil();
+        }
+        return instance;
+    }
+
+    public void setTimelineView(TimeLineView timeLineView) {
+        mTimeLineView = timeLineView;
+    }
+
+    public TimeLineView getTimeLineView() {
+        return mTimeLineView;
+    }
+
+    public void release() {
+        mTimeLineView = null;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/VideoEditerSDK.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/VideoEditerSDK.java
new file mode 100644
index 0000000..10d0050
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/VideoEditerSDK.java
@@ -0,0 +1,362 @@
+package com.tencent.qcloud.ugckit.module.effect;
+
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.module.cut.IVideoCutLayout;
+import com.tencent.qcloud.ugckit.module.effect.utils.DraftEditer;
+import com.tencent.qcloud.ugckit.module.effect.utils.EffectEditer;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+import com.tencent.ugc.TXVideoInfoReader;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 由于SDK提供的TXVideoEditer为非单例模式
+ * 当您需要在多个Activity\Fragment 之间对同一个Video进行编辑的时候，可以在上层将其包装为一个单例
+ * <p>
+ * 需要注意：
+ * 完成一次视频编辑后，请务必调用{@link VideoEditerSDK#clear()}晴空相关的一些配置
+ */
+public class VideoEditerSDK {
+    private static final String                              TAG = "VideoEditerKit";
+    private static       VideoEditerSDK                      sInstance;
+    @Nullable
+    private              TXVideoEditer                       mTXVideoEditer;
+    private              List<ThumbnailBitmapInfo>           mThumbnailList;               // 缩略图相关, 将已经加在好的Bitmap缓存起来
+    private              boolean                             mIsReverse;
+    private              long                                mCutterDuration;                                   // 裁剪的总时长
+    private              long                                mCutterStartTime;                                  // 裁剪开始的时间
+    private              long                                mCutterEndTime;                                    // 裁剪结束的时间
+    private              long                                mVideoDuration;                                    // 视频原时长s
+    private              String                              mVideoPath;
+    private              boolean                             mPublishFlag;
+    private              TXVideoEditConstants.TXVideoInfo    mTXVideoInfo;
+    private final        List<TXVideoPreviewListenerWrapper> mPreviewWrapperList;
+
+
+    public static VideoEditerSDK getInstance() {
+        if (sInstance == null) {
+            synchronized (VideoEditerSDK.class) {
+                if (sInstance == null) {
+                    sInstance = new VideoEditerSDK();
+                }
+            }
+        }
+        return sInstance;
+    }
+
+    private VideoEditerSDK() {
+        mThumbnailList = new ArrayList<>();
+        mPreviewWrapperList = new ArrayList<>();
+        mIsReverse = false;
+    }
+
+    public void setTXVideoInfo(TXVideoEditConstants.TXVideoInfo info) {
+        Log.d(TAG, "setTXVideoInfo info:" + info);
+        mTXVideoInfo = info;
+    }
+
+    public void setVideoPath(String videoPath) {
+        mVideoPath = videoPath;
+        mTXVideoEditer.setVideoPath(mVideoPath);
+    }
+
+    /**
+     * 获取视频的信息
+     * FIXBUG：不能判断是否为空，如果更换频路径，
+     *
+     * @return
+     */
+    public TXVideoEditConstants.TXVideoInfo getTXVideoInfo() {
+        if (mVideoPath == null) {
+            return mTXVideoInfo;
+        }
+        mTXVideoInfo = TXVideoInfoReader.getInstance(UGCKit.getAppContext()).getVideoFileInfo(mVideoPath);
+        if (mTXVideoInfo != null) {
+            Log.d(TAG, "setTXVideoInfo duration:" + mTXVideoInfo.duration);
+        }
+        return mTXVideoInfo;
+    }
+
+    public void clear() {
+        if (mTXVideoEditer != null) {
+            mTXVideoEditer.setTXVideoPreviewListener(null);
+            mTXVideoEditer = null;
+        }
+
+        mCutterDuration = 0;
+        mCutterStartTime = 0;
+        mCutterEndTime = 0;
+
+        mThumbnailList.clear();
+        DraftEditer.getInstance().clear();
+        EffectEditer.getInstance().clear();
+
+        synchronized (mPreviewWrapperList) {
+            mPreviewWrapperList.clear();
+        }
+        mIsReverse = false;
+    }
+
+    public void releaseSDK() {
+        if (mTXVideoEditer != null) {
+            mTXVideoEditer.release();
+        }
+    }
+
+    /**
+     * 裁剪后的时间
+     *
+     * @param newVideoDuration
+     */
+    public void setCutterDuration(long newVideoDuration) {
+        mCutterDuration = newVideoDuration;
+    }
+
+    /**
+     * 获取裁剪后的时间
+     *
+     * @return
+     */
+    public long geCutterDuration() {
+        return mCutterDuration;
+    }
+
+
+    public void setCutterStartTime(long startTime, long endTime) {
+        mCutterStartTime = startTime;
+        mCutterEndTime = endTime;
+        mCutterDuration = endTime - startTime;
+    }
+
+    public void setVideoDuration(long duration) {
+        this.mVideoDuration = duration;
+    }
+
+    public long getCutterStartTime() {
+        return mCutterStartTime;
+    }
+
+    public long getCutterEndTime() {
+        return mCutterEndTime;
+    }
+
+
+    /**
+     * ======================================================预览相关======================================================
+     */
+    public void setReverse(boolean isReverse) {
+        mIsReverse = isReverse;
+    }
+
+    public boolean isReverse() {
+        return mIsReverse;
+    }
+
+    @NonNull
+    private TXVideoEditer.TXVideoPreviewListener mPreviewListener = new TXVideoEditer.TXVideoPreviewListener() {
+        @Override
+        public void onPreviewProgress(int time) {
+            int currentTimeMs = (int) (time / 1000);//转为ms值
+            synchronized (mPreviewWrapperList) {
+                for (TXVideoPreviewListenerWrapper wrapper : mPreviewWrapperList) {
+                    wrapper.onPreviewProgressWrapper(currentTimeMs);
+                }
+            }
+        }
+
+        @Override
+        public void onPreviewFinished() {
+            synchronized (mPreviewWrapperList) {
+                for (TXVideoPreviewListenerWrapper wrapper : mPreviewWrapperList) {
+                    wrapper.onPreviewFinishedWrapper();
+                }
+            }
+        }
+    };
+
+    public void addTXVideoPreviewListenerWrapper(TXVideoPreviewListenerWrapper listener) {
+        synchronized (mPreviewWrapperList) {
+            if (mPreviewWrapperList.contains(listener)) {
+                return;
+            }
+            mPreviewWrapperList.add(listener);
+        }
+    }
+
+    public void removeTXVideoPreviewListenerWrapper(TXVideoPreviewListenerWrapper listener) {
+        synchronized (mPreviewWrapperList) {
+            mPreviewWrapperList.remove(listener);
+        }
+    }
+
+    /**
+     * 初始化新的TXVideoEditer
+     */
+    public void initSDK() {
+        mTXVideoEditer = new TXVideoEditer(UGCKit.getAppContext());
+    }
+
+    /**
+     * 获取以前创建的TXVideoEditer
+     *
+     * @return
+     */
+    public TXVideoEditer getEditer() {
+        return mTXVideoEditer;
+    }
+
+    public String getVideoSourcePath() {
+        if (mTXVideoEditer == null) {
+            return null;
+        }
+        return mTXVideoEditer.getVideoSourcePath();
+    }
+
+    public String getVideoProcessPath() {
+        if (mTXVideoEditer == null) {
+            return null;
+        }
+        return mTXVideoEditer.getVideoProcessPath();
+    }
+
+    public void constructVideoInfo(@NonNull TXVideoEditConstants.TXVideoInfo videoInfo, long duration) {
+        videoInfo.width = 100;
+        videoInfo.height = 100;
+        videoInfo.duration = duration;
+        mTXVideoInfo = videoInfo;
+    }
+
+    public void resetDuration() {
+        if (mCutterEndTime - mCutterStartTime != 0) {
+            mCutterDuration = mCutterEndTime - mCutterStartTime;
+            mCutterStartTime = 0;
+            mCutterEndTime = mCutterDuration;
+        } else {
+            TXVideoEditConstants.TXVideoInfo videoInfo = getTXVideoInfo();
+            if (videoInfo != null) {
+                mCutterDuration = videoInfo.duration;
+                mVideoDuration = videoInfo.duration;
+            }
+        }
+        if (mTXVideoEditer != null) {
+            mTXVideoEditer.setCutFromTime(0, mCutterDuration);
+        }
+    }
+
+    public long getVideoDuration() {
+        return mCutterDuration;
+    }
+
+    /**
+     * 初始化缩略图
+     *
+     * @param listener
+     * @param interval 缩略图的时间间隔
+     */
+    public void initThumbnailList(TXVideoEditer.TXThumbnailListener listener, int interval) {
+        if (interval == 0) {
+            Log.e(TAG, "interval error:0");
+            return;
+        }
+        // 每一秒/一张缩略图
+        int thumbCount = (int) (mVideoDuration / interval);
+        Log.d(TAG, "thumbCount:" + thumbCount);
+
+        if (mTXVideoEditer != null) {
+            mTXVideoEditer.setRenderRotation(0);
+            // FIXBUG：获取缩略图之前需要设置缩略图的开始和结束时间点，SDK内部会根据开始时间和结束时间出缩略图
+            mTXVideoEditer.setCutFromTime(mCutterStartTime, mCutterEndTime);
+            mTXVideoEditer.getThumbnail(thumbCount, IVideoCutLayout.DEFAULT_THUMBNAIL_WIDTH, IVideoCutLayout.DEFAULT_THUMBNAIL_HEIGHT, false, listener);
+        }
+    }
+
+    public void setPublishFlag(boolean flag) {
+        mPublishFlag = flag;
+    }
+
+    public boolean isPublish() {
+        return mPublishFlag;
+    }
+
+    /**
+     * 在特效页面设置特效，会调用SDK，特效点击"取消"后，还原设置进入SDK的特效
+     */
+    public void restore() {
+        EffectEditer effectEditer = EffectEditer.getInstance();
+        if (mTXVideoEditer != null) {
+            mTXVideoEditer.setBGM(effectEditer.getBgmPath());
+            mTXVideoEditer.setBGMVolume(effectEditer.getBgmVolume());
+            mTXVideoEditer.setVideoVolume(effectEditer.getVideoVolume());
+        }
+    }
+
+    /**
+     * 由于SDK没有提供多个界面的预览进度的回调，所以在上层包装一下
+     */
+    public interface TXVideoPreviewListenerWrapper {
+        /**
+         * @param time
+         */
+        void onPreviewProgressWrapper(int time);
+
+        void onPreviewFinishedWrapper();
+    }
+
+    /**
+     * ======================================================缩略图相关======================================================
+     */
+
+    /**
+     * 获取已经加载的缩略图
+     *
+     * @return
+     */
+    @NonNull
+    public List<Bitmap> getThumbnailList(long startPts, long endPts) {
+        List<Bitmap> list = new ArrayList<>();
+        for (ThumbnailBitmapInfo info : mThumbnailList) {
+            if (info.ptsMs >= startPts && info.ptsMs <= endPts) {
+                list.add(info.bitmap);
+            }
+        }
+        return list;
+    }
+
+    @NonNull
+    public List<Bitmap> getAllThumbnails() {
+        return getThumbnailList(0, mTXVideoInfo.duration);
+    }
+
+    public void addThumbnailBitmap(long timeMs, Bitmap bitmap) {
+        mThumbnailList.add(new ThumbnailBitmapInfo(timeMs, bitmap));
+    }
+
+    /**
+     * 清空缩略图列表
+     */
+    public void clearThumbnails() {
+        mThumbnailList.clear();
+    }
+
+    public int getThumbnailSize() {
+        return mThumbnailList == null ? 0 : mThumbnailList.size();
+    }
+
+    private class ThumbnailBitmapInfo {
+        public long   ptsMs;
+        public Bitmap bitmap;
+
+        public ThumbnailBitmapInfo(long ptsMs, Bitmap bitmap) {
+            this.ptsMs = ptsMs;
+            this.bitmap = bitmap;
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicActivity.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicActivity.java
new file mode 100644
index 0000000..956b2e0
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicActivity.java
@@ -0,0 +1,240 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm;
+
+import android.app.Activity;
+import android.content.Intent;
+import android.graphics.Rect;
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.text.TextUtils;
+import android.util.Log;
+import android.view.View;
+import android.widget.LinearLayout;
+
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.progressbutton.SampleProgressButton;
+
+import java.io.File;
+import java.util.ArrayList;
+import java.util.List;
+
+public class TCMusicActivity extends Activity implements SwipeRefreshLayout.OnRefreshListener, View.OnClickListener {
+    private final String TAG = "TCMusicActivity";
+
+    private LinearLayout                     mLayoutBack;
+    private SwipeRefreshLayout               mSwipeRefreshLayout;
+    private RecyclerView                     mRecyclerView;
+    private View                             mEmptyView;
+    private TCMusicAdapter                   mTCMusicAdapter;
+    private TCMusicManager.LoadMusicListener mLoadMusicListener;
+    private List<TCMusicInfo>                mTCMusicInfoList;
+
+    @Override
+    protected void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.ugckit_activity_bgm_select);
+
+        initData();
+        initView();
+        initListener();
+        prepareToRefresh();
+    }
+
+    private void prepareToRefresh() {
+        mSwipeRefreshLayout.post(new Runnable() {
+            @Override
+            public void run() {
+                mSwipeRefreshLayout.setRefreshing(true);
+            }
+        });
+        this.onRefresh();
+    }
+
+    private void initData() {
+        mTCMusicInfoList = new ArrayList<>();
+    }
+
+    private void initListener() {
+        mLoadMusicListener = new TCMusicManager.LoadMusicListener() {
+            @Override
+            public void onBgmList(@Nullable final ArrayList<TCMusicInfo> tcBgmInfoList) {
+                BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        mTCMusicInfoList.clear();
+                        if (tcBgmInfoList != null) {
+                            mTCMusicInfoList.addAll(tcBgmInfoList);
+                        }
+                        mTCMusicAdapter.notifyDataSetChanged();
+                        mSwipeRefreshLayout.setRefreshing(false);
+
+                        mEmptyView.setVisibility(mTCMusicAdapter.getItemCount() == 0 ? View.VISIBLE : View.GONE);
+                    }
+                });
+            }
+
+            @Override
+            public void onBgmDownloadSuccess(final int position, final String filePath) {
+                Log.d(TAG, "onBgmDownloadSuccess filePath:" + filePath);
+                try {
+                    Thread.sleep(200);
+                } catch (Exception e) {
+                    e.printStackTrace();
+                }
+                BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        TCMusicInfo info = mTCMusicInfoList.get(position);
+                        info.status = TCMusicInfo.STATE_DOWNLOADED;
+                        info.localPath = filePath;
+                        mTCMusicAdapter.updateItem(position, info);
+                    }
+                });
+            }
+
+            @Override
+            public void onDownloadFail(final int position, final String errorMsg) {
+                Log.d(TAG, "onDownloadFail errorMsg:" + errorMsg);
+                BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        TCMusicInfo info = mTCMusicInfoList.get(position);
+                        info.status = TCMusicInfo.STATE_UNDOWNLOAD;
+                        info.progress = 0;
+                        mTCMusicAdapter.updateItem(position, info);
+
+                        ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_bgm_select_activity_download_failed));
+                    }
+                });
+            }
+
+            @Override
+            public void onDownloadProgress(final int position, final int progress) {
+                Log.d(TAG, "onDownloadProgress progress:" + progress);
+                BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        if (mTCMusicInfoList != null && mTCMusicInfoList.size() > 0) {
+                            TCMusicInfo info = mTCMusicInfoList.get(position);
+                            if (info != null) {
+                                info.status = TCMusicInfo.STATE_DOWNLOADING;
+                                info.progress = progress;
+                                mTCMusicAdapter.updateItem(position, info);
+                            }
+                        }
+                    }
+                });
+            }
+        };
+        TCMusicManager.getInstance().setOnLoadMusicListener(mLoadMusicListener);
+    }
+
+    private void initView() {
+        mLayoutBack = (LinearLayout) findViewById(R.id.back_ll);
+        mLayoutBack.setOnClickListener(this);
+
+        mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);
+        mSwipeRefreshLayout.setColorSchemeResources(android.R.color.holo_blue_bright, android.R.color.holo_green_light, android.R.color.holo_orange_light, android.R.color.holo_red_light);
+        mSwipeRefreshLayout.setOnRefreshListener(this);
+        mSwipeRefreshLayout.setEnabled(false);
+
+        mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
+        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
+        mRecyclerView.addItemDecoration(new SpaceItemDecoration(5));
+
+        mTCMusicAdapter = new TCMusicAdapter(this, mTCMusicInfoList);
+        mTCMusicAdapter.setOnClickSubItemListener(new TCMusicAdapter.OnClickSubItemListener() {
+            @Override
+            public void onClickUseBtn(SampleProgressButton button, int position) {
+                TCMusicInfo musicInfo = mTCMusicInfoList.get(position);
+                if (musicInfo.status == TCMusicInfo.STATE_UNDOWNLOAD) {
+                    musicInfo.status = TCMusicInfo.STATE_DOWNLOADING;
+                    mTCMusicAdapter.updateItem(position, musicInfo);
+                    downloadMusic(position);
+                } else if (musicInfo.status == TCMusicInfo.STATE_DOWNLOADED) {
+                    backToEditActivity(position, musicInfo.localPath);
+                }
+            }
+        });
+        mRecyclerView.setAdapter(mTCMusicAdapter);
+        mEmptyView = findViewById(R.id.tv_bgm_empty);
+    }
+
+    private void downloadMusic(int position) {
+        TCMusicInfo musicInfo = mTCMusicInfoList.get(position);
+        Log.i(TAG, "tcBgmInfo name = " + musicInfo.name + ", url = " + musicInfo.url);
+        if (TextUtils.isEmpty(musicInfo.localPath)) {
+            downloadMusicInfo(position, musicInfo);
+            musicInfo.status = TCMusicInfo.STATE_DOWNLOADING;
+            musicInfo.progress = 0;
+            mTCMusicAdapter.updateItem(position, musicInfo);
+            return;
+        }
+        File file = new File(musicInfo.localPath);
+        if (!file.isFile()) {
+            musicInfo.localPath = "";
+            musicInfo.status = TCMusicInfo.STATE_DOWNLOADING;
+            musicInfo.progress = 0;
+            mTCMusicAdapter.updateItem(position, musicInfo);
+            downloadMusicInfo(position, musicInfo);
+            return;
+        }
+    }
+
+    private void backToEditActivity(int position, String path) {
+        Intent intent = new Intent();
+        intent.putExtra(UGCKitConstants.MUSIC_POSITION, position);
+        intent.putExtra(UGCKitConstants.MUSIC_PATH, path);
+        intent.putExtra(UGCKitConstants.MUSIC_NAME, mTCMusicInfoList.get(position).name);
+        setResult(UGCKitConstants.ACTIVITY_MUSIC_REQUEST_CODE, intent);
+        finish();
+    }
+
+    @Override
+    public void onRefresh() {
+        Log.i(TAG, "onRefresh");
+        TCMusicManager.getInstance().loadMusicList();
+    }
+
+    private void downloadMusicInfo(int position, @NonNull TCMusicInfo TCMusicInfo) {
+        TCMusicManager.getInstance().downloadMusicInfo(TCMusicInfo.name, position, TCMusicInfo.url);
+    }
+
+    @Override
+    protected void onDestroy() {
+        super.onDestroy();
+        TCMusicManager.getInstance().setOnLoadMusicListener(null);
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        if (v.getId() == R.id.back_ll) {
+            finish();
+        }
+    }
+
+    private class SpaceItemDecoration extends RecyclerView.ItemDecoration {
+        private int mSpace;
+
+        @Override
+        public void getItemOffsets(@NonNull Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
+            super.getItemOffsets(outRect, view, parent, state);
+            outRect.left = 0;
+            outRect.right = 0;
+            outRect.bottom = mSpace;
+            outRect.top = 0;
+
+        }
+
+        public SpaceItemDecoration(int space) {
+            this.mSpace = space;
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicAdapter.java
new file mode 100644
index 0000000..720a1f5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicAdapter.java
@@ -0,0 +1,158 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm;
+
+import android.content.Context;
+import android.graphics.Color;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.util.Log;
+import android.util.SparseArray;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.module.effect.BaseRecyclerAdapter;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.progressbutton.SampleProgressButton;
+
+
+import java.util.List;
+
+public class TCMusicAdapter extends BaseRecyclerAdapter<TCMusicAdapter.LinearMusicViewHolder> implements View.OnClickListener {
+    private static final String                 TAG = "TCMusicAdapter";
+    private              Context                mContext;
+    private              List<TCMusicInfo>      mBGMList;
+    private              OnClickSubItemListener mOnClickSubItemListener;
+
+    @NonNull
+    private SparseArray<LinearMusicViewHolder> mProgressButtonIndexMap = new SparseArray<LinearMusicViewHolder>();
+
+    public TCMusicAdapter(Context context, List<TCMusicInfo> list) {
+        mContext = context;
+        mBGMList = list;
+    }
+
+    @NonNull
+    @Override
+    public LinearMusicViewHolder onCreateVH(@NonNull ViewGroup parent, int viewType) {
+        LinearMusicViewHolder linearMusicViewHolder = new LinearMusicViewHolder(View.inflate(parent.getContext(), R.layout.ugckit_item_editer_bgm, null));
+        return linearMusicViewHolder;
+    }
+
+    @Override
+    public void onBindVH(@NonNull LinearMusicViewHolder holder, int position) {
+        TCMusicInfo info = mBGMList.get(position);
+
+        holder.btnUse.setMax(100);
+        if (info.status == TCMusicInfo.STATE_UNDOWNLOAD) {
+            holder.btnUse.setText(mContext.getString(R.string.ugckit_download));
+            holder.btnUse.setState(SampleProgressButton.STATE_NORMAL);
+            holder.btnUse.setNormalColor(Color.parseColor("#6C7B8B"));
+        } else if (info.status == TCMusicInfo.STATE_DOWNLOADED) {
+            holder.btnUse.setText(mContext.getString(R.string.ugckit_use));
+            holder.btnUse.setState(SampleProgressButton.STATE_NORMAL);
+            holder.btnUse.setNormalColor(Color.parseColor("#FF6347"));
+        } else if (info.status == TCMusicInfo.STATE_DOWNLOADING) {
+            holder.btnUse.setText(mContext.getString(R.string.ugckit_downloading));
+            holder.btnUse.setState(SampleProgressButton.STATE_PROGRESS);
+            holder.btnUse.setProgress(info.progress);
+            holder.btnUse.setNormalColor(Color.parseColor("#FF6347"));
+        }
+        Log.d(TAG, "onBindVH   info.status:" + info.status);
+
+        holder.tvName.setText(info.name);
+        holder.itemView.setTag(position);
+        holder.setPosition(position);
+        holder.setOnClickSubItemListener(mOnClickSubItemListener);
+        holder.setOnItemClickListener(mOnItemClickListener);
+
+        mProgressButtonIndexMap.put(position, holder);
+    }
+
+    @Override
+    public void onBindViewHolder(LinearMusicViewHolder holder, int position, List<Object> payloads) {
+        super.onBindViewHolder(holder, position, payloads);
+    }
+
+    @Override
+    public int getItemCount() {
+        return mBGMList.size();
+    }
+
+    public void updateItem(int position, @NonNull TCMusicInfo info) {
+        LinearMusicViewHolder holder = mProgressButtonIndexMap.get(position);
+        if (holder == null) {
+            return;
+        }
+        if (info.status == TCMusicInfo.STATE_UNDOWNLOAD) {
+            holder.btnUse.setText(mContext.getString(R.string.ugckit_download));
+            holder.btnUse.setState(SampleProgressButton.STATE_NORMAL);
+            holder.btnUse.setNormalColor(Color.parseColor("#6C7B8B"));
+        } else if (info.status == TCMusicInfo.STATE_DOWNLOADED) {
+            holder.btnUse.setText(mContext.getString(R.string.ugckit_use));
+            holder.btnUse.setState(SampleProgressButton.STATE_NORMAL);
+            holder.btnUse.setNormalColor(Color.parseColor("#FF6347"));
+        } else if (info.status == TCMusicInfo.STATE_DOWNLOADING) {
+            holder.btnUse.setText(mContext.getString(R.string.ugckit_downloading));
+            holder.btnUse.setState(SampleProgressButton.STATE_PROGRESS);
+            holder.btnUse.setProgress(info.progress);
+            holder.btnUse.setNormalColor(Color.parseColor("#FF6347"));
+        }
+        Log.d(TAG, "onBindVH   info.status:" + info.status);
+
+        holder.tvName.setText(info.name);
+        holder.itemView.setTag(position);
+        holder.setPosition(position);
+        holder.setOnClickSubItemListener(mOnClickSubItemListener);
+        holder.setOnItemClickListener(mOnItemClickListener);
+    }
+
+    public static class LinearMusicViewHolder extends RecyclerView.ViewHolder {
+        private SampleProgressButton btnUse;
+        private TextView             tvName;
+        private OnItemClickListener  onItemClickListener;
+        private int                  position;
+
+        public LinearMusicViewHolder(@NonNull View itemView) {
+            super(itemView);
+            tvName = (TextView) itemView.findViewById(R.id.bgm_tv_name);
+            btnUse = (SampleProgressButton) itemView.findViewById(R.id.btn_use);
+            btnUse.setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    if (mOnClickSubItemListener != null) {
+                        mOnClickSubItemListener.onClickUseBtn(btnUse, position);
+                    }
+                }
+            });
+        }
+
+        public void setPosition(int position) {
+            this.position = position;
+        }
+
+        public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
+            this.onItemClickListener = onItemClickListener;
+        }
+
+        private OnClickSubItemListener mOnClickSubItemListener;
+
+        public void setOnClickSubItemListener(OnClickSubItemListener onClickSubItemListener) {
+            mOnClickSubItemListener = onClickSubItemListener;
+        }
+    }
+
+    public void setOnClickSubItemListener(OnClickSubItemListener onClickSubItemListener) {
+        mOnClickSubItemListener = onClickSubItemListener;
+    }
+
+    public void setOnItemClickListener(OnItemClickListener listener) {
+        mOnItemClickListener = listener;
+    }
+
+    public interface OnClickSubItemListener {
+        void onClickUseBtn(SampleProgressButton button, int position);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicDownloadProgress.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicDownloadProgress.java
new file mode 100644
index 0000000..3a4e749
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicDownloadProgress.java
@@ -0,0 +1,117 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm;
+
+import android.annotation.TargetApi;
+import android.os.Build;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.text.TextUtils;
+
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.utils.HttpFileListener;
+import com.tencent.qcloud.ugckit.utils.HttpFileUtil;
+import com.tencent.qcloud.ugckit.utils.VideoDeviceUtil;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.io.File;
+import java.util.concurrent.Executors;
+import java.util.concurrent.LinkedBlockingDeque;
+import java.util.concurrent.ThreadPoolExecutor;
+import java.util.concurrent.TimeUnit;
+
+public class TCMusicDownloadProgress {
+
+    public static final  String BGM_FOLDER     = "bgm";
+    private static final int    CORE_POOL_SIZE = 8;
+
+    private int                mBgmPosition;
+    private boolean            mProcessing;
+    private String             mUrl;
+    private String             mBgmName;
+    @Nullable
+    private Downloadlistener   mListener;
+    private DownloadThreadPool sDownloadThreadPool;
+
+    public TCMusicDownloadProgress(String bgmName, int position, String url) {
+        this.mBgmName = bgmName;
+        this.mBgmPosition = position;
+        this.mUrl = url;
+        mProcessing = false;
+    }
+
+    public void start(@Nullable Downloadlistener listener) {
+        if (listener == null || TextUtils.isEmpty(mUrl) || mProcessing) {
+            return;
+        }
+        this.mListener = listener;
+        mProcessing = true;
+        mListener.onDownloadProgress(0);
+        HttpFileListener fileListener = new HttpFileListener() {
+            @Override
+            public void onSaveSuccess(@NonNull File file) {
+                mListener.onDownloadSuccess(file.getPath());
+                stop();
+            }
+
+            @Override
+            public void onSaveFailed(File file, @NonNull Exception e) {
+                mListener.onDownloadFail(e.getMessage());
+                stop();
+            }
+
+            @Override
+            public void onProgressUpdate(int progress) {
+                mListener.onDownloadProgress(progress);
+            }
+
+            @Override
+            public void onProcessEnd() {
+                mProcessing = false;
+            }
+
+        };
+        File onlineMaterialDir = VideoDeviceUtil.getExternalFilesDir(UGCKit.getAppContext(), BGM_FOLDER);
+        if (onlineMaterialDir == null || onlineMaterialDir.getName().startsWith("null")) {
+            mListener.onDownloadFail(UGCKit.getAppContext().getResources().getString(R.string.ugckit_bgm_download_progress_no_enough_storage_space));
+            stop();
+            return;
+        }
+        if (!onlineMaterialDir.exists()) {
+            onlineMaterialDir.mkdirs();
+        }
+
+        ThreadPoolExecutor threadPool = getThreadExecutor();
+        HttpFileUtil httpFileUtil = new HttpFileUtil(mUrl, onlineMaterialDir.getPath(), mBgmName, fileListener, true);
+        threadPool.execute(httpFileUtil);
+    }
+
+    public void stop() {
+        mListener = null;
+    }
+
+    public synchronized ThreadPoolExecutor getThreadExecutor() {
+        if (sDownloadThreadPool == null || sDownloadThreadPool.isShutdown()) {
+            sDownloadThreadPool = new DownloadThreadPool(CORE_POOL_SIZE);
+        }
+        return sDownloadThreadPool;
+    }
+
+    public static class DownloadThreadPool extends ThreadPoolExecutor {
+
+        @TargetApi(Build.VERSION_CODES.GINGERBREAD)
+        public DownloadThreadPool(int poolSize) {
+            super(poolSize, poolSize, 0L, TimeUnit.MILLISECONDS,
+                    new LinkedBlockingDeque<Runnable>(),
+                    Executors.defaultThreadFactory(), new AbortPolicy());
+        }
+    }
+
+    public interface Downloadlistener {
+        void onDownloadFail(String errorMsg);
+
+        void onDownloadProgress(final int progress);
+
+        void onDownloadSuccess(String filePath);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicInfo.java
new file mode 100644
index 0000000..e7acf40
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicInfo.java
@@ -0,0 +1,17 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm;
+
+import androidx.annotation.Nullable;
+
+public class TCMusicInfo {
+    public String name;
+    public String url;
+    public int    status = STATE_UNDOWNLOAD;
+    public int    progress;
+    @Nullable
+    public String localPath;
+
+    public static final int STATE_UNDOWNLOAD  = 1;
+    public static final int STATE_DOWNLOADING = 2;
+    public static final int STATE_DOWNLOADED  = 3;
+    public static final int STATE_USED        = 4;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicManager.java
new file mode 100644
index 0000000..4d63137
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicManager.java
@@ -0,0 +1,159 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm;
+
+import android.content.SharedPreferences;
+import android.preference.PreferenceManager;
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.google.gson.Gson;
+import com.google.gson.reflect.TypeToken;
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.qcloud.ugckit.utils.TCHttpURLClient;
+
+import org.json.JSONArray;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.lang.reflect.Type;
+import java.util.ArrayList;
+
+public class TCMusicManager {
+    private static final String            TAG    = "TCBgmManager";
+    private              boolean           isLoading;
+    private              SharedPreferences mPrefs = PreferenceManager.getDefaultSharedPreferences(UGCKit.getAppContext());
+    private              LoadMusicListener mLoadMusicListener;
+
+    private static class TCMusicMgrHolder {
+        @NonNull
+        private static TCMusicManager instance = new TCMusicManager();
+    }
+
+    @NonNull
+    public static TCMusicManager getInstance() {
+        return TCMusicMgrHolder.instance;
+    }
+
+    public void loadMusicList() {
+        if (isLoading) {
+            Log.e(TAG, "loadMusicList, is loading");
+            return;
+        }
+        isLoading = true;
+        TCHttpURLClient.getInstance().get(UGCKitConstants.SVR_BGM_GET_URL, new TCHttpURLClient.OnHttpCallback() {
+            @Override
+            public void onSuccess(String result) {
+                Log.i(TAG, "http request success:  result = " + result);
+                try {
+                    JSONObject jsonObject = new JSONObject(result);
+                    JSONObject bgmObject = jsonObject.getJSONObject("bgm");
+                    if (bgmObject == null && mLoadMusicListener != null) {
+                        mLoadMusicListener.onBgmList(null);
+                        return;
+                    }
+                    JSONArray list = bgmObject.getJSONArray("list");
+                    Type listType = new TypeToken<ArrayList<TCMusicInfo>>() {
+                    }.getType();
+                    ArrayList<TCMusicInfo> bgmInfoList = new Gson().fromJson(list.toString(), listType);
+
+                    getLocalPath(bgmInfoList);
+                    if (mLoadMusicListener != null) {
+                        mLoadMusicListener.onBgmList(bgmInfoList);
+                    }
+                } catch (JSONException e) {
+                    e.printStackTrace();
+                } finally {
+                    isLoading = false;
+                }
+            }
+
+            @Override
+            public void onError() {
+                isLoading = false;
+            }
+        });
+    }
+
+    /**
+     * 根据bgmList，获取本地已保存过的路径
+     *
+     * @param musicInfos
+     */
+    private void getLocalPath(@Nullable ArrayList<TCMusicInfo> musicInfos) {
+        if (musicInfos == null || musicInfos.size() == 0) {
+            return;
+        }
+        for (TCMusicInfo TCMusicInfo : musicInfos) {
+            TCMusicInfo.localPath = mPrefs.getString(TCMusicInfo.name, "");
+        }
+        for (TCMusicInfo TCMusicInfo : musicInfos) {
+            if (!TCMusicInfo.localPath.equals("")) {
+                TCMusicInfo.status = TCMusicInfo.STATE_DOWNLOADED;
+            }
+        }
+    }
+
+    public void downloadMusicInfo(final String bgmName, final int position, String url) {
+        TCMusicDownloadProgress TCMusicDownloadProgress = new TCMusicDownloadProgress(bgmName, position, url);
+        TCMusicDownloadProgress.start(new TCMusicDownloadProgress.Downloadlistener() {
+            @Override
+            public void onDownloadFail(String errorMsg) {
+                LoadMusicListener loadMusicListener = null;
+                synchronized (TCMusicManager.this) {
+                    loadMusicListener = mLoadMusicListener;
+                }
+
+                if (loadMusicListener != null) {
+                    loadMusicListener.onDownloadFail(position, errorMsg);
+                }
+            }
+
+            @Override
+            public void onDownloadProgress(int progress) {
+                Log.i(TAG, "downloadMusicInfo, progress = " + progress);
+                LoadMusicListener loadMusicListener = null;
+                synchronized (TCMusicManager.this) {
+                    loadMusicListener = mLoadMusicListener;
+                }
+                if (loadMusicListener != null) {
+                    loadMusicListener.onDownloadProgress(position, progress);
+                }
+            }
+
+            @Override
+            public void onDownloadSuccess(String filePath) {
+                Log.i(TAG, "onDownloadSuccess, filePath = " + filePath);
+                LoadMusicListener loadMusicListener = null;
+                synchronized (TCMusicManager.this) {
+                    loadMusicListener = mLoadMusicListener;
+                }
+                if (loadMusicListener != null) {
+                    loadMusicListener.onBgmDownloadSuccess(position, filePath);
+                }
+                // 本地保存，防止重复下载
+                synchronized (TCMusicManager.this) {
+                    mPrefs.edit().putString(bgmName, filePath).apply();
+                }
+            }
+        });
+    }
+
+    public void setOnLoadMusicListener(LoadMusicListener loadMusicListener) {
+        synchronized (this) {
+            mLoadMusicListener = loadMusicListener;
+        }
+    }
+
+    public interface LoadMusicListener {
+
+        void onBgmList(final ArrayList<TCMusicInfo> tcBgmInfoList);
+
+        void onBgmDownloadSuccess(int position, String filePath);
+
+        void onDownloadFail(int position, String errorMsg);
+
+        void onDownloadProgress(int position, int progress);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicSettingFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicSettingFragment.java
new file mode 100644
index 0000000..054a4b4
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/TCMusicSettingFragment.java
@@ -0,0 +1,188 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm;
+
+import android.app.AlertDialog;
+import android.content.DialogInterface;
+import android.content.Intent;
+import android.media.MediaPlayer;
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import android.text.TextUtils;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.module.effect.utils.EffectEditer;
+import com.tencent.qcloud.ugckit.utils.DialogUtil;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.effect.bgm.view.IEditMusicPannel;
+import com.tencent.qcloud.ugckit.module.record.MusicInfo;
+import com.tencent.qcloud.ugckit.module.effect.bgm.view.TCEditMusicPannel;
+import com.tencent.qcloud.ugckit.module.effect.utils.DraftEditer;
+
+import com.tencent.ugc.TXVideoEditer;
+
+import java.io.IOException;
+
+/**
+ * 音乐设置的fragment
+ */
+public class TCMusicSettingFragment extends Fragment {
+    private static final String TAG = "TCMusicSettingFragment";
+
+    private DraftEditer       mEditerDraft;
+    private TCEditMusicPannel mTCEditMusicPannel;
+    private MusicInfo         mMusicInfo;
+
+    @Override
+    public void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        mEditerDraft = DraftEditer.getInstance();
+    }
+
+    @Override
+    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
+        super.onActivityCreated(savedInstanceState);
+
+        mMusicInfo = DraftEditer.getInstance().loadMusicInfo();
+        if (TextUtils.isEmpty(mMusicInfo.path)) {
+            chooseBGM();
+            return;
+        }
+        mTCEditMusicPannel.setMusicInfo(mMusicInfo);
+    }
+
+    private void chooseBGM() {
+        Intent bgmIntent = new Intent(getActivity(), TCMusicActivity.class);
+        bgmIntent.putExtra(UGCKitConstants.MUSIC_POSITION, mMusicInfo.position);
+        startActivityForResult(bgmIntent, UGCKitConstants.ACTIVITY_MUSIC_REQUEST_CODE);
+    }
+
+    public void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
+        if (data == null) {
+            getActivity().finish();
+            return;
+        }
+        mMusicInfo = new MusicInfo();
+        mMusicInfo.path = data.getStringExtra(UGCKitConstants.MUSIC_PATH);
+        mMusicInfo.name = data.getStringExtra(UGCKitConstants.MUSIC_NAME);
+        mMusicInfo.position = data.getIntExtra(UGCKitConstants.MUSIC_POSITION, -1);
+
+        if (TextUtils.isEmpty(mMusicInfo.path)) {
+            getActivity().finish();
+            return;
+        }
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        int result = editer.setBGM(mMusicInfo.path);
+        if (result != 0) {
+            DialogUtil.showDialog(getContext(), getResources().getString(R.string.ugckit_bgm_setting_fragment_video_edit_failed), getResources().getString(R.string.ugckit_bgm_setting_fragment_background_sound_only_supports_mp3_or_m4a_format), null);
+        }
+        try {
+            MediaPlayer mediaPlayer = new MediaPlayer();
+            mediaPlayer.setDataSource(mMusicInfo.path);
+            mediaPlayer.prepare();
+            mMusicInfo.duration = mediaPlayer.getDuration();
+            mediaPlayer.release();
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+        editer.setBGMStartTime(0, mMusicInfo.duration);
+        float bgmVolume = mTCEditMusicPannel.getBGMVolumeSeekBarProgress() / 100f;
+        float micVolume = mTCEditMusicPannel.getMicVolumeSeekBarProgress() / 100f;
+        editer.setBGMVolume(bgmVolume);
+        editer.setVideoVolume(micVolume);
+
+
+        mMusicInfo.videoVolume = micVolume;
+        mMusicInfo.bgmVolume = bgmVolume;
+        mMusicInfo.startTime = 0;
+        mMusicInfo.endTime = mMusicInfo.duration;
+        DraftEditer.getInstance().saveRecordMusicInfo(mMusicInfo);
+
+        mTCEditMusicPannel.setMusicInfo(mMusicInfo);
+    }
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.ugckit_fragment_bgm, container, false);
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        initMusicPanel(view);
+    }
+
+    /**
+     * ==============================================音乐列表相关==============================================
+     */
+    private void initMusicPanel(@NonNull View view) {
+        mTCEditMusicPannel = (TCEditMusicPannel) view.findViewById(R.id.tc_record_bgm_pannel);
+        mTCEditMusicPannel.setOnMusicChangeListener(new IEditMusicPannel.MusicChangeListener() {
+            @Override
+            public void onMicVolumeChanged(float volume) {
+                mEditerDraft.setVideoVolume(volume);
+
+                TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+                editer.setVideoVolume(volume);
+            }
+
+            @Override
+            public void onMusicVolumChanged(float volume) {
+                mEditerDraft.setBgmVolume(volume);
+
+                TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+                editer.setBGMVolume(volume);
+            }
+
+            @Override
+            public void onMusicTimeChanged(long startTime, long endTime) {
+                mEditerDraft.setBgmStartTime(startTime);
+                mEditerDraft.setBgmEndTime(endTime);
+
+                // bgm 播放时间区间设置
+                VideoEditerSDK.getInstance().getEditer().setBGMStartTime(startTime, endTime);
+            }
+
+            @Override
+            public void onMusicReplace() {
+                chooseBGM();
+            }
+
+            @Override
+            public void onMusicDelete() {
+                showDeleteMusicDialog();
+            }
+        });
+    }
+
+    private void showDeleteMusicDialog() {
+        AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+        AlertDialog alertDialog = builder.setTitle(getResources().getString(R.string.ugckit_tips)).setCancelable(false).setMessage(R.string.ugckit_delete_bgm_or_not)
+                .setPositiveButton(R.string.ugckit_confirm_delete, new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        DraftEditer.getInstance().setBgmPath(null);
+                        EffectEditer.getInstance().setBgmPath(null);
+                        VideoEditerSDK.getInstance().getEditer().setBGM(null);
+
+                        getActivity().onBackPressed();
+                        dialog.dismiss();
+                    }
+                })
+                .setNegativeButton(getResources().getString(R.string.ugckit_btn_cancel), new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(@NonNull DialogInterface dialog, int which) {
+                        dialog.dismiss();
+                    }
+                }).create();
+        alertDialog.show();
+    }
+
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/IEditMusicPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/IEditMusicPannel.java
new file mode 100644
index 0000000..57ec6c8
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/IEditMusicPannel.java
@@ -0,0 +1,71 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm.view;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.module.record.MusicInfo;
+
+/**
+ * 视频编辑中音乐面板
+ */
+public interface IEditMusicPannel {
+    /**
+     * 设置选择的背景音乐基本信息
+     *
+     * @param musicInfo
+     */
+    void setMusicInfo(@NonNull MusicInfo musicInfo);
+
+    /**
+     * 设置背景音乐改变监听器
+     *
+     * @param listener
+     */
+    void setOnMusicChangeListener(MusicChangeListener listener);
+
+    /**
+     * @return 背景音乐音量进度条的进度(0 - 100)
+     */
+    int getBGMVolumeSeekBarProgress();
+
+    /**
+     * @return 录音音量进度条的进度(0 - 100)
+     */
+    int getMicVolumeSeekBarProgress();
+
+    /**
+     * 操作当前背景音乐
+     */
+    interface MusicChangeListener {
+        /**
+         * 录音音量改变
+         *
+         * @param volume
+         */
+        void onMicVolumeChanged(float volume);
+
+        /**
+         * 背景音乐音量改变
+         *
+         * @param volume
+         */
+        void onMusicVolumChanged(float volume);
+
+        /**
+         * 背景音乐起止时间改变
+         *
+         * @param startTime 开始时间
+         * @param endTime   结束时间
+         */
+        void onMusicTimeChanged(long startTime, long endTime);
+
+        /**
+         * 背景音乐替换
+         */
+        void onMusicReplace();
+
+        /**
+         * 背景音乐删除
+         */
+        void onMusicDelete();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/MusicEntity.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/MusicEntity.java
new file mode 100644
index 0000000..6b6242c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/MusicEntity.java
@@ -0,0 +1,92 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm.view;
+
+import android.net.Uri;
+import android.os.Parcel;
+import android.os.Parcelable;
+import androidx.annotation.NonNull;
+
+public class MusicEntity implements Parcelable {
+
+    public int    id;               //id标识
+    public int    duration;         // 媒体播放总时间
+    public String title;            // 显示名称
+    public String display_name;     // 文件名称
+    public String path;             // 音乐文件的路径
+    public String albums;           // 专辑
+    public String artist;           // 艺术家
+    public String singer;           //歌手
+    public String durationStr;
+    public long   size;
+    public char   state = 0;        //0:idle 1:playing
+    public Uri    fileUri;
+
+    public MusicEntity() {
+    }
+
+    protected MusicEntity(Parcel in) {
+        id = in.readInt();
+        title = in.readString();
+        display_name = in.readString();
+        path = in.readString();
+        duration = in.readInt();
+        albums = in.readString();
+        artist = in.readString();
+        singer = in.readString();
+        durationStr = in.readString();
+        size = in.readLong();
+        state = (char) in.readInt();
+        fileUri = in.readParcelable(Uri.class.getClassLoader());
+    }
+
+    public static final Creator<MusicEntity> CREATOR = new Creator<MusicEntity>() {
+        @Override
+        public MusicEntity createFromParcel(Parcel in) {
+            return new MusicEntity(in);
+        }
+
+        @Override
+        public MusicEntity[] newArray(int size) {
+            return new MusicEntity[size];
+        }
+    };
+
+    @Override
+    public int describeContents() {
+        return 0;
+    }
+
+    @Override
+    public void writeToParcel(Parcel dest, int flags) {
+        dest.writeInt(id);
+        dest.writeString(title);
+        dest.writeString(display_name);
+        dest.writeString(path);
+        dest.writeInt(duration);
+        dest.writeString(albums);
+        dest.writeString(artist);
+        dest.writeString(singer);
+        dest.writeString(durationStr);
+        dest.writeLong(size);
+        dest.writeInt(state);
+        dest.writeParcelable(fileUri, flags);
+    }
+
+    @NonNull
+    @Override
+    public String toString() {
+        return "MusicEntity{" +
+                "id=" + id +
+                ", title='" + title + '\'' +
+                ", display_name='" + display_name + '\'' +
+                ", path='" + path + '\'' +
+                ", duration='" + duration + '\'' +
+                ", albums=" + albums +
+                ", artist=" + artist +
+                ", singer=" + singer +
+                ", durationStr=" + durationStr +
+                ", size=" + size +
+                ", state=" + state +
+                ", fileUri=" + fileUri +
+                '}';
+    }
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/SoundEffectsPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/SoundEffectsPannel.java
new file mode 100755
index 0000000..eaedbb8
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/SoundEffectsPannel.java
@@ -0,0 +1,320 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm.view;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.MotionEvent;
+import android.view.View;
+import android.widget.Button;
+import android.widget.HorizontalScrollView;
+import android.widget.LinearLayout;
+import android.widget.RelativeLayout;
+import android.widget.SeekBar;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.record.interfaces.ISoundEffectsPannel;
+import com.tencent.ugc.TXRecordCommon;
+
+/**
+ * 音效Pannel
+ */
+public class SoundEffectsPannel extends RelativeLayout implements ISoundEffectsPannel, SeekBar.OnSeekBarChangeListener, View.OnClickListener {
+    private Context              mContext;
+    private SeekBar              mSeekBarMicVolume;
+    private Button               mButtonVolume;
+    private Button               mButtonVoiceChange;
+    private Button               mButtonReverb;
+    private LinearLayout         mLayoutVolume;
+    private HorizontalScrollView mLayoutVoiceChange;
+    private HorizontalScrollView mLayoutReverb;
+    private int                  mMicVolume = 100;
+    private int                  mLastReverbIndex;
+    private int                  mLastVoiceChangerIndex;
+
+    private SoundEffectsSettingPannelListener mSoundEffectsSettingPannelListener;
+
+    public SoundEffectsPannel(Context context) {
+        super(context);
+        init(context);
+    }
+
+    public SoundEffectsPannel(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public SoundEffectsPannel(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    private void init(Context context) {
+        mContext = context;
+        LayoutInflater.from(context).inflate(R.layout.ugckit_layout_sound_effects, this);
+
+        mButtonVolume = (Button) findViewById(R.id.btn_volume);
+        mButtonVolume.setOnClickListener(this);
+        mButtonVoiceChange = (Button) findViewById(R.id.btn_voicechange);
+        mButtonVoiceChange.setOnClickListener(this);
+        mButtonReverb = (Button) findViewById(R.id.btn_reverb);
+        mButtonReverb.setOnClickListener(this);
+
+        mLayoutVolume = (LinearLayout) findViewById(R.id.layout_volume);
+        mLayoutVoiceChange = (HorizontalScrollView) findViewById(R.id.layout_voicechanger);
+        mLayoutReverb = (HorizontalScrollView) findViewById(R.id.layout_reverb_type);
+
+        mSeekBarMicVolume = (SeekBar) findViewById(R.id.seekbar_mic_volume);
+        mSeekBarMicVolume.setOnSeekBarChangeListener(this);
+
+        findViewById(R.id.btn_reverb_default).setOnClickListener(this);
+        findViewById(R.id.btn_reverb_1).setOnClickListener(this);
+        findViewById(R.id.btn_reverb_2).setOnClickListener(this);
+        findViewById(R.id.btn_reverb_3).setOnClickListener(this);
+        findViewById(R.id.btn_reverb_4).setOnClickListener(this);
+        findViewById(R.id.btn_reverb_5).setOnClickListener(this);
+        findViewById(R.id.btn_reverb_6).setOnClickListener(this);
+
+        findViewById(R.id.btn_voicechanger_default).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_1).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_2).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_3).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_4).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_6).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_7).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_8).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_9).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_10).setOnClickListener(this);
+        findViewById(R.id.btn_voicechanger_11).setOnClickListener(this);
+
+        setDefaultRevertAndVoiceChange();
+    }
+
+    @Override
+    public void onProgressChanged(@NonNull SeekBar seekBar, int progress, boolean fromUser) {
+        if (seekBar.getId() == R.id.seekbar_mic_volume) {
+            mMicVolume = progress;
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onMicVolumeChanged(mMicVolume / (float) 100);
+            }
+        }
+    }
+
+    @Override
+    public void onStartTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void onStopTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void setSoundEffectsSettingPannelListener(SoundEffectsSettingPannelListener soundEffectsSettingPannelListener) {
+        mSoundEffectsSettingPannelListener = soundEffectsSettingPannelListener;
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.btn_volume) {
+            //音量
+            mButtonVolume.setBackgroundResource(R.drawable.ugckit_ic_ugc_soundeffect);
+            mButtonVoiceChange.setBackground(null);
+            mButtonReverb.setBackground(null);
+
+            mLayoutVolume.setVisibility(View.VISIBLE);
+            mLayoutReverb.setVisibility(View.GONE);
+            mLayoutVoiceChange.setVisibility(View.GONE);
+        } else if (i == R.id.btn_voicechange) {
+            //变声
+            mButtonVoiceChange.setBackgroundResource(R.drawable.ugckit_ic_ugc_soundeffect);
+            mButtonVolume.setBackground(null);
+            mButtonReverb.setBackground(null);
+
+            mLayoutVolume.setVisibility(View.GONE);
+            mLayoutReverb.setVisibility(View.GONE);
+            mLayoutVoiceChange.setVisibility(View.VISIBLE);
+        } else if (i == R.id.btn_reverb) {
+            //混响
+            mButtonReverb.setBackgroundResource(R.drawable.ugckit_ic_ugc_soundeffect);
+            mButtonVoiceChange.setBackground(null);
+            mButtonVolume.setBackground(null);
+
+            mLayoutVolume.setVisibility(View.GONE);
+            mLayoutReverb.setVisibility(View.VISIBLE);
+            mLayoutVoiceChange.setVisibility(View.GONE);
+        } else if (i == R.id.btn_reverb_default) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickReverb(TXRecordCommon.VIDOE_REVERB_TYPE_0);
+            }
+
+        } else if (i == R.id.btn_reverb_1) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickReverb(TXRecordCommon.VIDOE_REVERB_TYPE_1);
+            }
+
+        } else if (i == R.id.btn_reverb_2) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickReverb(TXRecordCommon.VIDOE_REVERB_TYPE_2);
+            }
+
+        } else if (i == R.id.btn_reverb_3) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickReverb(TXRecordCommon.VIDOE_REVERB_TYPE_3);
+            }
+
+        } else if (i == R.id.btn_reverb_4) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickReverb(TXRecordCommon.VIDOE_REVERB_TYPE_4);
+            }
+
+        } else if (i == R.id.btn_reverb_5) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickReverb(TXRecordCommon.VIDOE_REVERB_TYPE_5);
+            }
+
+        } else if (i == R.id.btn_reverb_6) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickReverb(TXRecordCommon.VIDOE_REVERB_TYPE_6);
+            }
+
+        } else if (i == R.id.btn_voicechanger_default) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_0);
+            }
+
+        } else if (i == R.id.btn_voicechanger_1) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_1);
+            }
+
+        } else if (i == R.id.btn_voicechanger_2) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_2);
+            }
+
+        } else if (i == R.id.btn_voicechanger_3) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_3);
+            }
+
+        } else if (i == R.id.btn_voicechanger_4) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_4);
+            }
+
+        } else if (i == R.id.btn_voicechanger_6) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_6);
+            }
+
+        } else if (i == R.id.btn_voicechanger_7) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_7);
+            }
+
+        } else if (i == R.id.btn_voicechanger_8) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_8);
+            }
+
+        } else if (i == R.id.btn_voicechanger_9) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_9);
+            }
+
+        } else if (i == R.id.btn_voicechanger_10) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_10);
+            }
+
+        } else if (i == R.id.btn_voicechanger_11) {
+            if (mSoundEffectsSettingPannelListener != null) {
+                mSoundEffectsSettingPannelListener.onClickVoiceChanger(TXRecordCommon.VIDOE_VOICECHANGER_TYPE_11);
+            }
+
+        }
+
+        if (v.getId() != mLastReverbIndex &&
+                (v.getId() == R.id.btn_reverb_default || v.getId() == R.id.btn_reverb_1 ||
+                        v.getId() == R.id.btn_reverb_2 || v.getId() == R.id.btn_reverb_3 ||
+                        v.getId() == R.id.btn_reverb_4 || v.getId() == R.id.btn_reverb_5 ||
+                        v.getId() == R.id.btn_reverb_6)) {   // 混响
+            v.setSelected(true);
+
+            View lastV = findViewById(mLastReverbIndex);
+            if (null != lastV) {
+                lastV.setSelected(false);
+            }
+
+            mLastReverbIndex = v.getId();
+
+        } else if (v.getId() != mLastVoiceChangerIndex &&
+                (v.getId() == R.id.btn_voicechanger_default || v.getId() == R.id.btn_voicechanger_1 || v.getId() == R.id.btn_voicechanger_2
+                        || v.getId() == R.id.btn_voicechanger_3 || v.getId() == R.id.btn_voicechanger_4
+                        || v.getId() == R.id.btn_voicechanger_6 || v.getId() == R.id.btn_voicechanger_7
+                        || v.getId() == R.id.btn_voicechanger_8 || v.getId() == R.id.btn_voicechanger_9
+                        || v.getId() == R.id.btn_voicechanger_10 || v.getId() == R.id.btn_voicechanger_11)) {  // 变声
+
+            v.setSelected(true);
+
+            View lastV = findViewById(mLastVoiceChangerIndex);
+            if (null != lastV) {
+                lastV.setSelected(false);
+            }
+
+            mLastVoiceChangerIndex = v.getId();
+        }
+    }
+
+    private void setDefaultRevertAndVoiceChange() {
+        TextView btnReverbDefalult = (TextView) findViewById(R.id.btn_reverb_default);
+        btnReverbDefalult.setSelected(true);
+        mLastReverbIndex = R.id.btn_reverb_default;
+
+        TextView btnVoiceChangerDefault = (TextView) findViewById(R.id.btn_voicechanger_default);
+        btnVoiceChangerDefault.setSelected(true);
+        mLastVoiceChangerIndex = R.id.btn_voicechanger_default;
+    }
+
+    @Override
+    public boolean onTouchEvent(MotionEvent event) {
+        super.onTouchEvent(event);
+        return true;
+    }
+
+    @Override
+    public void setSeekbarColor(int color) {
+
+    }
+
+    @Override
+    public void setCheckedTextColor(int color) {
+
+    }
+
+    @Override
+    public void setNormalTextColor(int color) {
+
+    }
+
+    @Override
+    public void setConfirmButtonBackgroundColor(int color) {
+
+    }
+
+    @Override
+    public void setConfirmButtonTextColor(int color) {
+
+    }
+
+    @Override
+    public void setConfirmButtonTextSize(int size) {
+
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/TCEditMusicPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/TCEditMusicPannel.java
new file mode 100644
index 0000000..b167465
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bgm/view/TCEditMusicPannel.java
@@ -0,0 +1,183 @@
+package com.tencent.qcloud.ugckit.module.effect.bgm.view;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.text.TextUtils;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.SeekBar;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.utils.DateTimeUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.slider.RangeSlider;
+import com.tencent.qcloud.ugckit.module.record.MusicInfo;
+
+public class TCEditMusicPannel extends RelativeLayout implements IEditMusicPannel, SeekBar.OnSeekBarChangeListener, RangeSlider.OnRangeChangeListener, View.OnClickListener {
+    private Context     mContext;
+    private SeekBar     mSeekBarMicVolume;
+    private SeekBar     mSeekBarBGMVolume;
+    private RangeSlider mSliderRange;
+    private TextView    mTextStartTime;
+    private TextView    mTextMicVolume;
+    private TextView    mTextMusicName;
+    private ImageView   mImageReplace;
+    private ImageView   mImageDelete;
+    private int         mMicVolume = 100;
+    private int         mBGMVolume = 100;
+    private long        mBgmDuration;
+
+    private MusicChangeListener mMusicChangeListener;
+
+    public TCEditMusicPannel(Context context) {
+        super(context);
+        init(context);
+    }
+
+    public TCEditMusicPannel(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public TCEditMusicPannel(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    private void init(Context context) {
+        mContext = context;
+        LayoutInflater.from(context).inflate(R.layout.ugckit_layout_edit_music, this);
+        mSeekBarMicVolume = (SeekBar) findViewById(R.id.seekbar_mic_volume);
+        mSeekBarBGMVolume = (SeekBar) findViewById(R.id.seekbar_bgm_volume);
+        mSeekBarMicVolume.setOnSeekBarChangeListener(this);
+        mSeekBarBGMVolume.setOnSeekBarChangeListener(this);
+
+        mTextMicVolume = (TextView) findViewById(R.id.tv_mic_volume);
+
+        mSliderRange = (RangeSlider) findViewById(R.id.bgm_range_slider);
+        mSliderRange.setRangeChangeListener(this);
+
+        mImageReplace = (ImageView) findViewById(R.id.btn_bgm_replace);
+        mImageDelete = (ImageView) findViewById(R.id.btn_bgm_delete);
+
+        mImageReplace.setOnClickListener(this);
+        mImageDelete.setOnClickListener(this);
+
+        mTextStartTime = (TextView) findViewById(R.id.tv_bgm_start_time);
+        mTextStartTime.setText(String.format(getResources().getString(R.string.ugckit_bgm_start_position), "00:00"));
+
+        mTextMusicName = (TextView) findViewById(R.id.tx_music_name);
+        mTextMusicName.setText("");
+        mTextMusicName.setSelected(true);
+    }
+
+    @Override
+    public void setMusicInfo(MusicInfo musicInfo) {
+        if (!TextUtils.isEmpty(musicInfo.name)) {
+            mTextMusicName.setText(musicInfo.name);
+        }
+        if (mSeekBarMicVolume != null && musicInfo.videoVolume != -1) {
+            mSeekBarMicVolume.setProgress((int) (musicInfo.videoVolume * 100));
+        }
+
+        if (mSeekBarBGMVolume != null && musicInfo.bgmVolume != -1) {
+            mSeekBarBGMVolume.setProgress((int) (musicInfo.bgmVolume * 100));
+        }
+        mBgmDuration = musicInfo.duration;
+        setCutRange(musicInfo.startTime, musicInfo.endTime);
+    }
+
+    @Override
+    public int getBGMVolumeSeekBarProgress() {
+        return mSeekBarBGMVolume.getProgress();
+    }
+
+    @Override
+    public int getMicVolumeSeekBarProgress() {
+        return mSeekBarMicVolume.getProgress();
+    }
+
+    @Override
+    public void onProgressChanged(@NonNull SeekBar seekBar, int progress, boolean fromUser) {
+        if (seekBar.getId() == R.id.seekbar_mic_volume) {
+            mMicVolume = progress;
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMicVolumeChanged(mMicVolume / (float) 100);
+            }
+        } else if (seekBar.getId() == R.id.seekbar_bgm_volume) {
+            mBGMVolume = progress;
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMusicVolumChanged(mBGMVolume / (float) 100);
+            }
+        }
+    }
+
+    @Override
+    public void onStartTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void onStopTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void setOnMusicChangeListener(MusicChangeListener volumeChangeListener) {
+        mMusicChangeListener = volumeChangeListener;
+    }
+
+    /******** RangeSlider callback start *********/
+    @Override
+    public void onKeyDown(int type) {
+
+    }
+
+    @Override
+    public void onKeyUp(int type, int leftPinIndex, int rightPinIndex) {
+        long leftTime = mBgmDuration * leftPinIndex / 100; //ms
+        long rightTime = mBgmDuration * rightPinIndex / 100;
+
+        mTextStartTime.setText(String.format(getResources().getString(R.string.ugckit_bgm_start_position),
+                DateTimeUtil.millsecondToMinuteSecond((int) leftTime)));
+
+        if (mMusicChangeListener != null) {
+            mMusicChangeListener.onMusicTimeChanged(leftTime, rightTime);
+        }
+
+        mTextStartTime.setText(String.format(getResources().getString(R.string.ugckit_bgm_start_position), DateTimeUtil.millsecondToMinuteSecond((int) leftTime)));
+    }
+
+    /******** RangeSlider callback end *********/
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.btn_bgm_replace) {
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMusicReplace();
+            }
+
+        } else if (i == R.id.btn_bgm_delete) {
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMusicDelete();
+            }
+        }
+    }
+
+    private void setCutRange(long startTime, long endTime) {
+        if (startTime == -1 || endTime == -1)
+            return;
+        if (mSliderRange != null && mBgmDuration != 0) {
+            int left = (int) (startTime * 100 / mBgmDuration);
+            int right = (int) (endTime * 100 / mBgmDuration);
+            mSliderRange.setCutRange(left, right);
+        }
+        if (mTextStartTime != null) {
+            mTextStartTime.setText(String.format(getResources().getString(R.string.ugckit_bgm_start_position), DateTimeUtil.millsecondToMinuteSecond((int) startTime)));
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/AddBubbleAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/AddBubbleAdapter.java
new file mode 100644
index 0000000..6245fa2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/AddBubbleAdapter.java
@@ -0,0 +1,153 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+import android.content.Context;
+import android.graphics.BitmapFactory;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.text.TextUtils;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.module.effect.BaseRecyclerAdapter;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.bubbleview.BubbleViewParams;
+
+
+import java.io.IOException;
+import java.util.List;
+
+public class AddBubbleAdapter extends BaseRecyclerAdapter<AddBubbleAdapter.AddPasterViewHolder> {
+    public static final int TYPE_FOOTER = 0;  // 带有Footer的
+    public static final int TYPE_NORMAL = 1;  // 真实数据
+
+    private Context                mContext;
+    private View                   mFooterView;
+    private int                    mCurrentSelectedPos = -1;
+    private int                    mPasterTextSize;
+    private int                    mPasterTextColor;
+    private int                    mCoverIcon;
+    private List<BubbleViewParams> mBubbleInfoList;
+
+    public AddBubbleAdapter(List<BubbleViewParams> bubbleInfoList, Context context) {
+        mBubbleInfoList = bubbleInfoList;
+        mContext = context;
+    }
+
+    public void setFooterView(View footerView) {
+        mFooterView = footerView;
+        notifyItemInserted(getItemCount() - 1);
+    }
+
+    public void setCurrentSelectedPos(int pos) {
+        int tPos = mCurrentSelectedPos;
+        mCurrentSelectedPos = pos;
+        this.notifyItemChanged(tPos);
+        this.notifyItemChanged(mCurrentSelectedPos);
+    }
+
+    @Override
+    public int getItemViewType(int position) {
+        if (mFooterView == null) {
+            return TYPE_NORMAL;
+        }
+        if (position == getItemCount() - 1) {
+            return TYPE_FOOTER;
+        }
+        return TYPE_NORMAL;
+    }
+
+    @Override
+    public void onBindVH(@NonNull AddPasterViewHolder holder, int position) {
+        if (getItemViewType(position) == TYPE_FOOTER) {
+            return;
+        }
+        TCBubbleInfo tcBubbleInfo = null;
+        BubbleViewParams bubbleViewParams = mBubbleInfoList.get(position);
+        if (bubbleViewParams != null) {
+            TCSubtitleInfo tcSubtitleInfo = bubbleViewParams.wordParamsInfo;
+            if (tcSubtitleInfo != null) {
+                tcBubbleInfo = tcSubtitleInfo.getBubbleInfo();
+            }
+        }
+        String bubblePath = null;
+        if (tcBubbleInfo != null) {
+            bubblePath = tcBubbleInfo.getIconPath();
+        }
+        if (!TextUtils.isEmpty(bubblePath)) {
+            try {
+                holder.ivAddPaster.setImageBitmap(BitmapFactory.decodeStream(mContext.getAssets().open(bubblePath)));
+            } catch (IOException e) {
+                e.printStackTrace();
+            }
+        }
+        if (bubbleViewParams != null) {
+            if (mPasterTextSize != 0) {
+                holder.tvAddPasterText.setTextSize(mPasterTextSize);
+            }
+            if (mPasterTextColor != 0) {
+                holder.tvAddPasterText.setTextColor(mContext.getResources().getColor(mPasterTextColor));
+            }
+            holder.tvAddPasterText.setText(TextUtils.isEmpty(bubbleViewParams.text) ? "" : bubbleViewParams.text);
+        }
+        if (mCoverIcon != 0) {
+            holder.ivAddPasterTint.setImageResource(mCoverIcon);
+        }
+        if (mCurrentSelectedPos == position) {
+            holder.ivAddPasterTint.setVisibility(View.VISIBLE);
+        } else {
+            holder.ivAddPasterTint.setVisibility(View.GONE);
+        }
+    }
+
+    @NonNull
+    @Override
+    public AddPasterViewHolder onCreateVH(@NonNull ViewGroup parent, int viewType) {
+        if (mFooterView != null && viewType == TYPE_FOOTER) {
+            return new AddPasterViewHolder(mFooterView);
+        }
+        return new AddPasterViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.ugckit_item_add_paster, parent, false));
+    }
+
+    @Override
+    public int getItemCount() {
+        if (mFooterView != null) {
+            return mBubbleInfoList.size() + 1;
+        }
+        return mBubbleInfoList.size();
+    }
+
+    public void setPasterTextSize(int textSize) {
+        mPasterTextSize = textSize;
+    }
+
+    public void setPasterTextColor(int textColor) {
+        mPasterTextColor = textColor;
+    }
+
+    public void setCoverIconResouce(int icon) {
+        mCoverIcon = icon;
+    }
+
+    public class AddPasterViewHolder extends RecyclerView.ViewHolder {
+        ImageView ivAddPaster;
+        ImageView ivAddPasterTint;
+        TextView  tvAddPasterText;
+
+        public AddPasterViewHolder(@NonNull View itemView) {
+            super(itemView);
+            if (itemView == mFooterView) {
+                return;
+            }
+            ivAddPaster = (ImageView) itemView.findViewById(R.id.add_paster_image);
+            ivAddPasterTint = (ImageView) itemView.findViewById(R.id.add_paster_tint);
+            tvAddPasterText = (TextView) itemView.findViewById(R.id.add_paster_tv_name);
+            tvAddPasterText.setSingleLine(true);
+            tvAddPasterText.setEllipsize(TextUtils.TruncateAt.END);
+            tvAddPasterText.setMaxEms(4);
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/BubbleAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/BubbleAdapter.java
new file mode 100644
index 0000000..a594bad
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/BubbleAdapter.java
@@ -0,0 +1,76 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+import com.bumptech.glide.Glide;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.lang.ref.WeakReference;
+import java.util.List;
+
+public class BubbleAdapter extends RecyclerView.Adapter<BubbleAdapter.BubbleViewHolder> implements View.OnClickListener {
+
+    private List<TCBubbleInfo>          mBubbles;
+    private WeakReference<RecyclerView> mRecyclerView;
+
+    public BubbleAdapter(List<TCBubbleInfo> bubbles) {
+        mBubbles = bubbles;
+    }
+
+    @NonNull
+    @Override
+    public BubbleViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        if (mRecyclerView == null)
+            mRecyclerView = new WeakReference<RecyclerView>((RecyclerView) parent);
+        return new BubbleViewHolder(View.inflate(parent.getContext(), R.layout.ugckit_item_bubble_img, null));
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull BubbleViewHolder holder, int position) {
+        holder.itemView.setOnClickListener(this);
+        //glide 加在asset目录资源图片需要拼接
+        String assetsIconPath = "file:///android_asset/" + mBubbles.get(position).getIconPath();
+        Glide.with(holder.itemView.getContext()).load(assetsIconPath).into(holder.ivBubble);
+    }
+
+    @Override
+    public int getItemCount() {
+        return mBubbles.size();
+    }
+
+    @Override
+    public void onClick(View v) {
+        if (mListener != null) {
+            RecyclerView recyclerView = mRecyclerView.get();
+            if (recyclerView != null) {
+                int position = recyclerView.getChildAdapterPosition(v);
+                mListener.onItemClick(v, position);
+            }
+        }
+    }
+
+    public static class BubbleViewHolder extends RecyclerView.ViewHolder {
+        ImageView ivBubble;
+
+        public BubbleViewHolder(@NonNull View itemView) {
+            super(itemView);
+            ivBubble = (ImageView) itemView.findViewById(R.id.bubble_iv_img);
+        }
+    }
+
+    private OnItemClickListener mListener;
+
+    public void setOnItemClickListener(OnItemClickListener listener) {
+        mListener = listener;
+    }
+
+    public interface OnItemClickListener {
+        void onItemClick(View view, int position);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/BubbleSubtitlePannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/BubbleSubtitlePannel.java
new file mode 100644
index 0000000..b0578f2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/BubbleSubtitlePannel.java
@@ -0,0 +1,266 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+import android.animation.Animator;
+import android.animation.AnimatorSet;
+import android.animation.ObjectAnimator;
+import android.content.Context;
+import android.content.res.ColorStateList;
+import androidx.annotation.AttrRes;
+import androidx.annotation.ColorInt;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.GridLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.animation.AccelerateDecelerateInterpolator;
+import android.widget.FrameLayout;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.circlebmp.TCCircleView;
+import com.tencent.qcloud.ugckit.component.seekbar.TCColorView;
+
+
+import java.util.List;
+
+/**
+ * 配置气泡字幕样式、以及字体颜色的控件
+ */
+public class BubbleSubtitlePannel extends FrameLayout implements IBubbleSubtitlePannel, BubbleAdapter.OnItemClickListener, View.OnClickListener, TCColorView.OnSelectColorListener {
+    private View               mContentView;
+    private RecyclerView       mRecycleBubbles;
+    private BubbleAdapter      mBubbleAdapter;
+    private List<TCBubbleInfo> mBubbles;
+    private ImageView          mImageClose;
+    private TextView           mTextBubbleStyle;   //气泡样式
+    private TextView           mTextColor;         //文字颜色
+    private TCColorView        mColorView;
+    private TCCircleView       mCvColor;
+    private LinearLayout       mLlColor;
+
+    @Nullable
+    private TCSubtitleInfo           mSubtitleInfo;
+    private OnBubbleSubtitleCallback mCallback;
+
+    public BubbleSubtitlePannel(@NonNull Context context) {
+        super(context);
+        init();
+    }
+
+    public BubbleSubtitlePannel(@NonNull Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public BubbleSubtitlePannel(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    public void init() {
+        mSubtitleInfo = new TCSubtitleInfo();
+
+        mContentView = LayoutInflater.from(getContext()).inflate(R.layout.ugckit_layout_bubble_window, this, true);
+        initViews(mContentView);
+    }
+
+    private void initViews(@NonNull View contentView) {
+        mImageClose = (ImageView) contentView.findViewById(R.id.iv_close);
+        mImageClose.setOnClickListener(this);
+        mRecycleBubbles = (RecyclerView) contentView.findViewById(R.id.bubble_rv_style);
+        mTextBubbleStyle = (TextView) contentView.findViewById(R.id.bubble_iv_bubble);
+        mTextBubbleStyle.setOnClickListener(this);
+        mTextColor = (TextView) contentView.findViewById(R.id.bubble_iv_color);
+        mTextColor.setOnClickListener(this);
+        mLlColor = (LinearLayout) contentView.findViewById(R.id.bubble_ll_color);
+        mCvColor = (TCCircleView) contentView.findViewById(R.id.bubble_cv_color);
+        mColorView = (TCColorView) contentView.findViewById(R.id.bubble_color_view);
+        mColorView.setOnSelectColorListener(this);
+        mTextBubbleStyle.setSelected(true);
+        mRecycleBubbles.setVisibility(View.VISIBLE);
+    }
+
+    private void enterAnimator() {
+        ObjectAnimator translationY = ObjectAnimator.ofFloat(mContentView, "translationY", mContentView.getHeight(), 0);
+        AnimatorSet set = new AnimatorSet();
+        set.setDuration(400);
+        set.play(translationY);
+        set.setInterpolator(new AccelerateDecelerateInterpolator());
+        set.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+                BubbleSubtitlePannel.this.setVisibility(VISIBLE);
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        set.start();
+    }
+
+    private void resetInfo() {
+        mSubtitleInfo.setBubblePos(0);
+        // 创建一个默认的
+        TCBubbleInfo info = new TCBubbleInfo();
+        info.setHeight(0);
+        info.setWidth(0);
+        info.setDefaultSize(40);
+        info.setBubblePath(null);
+        info.setIconPath(null);
+        info.setRect(0, 0, 0, 0);
+        mSubtitleInfo.setBubbleInfo(info);
+    }
+
+    @Override
+    public void loadAllBubble(List<TCBubbleInfo> list) {
+        mBubbles = list;
+        mRecycleBubbles.setVisibility(View.VISIBLE);
+        mBubbleAdapter = new BubbleAdapter(list);
+        mBubbleAdapter.setOnItemClickListener(this);
+        GridLayoutManager manager = new GridLayoutManager(mContentView.getContext(), 4, GridLayoutManager.VERTICAL, false);
+        mRecycleBubbles.setLayoutManager(manager);
+        mRecycleBubbles.setAdapter(mBubbleAdapter);
+    }
+
+    @Override
+    public void show(@Nullable TCSubtitleInfo info) {
+        if (info == null) {
+            resetInfo();
+        } else {
+            mSubtitleInfo = info;
+        }
+        mContentView.post(new Runnable() {
+            @Override
+            public void run() {
+                enterAnimator();
+            }
+        });
+    }
+
+    @Override
+    public void dismiss() {
+        exitAnimator();
+    }
+
+    private void exitAnimator() {
+        ObjectAnimator translationY = ObjectAnimator.ofFloat(mContentView, "translationY", 0,
+                mContentView.getHeight());
+        AnimatorSet set = new AnimatorSet();
+        set.setDuration(200);
+        set.play(translationY);
+        set.setInterpolator(new AccelerateDecelerateInterpolator());
+        set.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                BubbleSubtitlePannel.super.setVisibility(GONE);
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+            }
+        });
+        set.start();
+    }
+
+    @Override
+    public void onItemClick(View view, int position) {
+        mSubtitleInfo.setBubblePos(position);
+        mSubtitleInfo.setBubbleInfo(mBubbles.get(position));
+        callback();
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.bubble_iv_bubble) {
+            mLlColor.setVisibility(View.GONE);
+            mTextColor.setSelected(false);
+
+            mTextBubbleStyle.setSelected(true);
+            mRecycleBubbles.setVisibility(View.VISIBLE);
+
+        } else if (i == R.id.bubble_iv_color) {
+            mLlColor.setVisibility(View.VISIBLE);
+            mTextColor.setSelected(true);
+
+            mTextBubbleStyle.setSelected(false);
+            mRecycleBubbles.setVisibility(View.GONE);
+
+        } else if (i == R.id.iv_close) {
+            dismiss();
+
+
+        }
+    }
+
+    @Override
+    public void onFinishColor(@ColorInt int color) {
+        mSubtitleInfo.setTextColor(color);
+        callback();
+    }
+
+    @Override
+    public void onProgressColor(@ColorInt int color) {
+        mCvColor.setColor(color);
+    }
+
+    private void callback() {
+        if (mCallback != null) {
+            TCSubtitleInfo info = new TCSubtitleInfo();
+            info.setBubblePos(mSubtitleInfo.getBubblePos());
+            info.setBubbleInfo(mSubtitleInfo.getBubbleInfo());
+            info.setTextColor(mSubtitleInfo.getTextColor());
+            mCallback.onBubbleSubtitleCallback(info);
+        }
+    }
+
+    @Override
+    public void setOnBubbleSubtitleCallback(OnBubbleSubtitleCallback callback) {
+        mCallback = callback;
+    }
+
+    public void setTabTextColor(int selectedColor, int normalColor) {
+        int[] colors = new int[]{selectedColor, normalColor};
+        int[][] states = new int[2][];
+        states[0] = new int[]{android.R.attr.state_selected, android.R.attr.state_enabled};
+        states[1] = new int[]{android.R.attr.state_enabled};
+        ColorStateList colorList = new ColorStateList(states, colors);
+
+        mTextBubbleStyle.setTextColor(colorList);
+        mTextColor.setTextColor(colorList);
+    }
+
+    public void setTabTextSize(int size) {
+        mTextBubbleStyle.setTextSize(size);
+        mTextColor.setTextSize(size);
+    }
+
+    public void setCancelIconResource(int resid) {
+        mImageClose.setImageResource(resid);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/IBubbleSubtitlePannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/IBubbleSubtitlePannel.java
new file mode 100644
index 0000000..171281b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/IBubbleSubtitlePannel.java
@@ -0,0 +1,47 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+import androidx.annotation.ColorInt;
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+
+import java.util.List;
+
+/**
+ * 气泡字幕面板
+ */
+public interface IBubbleSubtitlePannel {
+
+    /**
+     * 加载所有的气泡字幕
+     */
+    void loadAllBubble(List<TCBubbleInfo> list);
+
+    /**
+     * 显示气泡字幕面板
+     *
+     * @param info 编辑已存在的气泡字幕，如果不存在传入null
+     */
+    void show(TCSubtitleInfo info);
+
+    /**
+     * 隐藏气泡字幕面板
+     */
+    void dismiss();
+
+    /**
+     * 设置添加气泡字幕回调接口
+     *
+     * @param callback
+     */
+    void setOnBubbleSubtitleCallback(OnBubbleSubtitleCallback callback);
+
+    interface OnBubbleSubtitleCallback {
+        /**
+         * 添加一个气泡字幕
+         *
+         * @param info
+         */
+        void onBubbleSubtitleCallback(TCSubtitleInfo info);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleInfo.java
new file mode 100644
index 0000000..ffde60c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleInfo.java
@@ -0,0 +1,100 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+/**
+ * {@link TCBubbleManager}
+ * 保存气泡字幕解析出来的类
+ */
+public class TCBubbleInfo {
+    private String bubblePath;
+    private String iconPath;
+    private int    width;
+    private int    height;
+    private int    defaultSize;
+    private float  top;
+    private float  left;
+    private float  right;
+    private float  bottom;
+
+    public TCBubbleInfo() {
+    }
+
+    public String getIconPath() {
+        return iconPath;
+    }
+
+    public void setIconPath(String iconPath) {
+        this.iconPath = iconPath;
+    }
+
+    public String getBubblePath() {
+        return bubblePath;
+    }
+
+    public void setBubblePath(String bubblePath) {
+        this.bubblePath = bubblePath;
+    }
+
+    public int getWidth() {
+        return width;
+    }
+
+    public void setWidth(int width) {
+        this.width = width;
+    }
+
+    public int getHeight() {
+        return height;
+    }
+
+    public void setHeight(int height) {
+        this.height = height;
+    }
+
+    public int getDefaultSize() {
+        return defaultSize;
+    }
+
+    public void setDefaultSize(int defaultSize) {
+        this.defaultSize = defaultSize;
+    }
+
+
+    public void setRect(float top, float left, float right, float bottom) {
+        this.top = top;
+        this.left = left;
+        this.right = right;
+        this.bottom = bottom;
+    }
+
+    public float getTop() {
+        return top;
+    }
+
+    public void setTop(float top) {
+        this.top = top;
+    }
+
+    public float getLeft() {
+        return left;
+    }
+
+    public void setLeft(float left) {
+        this.left = left;
+    }
+
+    public float getRight() {
+        return right;
+    }
+
+    public void setRight(float right) {
+        this.right = right;
+    }
+
+    public float getBottom() {
+        return bottom;
+    }
+
+    public void setBottom(float bottom) {
+        this.bottom = bottom;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleManager.java
new file mode 100644
index 0000000..915447e
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleManager.java
@@ -0,0 +1,122 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import org.json.JSONArray;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.BufferedInputStream;
+import java.io.BufferedReader;
+import java.io.File;
+import java.io.IOException;
+import java.io.InputStreamReader;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 加载气泡字幕的类
+ */
+public class TCBubbleManager {
+    private static final String ROOT_DIR = "bubble";
+
+    private static TCBubbleManager sInstance;
+    private final  Context         mContext;
+
+    public static TCBubbleManager getInstance(@NonNull Context context) {
+        if (sInstance == null)
+            sInstance = new TCBubbleManager(context);
+        return sInstance;
+    }
+
+    private TCBubbleManager(@NonNull Context context) {
+        mContext = context.getApplicationContext();
+    }
+
+    @Nullable
+    public List<TCBubbleInfo> loadBubbles() {
+        try {
+            // 获取气泡字幕总配置文件
+            String rootJson = getConfigByPath(ROOT_DIR + File.separator + "bubbleList.json");
+            JSONObject rootJSONObj = new JSONObject(rootJson);
+            JSONArray rootJSONArr = rootJSONObj.getJSONArray("bubbleList");
+            List<String> folderNameList = new ArrayList<>();
+            for (int i = 0; i < rootJSONArr.length(); i++) {
+                String folderName = rootJSONArr.getJSONObject(i).getString("name");
+                folderNameList.add(folderName);
+            }
+
+            // 遍历获取各个气泡字幕的参数
+            List<TCBubbleInfo> bubbleInfoList = new ArrayList<>(folderNameList.size());
+            for (String folderName : folderNameList) {
+                String folderPath = ROOT_DIR + File.separator + folderName;
+                String configPath = folderPath + File.separator + "config.json";
+                String iconPath = folderPath + File.separator + "icon.png";
+                String bubblePath = folderPath + File.separator + "bubble.png";
+
+                String jsonContent = getConfigByPath(configPath);
+                JSONObject jsonObj = new JSONObject(jsonContent);
+                int width = jsonObj.getInt("width");
+                int height = jsonObj.getInt("height");
+                int top = jsonObj.getInt("textTop");
+                int left = jsonObj.getInt("textLeft");
+                int right = jsonObj.getInt("textRight");
+                int bottom = jsonObj.getInt("textBottom");
+                int textSize = jsonObj.getInt("textSize");
+
+                TCBubbleInfo info = new TCBubbleInfo();
+                info.setWidth(width);
+                info.setHeight(height);
+                info.setDefaultSize(textSize);
+                //归一化坐标
+                info.setRect(top * 1.0f / height, left * 1.0f / width, right * 1.0f / width, bottom * 1.0f / height);
+                info.setBubblePath(bubblePath);
+                info.setIconPath(iconPath);
+
+                bubbleInfoList.add(info);
+            }
+            return bubbleInfoList;
+        } catch (@NonNull JSONException | IOException e) {
+            e.printStackTrace();
+        }
+        return null;
+    }
+
+
+    @Nullable
+    public Bitmap getBitmapFromAssets(@Nullable String path) {
+        if (path == null) return null;
+        try {
+            return getBitmap(path);
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+        return null;
+    }
+
+    private String getConfigByPath(String path) throws IOException {
+        BufferedInputStream stream = getInputStreamFromAsset(path);
+        BufferedReader reader = new BufferedReader(new InputStreamReader(stream));
+        String line = null;
+        StringBuilder sb = new StringBuilder();
+        while ((line = reader.readLine()) != null) {
+            sb.append(line);
+        }
+        stream.close();
+        reader.close();
+        return sb.toString();
+    }
+
+
+    private Bitmap getBitmap(String path) throws IOException {
+        return BitmapFactory.decodeStream(getInputStreamFromAsset(path));
+    }
+
+    private BufferedInputStream getInputStreamFromAsset(String path) throws IOException {
+        return new BufferedInputStream(mContext.getAssets().open(path));
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleSubtitleFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleSubtitleFragment.java
new file mode 100644
index 0000000..033abf8
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleSubtitleFragment.java
@@ -0,0 +1,534 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.effect.BaseRecyclerAdapter;
+import com.tencent.qcloud.ugckit.module.effect.TimeLineView;
+import com.tencent.qcloud.ugckit.module.effect.TimelineViewUtil;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.bubbleview.BubbleView;
+import com.tencent.qcloud.ugckit.component.bubbleview.BubbleViewParams;
+import com.tencent.qcloud.ugckit.component.bubbleview.BubbleViewFactory;
+import com.tencent.qcloud.ugckit.component.dialogfragment.TCWordInputDialog;
+import com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerView;
+import com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerViewGroup;
+import com.tencent.qcloud.ugckit.component.timeline.RangeSliderViewContainer;
+import com.tencent.qcloud.ugckit.component.timeline.VideoProgressController;
+import com.tencent.qcloud.ugckit.component.timeline.ViewConst;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+
+import java.util.ArrayList;
+import java.util.List;
+
+import de.hdodenhof.circleimageview.CircleImageView;
+
+/**
+ * 气泡字幕
+ */
+public class TCBubbleSubtitleFragment extends Fragment implements BaseRecyclerAdapter.OnItemClickListener,
+        FloatLayerViewGroup.OnItemClickListener,
+        IBubbleSubtitlePannel.OnBubbleSubtitleCallback,
+        BubbleView.IOperationViewClickListener,
+        TCWordInputDialog.OnWordInputCallback,
+        View.OnClickListener,
+        PlayerManagerKit.OnPlayStateListener {
+
+    private final String TAG = "TCBubbleSubtitleFragment";
+
+    private TXVideoEditer                                     mTXVideoEditer;
+    private ImageView                                         mImageDel;
+    private RecyclerView                                      mRecycleBubble;
+    private View                                              mFootView;
+    private FloatLayerViewGroup                               mTCBubbleViewGroup;     // 图层父布局，承载字幕
+    @Nullable
+    private TCWordInputDialog                                 mWordInputDialog;
+    private BubbleSubtitlePannel                              mBubbleSubtitlePannel;  // 气泡字幕的 背景、颜色的配置板
+    private AddBubbleAdapter                                  mAddBubbleAdapter;
+    private List<BubbleViewParams>                            mAddBubbleInfoList;
+    private int                                               mCurrentSelectedPos = -1;                               // 当前被选中的气泡字幕控件
+    private boolean                                           mIsEditWordAgain    = false;                            // 用于判定当前是否修改字幕内容
+    private long                                              mDuration;                                              // 默认的时间
+    private long                                              mDefaultWordStartTime;
+    private long                                              mDefaultWordEndTime;
+    private int                                               mPasterTextSize;
+    private int                                               mPasterTextColor;
+    private int                                               mCoverIcon;
+    private int                                               mAddIcon            = R.drawable.ugckit_ic_edit_add_selector;   //定制UI
+    private int                                               mDeleteIcon         = R.drawable.ugckit_ic_word_del_normal;
+    private VideoProgressController                           mVideoProgressController;
+    @Nullable
+    private RangeSliderViewContainer.OnDurationChangeListener mOnDurationChangeListener;
+
+    @Override
+    public void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+
+        PlayerManagerKit.getInstance().addOnPlayStateLitener(this);
+    }
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.ugckit_fragment_bubble_subtitle, container, false);
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        initView(view);
+
+        initData();
+
+        initRangeDurationChangeListener();
+    }
+
+    @Override
+    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
+        super.onActivityCreated(savedInstanceState);
+
+        TimeLineView timeLineView = TimelineViewUtil.getInstance().getTimeLineView();
+        if (timeLineView != null) {
+            mVideoProgressController = timeLineView.getVideoProgressController();
+        }
+
+        recoverFromManager();
+    }
+
+    @Override
+    public void onHiddenChanged(boolean hidden) {
+        super.onHiddenChanged(hidden);
+        if (hidden) {
+            mTCBubbleViewGroup.setVisibility(View.GONE);
+            mVideoProgressController.showAllRangeSliderView(ViewConst.VIEW_TYPE_WORD, false);
+        } else {
+            mVideoProgressController.showAllRangeSliderView(ViewConst.VIEW_TYPE_WORD, true);
+        }
+    }
+
+    private void initData() {
+        mTXVideoEditer = VideoEditerSDK.getInstance().getEditer();
+
+        long endTime = VideoEditerSDK.getInstance().getCutterEndTime();
+        long startTime = VideoEditerSDK.getInstance().getCutterStartTime();
+        mDuration = endTime - startTime;
+        updateDefaultTime();
+    }
+
+    private void initView(@NonNull View view) {
+        mFootView = LayoutInflater.from(view.getContext()).inflate(R.layout.ugckit_item_add, null);
+        CircleImageView addView = (CircleImageView) mFootView.findViewById(R.id.add_paster_image);
+        addView.setImageResource(mAddIcon);
+
+        mAddBubbleInfoList = new ArrayList<>();
+        mRecycleBubble = (RecyclerView) view.findViewById(R.id.bubble_rv_list);
+        mRecycleBubble.setLayoutManager(new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false));
+        mAddBubbleAdapter = new AddBubbleAdapter(mAddBubbleInfoList, getActivity());
+        mAddBubbleAdapter.setCoverIconResouce(mCoverIcon);
+        mAddBubbleAdapter.setPasterTextSize(mPasterTextSize);
+        mAddBubbleAdapter.setPasterTextColor(mPasterTextColor);
+        mAddBubbleAdapter.setOnItemClickListener(this);
+        mRecycleBubble.setAdapter(mAddBubbleAdapter);
+        mAddBubbleAdapter.setFooterView(mFootView);
+
+        mTCBubbleViewGroup = (FloatLayerViewGroup) getActivity().findViewById(R.id.bubble_container);
+        mTCBubbleViewGroup.setOnItemClickListener(this);
+        mTCBubbleViewGroup.enableChildSingleClick(false); // 在容器里不响应子控件的单击事件
+        mTCBubbleViewGroup.enableDoubleChildClick(true);  // 在容器里响应子控件的双击事件
+
+        // 展示气泡样式修改的面板
+        mBubbleSubtitlePannel = (BubbleSubtitlePannel) getActivity().findViewById(R.id.bubble_setting_view);
+        mBubbleSubtitlePannel.loadAllBubble(TCBubbleManager.getInstance(getActivity()).loadBubbles());
+        mBubbleSubtitlePannel.setOnBubbleSubtitleCallback(this);
+
+        mImageDel = (ImageView) view.findViewById(R.id.iv_bubble_del);
+        mImageDel.setOnClickListener(this);
+    }
+
+    private void initRangeDurationChangeListener() {
+        mOnDurationChangeListener = new RangeSliderViewContainer.OnDurationChangeListener() {
+            @Override
+            public void onDurationChange(long startTime, long endTime) {
+                // 获取当选中的贴纸，并且将时间设置进去
+                BubbleView view = (BubbleView) mTCBubbleViewGroup.getSelectedLayerOperationView();
+                if (view != null) {
+                    view.setStartToEndTime(startTime, endTime);
+                }
+                // 时间范围修改也马上设置到sdk中去
+                addSubtitlesIntoVideo();
+                saveIntoManager();
+            }
+        };
+    }
+
+    /**
+     * 根据当前控件数量 更新默认的一个控件开始时间和结束时间
+     */
+    private void updateDefaultTime() {
+        int count = mTCBubbleViewGroup != null ? mTCBubbleViewGroup.getChildCount() : 0;
+        mDefaultWordStartTime = count * 3000; // 两个之间间隔3秒
+        mDefaultWordEndTime = mDefaultWordStartTime + 2000;
+
+        if (mDefaultWordStartTime > mDuration) {
+            mDefaultWordStartTime = mDuration - 2000;
+            mDefaultWordEndTime = mDuration;
+        } else if (mDefaultWordEndTime > mDuration) {
+            mDefaultWordEndTime = mDuration;
+        }
+    }
+
+    // mAddBubbleAdapter底部的已添加的字幕列表选中
+    @Override
+    public void onItemClick(View view, int position) {
+        if (position == mAddBubbleInfoList.size()) {
+            // 新增
+            clickBtnAdd();
+        } else {
+            if (!mTCBubbleViewGroup.isShown()) {
+                mTCBubbleViewGroup.setVisibility(View.VISIBLE);
+                mImageDel.setVisibility(View.VISIBLE);
+                // 暂停播放
+                mTXVideoEditer.refreshOneFrame();// 将视频画面中的字幕清除  ，避免与上层控件造成混淆导致体验不好的问题。
+
+                PlayerManagerKit.getInstance().pausePlay();
+                mTXVideoEditer.refreshOneFrame();
+            }
+            // 列表选中
+            mAddBubbleAdapter.setCurrentSelectedPos(position);
+            // 预览界面选中
+            mTCBubbleViewGroup.selectOperationView(position);
+            // 进度条范围选中
+            RangeSliderViewContainer lastSlider = mVideoProgressController.getRangeSliderView(ViewConst.VIEW_TYPE_WORD, mCurrentSelectedPos);
+            if (lastSlider != null) {
+                lastSlider.setEditComplete();
+            }
+
+            RangeSliderViewContainer currentSlider = mVideoProgressController.getRangeSliderView(ViewConst.VIEW_TYPE_WORD, position);
+            if (currentSlider != null) {
+                currentSlider.showEdit();
+            }
+
+            mCurrentSelectedPos = position;
+        }
+    }
+
+    private void clickBtnAdd() {
+        mBubbleSubtitlePannel.show(null);
+        mTCBubbleViewGroup.setVisibility(View.VISIBLE);
+        mImageDel.setVisibility(View.VISIBLE);
+        // 暂停播放
+        mTXVideoEditer.refreshOneFrame();// 将视频画面中的字幕清除  ，避免与上层控件造成混淆导致体验不好的问题。
+
+        PlayerManagerKit.getInstance().pausePlay();
+    }
+
+    private void showInputDialog(String text) {
+        if (mWordInputDialog == null) {
+            mWordInputDialog = new TCWordInputDialog();
+            mWordInputDialog.setOnWordInputCallback(this);
+            mWordInputDialog.setCancelable(false);
+        }
+        mWordInputDialog.setDefaultText(text);
+        mWordInputDialog.show(getChildFragmentManager(), "word_input_dialog");
+    }
+
+    @Override
+    public void onLayerOperationViewItemClick(@NonNull FloatLayerView view, int lastSelectedPos, int currentSelectedPos) {
+        BubbleViewParams bubbleViewParams = ((BubbleView) view).getBubbleParams();
+        showInputDialog(bubbleViewParams.text); // 再次点击已选中的 字幕控件，则弹出文字输入框
+    }
+
+    @Override
+    public void onBubbleSubtitleCallback(TCSubtitleInfo info) {
+        // 新增气泡字幕
+        if (!mIsEditWordAgain) {
+            String defaultText = getResources().getString(R.string.ugckit_bubble_fragment_double_click_to_edit_text);
+            // 创建一个默认的参数
+            BubbleViewParams params = BubbleViewParams.createDefaultParams(defaultText);
+            // 添加到气泡view
+            BubbleView view = createDefaultBubbleView(params);
+            mTCBubbleViewGroup.addOperationView(view);// 添加到Group中去管理
+            params.wordParamsInfo = info;
+            params.bubbleBitmap = TCBubbleManager.getInstance(getActivity()).getBitmapFromAssets(params.wordParamsInfo.getBubbleInfo().getBubblePath());
+            view.setBubbleParams(params);
+
+            int count = mAddBubbleInfoList.size();
+            params.text = defaultText;
+            // 更新下方的贴纸列表
+            mAddBubbleInfoList.add(params);
+            mAddBubbleAdapter.notifyDataSetChanged();
+            mAddBubbleAdapter.setCurrentSelectedPos(count);
+
+            // 更新进度条上的开始结束位置
+            RangeSliderViewContainer rangeSliderView = new RangeSliderViewContainer(getActivity());
+            rangeSliderView.init(mVideoProgressController, mDefaultWordStartTime, mDefaultWordEndTime - mDefaultWordStartTime, mDuration);
+            rangeSliderView.setDurationChangeListener(mOnDurationChangeListener);
+
+            mVideoProgressController.addRangeSliderView(ViewConst.VIEW_TYPE_WORD, rangeSliderView);
+            mVideoProgressController.setCurrentTimeMs(mDefaultWordStartTime);
+
+            // 更新一下默认配置的时间
+            updateDefaultTime();
+
+            mCurrentSelectedPos = count - 1;
+        }
+        // 修改
+        else {
+            //获取当前处于编辑状态的气泡字幕的view
+            BubbleView view = (BubbleView) mTCBubbleViewGroup.getSelectedLayerOperationView();
+            int index = mTCBubbleViewGroup.getSelectedViewIndex();
+            if (view != null) {
+                BubbleViewParams params = view.getBubbleParams();
+                params.wordParamsInfo = info;
+                params.bubbleBitmap = TCBubbleManager.getInstance(getActivity()).getBitmapFromAssets(params.wordParamsInfo.getBubbleInfo().getBubblePath());
+                view.setBubbleParams(params);
+            }
+            if (index > 0 && index < mAddBubbleInfoList.size()) {
+                BubbleViewParams bubbleViewParams = mAddBubbleInfoList.get(index);
+                bubbleViewParams.wordParamsInfo = info;
+            }
+            mAddBubbleAdapter.notifyDataSetChanged();
+
+            mIsEditWordAgain = false;
+        }
+        mBubbleSubtitlePannel.dismiss();
+
+        addSubtitlesIntoVideo();
+        saveIntoManager();
+    }
+
+    // 添加一个字幕控件到Group中，并显示出来
+    public BubbleView createDefaultBubbleView(BubbleViewParams params) {
+        final BubbleView view = BubbleViewFactory.newOperationView(getActivity()); // 创建一个气泡字幕的控件实例
+
+        // 根据params初始化对应的控件
+        view.setBubbleParams(params);
+        view.showDelete(false);
+
+        // 设置view显示出来的位置
+        view.setCenterX(mTCBubbleViewGroup.getWidth() / 2);// 控件显示在父容器的中心
+        view.setCenterY(mTCBubbleViewGroup.getHeight() / 2);// 控件显示在父容器的中心
+
+        // 初始化字幕的默认的显示时间区间
+        view.setStartToEndTime(mDefaultWordStartTime, mDefaultWordEndTime);
+
+        view.setIOperationViewClickListener(this);// 监听回调
+
+        return view;
+    }
+
+    /****** 可编辑控件的回调start ******/
+    @Override
+    public void onDeleteClick() {
+
+    }
+
+    @Override
+    public void onEditClick() {
+        BubbleView view = (BubbleView) mTCBubbleViewGroup.getSelectedLayerOperationView();
+        if (view != null) {
+            mBubbleSubtitlePannel.show(view.getBubbleParams().wordParamsInfo);
+        }
+        mIsEditWordAgain = true;
+    }
+
+    // 拖动、旋转的回调
+    @Override
+    public void onRotateClick() {
+        Log.i(TAG, "onRotateClick");
+
+        addSubtitlesIntoVideo();
+        saveIntoManager();
+    }
+
+    /****** 可编辑控件的回调end ******/
+    @Override
+    public void onInputSure(String text) {
+        if (mWordInputDialog != null) {
+            mWordInputDialog = null;
+        }
+        // 修改字幕内容
+        BubbleView view = (BubbleView) mTCBubbleViewGroup.getSelectedLayerOperationView();
+        int index = mTCBubbleViewGroup.getSelectedViewIndex();
+        if (view == null) {
+            return;
+        }
+        BubbleViewParams params = view.getBubbleParams();
+        params.text = text;
+        params.bubbleBitmap = TCBubbleManager.getInstance(getActivity()).getBitmapFromAssets(params.wordParamsInfo.getBubbleInfo().getBubblePath());
+        view.setBubbleParams(params);
+
+        BubbleViewParams bubbleViewParams = mAddBubbleInfoList.get(index);
+        bubbleViewParams.text = text;
+        mAddBubbleAdapter.notifyDataSetChanged();
+
+        mIsEditWordAgain = false;
+
+        addSubtitlesIntoVideo();
+        saveIntoManager();
+    }
+
+    @Override
+    public void onInputCancel() {
+
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.iv_bubble_del) {
+            deleteBubble();
+        }
+    }
+
+    /**
+     * ===========================将字幕添加到SDK中去=================================
+     */
+    private void addSubtitlesIntoVideo() {
+        List<TXVideoEditConstants.TXSubtitle> subtitleList = new ArrayList<>();
+        for (int i = 0; i < mTCBubbleViewGroup.getChildCount(); i++) {
+            BubbleView view = (BubbleView) mTCBubbleViewGroup.getOperationView(i);
+            TXVideoEditConstants.TXSubtitle subTitle = new TXVideoEditConstants.TXSubtitle();
+            subTitle.titleImage = view.getRotateBitmap();
+
+            TXVideoEditConstants.TXRect rect = new TXVideoEditConstants.TXRect();
+            rect.x = view.getImageX();
+            rect.y = view.getImageY();
+
+            Log.i(TAG, "addSubtitlesIntoVideo, subTitle x y = " + rect.x + "," + rect.y);
+
+            rect.width = view.getImageWidth();
+            subTitle.frame = rect;
+            subTitle.startTime = view.getStartTime();
+            subTitle.endTime = view.getEndTime();
+            subtitleList.add(subTitle);
+        }
+        mTXVideoEditer.setSubtitleList(subtitleList);
+    }
+
+    /**
+     * ===========================将字幕控件参数保存到Manager中去=================================
+     * <p>
+     * 将字幕控件的相关参数保存到Manager中去，方便出去之后可以重新进来再次编辑字幕
+     */
+    private void saveIntoManager() {
+        TCBubbleViewInfoManager manager = TCBubbleViewInfoManager.getInstance();
+        manager.clear();
+        for (int i = 0; i < mTCBubbleViewGroup.getChildCount(); i++) {
+            BubbleView view = (BubbleView) mTCBubbleViewGroup.getOperationView(i);
+
+            Log.i(TAG, "saveIntoManager: x = " + view.getCenterX() + " y = " + view.getCenterY());
+
+            TCBubbleViewInfo info = new TCBubbleViewInfo();
+            info.setViewCenterX(view.getCenterX());
+            info.setViewCenterY(view.getCenterY());
+            info.setRotation(view.getImageRotate());
+            info.setViewParams(view.getBubbleParams());
+            info.setStartTime(view.getStartTime());
+            info.setEndTime(view.getEndTime());
+            info.setScale(view.getImageScale());
+            manager.add(info);
+        }
+    }
+
+    /**
+     * 将字幕控件的相关参数从Manager中重新恢复出来，恢复字幕编辑的场景。以便继续编辑
+     */
+    private void recoverFromManager() {
+        TCBubbleViewInfoManager manager = TCBubbleViewInfoManager.getInstance();
+        for (int i = 0; i < manager.size(); i++) {
+            TCBubbleViewInfo info = manager.get(i);
+
+            BubbleViewParams params = info.getViewParams();
+            // params设置进Bubble之后是不保存bitmap的,会被置空释放掉
+            // 重新loadBitmap (因为在设置BubbleView的时候，原来的气泡Bitmap回在内部被回收。 所以这里直接重新load多一边
+            params.bubbleBitmap = TCBubbleManager.getInstance(getActivity()).getBitmapFromAssets(params.wordParamsInfo.getBubbleInfo().getBubblePath());
+
+            BubbleView view = createDefaultBubbleView(info.getViewParams());
+            view.setCenterX(info.getViewCenterX());
+            view.setCenterY(info.getViewCenterY());
+            Log.i(TAG, "recoverFromManager: x = " + info.getViewCenterX() + " y = " + info.getViewCenterY());
+            view.setImageRotate(info.getRotation());
+            view.setImageScale(info.getScale());
+
+            // 恢复时间的时候，需要检查一下是否符合这一次区间的startTime和endTime
+            long viewStartTime = info.getStartTime();
+            long viewEndTime = info.getEndTime();
+            view.setStartToEndTime(viewStartTime, viewEndTime);
+            mTCBubbleViewGroup.addOperationView(view);// 添加到Group中去管理
+
+            RangeSliderViewContainer rangeSliderView = new RangeSliderViewContainer(getActivity());
+            rangeSliderView.init(mVideoProgressController, viewStartTime, viewEndTime - viewStartTime, mDuration);
+            rangeSliderView.setDurationChangeListener(mOnDurationChangeListener);
+            rangeSliderView.setEditComplete();
+
+            mVideoProgressController.addRangeSliderView(ViewConst.VIEW_TYPE_WORD, rangeSliderView);
+
+            mAddBubbleInfoList.add(params);
+        }
+        mCurrentSelectedPos = manager.size() - 1;
+
+        mAddBubbleAdapter.notifyDataSetChanged();
+    }
+
+    private void deleteBubble() {
+        int index = mTCBubbleViewGroup.getSelectedViewIndex();
+        if (index < 0) {
+            return;
+        }
+        BubbleView view = (BubbleView) mTCBubbleViewGroup.getSelectedLayerOperationView();
+        if (view != null) {
+            mTCBubbleViewGroup.removeOperationView(view);
+        }
+
+        mVideoProgressController.removeRangeSliderView(ViewConst.VIEW_TYPE_WORD, index);
+
+        mAddBubbleInfoList.remove(index);
+        mAddBubbleAdapter.notifyDataSetChanged();
+
+        mCurrentSelectedPos = -1;
+        mAddBubbleAdapter.setCurrentSelectedPos(mCurrentSelectedPos);
+
+        addSubtitlesIntoVideo();
+        saveIntoManager();
+    }
+
+    @Override
+    public void onPlayStateStart() {
+        if (mTCBubbleViewGroup != null) {
+            mTCBubbleViewGroup.setVisibility(View.GONE);
+        }
+    }
+
+    @Override
+    public void onPlayStateResume() {
+        if (mTCBubbleViewGroup != null) {
+            mTCBubbleViewGroup.setVisibility(View.GONE);
+        }
+    }
+
+    @Override
+    public void onPlayStatePause() {
+        mTXVideoEditer.refreshOneFrame();// 将视频画面中的字幕清除  ，避免与上层控件造成混淆导致体验不好的问题。
+        if (mTCBubbleViewGroup != null) {
+            mTCBubbleViewGroup.setVisibility(View.VISIBLE);
+        }
+    }
+
+    @Override
+    public void onPlayStateStop() {
+
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleViewInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleViewInfo.java
new file mode 100644
index 0000000..2ac747c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleViewInfo.java
@@ -0,0 +1,75 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+
+import com.tencent.qcloud.ugckit.component.bubbleview.BubbleViewParams;
+
+/**
+ * 用于保存 气泡字幕控件相关参数的类
+ * <p>
+ * 主要是用于恢复编辑字幕的场景
+ */
+public class TCBubbleViewInfo {
+    private float            viewCenterX;
+    private float            viewCenterY;// 控件的x y
+    private float            imageRotation;
+    private long             startTime;
+    private long             endTime;
+    private float            scale;
+    private BubbleViewParams viewParams; //气泡字幕配置参数
+
+    public float getScale() {
+        return scale;
+    }
+
+    public void setScale(float scale) {
+        this.scale = scale;
+    }
+
+    public float getViewCenterX() {
+        return viewCenterX;
+    }
+
+    public void setViewCenterX(float viewCenterX) {
+        this.viewCenterX = viewCenterX;
+    }
+
+    public float getViewCenterY() {
+        return viewCenterY;
+    }
+
+    public void setViewCenterY(float viewCenterY) {
+        this.viewCenterY = viewCenterY;
+    }
+
+    public float getRotation() {
+        return imageRotation;
+    }
+
+    public void setRotation(float viewRotation) {
+        this.imageRotation = viewRotation;
+    }
+
+    public BubbleViewParams getViewParams() {
+        return viewParams;
+    }
+
+    public void setViewParams(BubbleViewParams bubbleInfo) {
+        this.viewParams = bubbleInfo;
+    }
+
+    public long getStartTime() {
+        return startTime;
+    }
+
+    public void setStartTime(long startTime) {
+        this.startTime = startTime;
+    }
+
+    public long getEndTime() {
+        return endTime;
+    }
+
+    public void setEndTime(long endTime) {
+        this.endTime = endTime;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleViewInfoManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleViewInfoManager.java
new file mode 100644
index 0000000..9df73bc
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCBubbleViewInfoManager.java
@@ -0,0 +1,51 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 仅用于退出和进入气泡字幕编辑Activity的时候使用：
+ * <p>
+ * 1. 退出：保存所有View的参数信息
+ * 2. 进入：将保存的View的参数信息恢复
+ */
+
+public class TCBubbleViewInfoManager {
+    private static TCBubbleViewInfoManager mManager;
+    private        List<TCBubbleViewInfo>  mList;
+
+    public static TCBubbleViewInfoManager getInstance() {
+        if (mManager == null) {
+            synchronized (TCBubbleViewInfoManager.class) {
+                if (mManager == null) {
+                    mManager = new TCBubbleViewInfoManager();
+                }
+            }
+        }
+        return mManager;
+    }
+
+    private TCBubbleViewInfoManager() {
+        mList = new ArrayList<>();
+    }
+
+    public void add(TCBubbleViewInfo info) {
+        mList.add(info);
+    }
+
+    public void remove(int index) {
+        mList.remove(index);
+    }
+
+    public void clear() {
+        mList.clear();
+    }
+
+    public TCBubbleViewInfo get(int index) {
+        return mList.get(index);
+    }
+
+    public int size() {
+        return mList.size();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCSubtitleInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCSubtitleInfo.java
new file mode 100644
index 0000000..a9c42b8
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/bubble/TCSubtitleInfo.java
@@ -0,0 +1,37 @@
+package com.tencent.qcloud.ugckit.module.effect.bubble;
+
+
+/**
+ * 保存 从{@link BubbleSubtitlePannel} 之后的设定的 气泡字幕index、以及字体颜色的数据结构
+ */
+public class TCSubtitleInfo {
+    private int          bubblePos;
+    private int          textColor;
+    private TCBubbleInfo bubbleInfo;
+
+
+    public int getBubblePos() {
+        return bubblePos;
+    }
+
+    public void setBubblePos(int bubblePos) {
+        this.bubblePos = bubblePos;
+    }
+
+    public int getTextColor() {
+        return textColor;
+    }
+
+    public void setTextColor(int textColor) {
+        this.textColor = textColor;
+    }
+
+    public TCBubbleInfo getBubbleInfo() {
+        return bubbleInfo;
+    }
+
+    public void setBubbleInfo(TCBubbleInfo bubbleInfo) {
+        this.bubbleInfo = bubbleInfo;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/StaticFilterAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/StaticFilterAdapter.java
new file mode 100644
index 0000000..ddba90c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/StaticFilterAdapter.java
@@ -0,0 +1,71 @@
+package com.tencent.qcloud.ugckit.module.effect.filter;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.module.effect.BaseRecyclerAdapter;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.util.List;
+
+public class StaticFilterAdapter extends BaseRecyclerAdapter<StaticFilterAdapter.FilterViewHolder> {
+    private List<Integer> mFilterList;
+    private List<String>  mFileterNameList;
+    private int           mCurrentSelectedPos;
+
+    public StaticFilterAdapter(List<Integer> list, List<String> filerNameList) {
+        mFilterList = list;
+        mFileterNameList = filerNameList;
+    }
+
+
+    public void setCurrentSelectedPos(int pos) {
+        int tPos = mCurrentSelectedPos;
+        mCurrentSelectedPos = pos;
+        this.notifyItemChanged(tPos);
+        this.notifyItemChanged(mCurrentSelectedPos);
+    }
+
+    @Override
+    public void onBindVH(@NonNull FilterViewHolder holder, int position) {
+        holder.ivImage.setImageResource(mFilterList.get(position));
+        holder.tvName.setText(mFileterNameList.get(position));
+        if (mCurrentSelectedPos == position) {
+            holder.ivImageTint.setVisibility(View.VISIBLE);
+        } else {
+            holder.ivImageTint.setVisibility(View.GONE);
+        }
+    }
+
+
+    @NonNull
+    @Override
+    public FilterViewHolder onCreateVH(@NonNull ViewGroup parent, int viewType) {
+        return new FilterViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.ugckit_filter_layout, parent, false));
+    }
+
+    @Override
+    public int getItemCount() {
+        return mFilterList.size();
+    }
+
+    public static class FilterViewHolder extends RecyclerView.ViewHolder {
+        ImageView ivImage;
+        ImageView ivImageTint;
+        TextView  tvName;
+
+        public FilterViewHolder(@NonNull View itemView) {
+            super(itemView);
+            ivImage = (ImageView) itemView.findViewById(R.id.filter_image);
+            ivImageTint = (ImageView) itemView.findViewById(R.id.filter_image_tint);
+            tvName = (TextView) itemView.findViewById(R.id.filter_tv_name);
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/TCStaticFilterFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/TCStaticFilterFragment.java
new file mode 100644
index 0000000..8d1ffac
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/TCStaticFilterFragment.java
@@ -0,0 +1,165 @@
+package com.tencent.qcloud.ugckit.module.effect.filter;
+
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+
+import com.tencent.qcloud.ugckit.module.effect.BaseRecyclerAdapter;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 静态滤镜的Fragment
+ */
+public class TCStaticFilterFragment extends Fragment implements BaseRecyclerAdapter.OnItemClickListener {
+    private static final int[] FILTER_ARR = {
+            R.drawable.ugckit_filter_biaozhun, R.drawable.ugckit_filter_yinghong,
+            R.drawable.ugckit_filter_yunshang, R.drawable.ugckit_filter_chunzhen,
+            R.drawable.ugckit_filter_bailan, R.drawable.ugckit_filter_yuanqi,
+            R.drawable.ugckit_filter_chaotuo, R.drawable.ugckit_filter_xiangfen,
+
+            R.drawable.ugckit_filter_langman, R.drawable.ugckit_filter_qingxin,
+            R.drawable.ugckit_filter_weimei, R.drawable.ugckit_filter_fennen,
+            R.drawable.ugckit_filter_huaijiu, R.drawable.ugckit_filter_landiao,
+            R.drawable.ugckit_filter_qingliang, R.drawable.ugckit_filter_rixi};
+
+    private List<Integer>       mFilterList;
+    private List<String>        mFilerNameList;
+    private RecyclerView        mRvFilter;
+    private StaticFilterAdapter mAdapter;
+    private int                 mCurrentPosition = 0;
+    /**
+     * 定制化Icon
+     */
+    private int                 originIcon       = R.drawable.ugckit_orginal;
+    private int                 normalIcon       = R.drawable.ugckit_biaozhun;
+    private int                 yinghongIcon     = R.drawable.ugckit_yinghong;
+    private int                 yunchangIcon     = R.drawable.ugckit_yunshang;
+    private int                 chunzhenIcon     = R.drawable.ugckit_chunzhen;
+    private int                 bailanIcon       = R.drawable.ugckit_bailan;
+    private int                 yuanqiIcon       = R.drawable.ugckit_yuanqi;
+    private int                 chaotuoIcon      = R.drawable.ugckit_chaotuo;
+    private int                 xiangfengIcon    = R.drawable.ugckit_xiangfen;
+    private int                 langmanIcon      = R.drawable.ugckit_langman;
+    private int                 qingxinIcon      = R.drawable.ugckit_qingxin;
+    private int                 weimeiIcon       = R.drawable.ugckit_weimei;
+    private int                 fennenIcon       = R.drawable.ugckit_fennen;
+    private int                 huaijiuIcon      = R.drawable.ugckit_huaijiu;
+    private int                 landiaoIcon      = R.drawable.ugckit_landiao;
+    private int                 qingliangIcon    = R.drawable.ugckit_qingliang;
+    private int                 rixiIcon         = R.drawable.ugckit_rixi;
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.ugckit_fragment_static_filter, container, false);
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        originIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterOriginIcon, R.drawable.ugckit_orginal);
+        normalIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterNormalIcon, R.drawable.ugckit_biaozhun);
+        yinghongIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterYinghongIcon, R.drawable.ugckit_yinghong);
+        yunchangIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterYunchangIcon, R.drawable.ugckit_yunshang);
+        chunzhenIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterChunzhenIcon, R.drawable.ugckit_chunzhen);
+        bailanIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterBailanIcon, R.drawable.ugckit_bailan);
+        yuanqiIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterYuanqiIcon, R.drawable.ugckit_yuanqi);
+        chaotuoIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterChaotuoIcon, R.drawable.ugckit_chaotuo);
+        xiangfengIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterXiangfenIcon, R.drawable.ugckit_xiangfen);
+        langmanIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterLangmanIcon, R.drawable.ugckit_langman);
+        qingxinIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterQingxinIcon, R.drawable.ugckit_qingxin);
+        weimeiIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterWeimeiIcon, R.drawable.ugckit_weimei);
+        fennenIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterFennenIcon, R.drawable.ugckit_fennen);
+        huaijiuIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterHuaijiuIcon, R.drawable.ugckit_huaijiu);
+        landiaoIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterLandiaoIcon, R.drawable.ugckit_landiao);
+        qingliangIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterQingliangIcon, R.drawable.ugckit_qingliang);
+        rixiIcon = UIAttributeUtil.getResResources(getContext(), R.attr.editerFilterRixiIcon, R.drawable.ugckit_rixi);
+
+        mFilterList = new ArrayList<Integer>();
+        mFilterList.add(originIcon);
+        mFilterList.add(normalIcon);
+        mFilterList.add(yinghongIcon);
+        mFilterList.add(yunchangIcon);
+        mFilterList.add(chunzhenIcon);
+        mFilterList.add(bailanIcon);
+        mFilterList.add(yuanqiIcon);
+        mFilterList.add(chaotuoIcon);
+        mFilterList.add(xiangfengIcon);
+        mFilterList.add(langmanIcon);
+        mFilterList.add(qingxinIcon);
+        mFilterList.add(weimeiIcon);
+        mFilterList.add(fennenIcon);
+        mFilterList.add(huaijiuIcon);
+        mFilterList.add(landiaoIcon);
+        mFilterList.add(qingliangIcon);
+        mFilterList.add(rixiIcon);
+
+
+        mFilerNameList = new ArrayList<>();
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_original));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_standard));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_cheery));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_cloud));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_pure));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_orchid));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_vitality));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_super));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_fragrance));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_romantic));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_fresh));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_beautiful));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_pink));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_reminiscence));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_blues));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_cool));
+        mFilerNameList.add(getResources().getString(R.string.ugckit_static_filter_fragment_Japanese));
+
+        mRvFilter = (RecyclerView) view.findViewById(R.id.paster_rv_list);
+        mRvFilter.setLayoutManager(new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false));
+        mAdapter = new StaticFilterAdapter(mFilterList, mFilerNameList);
+        mAdapter.setOnItemClickListener(this);
+        mRvFilter.setAdapter(mAdapter);
+
+        mCurrentPosition = TCStaticFilterViewInfoManager.getInstance().getCurrentPosition();
+        mAdapter.setCurrentSelectedPos(mCurrentPosition);
+    }
+
+    @Override
+    public void onDestroyView() {
+        super.onDestroyView();
+
+        TCStaticFilterViewInfoManager.getInstance().setCurrentPosition(mCurrentPosition);
+    }
+
+    @Override
+    public void onItemClick(View view, int position) {
+        Bitmap bitmap = null;
+        if (position == 0) {
+            bitmap = null;  // 没有滤镜
+        } else {
+            bitmap = BitmapFactory.decodeResource(getResources(), FILTER_ARR[position - 1]);
+        }
+        mAdapter.setCurrentSelectedPos(position);
+        // 设置滤镜图片
+        VideoEditerSDK.getInstance().getEditer().setFilter(bitmap);
+
+        mCurrentPosition = position;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/TCStaticFilterViewInfoManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/TCStaticFilterViewInfoManager.java
new file mode 100644
index 0000000..acba94e
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/filter/TCStaticFilterViewInfoManager.java
@@ -0,0 +1,30 @@
+package com.tencent.qcloud.ugckit.module.effect.filter;
+
+public class TCStaticFilterViewInfoManager {
+    private static TCStaticFilterViewInfoManager sInstance;
+    private        int                           mCurrentPosition = 0;
+
+    public static TCStaticFilterViewInfoManager getInstance() {
+        if (sInstance == null) {
+            synchronized (TCStaticFilterViewInfoManager.class) {
+                if (sInstance == null) {
+                    sInstance = new TCStaticFilterViewInfoManager();
+                }
+            }
+        }
+        return sInstance;
+    }
+
+    public void setCurrentPosition(int position) {
+        this.mCurrentPosition = position;
+    }
+
+    public int getCurrentPosition() {
+        return mCurrentPosition;
+    }
+
+    public void clearCurrentPosition() {
+        this.mCurrentPosition = 0;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/AbsMotionFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/AbsMotionFragment.java
new file mode 100644
index 0000000..75ec1b0
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/AbsMotionFragment.java
@@ -0,0 +1,42 @@
+package com.tencent.qcloud.ugckit.module.effect.motion;
+
+import androidx.fragment.app.Fragment;
+
+import com.tencent.qcloud.ugckit.R;
+
+public class AbsMotionFragment extends Fragment {
+    /**
+     * 定制UI
+     */
+    protected int undoIcon         = R.drawable.ugckit_ic_undo_normal;
+    /**
+     * 定制Gif
+     */
+    protected int soulOutGif       = R.drawable.ugckit_motion_soul_out;
+    protected int splitScreenGif   = R.drawable.ugckit_motion_split_screen;
+    protected int rockLightGif     = R.drawable.ugckit_motion_rock_light;
+    protected int darkDreamGif     = R.drawable.ugckit_motion_dark_dream;
+    protected int winShadowGif     = R.drawable.ugckit_motion_win_shaddow;
+    protected int ghostShadowGif   = R.drawable.ugckit_motion_ghost_shaddow;
+    protected int phantomShadowGif = R.drawable.ugckit_motion_phantom_shaddow;
+    protected int ghostGif         = R.drawable.ugckit_motion_ghost;
+    protected int lightningGif     = R.drawable.ugckit_motion_lightning;
+    protected int mirrorGif        = R.drawable.ugckit_motion_mirror;
+    protected int illusionGif      = R.drawable.ugckit_motion_illusion;
+
+    /**
+     * 定制pressed Color
+     */
+    protected int soulOutColor       = R.color.ugckit_soul_out_color_press;
+    protected int splitScreenColor   = R.color.ugckit_screen_split_press;
+    protected int rockLightColor     = R.color.ugckit_rock_light_press;
+    protected int darkDreamColor     = R.color.ugckit_dark_dream_press;
+    protected int winShadowColor     = R.color.ugckit_win_shaddow_color_press;
+    protected int ghostShadowColor   = R.color.ugckit_ghost_shaddow_color_press;
+    protected int phantomShadowColor = R.color.ugckit_phantom_shaddow_color_press;
+    protected int ghostColor         = R.color.ugckit_ghost_color_press;
+    protected int lightningColor     = R.color.ugckit_lightning_color_press;
+    protected int mirrorColor        = R.color.ugckit_mirror_color_press;
+    protected int illusionColor      = R.color.ugckit_illusion_color_press;
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionFragment.java
new file mode 100644
index 0000000..0440e89
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionFragment.java
@@ -0,0 +1,324 @@
+package com.tencent.qcloud.ugckit.module.effect.motion;
+
+import android.content.Context;
+import android.os.Bundle;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageButton;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+
+import com.bumptech.glide.Glide;
+
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.effect.TimeLineView;
+import com.tencent.qcloud.ugckit.module.effect.TimelineViewUtil;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.timeline.ColorfulProgress;
+import com.tencent.qcloud.ugckit.component.timeline.VideoProgressController;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 动态滤镜特效的设置Fragment
+ */
+public class TCMotionFragment extends AbsMotionFragment implements View.OnClickListener, View.OnTouchListener, PlayerManagerKit.OnPreviewListener {
+    private static final String TAG = "TCMotionFragment";
+
+    private boolean                    mIsOnTouch;       // 是否已经有按下的
+    private TXVideoEditer              mTXVideoEditer;
+    private ColorfulProgress           mColorfulProgress;
+    private ImageView                  mImageUndo;
+    private VideoProgressController    mVideoProgressController;
+    private boolean                    mStartMark;
+    private Map<Integer, TCMotionItem> mMotionMap;
+    private int                        mEffectType = -1;      // 当前的动作特效类型
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.ugckit_fragment_motion, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        VideoEditerSDK wrapper = VideoEditerSDK.getInstance();
+        mTXVideoEditer = wrapper.getEditer();
+    }
+
+    @Override
+    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
+        super.onActivityCreated(savedInstanceState);
+        TimeLineView timeLineView = TimelineViewUtil.getInstance().getTimeLineView();
+        if (timeLineView != null) {
+            mVideoProgressController = timeLineView.getVideoProgressController();
+        }
+        initViews(getView());
+        setDefaultValue(getActivity(), getView());
+    }
+
+    @Override
+    public void onHiddenChanged(boolean hidden) {
+        super.onHiddenChanged(hidden);
+        if (mColorfulProgress != null) {
+            mColorfulProgress.setVisibility(hidden ? View.GONE : View.VISIBLE);
+        }
+    }
+
+    @Override
+    public void onDestroyView() {
+        super.onDestroyView();
+        List<ColorfulProgress.MarkInfo> markInfoList = mColorfulProgress.getMarkInfoList();
+        TCMotionViewInfoManager.getInstance().setMarkInfoList(markInfoList);
+    }
+
+    private void initViews(@NonNull View view) {
+        mImageUndo = (ImageView) view.findViewById(R.id.iv_undo);
+        mImageUndo.setOnClickListener(this);
+
+        mColorfulProgress = new ColorfulProgress(getContext());
+        mColorfulProgress.setWidthHeight(mVideoProgressController.getThumbnailPicListDisplayWidth(), getResources().getDimensionPixelOffset(R.dimen.ugckit_video_progress_height));
+        mColorfulProgress.setMarkInfoList(TCMotionViewInfoManager.getInstance().getMarkInfoList());
+        updateUndoImageView();
+        mVideoProgressController.addColorfulProgress(mColorfulProgress);
+
+        PlayerManagerKit.getInstance().addOnPreviewLitener(this);
+    }
+
+    private void setDefaultValue(Context context, View view) {
+        soulOutGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionSoulOutIcon, R.drawable.ugckit_motion_soul_out);
+        splitScreenGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionSplitScreenIcon, R.drawable.ugckit_motion_split_screen);
+        rockLightGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionRockLightIcon, R.drawable.ugckit_motion_rock_light);
+        darkDreamGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionDarkDreamIcon, R.drawable.ugckit_motion_dark_dream);
+        winShadowGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionWinShadowIcon, R.drawable.ugckit_motion_win_shaddow);
+        ghostShadowGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionGhostIcon, R.drawable.ugckit_motion_ghost);
+        phantomShadowGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionPhantomShadowIcon, R.drawable.ugckit_motion_phantom_shaddow);
+        ghostShadowGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionGhostShadowIcon, R.drawable.ugckit_motion_ghost_shaddow);
+        lightningGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionLightningIcon, R.drawable.ugckit_motion_lightning);
+        mirrorGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionMirrorIcon, R.drawable.ugckit_motion_mirror);
+        illusionGif = UIAttributeUtil.getResResources(context, R.attr.editerMotionIllusionIcon, R.drawable.ugckit_motion_illusion);
+
+        soulOutColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionSoulOutCoverColor, R.color.ugckit_soul_out_color_press);
+        splitScreenColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionSplitScreenCoverColor, R.color.ugckit_screen_split_press);
+        rockLightColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionRockLightCoverColor, R.color.ugckit_rock_light_press);
+        darkDreamColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionDarkDreamCoverColor, R.color.ugckit_dark_dream_press);
+        winShadowColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionWinShadowCoverColor, R.color.ugckit_win_shaddow_color_press);
+        ghostShadowColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionGhostShadowCoverColor, R.color.ugckit_ghost_shaddow_color_press);
+        phantomShadowColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionPhantomShadowCoverColor, R.color.ugckit_phantom_shaddow_color_press);
+        ghostColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionGhostCoverColor, R.color.ugckit_ghost_color_press);
+        lightningColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionLightningCoverColor, R.color.ugckit_lightning_color_press);
+        mirrorColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionMirrorCoverColor, R.color.ugckit_mirror_color_press);
+        illusionColor = UIAttributeUtil.getColorRes(context, R.attr.editerMotionIllusionCoverColor, R.color.ugckit_illusion_color_press);
+
+        mMotionMap = new HashMap<>();
+        mMotionMap.put(R.id.btn_soul_out, new TCMotionItem(R.id.btn_soul_out, R.id.rl_spirit_out_select_container, soulOutGif, TXVideoEditConstants.TXEffectType_SOUL_OUT));
+        mMotionMap.put(R.id.btn_split, new TCMotionItem(R.id.btn_split, R.id.rl_split_select_container, splitScreenGif, TXVideoEditConstants.TXEffectType_SPLIT_SCREEN));
+        mMotionMap.put(R.id.btn_rock_light, new TCMotionItem(R.id.btn_rock_light, R.id.rl_light_wave_select_container, rockLightGif, TXVideoEditConstants.TXEffectType_ROCK_LIGHT));
+        mMotionMap.put(R.id.btn_dark_dream, new TCMotionItem(R.id.btn_dark_dream, R.id.rl_dark_select_container, darkDreamGif, TXVideoEditConstants.TXEffectType_DARK_DRAEM));
+        mMotionMap.put(R.id.btn_win_shadow, new TCMotionItem(R.id.btn_win_shadow, R.id.rl_win_shadow_select_container, winShadowGif, TXVideoEditConstants.TXEffectType_WIN_SHADDOW));
+        mMotionMap.put(R.id.btn_ghost_shadow, new TCMotionItem(R.id.btn_ghost_shadow, R.id.rl_ghost_shadow_select_container, ghostShadowGif, TXVideoEditConstants.TXEffectType_GHOST_SHADDOW));
+        mMotionMap.put(R.id.btn_phantom_shadow, new TCMotionItem(R.id.btn_phantom_shadow, R.id.rl_phantom_shadow_select_container, phantomShadowGif, TXVideoEditConstants.TXEffectType_PHANTOM_SHADDOW));
+        mMotionMap.put(R.id.btn_ghost, new TCMotionItem(R.id.btn_ghost, R.id.rl_ghost_select_container, ghostShadowGif, TXVideoEditConstants.TXEffectType_GHOST));
+        mMotionMap.put(R.id.btn_lightning, new TCMotionItem(R.id.btn_lightning, R.id.rl_lightning_select_container, lightningGif, TXVideoEditConstants.TXEffectType_LIGHTNING));
+        mMotionMap.put(R.id.btn_mirror, new TCMotionItem(R.id.btn_mirror, R.id.rl_mirror_select_container, mirrorGif, TXVideoEditConstants.TXEffectType_MIRROR));
+        mMotionMap.put(R.id.btn_illusion, new TCMotionItem(R.id.btn_illusion, R.id.rl_illusion_select_container, illusionGif, TXVideoEditConstants.TXEffectType_ILLUSION));
+
+        for (Map.Entry<Integer, TCMotionItem> entry : mMotionMap.entrySet()) {
+            TCMotionItem item = entry.getValue();
+            ImageButton ibtn = (ImageButton) view.findViewById(item.ivID);
+            ibtn.setOnTouchListener(this);
+            Glide.with(this).load(item.animID).into(ibtn);
+        }
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.iv_undo) {
+            undoMotion();
+        }
+    }
+
+    /**
+     * 撤销 undo
+     */
+    private void undoMotion() {
+        ColorfulProgress.MarkInfo markInfo = mColorfulProgress.deleteLastMark();
+        if (markInfo != null) {
+            mVideoProgressController.setCurrentTimeMs(markInfo.startTimeMs);
+
+            PlayerManagerKit.getInstance().previewAtTime(markInfo.startTimeMs);
+        }
+
+        mTXVideoEditer.deleteLastEffect();
+        updateUndoImageView();
+    }
+
+    @Override
+    public boolean onTouch(@NonNull View view, @NonNull MotionEvent motionEvent) {
+        int action = motionEvent.getAction();
+        if (mIsOnTouch && action == MotionEvent.ACTION_DOWN) {
+            return false;
+        }
+
+        TCMotionItem item = mMotionMap.get(view.getId());
+        if (item != null) {
+            mEffectType = item.effectID;
+            RelativeLayout rlSelect = (RelativeLayout) getActivity().findViewById(item.rlSelectID);
+            if (action == MotionEvent.ACTION_DOWN) {
+                rlSelect.setVisibility(View.VISIBLE);
+                pressMotion(mEffectType);
+                mIsOnTouch = true;
+            }
+            if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_CANCEL) {
+                rlSelect.setVisibility(View.INVISIBLE);
+                upMotion(mEffectType);
+                mIsOnTouch = false;
+            }
+            return false;
+        }
+
+        return false;
+    }
+
+    private void pressMotion(int type) {
+        // 未开始播放 则开始播放
+        long currentTime = mVideoProgressController.getCurrentTimeMs();
+
+        if (PlayerManagerKit.getInstance().isPreviewFinish) {
+            Log.i(TAG, "pressMotion, preview finished, ignore");
+            mStartMark = false;
+            return;
+        }
+        mStartMark = true;
+
+        PlayerManagerKit.getInstance().playVideo(true);
+
+        mTXVideoEditer.startEffect(type, currentTime);
+
+        switch (type) {
+            case TXVideoEditConstants.TXEffectType_SOUL_OUT:
+                // 进度条开始变颜色
+                mColorfulProgress.startMark(soulOutColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_SPLIT_SCREEN:
+                mColorfulProgress.startMark(splitScreenColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_ROCK_LIGHT:
+                mColorfulProgress.startMark(rockLightColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_DARK_DRAEM:
+                mColorfulProgress.startMark(darkDreamColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_WIN_SHADDOW:
+                mColorfulProgress.startMark(winShadowColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_GHOST_SHADDOW:
+                mColorfulProgress.startMark(ghostShadowColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_PHANTOM_SHADDOW:
+                mColorfulProgress.startMark(phantomShadowColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_GHOST:
+                mColorfulProgress.startMark(ghostColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_LIGHTNING:
+                mColorfulProgress.startMark(lightningColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_MIRROR:
+                mColorfulProgress.startMark(mirrorColor);
+                break;
+            case TXVideoEditConstants.TXEffectType_ILLUSION:
+                mColorfulProgress.startMark(illusionColor);
+                break;
+        }
+    }
+
+    private void upMotion(int type) {
+        if (!mStartMark) {
+            return;
+        }
+        // 暂停播放
+        PlayerManagerKit.getInstance().pausePlay();
+        // 进度条结束标记
+        mColorfulProgress.endMark();
+
+        // 特效结束时间
+        long currentTime = mVideoProgressController.getCurrentTimeMs();
+        mTXVideoEditer.stopEffect(type, currentTime);
+        // 显示撤销的按钮
+        updateUndoImageView();
+    }
+
+    private void updateUndoImageView() {
+        if (mColorfulProgress.getMarkListSize() > 0) {
+            mImageUndo.setVisibility(View.VISIBLE);
+        } else {
+            mImageUndo.setVisibility(View.GONE);
+        }
+    }
+
+    @Override
+    public void onPreviewProgress(int time) {
+
+    }
+
+    @Override
+    public void onPreviewFinish() {
+        if (mIsOnTouch && mEffectType >= 0) {
+            mColorfulProgress.endMark(mVideoProgressController.getThumbnailPicListDisplayWidth());
+            mTXVideoEditer.stopEffect(mEffectType, mVideoProgressController.getTotalDurationMs());
+
+            mTXVideoEditer.startEffect(mEffectType, 0);
+            switch (mEffectType) {
+                case TXVideoEditConstants.TXEffectType_SOUL_OUT:
+                    // 进度条开始变颜色
+                    mColorfulProgress.startMark(soulOutColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_SPLIT_SCREEN:
+                    mColorfulProgress.startMark(splitScreenColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_ROCK_LIGHT:
+                    mColorfulProgress.startMark(rockLightColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_DARK_DRAEM:
+                    mColorfulProgress.startMark(darkDreamColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_WIN_SHADDOW:
+                    mColorfulProgress.startMark(winShadowColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_GHOST_SHADDOW:
+                    mColorfulProgress.startMark(ghostShadowColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_PHANTOM_SHADDOW:
+                    mColorfulProgress.startMark(phantomShadowColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_GHOST:
+                    mColorfulProgress.startMark(ghostColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_LIGHTNING:
+                    mColorfulProgress.startMark(lightningColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_MIRROR:
+                    mColorfulProgress.startMark(mirrorColor, 0);
+                    break;
+                case TXVideoEditConstants.TXEffectType_ILLUSION:
+                    mColorfulProgress.startMark(illusionColor, 0);
+                    break;
+            }
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionItem.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionItem.java
new file mode 100644
index 0000000..5b368e9
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionItem.java
@@ -0,0 +1,15 @@
+package com.tencent.qcloud.ugckit.module.effect.motion;
+
+public class TCMotionItem {
+    public int ivID;
+    public int rlSelectID;
+    public int animID;
+    public int effectID;
+
+    public TCMotionItem(int ivID, int rlSelectID, int animID, int effectID) {
+        this.ivID = ivID;
+        this.rlSelectID = rlSelectID;
+        this.animID = animID;
+        this.effectID = effectID;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionViewInfoManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionViewInfoManager.java
new file mode 100644
index 0000000..4a63912
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/motion/TCMotionViewInfoManager.java
@@ -0,0 +1,39 @@
+package com.tencent.qcloud.ugckit.module.effect.motion;
+
+import com.tencent.qcloud.ugckit.component.timeline.ColorfulProgress;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class TCMotionViewInfoManager {
+    private static TCMotionViewInfoManager         sInstance;
+    private        List<ColorfulProgress.MarkInfo> mMarkInfoList;
+
+    public static TCMotionViewInfoManager getInstance() {
+        if (sInstance == null) {
+            synchronized (TCMotionViewInfoManager.class) {
+                if (sInstance == null) {
+                    sInstance = new TCMotionViewInfoManager();
+                }
+            }
+        }
+        return sInstance;
+    }
+
+    private TCMotionViewInfoManager() {
+        mMarkInfoList = new ArrayList<>();
+    }
+
+    public void setMarkInfoList(List<ColorfulProgress.MarkInfo> markInfoList) {
+        this.mMarkInfoList = markInfoList;
+    }
+
+    public List<ColorfulProgress.MarkInfo> getMarkInfoList() {
+        return mMarkInfoList;
+    }
+
+    public void clearMarkInfoList() {
+        this.mMarkInfoList.clear();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/AddPasterAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/AddPasterAdapter.java
new file mode 100644
index 0000000..def4acb
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/AddPasterAdapter.java
@@ -0,0 +1,132 @@
+package com.tencent.qcloud.ugckit.module.effect.paster;
+
+import android.content.Context;
+import android.graphics.BitmapFactory;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.text.TextUtils;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.module.effect.BaseRecyclerAdapter;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.util.List;
+
+public class AddPasterAdapter extends BaseRecyclerAdapter<AddPasterAdapter.AddPasterViewHolder> {
+    public static final int TYPE_FOOTER = 0;  // 带有Footer的
+    public static final int TYPE_NORMAL = 1;  // 真实数据
+
+    private Context            mContext;
+    private View               mFooterView;
+    private int                mCurrentSelectedPos = -1;
+    private int                mPasterTextSize;
+    private int                mPasterTextColor;
+    private int                mCoverIcon;
+    private List<TCPasterInfo> mPasterInfoList;
+
+    public AddPasterAdapter(List<TCPasterInfo> pasterInfoList, Context context) {
+        mContext = context;
+        mPasterInfoList = pasterInfoList;
+    }
+
+    public void setFooterView(View footerView) {
+        mFooterView = footerView;
+        notifyItemInserted(getItemCount() - 1);
+    }
+
+    public void setCurrentSelectedPos(int pos) {
+        int tPos = mCurrentSelectedPos;
+        mCurrentSelectedPos = pos;
+        this.notifyItemChanged(tPos);
+        this.notifyItemChanged(mCurrentSelectedPos);
+    }
+
+    @Override
+    public int getItemViewType(int position) {
+        if (mFooterView == null) {
+            return TYPE_NORMAL;
+        }
+        if (position == getItemCount() - 1) {
+            return TYPE_FOOTER;
+        }
+        return TYPE_NORMAL;
+    }
+
+    @Override
+    public void onBindVH(@NonNull AddPasterViewHolder holder, int position) {
+        if (getItemViewType(position) == TYPE_FOOTER) {
+            return;
+        }
+        String pasterPath = mPasterInfoList.get(position).getIconPath();
+        if (!TextUtils.isEmpty(pasterPath)) {
+            holder.ivAddPaster.setImageBitmap(BitmapFactory.decodeFile(pasterPath));
+        }
+        holder.tvAddPasterText.setText(UGCKit.getAppContext().getResources().getString(R.string.ugckit_add_paster_adapter_paster) + String.valueOf(position + 1));
+        if (mCoverIcon != 0) {
+            if (mPasterTextSize != 0) {
+                holder.tvAddPasterText.setTextSize(mPasterTextSize);
+            }
+            if (mPasterTextColor != 0) {
+                holder.tvAddPasterText.setTextColor(mContext.getResources().getColor(mPasterTextColor));
+            }
+            holder.ivAddPasterTint.setImageResource(mCoverIcon);
+        }
+        if (mCurrentSelectedPos == position) {
+            holder.ivAddPasterTint.setVisibility(View.VISIBLE);
+        } else {
+            holder.ivAddPasterTint.setVisibility(View.GONE);
+        }
+    }
+
+    @NonNull
+    @Override
+    public AddPasterViewHolder onCreateVH(@NonNull ViewGroup parent, int viewType) {
+        if (mFooterView != null && viewType == TYPE_FOOTER) {
+            return new AddPasterViewHolder(mFooterView);
+        }
+        return new AddPasterViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.ugckit_item_add_paster, parent, false));
+    }
+
+    @Override
+    public int getItemCount() {
+        if (mFooterView != null) {
+            return mPasterInfoList.size() + 1;
+        }
+        return mPasterInfoList.size();
+    }
+
+    public void setPasterTextSize(int textSize) {
+        mPasterTextSize = textSize;
+    }
+
+    public void setPasterTextColor(int textColor) {
+        mPasterTextColor = textColor;
+    }
+
+    public void setCoverIconResouce(int icon) {
+        mCoverIcon = icon;
+    }
+
+    public class AddPasterViewHolder extends RecyclerView.ViewHolder {
+        ImageView ivAddPaster;
+        ImageView ivAddPasterTint;
+        TextView  tvAddPasterText;
+
+        public AddPasterViewHolder(@NonNull View itemView) {
+            super(itemView);
+            if (itemView == mFooterView) {
+                return;
+            }
+            ivAddPaster = (ImageView) itemView.findViewById(R.id.add_paster_image);
+            ivAddPasterTint = (ImageView) itemView.findViewById(R.id.add_paster_tint);
+            tvAddPasterText = (TextView) itemView.findViewById(R.id.add_paster_tv_name);
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/AnimatedPasterConfig.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/AnimatedPasterConfig.java
new file mode 100644
index 0000000..fbfd44c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/AnimatedPasterConfig.java
@@ -0,0 +1,34 @@
+package com.tencent.qcloud.ugckit.module.effect.paster;
+
+import androidx.annotation.NonNull;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class AnimatedPasterConfig {
+    public static final String FILE_NAME = "config.json";
+
+    public static final String CONFIG_NAME           = "name";
+    public static final String CONFIG_PERIOD         = "period";
+    public static final String CONFIG_COUNT          = "count";
+    public static final String CONFIG_WIDTH          = "width";
+    public static final String CONFIG_HEIGHT         = "height";
+    public static final String CONFIG_KEYFRAME       = "keyframe";
+    public static final String CONFIG_KEYFRAME_ARRAY = "frameArray";
+
+    public String              name;
+    public int                 period;
+    public int                 count;
+    public int                 width;
+    public int                 height;
+    public int                 keyframe;
+    @NonNull
+    public List<PasterPicture> frameArray = new ArrayList<>();
+
+    static class PasterPicture {
+        public static final String PICTURE_NAME = "picture";
+
+        public String pictureName;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/IPasterPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/IPasterPannel.java
new file mode 100644
index 0000000..66e4ea5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/IPasterPannel.java
@@ -0,0 +1,88 @@
+package com.tencent.qcloud.ugckit.module.effect.paster;
+
+import androidx.annotation.ColorInt;
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+
+import java.util.List;
+
+/**
+ * 贴纸面板
+ */
+public interface IPasterPannel {
+    int TAB_ANIMATED_PASTER = 1;
+    int TAB_PASTER          = 2;
+
+    /**
+     * 获取当前Tab
+     *
+     * @return {@link #TAB_PASTER} <br>
+     * {@link #TAB_ANIMATED_PASTER}
+     */
+    int getCurrentTab();
+
+    /**
+     * 设置切换Tab监听器
+     *
+     * @param listener
+     */
+    void setOnTabChangedListener(IPasterPannel.OnTabChangedListener listener);
+
+    interface OnTabChangedListener {
+        /**
+         * Tab切换
+         *
+         * @param currentTab 静态贴纸/动态贴纸
+         */
+        void onTabChanged(int currentTab);
+    }
+
+    /**
+     * 根据当前Tab设置贴纸列表
+     *
+     * @param pasterInfoList 静态贴纸列表或动态贴纸列表
+     */
+    void setPasterInfoList(List<TCPasterInfo> pasterInfoList);
+
+    /**
+     * 显示贴纸面板
+     *
+     * @param
+     */
+    void show();
+
+    /**
+     * 隐藏贴纸面板
+     */
+    void dismiss();
+
+    /**
+     * 设置贴纸item点击监听器
+     *
+     * @param listener
+     */
+    void setOnItemClickListener(OnItemClickListener listener);
+
+    interface OnItemClickListener {
+        /**
+         * 点击贴纸
+         *
+         * @param tcPasterInfo 贴纸信息
+         * @param position     添加列表的位置
+         */
+        void onItemClick(TCPasterInfo tcPasterInfo, int position);
+    }
+
+
+    /**
+     * 设置添加贴纸监听器
+     */
+    void setOnAddClickListener(IPasterPannel.OnAddClickListener listener);
+
+    interface OnAddClickListener {
+        /**
+         * 添加一个贴纸到SDK中
+         */
+        void onAddPaster();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterFragment.java
new file mode 100644
index 0000000..625d363
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterFragment.java
@@ -0,0 +1,751 @@
+package com.tencent.qcloud.ugckit.module.effect.paster;
+
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.os.Bundle;
+import android.os.Handler;
+import android.os.HandlerThread;
+import android.os.Message;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.fragment.app.FragmentActivity;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.text.TextUtils;
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.effect.BaseRecyclerAdapter;
+import com.tencent.qcloud.ugckit.module.effect.TimeLineView;
+import com.tencent.qcloud.ugckit.module.effect.TimelineViewUtil;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.qcloud.ugckit.utils.FileUtils;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerView;
+import com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerViewGroup;
+import com.tencent.qcloud.ugckit.component.timeline.RangeSliderViewContainer;
+import com.tencent.qcloud.ugckit.component.timeline.VideoProgressController;
+import com.tencent.qcloud.ugckit.component.timeline.ViewConst;
+import com.tencent.qcloud.ugckit.module.effect.paster.view.PasterView;
+import com.tencent.qcloud.ugckit.module.effect.paster.view.TCPasterOperationViewFactory;
+import com.tencent.qcloud.ugckit.module.effect.paster.view.PasterPannel;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+
+import org.json.JSONArray;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.File;
+import java.util.ArrayList;
+import java.util.List;
+
+import de.hdodenhof.circleimageview.CircleImageView;
+
+public class TCPasterFragment extends Fragment implements BaseRecyclerAdapter.OnItemClickListener,
+        FloatLayerViewGroup.OnItemClickListener,
+        FloatLayerView.IOperationViewClickListener,
+        IPasterPannel.OnItemClickListener,
+        IPasterPannel.OnTabChangedListener,
+        IPasterPannel.OnAddClickListener,
+        View.OnClickListener, PlayerManagerKit.OnPlayStateListener {
+    private final String TAG                         = "TCPasterFragment";
+    private final int    MSG_COPY_PASTER_FILES       = 1;
+    private final String PASTER_FOLDER_NAME          = "paster";
+    private final String ANIMATED_PASTER_FOLDER_NAME = "AnimatedPaster";
+    private final String PASTER_LIST_JSON_FILE_NAME  = "pasterList.json";
+
+    @Nullable
+    private String                                            mPasterSDcardFolder;
+    @Nullable
+    private String                                            mAnimatedPasterSDcardFolder;
+    private TXVideoEditer                                     mTXVideoEditer;
+    private RecyclerView                                      mRvPaster;
+    private ImageView                                         mIvDel;
+    private View                                              mFootView;
+    private AddPasterAdapter                                  mAddPasterAdapter;
+    private List<TCPasterInfo>                                mAddPasterInfoList;
+    private PasterPannel                                      mPasterPannel; // 选择贴纸控件
+    private FloatLayerViewGroup                               mFloatLayerViewGroup; // 图层父布局，承载贴纸
+    private int                                               mCurrentSelectedPos = -1;// 当前被选中的贴纸控件
+    @Nullable
+    private RangeSliderViewContainer.OnDurationChangeListener mOnDurationChangeListener;
+    private HandlerThread                                     mWorkHandlerThread;
+    @Nullable
+    private Handler                                           mWorkHandler;
+    private List<TCPasterInfo>                                mPasterInfoList;
+    private List<TCPasterInfo>                                mAnimatedPasterInfoList;
+    private boolean                                           mIsUpdatePng        = false;
+    private long                                              mDuration;
+    private long                                              mDefaultWordStartTime;
+    private long                                              mDefaultWordEndTime;
+    private VideoProgressController                           mVideoProgressController;
+    private int                                               addIcon             = R.drawable.ugckit_ic_edit_add_selector;
+    private int                                               deleteIcon          = R.drawable.ugckit_ic_word_del_normal;
+    private int                                               mCoverIcon;
+    private int                                               pasterTextSize;
+    private int                                               pasterTextColor;
+
+    @Override
+    public void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+
+        PlayerManagerKit.getInstance().addOnPlayStateLitener(this);
+    }
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.ugckit_fragment_paster, container, false);
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        initView(view);
+
+        initData();
+
+        initHandler();
+
+        initRangeDurationChangeListener();
+
+        mWorkHandler.sendEmptyMessage(MSG_COPY_PASTER_FILES);
+    }
+
+    @Override
+    public void onHiddenChanged(boolean hidden) {
+        super.onHiddenChanged(hidden);
+        if (hidden) {
+            mFloatLayerViewGroup.setVisibility(View.GONE);
+            mVideoProgressController.showAllRangeSliderView(ViewConst.VIEW_TYPE_PASTER, false);
+        } else {
+            mVideoProgressController.showAllRangeSliderView(ViewConst.VIEW_TYPE_PASTER, true);
+        }
+    }
+
+    @Override
+    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
+        super.onActivityCreated(savedInstanceState);
+        TimeLineView timeLineView = TimelineViewUtil.getInstance().getTimeLineView();
+        if (timeLineView != null) {
+            mVideoProgressController = timeLineView.getVideoProgressController();
+        }
+
+        recoverFromManager();
+    }
+
+    private void initRangeDurationChangeListener() {
+        mOnDurationChangeListener = new RangeSliderViewContainer.OnDurationChangeListener() {
+            @Override
+            public void onDurationChange(long startTime, long endTime) {
+                // 获取当选中的贴纸，并且将时间设置进去
+                PasterView view = (PasterView) mFloatLayerViewGroup.getSelectedLayerOperationView();
+                if (view != null) {
+                    view.setStartToEndTime(startTime, endTime);
+                }
+                // 时间范围修改也马上设置到sdk中去
+                addPasterListVideo();
+                saveIntoManager();
+            }
+        };
+    }
+
+    private void initView(@NonNull View view) {
+        mFootView = LayoutInflater.from(view.getContext()).inflate(R.layout.ugckit_item_add, null);
+        CircleImageView addView = (CircleImageView) mFootView.findViewById(R.id.add_paster_image);
+        addView.setImageResource(addIcon);
+
+        mAddPasterInfoList = new ArrayList<>();
+        mRvPaster = (RecyclerView) view.findViewById(R.id.paster_rv_list);
+        mRvPaster.setLayoutManager(new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false));
+        mAddPasterAdapter = new AddPasterAdapter(mAddPasterInfoList, getActivity());
+        mAddPasterAdapter.setCoverIconResouce(mCoverIcon);
+        mAddPasterAdapter.setPasterTextSize(pasterTextSize);
+        mAddPasterAdapter.setPasterTextColor(pasterTextColor);
+        mAddPasterAdapter.setOnItemClickListener(this);
+        mRvPaster.setAdapter(mAddPasterAdapter);
+        mAddPasterAdapter.setFooterView(mFootView);
+
+        mPasterPannel = (PasterPannel) getActivity().findViewById(R.id.paster_select_view);
+        mPasterPannel.setOnTabChangedListener(this);
+        mPasterPannel.setOnItemClickListener(this);
+        mPasterPannel.setOnAddClickListener(this);
+        mPasterPannel.setVisibility(View.GONE);
+
+        mFloatLayerViewGroup = (FloatLayerViewGroup) getActivity().findViewById(R.id.paster_container);
+        mFloatLayerViewGroup.setOnItemClickListener(this);
+        mFloatLayerViewGroup.enableChildSingleClick(false); // 在容器里不响应子控件的单击事件
+        mFloatLayerViewGroup.enableDoubleChildClick(false); // 在容器里不响应子控件的双击事件
+
+        mIvDel = (ImageView) view.findViewById(R.id.iv_del);
+        mIvDel.setOnClickListener(this);
+    }
+
+    private void initData() {
+        FragmentActivity fragmentActivity = getActivity();
+        if (fragmentActivity != null) {
+            File sdcardDir = fragmentActivity.getExternalFilesDir(null);
+            if (sdcardDir != null) {
+                mPasterSDcardFolder = sdcardDir + File.separator + PASTER_FOLDER_NAME + File.separator;
+                mAnimatedPasterSDcardFolder = sdcardDir + File.separator + ANIMATED_PASTER_FOLDER_NAME + File.separator;
+            }
+        }
+
+        mTXVideoEditer = VideoEditerSDK.getInstance().getEditer();
+
+        long startTime = VideoEditerSDK.getInstance().getCutterStartTime();
+        long endTime = VideoEditerSDK.getInstance().getCutterEndTime();
+
+        mDuration = endTime - startTime;
+        updateDefaultTime();
+    }
+
+    /**
+     * 根据当前控件数量 更新默认的一个控件开始时间和结束时间
+     */
+    private void updateDefaultTime() {
+        int count = mFloatLayerViewGroup != null ? mFloatLayerViewGroup.getChildCount() : 0;
+        mDefaultWordStartTime = count * 1000; // 两个之间间隔1秒
+        mDefaultWordEndTime = mDefaultWordStartTime + 2000;
+
+        if (mDefaultWordStartTime > mDuration) {
+            mDefaultWordStartTime = mDuration - 2000;
+            mDefaultWordEndTime = mDuration;
+        } else if (mDefaultWordEndTime > mDuration) {
+            mDefaultWordEndTime = mDuration;
+        }
+    }
+
+    private void initHandler() {
+        mWorkHandlerThread = new HandlerThread("TCPasterFragment_handlerThread");
+        mWorkHandlerThread.start();
+        mWorkHandler = new Handler(mWorkHandlerThread.getLooper()) {
+            @Override
+            public void handleMessage(@NonNull Message msg) {
+                switch (msg.what) {
+                    case MSG_COPY_PASTER_FILES:
+                        if (mIsUpdatePng) {
+                            if (!TextUtils.isEmpty(mPasterSDcardFolder)) {
+                                FileUtils.deleteFile(mPasterSDcardFolder);
+                            }
+                            if (!TextUtils.isEmpty(mAnimatedPasterSDcardFolder)) {
+                                FileUtils.deleteFile(mAnimatedPasterSDcardFolder);
+                            }
+                        }
+                        if (!TextUtils.isEmpty(mPasterSDcardFolder)) {
+                            File pasterFolder = new File(mPasterSDcardFolder);
+                            File animatedPasterFolder = new File(mAnimatedPasterSDcardFolder);
+                            if (!pasterFolder.exists() || !animatedPasterFolder.exists()) {
+                                copyPasterFilesToSdcard();
+                            }
+                            preparePasterInfoToShow();
+                        }
+                        break;
+                }
+            }
+        };
+    }
+
+    // mAddPasterAdapter底部的已添加的贴纸列表选中
+    @Override
+    public void onItemClick(View view, int position) {
+        if (position == mAddPasterInfoList.size()) {
+            // 新增
+            clickBtnAdd();
+        } else {
+            if (!mFloatLayerViewGroup.isShown()) {
+                mFloatLayerViewGroup.setVisibility(View.VISIBLE);
+                // 暂停播放
+                mTXVideoEditer.refreshOneFrame(); // 将视频画面中的字幕清除  ，避免与上层控件造成混淆导致体验不好的问题。
+
+                PlayerManagerKit.getInstance().pausePlay();
+            }
+            // 列表选中
+            mAddPasterAdapter.setCurrentSelectedPos(position);
+            // 预览界面选中
+            mFloatLayerViewGroup.selectOperationView(position);
+            // 进度条范围选中
+            RangeSliderViewContainer lastSlider = mVideoProgressController.getRangeSliderView(ViewConst.VIEW_TYPE_PASTER, mCurrentSelectedPos);
+            if (lastSlider != null) {
+                lastSlider.setEditComplete();
+            }
+            RangeSliderViewContainer currentSlider = mVideoProgressController.getRangeSliderView(ViewConst.VIEW_TYPE_PASTER, position);
+            if (currentSlider != null) {
+                currentSlider.showEdit();
+            }
+            mCurrentSelectedPos = position;
+        }
+    }
+
+    private void clickBtnAdd() {
+        mPasterPannel.show();
+        mFloatLayerViewGroup.setVisibility(View.VISIBLE);
+        // 暂停播放
+        mTXVideoEditer.refreshOneFrame(); // 将视频画面中的字幕清除  ，避免与上层控件造成混淆导致体验不好的问题。
+
+        PlayerManagerKit.getInstance().pausePlay();
+    }
+
+    private void copyPasterFilesToSdcard() {
+        if (!TextUtils.isEmpty(mPasterSDcardFolder)) {
+            File pasterFolder = new File(mPasterSDcardFolder);
+            if (!pasterFolder.exists()) {
+                FileUtils.copyFilesFromAssets(getActivity(), PASTER_FOLDER_NAME, mPasterSDcardFolder);
+            }
+        }
+        if (!TextUtils.isEmpty(mAnimatedPasterSDcardFolder)) {
+            File animatedFolder = new File(mAnimatedPasterSDcardFolder);
+            if (!animatedFolder.exists()) {
+                FileUtils.copyFilesFromAssets(getActivity(), ANIMATED_PASTER_FOLDER_NAME, mAnimatedPasterSDcardFolder);
+            }
+        }
+    }
+
+    private void preparePasterInfoToShow() {
+        mPasterInfoList = getPasterInfoList(PasterView.TYPE_CHILD_VIEW_PASTER, mPasterSDcardFolder, PASTER_LIST_JSON_FILE_NAME);
+        mAnimatedPasterInfoList = getPasterInfoList(PasterView.TYPE_CHILD_VIEW_ANIMATED_PASTER, mAnimatedPasterSDcardFolder, PASTER_LIST_JSON_FILE_NAME);
+
+        BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                int currentTab = mPasterPannel.getCurrentTab();
+                changeListViewData(currentTab);
+            }
+        });
+    }
+
+    private void changeListViewData(int currentTab) {
+        if (currentTab == IPasterPannel.TAB_PASTER) {
+            mPasterPannel.setPasterInfoList(mPasterInfoList);
+        } else if (currentTab == IPasterPannel.TAB_ANIMATED_PASTER) {
+            mPasterPannel.setPasterInfoList(mAnimatedPasterInfoList);
+        }
+    }
+
+    @NonNull
+    private List<TCPasterInfo> getPasterInfoList(int pasterType, String fileFolder, String fileName) {
+        List<TCPasterInfo> pasterInfoList = new ArrayList<TCPasterInfo>();
+
+        if (TextUtils.isEmpty(fileFolder)) {
+            return pasterInfoList;
+        }
+        String filePath = fileFolder + fileName;
+        try {
+            String jsonString = FileUtils.getJsonFromFile(filePath);
+            if (TextUtils.isEmpty(jsonString)) {
+                Log.e(TAG, "getPasterInfoList, jsonString is empty");
+                return pasterInfoList;
+            }
+            JSONObject pasterJson = new JSONObject(jsonString);
+            JSONArray pasterInfoJsonArray = pasterJson.getJSONArray("pasterList");
+            for (int i = 0; i < pasterInfoJsonArray.length(); i++) {
+                JSONObject pasterInfoJsonObject = pasterInfoJsonArray.getJSONObject(i);
+                TCPasterInfo tcPasterInfo = new TCPasterInfo();
+
+                tcPasterInfo.setName(pasterInfoJsonObject.getString("name"));
+                tcPasterInfo.setIconPath(fileFolder + pasterInfoJsonObject.getString("icon"));
+                tcPasterInfo.setPasterType(pasterType);
+
+                pasterInfoList.add(tcPasterInfo);
+            }
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+
+        return pasterInfoList;
+    }
+
+    @Override
+    public void onLayerOperationViewItemClick(FloatLayerView view, int lastSelectedPos, int currentSelectedPos) {
+        pausePlay(true);
+
+        RangeSliderViewContainer lastSlider = mVideoProgressController.getRangeSliderView(lastSelectedPos);
+        if (lastSlider != null) {
+            lastSlider.setEditComplete();
+        }
+
+        RangeSliderViewContainer currentSlider = mVideoProgressController.getRangeSliderView(currentSelectedPos);
+        if (currentSlider != null) {
+            currentSlider.showEdit();
+        }
+
+        mCurrentSelectedPos = currentSelectedPos;
+    }
+
+    private void pausePlay(boolean isShow) {
+        PlayerManagerKit.getInstance().pausePlay();
+
+        if (isShow) {
+            // 将字幕控件显示出来
+            mFloatLayerViewGroup.setVisibility(View.VISIBLE);
+            mTXVideoEditer.refreshOneFrame();// 将视频画面中的字幕清除  ，避免与上层控件造成混淆导致体验不好的问题。
+        }
+        int selectedIndex = mFloatLayerViewGroup.getSelectedViewIndex();
+        if (selectedIndex != -1) {// 说明有控件被选中 那么显示出时间区间的选择
+            RangeSliderViewContainer view = mVideoProgressController.getRangeSliderView(selectedIndex);
+            if (isShow) {
+                view.showEdit();
+            } else {
+                view.setEditComplete();
+            }
+        }
+    }
+
+    // 选择贴纸
+    @Override
+    public void onItemClick(@NonNull TCPasterInfo tcPasterInfo, int position) {
+        int index = mFloatLayerViewGroup.getSelectedViewIndex();
+        Log.i(TAG, "onItemClick: index = " + index);
+        RangeSliderViewContainer lastSlider = mVideoProgressController.getRangeSliderView(index);
+        if (lastSlider != null) {
+            lastSlider.setEditComplete();
+        } else {
+            Log.e(TAG, "onItemClick: slider view is null");
+        }
+
+        String pasterPath = null;
+        Bitmap bitmap = null;
+        int pasterType = tcPasterInfo.getPasterType();
+        if (pasterType == PasterView.TYPE_CHILD_VIEW_ANIMATED_PASTER) {
+            AnimatedPasterConfig animatedPasterConfig = getAnimatedPasterParamFromPath(mAnimatedPasterSDcardFolder + tcPasterInfo.getName() + File.separator);
+            if (animatedPasterConfig == null) {
+                Log.e(TAG, "onItemClick, animatedPasterConfig is null");
+                return;
+            }
+            int keyFrameIndex = animatedPasterConfig.keyframe;
+            String keyFrameName = animatedPasterConfig.frameArray.get(keyFrameIndex - 1).pictureName;
+
+            if (!TextUtils.isEmpty(mAnimatedPasterSDcardFolder)) {
+                pasterPath = mAnimatedPasterSDcardFolder + tcPasterInfo.getName() + File.separator + keyFrameName + ".png";
+                bitmap = BitmapFactory.decodeFile(pasterPath);
+            }
+        } else if (pasterType == PasterView.TYPE_CHILD_VIEW_PASTER) {
+            if (!TextUtils.isEmpty(mPasterSDcardFolder)) {
+                pasterPath = mPasterSDcardFolder + tcPasterInfo.getName() + File.separator + tcPasterInfo.getName() + ".png";
+                bitmap = BitmapFactory.decodeFile(pasterPath);
+            }
+        }
+        // 更新一下默认配置的时间
+        updateDefaultTime();
+
+        PasterView pasterOperationView = TCPasterOperationViewFactory.newOperationView(getActivity());
+        pasterOperationView.setPasterPath(pasterPath);
+        pasterOperationView.setChildType(tcPasterInfo.getPasterType());
+        pasterOperationView.setIconPath(tcPasterInfo.getIconPath());
+        pasterOperationView.setCenterX(mFloatLayerViewGroup.getWidth() / 2);
+        pasterOperationView.setCenterY(mFloatLayerViewGroup.getHeight() / 2);
+        pasterOperationView.setStartToEndTime(mDefaultWordStartTime, mDefaultWordEndTime);
+        pasterOperationView.setIOperationViewClickListener(this);
+        pasterOperationView.setPasterName(tcPasterInfo.getName());
+        pasterOperationView.showDelete(false);
+        pasterOperationView.showEdit(false);
+
+        RangeSliderViewContainer rangeSliderView = new RangeSliderViewContainer(getActivity());
+        rangeSliderView.init(mVideoProgressController, mDefaultWordStartTime, mDefaultWordEndTime - mDefaultWordStartTime, mDuration);
+        rangeSliderView.setDurationChangeListener(mOnDurationChangeListener);
+        mVideoProgressController.addRangeSliderView(ViewConst.VIEW_TYPE_PASTER, rangeSliderView);
+        mVideoProgressController.setCurrentTimeMs(mDefaultWordStartTime);
+
+        mFloatLayerViewGroup.addOperationView(pasterOperationView);
+        if (bitmap != null) {
+            pasterOperationView.setImageBitamp(bitmap);
+        }
+        mPasterPannel.dismiss();
+
+        // 更新下方的贴纸列表
+        mAddPasterInfoList.add(tcPasterInfo);
+        mAddPasterAdapter.notifyDataSetChanged();
+        mAddPasterAdapter.setCurrentSelectedPos(mAddPasterInfoList.size() - 1);
+
+        mCurrentSelectedPos = mAddPasterInfoList.size() - 1;
+
+        addPasterListVideo();
+        saveIntoManager();
+    }
+
+    // 动态、静态切换
+    @Override
+    public void onTabChanged(int currentTab) {
+        changeListViewData(currentTab);
+    }
+
+    /****** 可编辑控件的回调start ******/
+    @Override
+    public void onDeleteClick() {
+//        int index = mTCLayerViewGroup.getSelectedViewIndex();
+//        PasterOperationView view = (PasterOperationView) mTCLayerViewGroup.getSelectedLayerOperationView();
+//        if (view != null) {
+//            mTCLayerViewGroup.removeOperationView(view);
+//        }
+//        ((TCVideoEffectActivity) getActivity()).mVideoProgressController.removeRangeSliderView(index);
+//
+//        mAddPasterInfoList.remove(index);
+//        mAddPasterAdapter.notifyDataSetChanged();
+//        mAddPasterAdapter.setCurrentSelectedPos(-1);
+    }
+
+    @Override
+    public void onEditClick() {
+
+    }
+
+    // 拖动、旋转的回调
+    @Override
+    public void onRotateClick() {
+        addPasterListVideo();
+        saveIntoManager();
+    }
+
+    /****** 可编辑控件的回调end ******/
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.iv_del) {
+            deletePaster();
+        }
+    }
+
+    private void deletePaster() {
+        int index = mFloatLayerViewGroup.getSelectedViewIndex();
+        if (index < 0) {
+            return;
+        }
+        PasterView view = (PasterView) mFloatLayerViewGroup.getSelectedLayerOperationView();
+        if (view != null) {
+            mFloatLayerViewGroup.removeOperationView(view);
+        }
+        mVideoProgressController.removeRangeSliderView(ViewConst.VIEW_TYPE_PASTER, index);
+
+        if (mAddPasterInfoList.size() > 0) {
+            mAddPasterInfoList.remove(index);
+        }
+
+        mAddPasterAdapter.notifyDataSetChanged();
+
+        mCurrentSelectedPos = -1;
+        mAddPasterAdapter.setCurrentSelectedPos(mCurrentSelectedPos);
+
+        addPasterListVideo();
+        saveIntoManager();
+    }
+
+    /**
+     * 从指定路径加载贴纸配置
+     *
+     * @param pathFolder
+     * @return
+     */
+    @Nullable
+    private AnimatedPasterConfig getAnimatedPasterParamFromPath(String pathFolder) {
+        AnimatedPasterConfig animatedPasterConfig = null;
+        String configPath = pathFolder + AnimatedPasterConfig.FILE_NAME;
+
+        String configJsonStr = FileUtils.getJsonFromFile(configPath);
+
+        if (TextUtils.isEmpty(configJsonStr)) {
+            Log.e(TAG, "getTXAnimatedPasterParamFromPath, configJsonStr is empty");
+            return animatedPasterConfig;
+        }
+
+        JSONObject jsonObjectConfig = null;
+        try {
+            jsonObjectConfig = new JSONObject(configJsonStr);
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+
+        if (jsonObjectConfig == null) {
+            Log.e(TAG, "getTXAnimatedPasterParamFromPath, jsonObjectConfig is null");
+            return animatedPasterConfig;
+        }
+
+        animatedPasterConfig = new AnimatedPasterConfig();
+        try {
+            animatedPasterConfig.name = jsonObjectConfig.getString(AnimatedPasterConfig.CONFIG_NAME);
+            animatedPasterConfig.count = jsonObjectConfig.getInt(AnimatedPasterConfig.CONFIG_COUNT);
+            animatedPasterConfig.period = jsonObjectConfig.getInt(AnimatedPasterConfig.CONFIG_PERIOD);
+            animatedPasterConfig.width = jsonObjectConfig.getInt(AnimatedPasterConfig.CONFIG_WIDTH);
+            animatedPasterConfig.height = jsonObjectConfig.getInt(AnimatedPasterConfig.CONFIG_HEIGHT);
+            animatedPasterConfig.keyframe = jsonObjectConfig.getInt(AnimatedPasterConfig.CONFIG_KEYFRAME);
+            JSONArray frameJsonArray = jsonObjectConfig.getJSONArray(AnimatedPasterConfig.CONFIG_KEYFRAME_ARRAY);
+            for (int i = 0; i < animatedPasterConfig.count; i++) {
+                JSONObject frameNameObject = frameJsonArray.getJSONObject(i);
+                AnimatedPasterConfig.PasterPicture pasterPicture = new AnimatedPasterConfig.PasterPicture();
+                pasterPicture.pictureName = frameNameObject.getString(AnimatedPasterConfig.PasterPicture.PICTURE_NAME);
+
+                animatedPasterConfig.frameArray.add(pasterPicture);
+            }
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        return animatedPasterConfig;
+    }
+
+    /**
+     * ===========================将贴纸添加到SDK中去=================================
+     */
+    private void addPasterListVideo() {
+        List<TXVideoEditConstants.TXAnimatedPaster> animatedPasterList = new ArrayList<>();
+        List<TXVideoEditConstants.TXPaster> pasterList = new ArrayList<>();
+        for (int i = 0; i < mFloatLayerViewGroup.getChildCount(); i++) {
+            PasterView view = (PasterView) mFloatLayerViewGroup.getOperationView(i);
+            TXVideoEditConstants.TXRect rect = new TXVideoEditConstants.TXRect();
+            rect.x = view.getImageX();
+            rect.y = view.getImageY();
+            rect.width = view.getImageWidth();
+            Log.i(TAG, "addPasterListVideoToEditer, adjustPasterRect, paster x y = " + rect.x + "," + rect.y);
+
+            int childType = view.getChildType();
+            if (childType == PasterView.TYPE_CHILD_VIEW_ANIMATED_PASTER) {
+                TXVideoEditConstants.TXAnimatedPaster txAnimatedPaster = new TXVideoEditConstants.TXAnimatedPaster();
+
+                txAnimatedPaster.animatedPasterPathFolder = mAnimatedPasterSDcardFolder + view.getPasterName() + File.separator;
+                txAnimatedPaster.startTime = view.getStartTime();
+                txAnimatedPaster.endTime = view.getEndTime();
+                txAnimatedPaster.frame = rect;
+                txAnimatedPaster.rotation = view.getImageRotate();
+
+                animatedPasterList.add(txAnimatedPaster);
+                Log.i(TAG, "addPasterListVideoToEditer, txAnimatedPaster startTimeMs, endTime is : " + txAnimatedPaster.startTime + ", " + txAnimatedPaster.endTime);
+            } else if (childType == PasterView.TYPE_CHILD_VIEW_PASTER) {
+                TXVideoEditConstants.TXPaster txPaster = new TXVideoEditConstants.TXPaster();
+
+                txPaster.pasterImage = view.getRotateBitmap();
+                txPaster.startTime = view.getStartTime();
+                txPaster.endTime = view.getEndTime();
+                txPaster.frame = rect;
+
+                pasterList.add(txPaster);
+                Log.i(TAG, "addPasterListVideoToEditer, txPaster startTimeMs, endTime is : " + txPaster.startTime + ", " + txPaster.endTime);
+            }
+        }
+        mTXVideoEditer.setAnimatedPasterList(animatedPasterList);
+        mTXVideoEditer.setPasterList(pasterList);
+    }
+
+    /**
+     * ===========================将贴纸控件参数保存到Manager中去=================================
+     * <p>
+     * 将贴纸控件的相关参数保存到Manager中去，方便出去之后可以重新进来再次编辑贴纸
+     */
+    private void saveIntoManager() {
+        Log.i(TAG, "saveIntoManager");
+        TCPasterViewInfoManager manager = TCPasterViewInfoManager.getInstance();
+        manager.clear();
+        for (int i = 0; i < mFloatLayerViewGroup.getChildCount(); i++) {
+            PasterView view = (PasterView) mFloatLayerViewGroup.getOperationView(i);
+
+            Log.i(TAG, "saveIntoManager, view centerX and centerY = " + view.getCenterX() + ", " + view.getCenterY() +
+                    ", start end time = " + view.getStartTime() + ", " + view.getEndTime());
+
+            TCPasterViewInfo info = new TCPasterViewInfo();
+            info.setViewCenterX(view.getCenterX());
+            info.setViewCenterY(view.getCenterY());
+            info.setRotation(view.getImageRotate());
+            info.setImageScale(view.getImageScale());
+            info.setPasterPath(view.getPasterPath());
+            info.setIconPath(view.getIconPath());
+            info.setStartTime(view.getStartTime());
+            info.setEndTime(view.getEndTime());
+            info.setName(view.getPasterName());
+            info.setViewType(view.getChildType());
+
+            manager.add(info);
+        }
+    }
+
+    /**
+     * 将贴纸控件的相关参数从Manager中重新恢复出来，恢复贴纸编辑的场景。 以便继续编辑
+     */
+    private void recoverFromManager() {
+        TCPasterViewInfoManager manager = TCPasterViewInfoManager.getInstance();
+        Log.i(TAG, "recoverFromManager, manager.size = " + manager.getSize());
+        for (int i = 0; i < manager.getSize(); i++) {
+            TCPasterViewInfo info = manager.get(i);
+            Bitmap pasterBitmap = BitmapFactory.decodeFile(info.getPasterPath());
+            Log.i(TAG, "recoverFromManager, info.getPasterPath() = " + info.getPasterPath());
+            if (pasterBitmap == null) {
+                Log.e(TAG, "recoverFromManager, pasterBitmap is null!");
+                continue;
+            }
+            PasterView view = TCPasterOperationViewFactory.newOperationView(getActivity());
+            view.setImageBitamp(pasterBitmap);
+            view.setChildType(info.getViewType());
+            view.setCenterX(info.getViewCenterX());
+            view.setCenterY(info.getViewCenterY());
+            view.setImageRotate(info.getRotation());
+            view.setImageScale(info.getImageScale());
+            view.setPasterPath(info.getPasterPath());
+            view.setIconPath(info.getIconPath());
+            view.setPasterName(info.getName());
+            view.showDelete(false);
+            view.showEdit(false);
+            view.setIOperationViewClickListener(this);
+
+            // 恢复时间的时候，需要检查一下是否符合这一次区间的startTime和endTime
+            long viewStartTime = info.getStartTime();
+            long viewEndTime = info.getEndTime();
+            view.setStartToEndTime(viewStartTime, viewEndTime);
+
+            RangeSliderViewContainer rangeSliderView = new RangeSliderViewContainer(getActivity());
+            rangeSliderView.init(mVideoProgressController, viewStartTime, viewEndTime - viewStartTime, mDuration);
+            rangeSliderView.setDurationChangeListener(mOnDurationChangeListener);
+            rangeSliderView.setEditComplete();
+
+            mVideoProgressController.addRangeSliderView(ViewConst.VIEW_TYPE_PASTER, rangeSliderView);
+            mFloatLayerViewGroup.addOperationView(view);// 添加到Group中去管理
+
+            TCPasterInfo tcPasterInfo = new TCPasterInfo();
+            tcPasterInfo.setName(info.getName());
+            tcPasterInfo.setIconPath(info.getIconPath());
+            tcPasterInfo.setPasterType(info.getViewType());
+            mAddPasterInfoList.add(tcPasterInfo);
+        }
+        mCurrentSelectedPos = manager.getSize() - 1;
+
+        mAddPasterAdapter.notifyDataSetChanged();
+    }
+
+    @Override
+    public void onAddPaster() {
+        addPasterListVideo();
+    }
+
+    @Override
+    public void onPlayStateStart() {
+        if (mFloatLayerViewGroup != null) {
+            mFloatLayerViewGroup.setVisibility(View.GONE);
+        }
+    }
+
+    @Override
+    public void onPlayStateResume() {
+        if (mFloatLayerViewGroup != null) {
+            mFloatLayerViewGroup.setVisibility(View.GONE);
+        }
+    }
+
+    @Override
+    public void onPlayStatePause() {
+        // 将视频画面中的字幕清除  ，避免与上层控件造成混淆导致体验不好的问题。
+        mTXVideoEditer.refreshOneFrame();
+        if (mFloatLayerViewGroup != null) {
+            mFloatLayerViewGroup.setVisibility(View.VISIBLE);
+        }
+    }
+
+    @Override
+    public void onPlayStateStop() {
+
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterInfo.java
new file mode 100644
index 0000000..4bf66bf
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterInfo.java
@@ -0,0 +1,32 @@
+package com.tencent.qcloud.ugckit.module.effect.paster;
+
+public class TCPasterInfo {
+    private String iconPath;
+    private String name;
+    private String pasterPath;
+    private int    pasterType;
+
+    public int getPasterType() {
+        return pasterType;
+    }
+
+    public void setPasterType(int pasterType) {
+        this.pasterType = pasterType;
+    }
+
+    public String getIconPath() {
+        return iconPath;
+    }
+
+    public void setIconPath(String iconPath) {
+        this.iconPath = iconPath;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterViewInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterViewInfo.java
new file mode 100644
index 0000000..db7eddb
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterViewInfo.java
@@ -0,0 +1,100 @@
+package com.tencent.qcloud.ugckit.module.effect.paster;
+
+
+/**
+ * 用于保存 贴纸控件相关参数的类
+ * <p>
+ * 主要是用于恢复编辑贴纸的场景
+ */
+public class TCPasterViewInfo {
+    private int    viewType;
+    private float  viewCenterX;
+    private float  viewCenterY;// 控件的x y
+    private float  imageRotation;
+    private float  imageScale;
+    private String pasterPath;
+    private String iconPath;
+    private String name;
+    private long   startTime;
+    private long   endTime;
+
+    public String getIconPath() {
+        return iconPath;
+    }
+
+    public void setIconPath(String iconPath) {
+        this.iconPath = iconPath;
+    }
+
+    public float getViewCenterX() {
+        return viewCenterX;
+    }
+
+    public void setViewCenterX(float viewCenterX) {
+        this.viewCenterX = viewCenterX;
+    }
+
+    public float getViewCenterY() {
+        return viewCenterY;
+    }
+
+    public void setViewCenterY(float viewCenterY) {
+        this.viewCenterY = viewCenterY;
+    }
+
+    public float getRotation() {
+        return imageRotation;
+    }
+
+    public void setRotation(float viewRotation) {
+        this.imageRotation = viewRotation;
+    }
+
+    public long getStartTime() {
+        return startTime;
+    }
+
+    public void setStartTime(long startTime) {
+        this.startTime = startTime;
+    }
+
+    public long getEndTime() {
+        return endTime;
+    }
+
+    public void setEndTime(long endTime) {
+        this.endTime = endTime;
+    }
+
+    public String getPasterPath() {
+        return pasterPath;
+    }
+
+    public void setPasterPath(String pasterPath) {
+        this.pasterPath = pasterPath;
+    }
+
+    public float getImageScale() {
+        return imageScale;
+    }
+
+    public void setImageScale(float imageScale) {
+        this.imageScale = imageScale;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public int getViewType() {
+        return viewType;
+    }
+
+    public void setViewType(int viewType) {
+        this.viewType = viewType;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterViewInfoManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterViewInfoManager.java
new file mode 100644
index 0000000..e53d245
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/TCPasterViewInfoManager.java
@@ -0,0 +1,45 @@
+package com.tencent.qcloud.ugckit.module.effect.paster;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class TCPasterViewInfoManager {
+    private static TCPasterViewInfoManager mInstance;
+    private        List<TCPasterViewInfo>  mPasterViewInfoList;
+
+    public static TCPasterViewInfoManager getInstance() {
+        if (mInstance == null) {
+            synchronized (TCPasterViewInfoManager.class) {
+                if (mInstance == null) {
+                    mInstance = new TCPasterViewInfoManager();
+                }
+            }
+        }
+        return mInstance;
+    }
+
+    private TCPasterViewInfoManager() {
+        mPasterViewInfoList = new ArrayList<>();
+    }
+
+    public void add(TCPasterViewInfo tcPasterViewInfo) {
+        mPasterViewInfoList.add(tcPasterViewInfo);
+    }
+
+    public void remove(int index) {
+        mPasterViewInfoList.remove(index);
+    }
+
+    public void clear() {
+        mPasterViewInfoList.clear();
+    }
+
+    public TCPasterViewInfo get(int index) {
+        return mPasterViewInfoList.get(index);
+    }
+
+    public int getSize() {
+        return mPasterViewInfoList.size();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterAdapter.java
new file mode 100644
index 0000000..0184f74
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterAdapter.java
@@ -0,0 +1,83 @@
+package com.tencent.qcloud.ugckit.module.effect.paster.view;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+import com.bumptech.glide.Glide;
+
+
+import com.tencent.qcloud.ugckit.module.effect.paster.IPasterPannel;
+import com.tencent.qcloud.ugckit.module.effect.paster.TCPasterInfo;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.lang.ref.WeakReference;
+import java.util.ArrayList;
+import java.util.List;
+
+public class PasterAdapter extends RecyclerView.Adapter<PasterAdapter.PasterViewHolder> implements View.OnClickListener {
+
+    @Nullable
+    private List<TCPasterInfo>                mPasterInfoList;
+    private WeakReference<RecyclerView>       mRecyclerView;
+    private IPasterPannel.OnItemClickListener mOnItemClickListener;
+
+    public PasterAdapter(@Nullable List<TCPasterInfo> pasterInfoList) {
+        if (pasterInfoList == null) {
+            mPasterInfoList = new ArrayList<TCPasterInfo>();
+        } else {
+            mPasterInfoList = pasterInfoList;
+        }
+    }
+
+    @NonNull
+    @Override
+    public PasterViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        if (mRecyclerView == null) {
+            mRecyclerView = new WeakReference<RecyclerView>((RecyclerView) parent);
+        }
+        return new PasterViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.ugckit_layout_paster_view, null));
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull PasterViewHolder holder, int position) {
+        holder.itemView.setOnClickListener(this);
+        Glide.with(holder.itemView.getContext()).load(mPasterInfoList.get(position).getIconPath()).into(holder.ivPaster);
+    }
+
+    @Override
+    public int getItemCount() {
+        return mPasterInfoList.size();
+    }
+
+    @Override
+    public void onClick(View view) {
+        if (mOnItemClickListener == null) {
+            return;
+        }
+        RecyclerView recyclerView = mRecyclerView.get();
+        if (recyclerView != null) {
+            int position = recyclerView.getChildAdapterPosition(view);
+            mOnItemClickListener.onItemClick(mPasterInfoList.get(position), position);
+        }
+    }
+
+    class PasterViewHolder extends RecyclerView.ViewHolder {
+        ImageView ivPaster;
+
+        public PasterViewHolder(@NonNull View itemView) {
+            super(itemView);
+            ivPaster = (ImageView) itemView.findViewById(R.id.iv_paster);
+        }
+    }
+
+    public void setOnItemClickListener(IPasterPannel.OnItemClickListener onItemClickListener) {
+        mOnItemClickListener = onItemClickListener;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterPannel.java
new file mode 100644
index 0000000..600f47d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterPannel.java
@@ -0,0 +1,235 @@
+package com.tencent.qcloud.ugckit.module.effect.paster.view;
+
+import android.animation.Animator;
+import android.animation.AnimatorSet;
+import android.animation.ObjectAnimator;
+import android.content.Context;
+import android.content.res.ColorStateList;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.GridLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.animation.AccelerateDecelerateInterpolator;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.module.effect.paster.IPasterPannel;
+import com.tencent.qcloud.ugckit.module.effect.paster.TCPasterInfo;
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.util.List;
+
+/**
+ * 贴纸面板
+ */
+public class PasterPannel extends LinearLayout implements IPasterPannel, View.OnClickListener {
+    private Context                            mContext;
+    private int                                mSelectColor;
+    private int                                mCurrentTab;
+    private TextView                           mTextPaster;
+    private TextView                           mTextAnimatedPaster;
+    private RecyclerView                       mRecyclerView;
+    private PasterAdapter                      mPasterAdapter;
+    private ImageView                          mImageSure;
+    private IPasterPannel.OnTabChangedListener mOnTabChangedListener;
+    private IPasterPannel.OnAddClickListener   mOnAddClickListener;
+    private IPasterPannel.OnItemClickListener  mOnItemClickListener;
+
+    public PasterPannel(@NonNull Context context) {
+        super(context);
+        init(context);
+    }
+
+    public PasterPannel(@NonNull Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public PasterPannel(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    private void init(@NonNull Context context) {
+        mContext = context;
+        LayoutInflater.from(context).inflate(R.layout.ugckit_layout_paster_select, this);
+        mTextPaster = (TextView) findViewById(R.id.tv_paster);
+        mTextPaster.setOnClickListener(this);
+
+        mTextAnimatedPaster = (TextView) findViewById(R.id.tv_animated_paster);
+        mTextAnimatedPaster.setOnClickListener(this);
+
+        mRecyclerView = (RecyclerView) findViewById(R.id.paster_recycler_view);
+        mImageSure = (ImageView) findViewById(R.id.paster_btn_done);
+        mImageSure.setOnClickListener(this);
+
+        mCurrentTab = TAB_ANIMATED_PASTER;
+
+        mSelectColor = UIAttributeUtil.getColorRes(context, R.attr.ugckitColorPrimary, R.color.ugckit_color_red2);
+        mTextAnimatedPaster.setTextColor(mSelectColor);
+        mTextPaster.setTextColor(context.getResources().getColor(R.color.ugckit_white));
+    }
+
+    public void setPasterInfoList(List<TCPasterInfo> pasterInfoList) {
+        mPasterAdapter = new PasterAdapter(pasterInfoList);
+        mPasterAdapter.setOnItemClickListener(mOnItemClickListener);
+
+        GridLayoutManager manager = new GridLayoutManager(mContext, 1, GridLayoutManager.HORIZONTAL, false);
+        mRecyclerView.setLayoutManager(manager);
+        mRecyclerView.setAdapter(mPasterAdapter);
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        int i = view.getId();
+        if (i == R.id.tv_animated_paster) {
+            if (mCurrentTab == TAB_ANIMATED_PASTER) {
+                return;
+            }
+            mCurrentTab = TAB_ANIMATED_PASTER;
+            mTextAnimatedPaster.setTextColor(mSelectColor);
+            mTextPaster.setTextColor(mContext.getResources().getColor(R.color.ugckit_white));
+            if (mOnTabChangedListener != null) {
+                mOnTabChangedListener.onTabChanged(mCurrentTab);
+            }
+
+        } else if (i == R.id.tv_paster) {
+            if (mCurrentTab == TAB_PASTER) {
+                return;
+            }
+            mCurrentTab = TAB_PASTER;
+            mTextAnimatedPaster.setTextColor(mContext.getResources().getColor(R.color.ugckit_white));
+            mTextPaster.setTextColor(mSelectColor);
+            if (mOnTabChangedListener != null) {
+                mOnTabChangedListener.onTabChanged(mCurrentTab);
+            }
+
+        } else if (i == R.id.paster_btn_done) {
+            exitAnimator();
+        }
+    }
+
+    @Override
+    public void show() {
+        this.post(new Runnable() {
+            @Override
+            public void run() {
+                enterAnimator();
+            }
+        });
+    }
+
+    @Override
+    public void dismiss() {
+        this.post(new Runnable() {
+            @Override
+            public void run() {
+                exitAnimator();
+            }
+        });
+    }
+
+    private void enterAnimator() {
+        ObjectAnimator translationY = ObjectAnimator.ofFloat(this, "translationY", this.getHeight(), 0);
+        AnimatorSet set = new AnimatorSet();
+        set.setDuration(400);
+        set.play(translationY);
+        set.setInterpolator(new AccelerateDecelerateInterpolator());
+        set.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+                PasterPannel.this.setVisibility(VISIBLE);
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        set.start();
+    }
+
+    private void exitAnimator() {
+        ObjectAnimator translationY = ObjectAnimator.ofFloat(this, "translationY", 0,
+                this.getHeight());
+        AnimatorSet set = new AnimatorSet();
+        set.setDuration(200);
+        set.play(translationY);
+        set.setInterpolator(new AccelerateDecelerateInterpolator());
+        set.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                PasterPannel.this.setVisibility(GONE);
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+            }
+        });
+        set.start();
+    }
+
+    @Override
+    public void setOnTabChangedListener(IPasterPannel.OnTabChangedListener listener) {
+        mOnTabChangedListener = listener;
+    }
+
+    @Override
+    public void setOnItemClickListener(IPasterPannel.OnItemClickListener listener) {
+        mOnItemClickListener = listener;
+    }
+
+    @Override
+    public void setOnAddClickListener(IPasterPannel.OnAddClickListener listener) {
+        mOnAddClickListener = listener;
+    }
+
+    public void setTabTextColor(int selectedColor, int normalColor) {
+        int[] colors = new int[]{selectedColor, normalColor};
+        int[][] states = new int[2][];
+        states[0] = new int[]{android.R.attr.state_selected, android.R.attr.state_enabled};
+        states[1] = new int[]{android.R.attr.state_enabled};
+        ColorStateList colorList = new ColorStateList(states, colors);
+
+        mTextPaster.setTextColor(colorList);
+        mTextAnimatedPaster.setTextColor(colorList);
+    }
+
+    public void setTabTextSize(int size) {
+        mTextPaster.setTextSize(size);
+        mTextAnimatedPaster.setTextSize(size);
+    }
+
+    public void setCancelIconResource(int resid) {
+        mImageSure.setImageResource(resid);
+    }
+
+    @Override
+    public int getCurrentTab() {
+        return mCurrentTab;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterView.java
new file mode 100644
index 0000000..fb69c41
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/PasterView.java
@@ -0,0 +1,61 @@
+package com.tencent.qcloud.ugckit.module.effect.paster.view;
+
+import android.content.Context;
+import android.util.AttributeSet;
+
+import com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerView;
+
+public class PasterView extends FloatLayerView {
+    public static int TYPE_CHILD_VIEW_PASTER          = 1;
+    public static int TYPE_CHILD_VIEW_ANIMATED_PASTER = 2;
+
+    private int    mChildType;
+    private String mPasterName;
+    private String mPasterPath;  //预览界面上显示的图片
+    private String mIconPath;    //缩略图
+
+    public PasterView(Context context, AttributeSet attrs) {
+        super(context, attrs, 0);
+    }
+
+    public PasterView(Context context) {
+        super(context, null);
+    }
+
+    public PasterView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+    }
+
+    public String getIconPath() {
+        return mIconPath;
+    }
+
+    public void setIconPath(String path) {
+        mIconPath = path;
+    }
+
+    public int getChildType() {
+        return mChildType;
+    }
+
+    public void setChildType(int type) {
+        mChildType = type;
+    }
+
+    public String getPasterName() {
+        return mPasterName;
+    }
+
+    public void setPasterName(String name) {
+        mPasterName = name;
+    }
+
+    public String getPasterPath() {
+        return mPasterPath;
+    }
+
+    public void setPasterPath(String mPasterPath) {
+        this.mPasterPath = mPasterPath;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/TCPasterOperationViewFactory.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/TCPasterOperationViewFactory.java
new file mode 100644
index 0000000..4ed5c9b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/paster/view/TCPasterOperationViewFactory.java
@@ -0,0 +1,19 @@
+package com.tencent.qcloud.ugckit.module.effect.paster.view;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.view.View;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+/**
+ * 创建 OperationView的工厂
+ */
+public class TCPasterOperationViewFactory {
+
+    @NonNull
+    public static PasterView newOperationView(Context context) {
+        return (PasterView) View.inflate(context, R.layout.ugckit_layout_paster_operation_view, null);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCTimeFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCTimeFragment.java
new file mode 100644
index 0000000..5da96a6
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCTimeFragment.java
@@ -0,0 +1,493 @@
+package com.tencent.qcloud.ugckit.module.effect.time;
+
+import android.os.Bundle;
+import android.util.Log;
+import android.widget.ProgressBar;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+
+import com.bumptech.glide.Glide;
+
+import com.tencent.qcloud.ugckit.basic.JumpActivityMgr;
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.effect.TimeLineView;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.R;
+
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditConstants.TXGenerateResult;
+import com.tencent.ugc.TXVideoEditer;
+
+import com.tencent.ugc.TXVideoEditer.TXVideoProcessListener;
+import java.util.ArrayList;
+import java.util.List;
+
+import de.hdodenhof.circleimageview.CircleImageView;
+
+/**
+ * 时间特效的Fragment
+ */
+public class TCTimeFragment extends Fragment implements View.OnClickListener {
+    private static final String TAG                = "TCTimeFragment";
+    public static final  long DEAULT_REPEAT_DURATION_MS = 1000; //默认重复时间段1s
+    public static final  long DEAULT_SPEED_DURATION_MS = 1500; //默认速度时间段1.5s
+
+    private ImageView                       mImageCancel;
+    private ImageView                       mImageSpeed;
+    private ImageView                       mImageRepeat;
+    private ImageView                       mImageReverse;
+    private CircleImageView                 mCircleImageCancelSelect;
+    private CircleImageView                 mCircleSpeedSelect;
+    private CircleImageView                 mCircleImageRepeatSelect;
+    private CircleImageView                 mCircleImageReverseSelect;
+    private TXVideoEditer                   mTXVideoEditer;
+    private long                            mCurrentEffectStartMs;
+    private int                             mCurrentEffect  = TimeEffect.NONE_EFFECT;
+    private int                             noTimeMotionGif = R.drawable.ugckit_motion_time_normal;
+    private int                             slowMotionGif   = R.drawable.ugckit_motion_time_slow;
+    private int                             repeatGif       = R.drawable.ugckit_motion_time_repeat;
+    private int                             reverseGif      = R.drawable.ugckit_motion_time_reverse;
+    private int                             coverIcon       = R.drawable.ugckit_ic_effect5;
+    private TimeLineView.OnTimeLineListener mListener;
+
+    // 倒放跟反复特效需要全I帧视频，这里为等到全I帧视频的状态
+    private boolean mIsProcessing = false; //是否正在转全I帧
+    private boolean mNeedReload = false; //是否需要重新加载全I帧视频
+    private View mRootView;
+    private View mProgressLayer;
+    private ProgressBar mProgressBar;
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.ugckit_fragment_time, container, false);
+    }
+
+    @Override
+    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        VideoEditerSDK wrapper = VideoEditerSDK.getInstance();
+        mTXVideoEditer = wrapper.getEditer();
+
+        initViews(view);
+        initEffect();
+    }
+
+    private void initEffect() {
+        mCurrentEffect = TCTimeViewInfoManager.getInstance().getCurrentEffect();
+        mCurrentEffectStartMs = TCTimeViewInfoManager.getInstance().getCurrentStartMs();
+
+        switch (mCurrentEffect) {
+            case TimeEffect.NONE_EFFECT:
+                showNoneLayout();
+                break;
+            case TimeEffect.SPEED_EFFECT:
+                if (mListener != null) {
+                    mListener.onAddSlider(TimeEffect.SPEED_EFFECT, mCurrentEffectStartMs);
+                }
+                mCircleSpeedSelect.setVisibility(View.VISIBLE);
+                break;
+            case TimeEffect.REPEAT_EFFECT:
+                if (mListener != null) {
+                    mListener.onAddSlider(TimeEffect.REPEAT_EFFECT, mCurrentEffectStartMs);
+                }
+                mCircleImageRepeatSelect.setVisibility(View.VISIBLE);
+                break;
+            case TimeEffect.REVERSE_EFFECT:
+                showReverseLayout();
+                break;
+        }
+    }
+
+    @Override
+    public void onDestroyView() {
+        super.onDestroyView();
+        TCTimeViewInfoManager.getInstance().setCurrentEffect(mCurrentEffect, mCurrentEffectStartMs);
+        VideoEditerSDK.getInstance().getEditer().setVideoProcessListener(null);
+    }
+
+    private void initViews(@NonNull View view) {
+        mRootView = view;
+        noTimeMotionGif = UIAttributeUtil.getResResources(getContext(), R.attr.editerTimeEffectNormalIcon, R.drawable.ugckit_motion_time_normal);
+        slowMotionGif = UIAttributeUtil.getResResources(getContext(), R.attr.editerTimeEffectSlowMotionIcon, R.drawable.ugckit_motion_time_slow);
+        repeatGif = UIAttributeUtil.getResResources(getContext(), R.attr.editerTimeEffectRepeatIcon, R.drawable.ugckit_motion_time_repeat);
+        reverseGif = UIAttributeUtil.getResResources(getContext(), R.attr.editerTimeEffectReverseIcon, R.drawable.ugckit_motion_time_reverse);
+
+        mCircleImageCancelSelect = (CircleImageView) view.findViewById(R.id.time_tv_cancel_select);
+        mImageCancel = (ImageView) view.findViewById(R.id.time_tv_cancel);
+        mImageCancel.setOnClickListener(this);
+        mCircleSpeedSelect = (CircleImageView) view.findViewById(R.id.time_tv_speed_select);
+        mImageSpeed = (ImageView) view.findViewById(R.id.time_tv_speed);
+        mImageSpeed.setOnClickListener(this);
+        mImageSpeed.setSelected(true);
+        mCircleImageRepeatSelect = (CircleImageView) view.findViewById(R.id.time_tv_repeat_select);
+        mImageRepeat = (ImageView) view.findViewById(R.id.time_tv_repeat);
+        mImageRepeat.setOnClickListener(this);
+        mCircleImageReverseSelect = (CircleImageView) view.findViewById(R.id.time_tv_reverse_select);
+        mImageReverse = (ImageView) view.findViewById(R.id.time_tv_reverse);
+        mImageReverse.setOnClickListener(this);
+
+        Glide.with(this).load(noTimeMotionGif).into(mImageCancel);
+        Glide.with(this).load(slowMotionGif).into(mImageSpeed);
+        Glide.with(this).load(repeatGif).into(mImageRepeat);
+        Glide.with(this).load(reverseGif).into(mImageReverse);
+
+        mCircleImageCancelSelect.setBackgroundResource(coverIcon);
+        mCircleSpeedSelect.setBackgroundResource(coverIcon);
+        mCircleImageRepeatSelect.setBackgroundResource(coverIcon);
+        mCircleImageReverseSelect.setBackgroundResource(coverIcon);
+
+        boolean quickImport = JumpActivityMgr.getInstance().isQuickImport();
+        RelativeLayout layoutRepeat = (RelativeLayout) view.findViewById(R.id.layout_repeat);
+        RelativeLayout layoutReverse = (RelativeLayout) view.findViewById(R.id.layout_reverse);
+        if (quickImport) {
+            layoutRepeat.setVisibility(View.GONE);
+            layoutReverse.setVisibility(View.GONE);
+        } else {
+            layoutRepeat.setVisibility(View.VISIBLE);
+            layoutReverse.setVisibility(View.VISIBLE);
+        }
+        checkPorgressLoadding();
+    }
+
+    private void initRepeatLayout() {
+        long currentTime = 0;
+        if (mListener != null) {
+            currentTime = mListener.getCurrentTime();
+            mListener.onAddSlider(TimeEffect.REPEAT_EFFECT, currentTime);
+        }
+        setRepeatList(currentTime);
+        PlayerManagerKit.getInstance().previewAtTime(currentTime);
+        mCurrentEffectStartMs = currentTime;
+
+        if (mListener != null) {
+            mListener.setCurrentTime(currentTime);
+        }
+    }
+
+    private void setRepeatList(long currentPts) {
+        List<TXVideoEditConstants.TXRepeat> repeatList = new ArrayList<>();
+        TXVideoEditConstants.TXRepeat repeat = new TXVideoEditConstants.TXRepeat();
+        repeat.startTime = currentPts;
+        repeat.endTime = currentPts + DEAULT_REPEAT_DURATION_MS;
+        repeat.repeatTimes = 3;
+        repeatList.add(repeat);
+        mTXVideoEditer.setRepeatPlay(repeatList);
+    }
+
+    private void initSpeedLayout() {
+        long currentTime = 0;
+        if (mListener != null) {
+            currentTime = mListener.getCurrentTime();
+            mListener.onAddSlider(TimeEffect.SPEED_EFFECT, currentTime);
+        }
+        setSpeed(currentTime);
+        PlayerManagerKit.getInstance().previewAtTime(currentTime);
+        mCurrentEffectStartMs = currentTime;
+
+        if (mListener != null) {
+            mListener.setCurrentTime(currentTime);
+        }
+    }
+
+    /**
+     * SDK拥有支持多段变速的功能。 在DEMO仅展示一段慢速播放
+     *
+     * @param startTime
+     */
+    private void setSpeed(long startTime) {
+        List<TXVideoEditConstants.TXSpeed> list = new ArrayList<>();
+        TXVideoEditConstants.TXSpeed speed1 = new TXVideoEditConstants.TXSpeed();
+        speed1.startTime = startTime;                                                    // 开始时间
+        speed1.endTime = startTime + 500;
+        speed1.speedLevel = TXVideoEditConstants.SPEED_LEVEL_SLOW;                       // 慢速
+        list.add(speed1);
+
+        TXVideoEditConstants.TXSpeed speed2 = new TXVideoEditConstants.TXSpeed();
+        speed2.startTime = startTime + 500;                                              // 开始时间
+        speed2.endTime = startTime + 1000;
+        speed2.speedLevel = TXVideoEditConstants.SPEED_LEVEL_SLOWEST;                    // 极慢速
+        list.add(speed2);
+
+        TXVideoEditConstants.TXSpeed speed3 = new TXVideoEditConstants.TXSpeed();
+        speed3.startTime = startTime + 1000;                                             // 开始时间
+        speed3.endTime = startTime + 1500;
+        speed3.speedLevel = TXVideoEditConstants.SPEED_LEVEL_SLOW;                       // 极速
+        list.add(speed3);
+
+        // 设入SDK
+        mTXVideoEditer.setSpeedList(list);
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.time_tv_cancel) {
+            if (mCurrentEffect == TimeEffect.NONE_EFFECT) {
+                return;
+            }
+            cancelSetEffect();
+            mCurrentEffect = TimeEffect.NONE_EFFECT;
+            cancleLoadding();
+            showNoneLayout();
+            PlayerManagerKit.getInstance().restartPlay();
+        } else if (i == R.id.time_tv_speed) {
+            if (mCurrentEffect == TimeEffect.SPEED_EFFECT) {
+                return;
+            }
+            cancelSetEffect();
+            mCurrentEffect = TimeEffect.SPEED_EFFECT;
+            cancleLoadding();
+            showSpeedLayout();
+            PlayerManagerKit.getInstance().restartPlay();
+        } else if (i == R.id.time_tv_reverse) {
+            // 当前处于倒放状态 无视
+            if (mCurrentEffect == TimeEffect.REVERSE_EFFECT) {
+                return;
+            }
+            cancelSetEffect();
+            mCurrentEffect = TimeEffect.REVERSE_EFFECT;
+            if (mIsProcessing) {
+                showReverseLayout();
+                showLoadding();
+                return;
+            }
+            showReverseLayout();
+            setReverse();
+        } else if (i == R.id.time_tv_repeat) {
+            if (mCurrentEffect == TimeEffect.REPEAT_EFFECT) {
+                return;
+            }
+            cancelSetEffect();
+            mCurrentEffect = TimeEffect.REPEAT_EFFECT;
+            if (mIsProcessing) {
+                showRepeatLayout();
+                showLoadding();
+                return;
+            }
+            showRepeatLayout();
+            setRepeat();
+        }
+    }
+
+    private void setRepeat() {
+        if (mNeedReload && mListener != null) {
+            mListener.onRefresh();
+            mNeedReload = false;
+        }
+        PlayerManagerKit.getInstance().restartPlay();
+    }
+
+    private void setReverse() {
+        mTXVideoEditer.setReverse(true);
+        VideoEditerSDK.getInstance().setReverse(true);
+        if (mNeedReload && mListener != null) {
+            mListener.onRefresh();
+            mNeedReload = false;
+        }
+        PlayerManagerKit.getInstance().restartPlay();
+    }
+
+    private boolean checkPorgressLoadding() {
+        if (mRootView == null) {
+            return false;
+        }
+        if (VideoEditerSDK.getInstance().getVideoSourcePath() != null
+                && VideoEditerSDK.getInstance().getVideoProcessPath() != null
+                && !VideoEditerSDK.getInstance().getVideoSourcePath()
+                .equals(VideoEditerSDK.getInstance().getVideoProcessPath())) {
+            mNeedReload = true;
+            mIsProcessing = true;
+            TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+            editer.setVideoProcessListener(processListener);
+            return true;
+        }
+        return false;
+    }
+
+
+    private void showLoadding(){
+        PlayerManagerKit.getInstance().stopPlay();
+        mProgressLayer = mRootView.findViewById(R.id.progressbar_layer);
+        mProgressLayer.setVisibility(View.VISIBLE);
+    }
+
+    private boolean cancleLoadding() {
+        if (mProgressLayer == null || mProgressLayer.getVisibility() == View.GONE) {
+            return false;
+        }
+        mProgressLayer.setVisibility(View.GONE);
+        return true;
+    }
+
+    // 转全I帧监听
+    TXVideoProcessListener processListener = new TXVideoProcessListener() {
+
+        @Override
+        public void onProcessProgress(float progress) {
+            if (mProgressLayer == null || mProgressLayer.getVisibility() == View.GONE) {
+                return;
+            }
+            if (mProgressBar == null) {
+                mProgressBar = mProgressLayer.findViewById(R.id.progressbar);
+            }
+            mProgressBar.setProgress((int) (progress * 100));
+        }
+
+        @Override
+        public void onProcessComplete(TXGenerateResult result) {
+            Log.i(TAG, "onProcessComplete: ");
+            TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+            if (editer == null) {
+                return;
+            }
+            editer.setVideoProcessListener(null);
+            //在倒放功能下就reload
+            if (cancleLoadding()) {
+                if (mCurrentEffect == TimeEffect.REVERSE_EFFECT) {
+                    setReverse();
+                } else if (mCurrentEffect == TimeEffect.REPEAT_EFFECT) {
+                    setRepeat();
+                }
+            }
+            mIsProcessing = false;
+        }
+    };
+
+
+    /**
+     * 取消设置了的时间特效
+     */
+    private void cancelSetEffect() {
+        switch (mCurrentEffect) {
+            case TimeEffect.SPEED_EFFECT:
+                cancelSpeedEffect();
+                break;
+            case TimeEffect.REPEAT_EFFECT:
+                cancelRepeatEffect();
+                break;
+            case TimeEffect.REVERSE_EFFECT:
+                cancelReverseEffect();
+                break;
+        }
+    }
+
+    private void cancelSpeedEffect() {
+        mTXVideoEditer.setSpeedList(null);
+    }
+
+    private void cancelRepeatEffect() {
+        mTXVideoEditer.setRepeatPlay(null);
+    }
+
+    private void cancelReverseEffect() {
+        mTXVideoEditer.setReverse(false);
+        VideoEditerSDK.getInstance().setReverse(false);
+    }
+
+    private void showNoneLayout() {
+        mImageCancel.setSelected(true);
+        mImageSpeed.setSelected(false);
+        mImageRepeat.setSelected(false);
+        mImageReverse.setSelected(false);
+
+        if (mListener != null) {
+            mListener.onRemoveSlider(TimeEffect.SPEED_EFFECT);
+            mListener.onRemoveSlider(TimeEffect.REPEAT_EFFECT);
+        }
+        mCircleImageCancelSelect.setVisibility(View.VISIBLE);
+        mCircleSpeedSelect.setVisibility(View.INVISIBLE);
+        mCircleImageRepeatSelect.setVisibility(View.INVISIBLE);
+        mCircleImageReverseSelect.setVisibility(View.INVISIBLE);
+    }
+
+    private void showSpeedLayout() {
+        initSpeedLayout();
+        mImageSpeed.setSelected(true);
+        mImageRepeat.setSelected(false);
+        mImageCancel.setSelected(false);
+        mImageReverse.setSelected(false);
+        if (mListener != null) {
+            mListener.onRemoveSlider(TimeEffect.REPEAT_EFFECT);
+        }
+        mCircleImageCancelSelect.setVisibility(View.INVISIBLE);
+        mCircleSpeedSelect.setVisibility(View.VISIBLE);
+        mCircleImageRepeatSelect.setVisibility(View.INVISIBLE);
+        mCircleImageReverseSelect.setVisibility(View.INVISIBLE);
+    }
+
+    private void showRepeatLayout() {
+        initRepeatLayout();
+        mImageCancel.setSelected(false);
+        mImageSpeed.setSelected(false);
+        mImageRepeat.setSelected(true);
+        mImageReverse.setSelected(false);
+        if (mListener != null) {
+            mListener.onRemoveSlider(TimeEffect.SPEED_EFFECT);
+        }
+        mCircleImageCancelSelect.setVisibility(View.INVISIBLE);
+        mCircleSpeedSelect.setVisibility(View.INVISIBLE);
+        mCircleImageRepeatSelect.setVisibility(View.VISIBLE);
+        mCircleImageReverseSelect.setVisibility(View.INVISIBLE);
+    }
+
+    private void showReverseLayout() {
+        mImageSpeed.setSelected(false);
+        mImageCancel.setSelected(false);
+        mImageRepeat.setSelected(false);
+        mImageReverse.setSelected(true);
+        if (mListener != null) {
+            mListener.onRemoveSlider(TimeEffect.REPEAT_EFFECT);
+            mListener.onRemoveSlider(TimeEffect.SPEED_EFFECT);
+        }
+        mCircleImageCancelSelect.setVisibility(View.INVISIBLE);
+        mCircleSpeedSelect.setVisibility(View.INVISIBLE);
+        mCircleImageRepeatSelect.setVisibility(View.INVISIBLE);
+        mCircleImageReverseSelect.setVisibility(View.VISIBLE);
+    }
+
+    public void setOnTimeLineListener(TimeLineView.OnTimeLineListener listener) {
+        mListener = listener;
+    }
+
+    public void onTimeChange(int type, long timeMs) {
+        switch (type) {
+            case TimeEffect.REPEAT_EFFECT:
+                if (mCurrentEffect != TimeEffect.REPEAT_EFFECT) {
+                    cancelSetEffect();
+                }
+                mCurrentEffect = TimeEffect.REPEAT_EFFECT;
+
+                setRepeatList(timeMs);
+
+                PlayerManagerKit.getInstance().previewAtTime(timeMs);
+                if (mListener != null) {
+                    mListener.setCurrentTime(timeMs);
+                }
+                mCurrentEffectStartMs = timeMs;
+                break;
+            case TimeEffect.SPEED_EFFECT:
+                if (mCurrentEffect != TimeEffect.SPEED_EFFECT) {
+                    cancelSetEffect();
+                }
+                mCurrentEffect = TimeEffect.SPEED_EFFECT;
+                setSpeed(timeMs);
+
+                PlayerManagerKit.getInstance().previewAtTime(timeMs);
+                if (mListener != null) {
+                    mListener.setCurrentTime(timeMs);
+                }
+                mCurrentEffectStartMs = timeMs;
+                break;
+        }
+
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCTimeViewInfoManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCTimeViewInfoManager.java
new file mode 100644
index 0000000..f06d777
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCTimeViewInfoManager.java
@@ -0,0 +1,37 @@
+package com.tencent.qcloud.ugckit.module.effect.time;
+
+public class TCTimeViewInfoManager {
+    private static TCTimeViewInfoManager sInstance;
+    private        int                   mEffect = TimeEffect.NONE_EFFECT;
+    private        long                  mCurrentStartMs;
+
+    public static TCTimeViewInfoManager getInstance() {
+        if (sInstance == null) {
+            synchronized (TCTimeViewInfoManager.class) {
+                if (sInstance == null) {
+                    sInstance = new TCTimeViewInfoManager();
+                }
+            }
+        }
+        return sInstance;
+    }
+
+    public void setCurrentEffect(int effect, long startMs) {
+        mEffect = effect;
+        mCurrentStartMs = startMs;
+    }
+
+    public int getCurrentEffect() {
+        return mEffect;
+    }
+
+    public long getCurrentStartMs() {
+        return mCurrentStartMs;
+    }
+
+    public void clearEffect() {
+        mEffect = TimeEffect.NONE_EFFECT;
+        mCurrentStartMs = 0;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCVideoEditerAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCVideoEditerAdapter.java
new file mode 100644
index 0000000..04ef9cc
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TCVideoEditerAdapter.java
@@ -0,0 +1,65 @@
+package com.tencent.qcloud.ugckit.module.effect.time;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+
+
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.ArrayList;
+
+public class TCVideoEditerAdapter extends RecyclerView.Adapter<TCVideoEditerAdapter.ViewHolder> {
+    private final Context           mContext;
+    @NonNull
+    private       ArrayList<Bitmap> data = new ArrayList<Bitmap>();
+
+    public TCVideoEditerAdapter(Context context) {
+        mContext = context;
+    }
+
+    @NonNull
+    @Override
+    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        int height = mContext.getResources().getDimensionPixelOffset(R.dimen.ugckit_item_thumb_height);
+        ImageView view = new ImageView(parent.getContext());
+        view.setLayoutParams(new ViewGroup.LayoutParams(height, height));
+        view.setScaleType(ImageView.ScaleType.CENTER_CROP);
+        return new ViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
+        holder.thumb.setImageBitmap(data.get(position));
+    }
+
+    @Override
+    public int getItemCount() {
+        return data.size();
+    }
+
+    public void add(int position, Bitmap b) {
+        data.add(b);
+        notifyItemInserted(position);
+    }
+
+    public void clearAllBitmap() {
+        data.clear();
+        notifyDataSetChanged();
+    }
+
+    public class ViewHolder extends RecyclerView.ViewHolder {
+        @NonNull
+        private final ImageView thumb;
+
+        public ViewHolder(@NonNull View itemView) {
+            super(itemView);
+            thumb = (ImageView) itemView;
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TimeEffect.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TimeEffect.java
new file mode 100644
index 0000000..724b526
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/time/TimeEffect.java
@@ -0,0 +1,11 @@
+package com.tencent.qcloud.ugckit.module.effect.time;
+
+/**
+ * 时间特效类型
+ */
+public class TimeEffect {
+    public static final int NONE_EFFECT    = -1;
+    public static final int SPEED_EFFECT   = 1;
+    public static final int REPEAT_EFFECT  = 2;
+    public static final int REVERSE_EFFECT = 3;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/transition/TCTransitionFragment.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/transition/TCTransitionFragment.java
new file mode 100644
index 0000000..0715a9a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/transition/TCTransitionFragment.java
@@ -0,0 +1,251 @@
+package com.tencent.qcloud.ugckit.module.effect.transition;
+
+import android.os.Bundle;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import com.bumptech.glide.Glide;
+import com.tencent.liteav.basic.enums.TXEVideoTransitionDef;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.timeline.ColorfulProgress;
+import com.tencent.qcloud.ugckit.component.timeline.VideoProgressController;
+import com.tencent.qcloud.ugckit.module.PlayerManagerKit;
+import com.tencent.qcloud.ugckit.module.effect.TimeLineView;
+import com.tencent.qcloud.ugckit.module.effect.TimelineViewUtil;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class TCTransitionFragment extends Fragment {
+    private static final String                  TAG            = "TCTransitionFragment";
+    private static final String                  GIF_URL_PREFIX = "https://liteav.sdk.qcloud.com/app/res/gif/ugc/transition/";
+    private              TXVideoEditer           mTXVideoEditer;
+    private              RecyclerView            mRecycler;
+    private              TransitionAdapter       mAdapter;
+    private              List<TransitionModel>   mModelList;
+    private              ColorfulProgress        mColorfulProgress;
+    private              VideoProgressController mVideoProgressController;
+    private              ImageView               mImageUndo;
+
+    @Nullable
+    @Override
+    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.ugckit_fragment_transition, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        VideoEditerSDK wrapper = VideoEditerSDK.getInstance();
+        mTXVideoEditer = wrapper.getEditer();
+    }
+
+    @Override
+    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
+        super.onActivityCreated(savedInstanceState);
+        TimeLineView timeLineView = TimelineViewUtil.getInstance().getTimeLineView();
+        if (timeLineView != null) {
+            mVideoProgressController = timeLineView.getVideoProgressController();
+        }
+        initData();
+        initViews(getView());
+    }
+
+    @Override
+    public void onHiddenChanged(boolean hidden) {
+        super.onHiddenChanged(hidden);
+        mColorfulProgress.setVisibility(hidden ? View.GONE : View.VISIBLE);
+    }
+
+    @Override
+    public void onDestroyView() {
+        List<ColorfulProgress.MarkInfo> markInfoList = mColorfulProgress.getMarkInfoList();
+        TCTransitionViewInfoManager.getInstance().setMarkInfoList(markInfoList);
+        super.onDestroyView();
+    }
+
+    private void initData() {
+        mModelList = new ArrayList<>();
+        TransitionModel modelNone = new TransitionModel(TXEVideoTransitionDef.NONE, R.string.trans_none, "none.gif");
+        modelNone.isSelected = true;
+        mModelList.add(modelNone);
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.DIRECTIONAL_RIGHT_TO_LEFT, R.string.trans_wipeLeft, "wipeLeft.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.DIRECTIONAL_LEFT_TO_RIGHT, R.string.trans_wipeRight, "wipeRight.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.DIRECTIONAL_BOTTOM_TO_TOP, R.string.trans_wipeUp, "wipeUp.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.DIRECTIONAL_TOP_TO_BOTTOM, R.string.trans_wipeDown, "wipeDown.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.FADE_COLOR, R.string.trans_fadecolor, "fadecolor.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.SIMPLE_ZOOM, R.string.trans_SimpleZoom, "SimpleZoom.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.LINEAR_BLUR, R.string.trans_LinearBlur, "LinearBlur.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.WATER_DROP, R.string.trans_WaterDrop, "WaterDrop.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.INVERTED_PAGE_CURL, R.string.trans_InvertedPageCurl, "InvertedPageCurl.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.GLITCH_MEMORIES, R.string.trans_GlitchMemories, "GlitchMemories.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.STEREO_VIEWER, R.string.trans_StereoViewer, "StereoViewer.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.DIRECTIONAL_WARP, R.string.trans_directionalwarp, "directionalwarp.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.BOUNCE, R.string.trans_Bounce, "Bounce.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.CIRCLE_CROP, R.string.trans_CircleCrop, "CircleCrop.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.SWIRL, R.string.trans_Swirl, "Swirl.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.CROSS_ZOOM, R.string.trans_CrossZoom, "CrossZoom.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.GRID_FLIP, R.string.trans_GridFlip, "GridFlip.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.MOSAIC, R.string.trans_Mosaic, "Mosaic.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.KALEIDO_SCOPE, R.string.trans_kaleidoscope, "kaleidoscope.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.HEXAGONALIZE, R.string.trans_hexagonalize, "hexagonalize.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.GLITCH_DISPLACE, R.string.trans_GlitchDisplace, "GlitchDisplace.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.DREAMY_ZOOM, R.string.trans_DreamyZoom, "DreamyZoom.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.BURN, R.string.trans_burn, "burn.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.CIRCLE, R.string.trans_circle, "circle.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.CROSS_WARP, R.string.trans_crosswarp, "crosswarp.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.CUBE, R.string.trans_cube, "cube.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.DOOR_WAY, R.string.trans_doorway, "doorway.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.FADE_GRAY_SCALE, R.string.trans_fadegrayscale, "fadegrayscale.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.FLY_EYE, R.string.trans_flyeye, "flyeye.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.PIXELIZE, R.string.trans_pixelize, "pixelize.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.SQUEEZE, R.string.trans_squeeze, "squeeze.gif"));
+        mModelList.add(new TransitionModel(TXEVideoTransitionDef.SWAP, R.string.trans_swap, "swap.gif"));
+    }
+
+    private void initViews(View view) {
+        mRecycler = (RecyclerView) view.findViewById(R.id.transition_recycler_view);
+        mRecycler.setLayoutManager(new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false));
+        mAdapter = new TransitionAdapter();
+        mAdapter.setData(mModelList);
+        mRecycler.setAdapter(mAdapter);
+
+        mColorfulProgress = new ColorfulProgress(getContext());
+        mColorfulProgress.setWidthHeight(mVideoProgressController.getThumbnailPicListDisplayWidth(), getResources().getDimensionPixelOffset(R.dimen.ugckit_video_progress_height));
+        mColorfulProgress.setMarkInfoList(TCTransitionViewInfoManager.getInstance().getMarkInfoList());
+        mVideoProgressController.addColorfulProgress(mColorfulProgress);
+
+        mImageUndo = (ImageView) view.findViewById(R.id.iv_undo);
+        mImageUndo.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                undoTransition();
+            }
+        });
+        updateUndoVisibility();
+    }
+
+    private void updateUndoVisibility() {
+        if (mColorfulProgress.getMarkListSize() > 0) {
+            mImageUndo.setVisibility(View.VISIBLE);
+        } else {
+            mImageUndo.setVisibility(View.GONE);
+        }
+    }
+
+    private void undoTransition() {
+        ColorfulProgress.MarkInfo markInfo = mColorfulProgress.deleteLastMark();
+        if (markInfo != null) {
+            mVideoProgressController.setCurrentTimeMs(markInfo.startTimeMs);
+            PlayerManagerKit.getInstance().previewAtTime(markInfo.startTimeMs);
+        }
+
+        mTXVideoEditer.deleteLastTransitionEffect();
+        updateUndoVisibility();
+    }
+
+    private class TransitionModel {
+        public int     type;
+        public String  name;
+        public String  gifUrl;
+        public boolean isSelected = false;
+
+        public TransitionModel(int type, int name, String gifName) {
+            this.type = type;
+            this.name = getResources().getString(name);
+            this.gifUrl = GIF_URL_PREFIX + gifName;
+        }
+    }
+
+    private class TransitionAdapter extends RecyclerView.Adapter<TransitionAdapter.TransitionViewHolder> {
+        private List<TransitionModel> modelList;
+
+        @Override
+        public TransitionViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
+            View view = View.inflate(parent.getContext(), R.layout.ugckit_item_transition, null);
+            return new TransitionViewHolder(view);
+        }
+
+        @Override
+        public void onBindViewHolder(TransitionViewHolder holder, int position) {
+            final TransitionModel model = modelList.get(position);
+            Glide.with(getContext()).load(model.gifUrl).into(holder.imageEffect);
+            holder.tvName.setText(model.name);
+            if (model.isSelected) {
+                holder.imageSelect.setVisibility(View.VISIBLE);
+            } else {
+                holder.imageSelect.setVisibility(View.INVISIBLE);
+            }
+            holder.imageEffect.setOnClickListener(new View.OnClickListener() {
+
+                @Override
+                public void onClick(View v) {
+                    boolean setResult = onEffectSelected(model);
+                    if (!setResult) {
+                        return;
+                    }
+                    for (TransitionModel tempModel : modelList) {
+                        if (tempModel.type != model.type) {
+                            tempModel.isSelected = false;
+                            continue;
+                        }
+                        tempModel.isSelected = true;
+                    }
+                    notifyDataSetChanged();
+                }
+
+            });
+        }
+
+        private boolean onEffectSelected(TransitionModel model) {
+            long startTime = mVideoProgressController.getCurrentTimeMs();
+            long transitionDuration = 1000;
+            long totalDuration = VideoEditerSDK.getInstance().getVideoDuration();
+            boolean setTransitionResult = mTXVideoEditer.setTransitionEffect(model.type, totalDuration, startTime, transitionDuration);
+            Log.d(TAG, "setTransitionResult=" + setTransitionResult);
+            if (setTransitionResult) {
+                mColorfulProgress.addMark(getResources().getColor(R.color.ugckit_transition_mark_color), transitionDuration);
+                mColorfulProgress.invalidate();
+                updateUndoVisibility();
+            } else {
+                ToastUtil.toastLongMessage(getResources().getString(R.string.trans_invalid_timestamp));
+            }
+            return setTransitionResult;
+        }
+
+        @Override
+        public int getItemCount() {
+            return modelList == null ? 0 : modelList.size();
+        }
+
+        public void setData(List<TransitionModel> mModelList) {
+            modelList = mModelList;
+        }
+
+        private class TransitionViewHolder extends RecyclerView.ViewHolder {
+            private ImageView imageEffect;
+            private ImageView imageSelect;
+            private TextView  tvName;
+
+            public TransitionViewHolder(View itemView) {
+                super(itemView);
+                imageEffect = (ImageView) itemView.findViewById(R.id.transition_image);
+                imageSelect = (ImageView) itemView.findViewById(R.id.transition_select);
+                tvName = (TextView) itemView.findViewById(R.id.transition_name);
+            }
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/transition/TCTransitionViewInfoManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/transition/TCTransitionViewInfoManager.java
new file mode 100644
index 0000000..b9554fb
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/transition/TCTransitionViewInfoManager.java
@@ -0,0 +1,35 @@
+package com.tencent.qcloud.ugckit.module.effect.transition;
+
+import com.tencent.qcloud.ugckit.component.timeline.ColorfulProgress;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class TCTransitionViewInfoManager {
+    private List<ColorfulProgress.MarkInfo> mMarkInfoList;
+
+    public static TCTransitionViewInfoManager getInstance() {
+        return Holder.instance;
+    }
+
+    private static class Holder {
+        private static TCTransitionViewInfoManager instance = new TCTransitionViewInfoManager();
+    }
+
+    private TCTransitionViewInfoManager() {
+        mMarkInfoList = new ArrayList<>();
+    }
+
+    public void setMarkInfoList(List<ColorfulProgress.MarkInfo> markInfoList) {
+        this.mMarkInfoList = markInfoList;
+    }
+
+    public List<ColorfulProgress.MarkInfo> getMarkInfoList() {
+        return mMarkInfoList;
+    }
+
+    public void clearMarkInfoList() {
+        this.mMarkInfoList.clear();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/DraftEditer.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/DraftEditer.java
new file mode 100644
index 0000000..1fd4986
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/DraftEditer.java
@@ -0,0 +1,137 @@
+package com.tencent.qcloud.ugckit.module.effect.utils;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.tencent.qcloud.ugckit.module.record.MusicInfo;
+
+/**
+ * 草稿箱保存【点击返回】
+ */
+public class DraftEditer {
+    private static DraftEditer sInstance;
+    @Nullable
+    private        String      bgmPath;
+    private        int         bgmPos;
+    private        float       bgmVolume;
+    private        float       videoVolume;
+    private        long        bgmStartTime;
+    private        long        bgmEndTime;
+    private        long        bgmDuration;
+    private        String      bgmName;
+
+    public static DraftEditer getInstance() {
+        if (sInstance == null) {
+            synchronized (DraftEditer.class) {
+                if (sInstance == null) {
+                    sInstance = new DraftEditer();
+                }
+            }
+        }
+        return sInstance;
+    }
+
+    private DraftEditer() {
+        bgmVolume = 0.5f;
+        videoVolume = 0.5f;
+    }
+
+    public String getBgmName() {
+        return bgmName;
+    }
+
+    public void setBgmName(String bgmName) {
+        this.bgmName = bgmName;
+    }
+
+    @Nullable
+    public String getBgmPath() {
+        return bgmPath;
+    }
+
+    public void setBgmPath(String bgmPath) {
+        this.bgmPath = bgmPath;
+    }
+
+    public int getBgmPos() {
+        return bgmPos;
+    }
+
+    public void setBgmPos(int bgmPos) {
+        this.bgmPos = bgmPos;
+    }
+
+    public float getBgmVolume() {
+        return bgmVolume;
+    }
+
+    public void setBgmVolume(float bgmVolume) {
+        this.bgmVolume = bgmVolume;
+    }
+
+    public float getVideoVolume() {
+        return videoVolume;
+    }
+
+    public void setVideoVolume(float videoVolume) {
+        this.videoVolume = videoVolume;
+    }
+
+    public long getBgmStartTime() {
+        return bgmStartTime;
+    }
+
+    public void setBgmStartTime(long bgmStartTime) {
+        this.bgmStartTime = bgmStartTime;
+    }
+
+    public long getBgmEndTime() {
+        return bgmEndTime;
+    }
+
+    public void setBgmEndTime(long bgmEndTime) {
+        this.bgmEndTime = bgmEndTime;
+    }
+
+    public long getBgmDuration() {
+        return bgmDuration;
+    }
+
+    public void setBgmDuration(long bgmDuration) {
+        this.bgmDuration = bgmDuration;
+    }
+
+    public void clear() {
+        this.bgmPath = null;
+        this.bgmPos = -1;
+        this.bgmVolume = 0f;
+        this.videoVolume = 1f;
+        this.bgmStartTime = -1;
+        this.bgmEndTime = -1;
+    }
+
+    @NonNull
+    public MusicInfo loadMusicInfo() {
+        MusicInfo musicInfo = new MusicInfo();
+        musicInfo.path = getBgmPath();
+        musicInfo.name = getBgmName();
+        musicInfo.position = getBgmPos();
+        musicInfo.videoVolume = getVideoVolume();
+        musicInfo.bgmVolume = getBgmVolume();
+        musicInfo.duration = getBgmDuration();
+        musicInfo.startTime = getBgmStartTime();
+        musicInfo.endTime = getBgmEndTime();
+        return musicInfo;
+    }
+
+    public void saveRecordMusicInfo(@NonNull MusicInfo musicInfo) {
+        setBgmPath(musicInfo.path);
+        setBgmName(musicInfo.name);
+        setBgmDuration(musicInfo.duration);
+        setBgmPos(musicInfo.position);
+        setBgmVolume(musicInfo.bgmVolume);
+        setVideoVolume(musicInfo.videoVolume);
+        setBgmStartTime(0);
+        setBgmEndTime(musicInfo.duration);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/Edit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/Edit.java
new file mode 100644
index 0000000..dc4a91f
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/Edit.java
@@ -0,0 +1,20 @@
+package com.tencent.qcloud.ugckit.module.effect.utils;
+
+public class Edit {
+
+    /**
+     * 视频裁剪片段选取改变监听
+     */
+    public interface OnCutChangeListener {
+        void onCutClick();
+
+        void onCutChangeKeyDown();
+
+        /**
+         * @param startTime
+         * @param endTime
+         * @param type      TCVideoEditerActivity#TYPE_CUT/ TYPE_REPEAT
+         */
+        void onCutChangeKeyUp(long startTime, long endTime, int type);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/EffectEditer.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/EffectEditer.java
new file mode 100644
index 0000000..1a51c05
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/EffectEditer.java
@@ -0,0 +1,111 @@
+package com.tencent.qcloud.ugckit.module.effect.utils;
+
+import androidx.annotation.Nullable;
+
+/**
+ * 生效的配置保存【点击完成】
+ */
+public class EffectEditer {
+
+    private static EffectEditer sInstance;
+    @Nullable
+    private        String       bgmPath;
+    private        int          bgmPos;
+    private        float        bgmVolume;
+    private        float        videoVolume;
+    private        long         bgmStartTime;
+    private        long         bgmEndTime;
+    private        long         bgmDuration;
+    private        String       bgmName;
+
+    public static EffectEditer getInstance() {
+        if (sInstance == null) {
+            synchronized (EffectEditer.class) {
+                if (sInstance == null) {
+                    sInstance = new EffectEditer();
+                }
+            }
+        }
+        return sInstance;
+    }
+
+    private EffectEditer() {
+        // 要给个默认值，否则第一次去bgm选择界面，但是不选择任何一个直接返回，会设置到编辑器里音量都为0。
+        bgmVolume = 0.5f;
+        videoVolume = 0.5f;
+    }
+
+    public String getBgmName() {
+        return bgmName;
+    }
+
+    public void setBgmName(String bgmName) {
+        this.bgmName = bgmName;
+    }
+
+    @Nullable
+    public String getBgmPath() {
+        return bgmPath;
+    }
+
+    public void setBgmPath(String bgmPath) {
+        this.bgmPath = bgmPath;
+    }
+
+    public int getBgmPos() {
+        return bgmPos;
+    }
+
+    public void setBgmPos(int bgmPos) {
+        this.bgmPos = bgmPos;
+    }
+
+    public float getBgmVolume() {
+        return bgmVolume;
+    }
+
+    public void setBgmVolume(float bgmVolume) {
+        this.bgmVolume = bgmVolume;
+    }
+
+    public float getVideoVolume() {
+        return videoVolume;
+    }
+
+    public void setVideoVolume(float videoVolume) {
+        this.videoVolume = videoVolume;
+    }
+
+    public long getBgmStartTime() {
+        return bgmStartTime;
+    }
+
+    public void setBgmStartTime(long bgmStartTime) {
+        this.bgmStartTime = bgmStartTime;
+    }
+
+    public long getBgmEndTime() {
+        return bgmEndTime;
+    }
+
+    public void setBgmEndTime(long bgmEndTime) {
+        this.bgmEndTime = bgmEndTime;
+    }
+
+    public long getBgmDuration() {
+        return bgmDuration;
+    }
+
+    public void setBgmDuration(long bgmDuration) {
+        this.bgmDuration = bgmDuration;
+    }
+
+    public void clear() {
+        this.bgmPath = null;
+        this.bgmPos = -1;
+        this.bgmVolume = 0f;
+        this.videoVolume = 1f;
+        this.bgmStartTime = -1;
+        this.bgmEndTime = -1;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/PlayState.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/PlayState.java
new file mode 100644
index 0000000..0cfc061
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/effect/utils/PlayState.java
@@ -0,0 +1,16 @@
+package com.tencent.qcloud.ugckit.module.effect.utils;
+
+public class PlayState {
+    public static final int STATE_NONE            = 0;
+    public static final int STATE_PLAY            = 1;
+    public static final int STATE_RESUME          = 2;
+    public static final int STATE_PAUSE           = 3;
+    public static final int STATE_STOP            = 4;
+    public static final int STATE_CANCEL          = 5;
+    public static final int STATE_PREVIEW_AT_TIME = 6;
+    public static final int STATE_CUT             = 7;
+    public static final int STATE_GENERATE        = 8;
+    public static final int STATE_TIME_EFFECT     = 9;
+
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/join/IVideoJoinKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/join/IVideoJoinKit.java
new file mode 100644
index 0000000..d3d2bea
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/join/IVideoJoinKit.java
@@ -0,0 +1,37 @@
+package com.tencent.qcloud.ugckit.module.join;
+
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+
+import java.util.ArrayList;
+
+public interface IVideoJoinKit {
+    /**
+     * 设置多个视频路径
+     *
+     * @param videoList
+     */
+    void setVideoJoinList(ArrayList<TCVideoFileInfo> videoList);
+
+    /**
+     * 设置视频合成监听器
+     *
+     * @param videoJoinListener
+     */
+    void setVideoJoinListener(OnVideoJoinListener videoJoinListener);
+
+
+    interface OnVideoJoinListener {
+        /**
+         * 视频合成取消
+         */
+        void onJoinCanceled();
+
+        /**
+         * 视频合成完成
+         *
+         * @param ugcKitResult
+         */
+        void onJoinCompleted(UGCKitResult ugcKitResult);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/AbsVideoTripleMixRecordUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/AbsVideoTripleMixRecordUI.java
new file mode 100644
index 0000000..8cb81f5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/AbsVideoTripleMixRecordUI.java
@@ -0,0 +1,125 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.RelativeLayout;
+
+import com.tencent.liteav.demo.beauty.constant.BeautyConstants;
+import com.tencent.liteav.demo.beauty.model.BeautyInfo;
+import com.tencent.liteav.demo.beauty.view.BeautyPanel;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.basic.ITitleBarLayout;
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+import com.tencent.qcloud.ugckit.module.record.ScrollFilterView;
+
+public abstract class AbsVideoTripleMixRecordUI extends RelativeLayout implements IVideoMixRecordKit {
+    private TitleBarLayout        mTitleBar;
+    private IPlayerView           mPlayerViews;
+    private ScrollFilterView      mScrollFilterView;
+    private MixRecordRightLayout  mFollowRecordRightLayout;
+    private MixRecordBottomLayout mMixRecordBottomLayout;
+    private BeautyPanel           mBeautyPannel;
+    private CountDownTimerView    mCountDownTimerView;
+
+    public AbsVideoTripleMixRecordUI(Context context) {
+        this(context, null);
+    }
+
+    public AbsVideoTripleMixRecordUI(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public AbsVideoTripleMixRecordUI(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews(attrs, defStyleAttr);
+    }
+
+    private void initViews(AttributeSet attrs, int defStyleAttr) {
+        inflate(getContext(), R.layout.ugckit_mix_record_view, this);
+
+        mTitleBar = (TitleBarLayout) findViewById(R.id.titleBar_layout);
+        mCountDownTimerView = (CountDownTimerView) findViewById(R.id.countdown_timer_view);
+        mFollowRecordRightLayout = (MixRecordRightLayout) findViewById(R.id.record_right_layout);
+        mMixRecordBottomLayout = (MixRecordBottomLayout) findViewById(R.id.record_bottom_layout);
+        mBeautyPannel = (BeautyPanel) findViewById(R.id.beauty_pannel);
+        mScrollFilterView = (ScrollFilterView) findViewById(R.id.scrollFilterView);
+        BeautyInfo defaultBeauty = mBeautyPannel.getDefaultBeautyInfo();
+        defaultBeauty.setBeautyBg(BeautyConstants.BEAUTY_BG_GRAY);
+        mBeautyPannel.setBeautyInfo(defaultBeauty);
+        mScrollFilterView.setBeautyPannel(mBeautyPannel);
+
+        mTitleBar.setVisible(true, ITitleBarLayout.POSITION.RIGHT);
+        mTitleBar.setTitle(getResources().getString(R.string.ugckit_triple_replace_file), ITitleBarLayout.POSITION.RIGHT);//
+
+        View playerviewHolder = (View) findViewById(R.id.mixrecord_playerview_placeholder);
+        int player_layout_id = R.layout.ugckit_mix_record_view;
+        if (attrs != null) {
+            TypedArray a = getContext().getTheme().obtainStyledAttributes(attrs, R.styleable.UGCKitMixRecord, 0, 0);
+            try {
+                player_layout_id = a.getResourceId(R.styleable.UGCKitMixRecord_layout_id, player_layout_id);
+            } finally {
+                a.recycle();
+            }
+        }
+        View playerViews = LayoutInflater.from(getContext()).inflate(player_layout_id, this, false);
+        playerViews.setId(R.id.ugckit_mixrecord_playerviews);
+        playerViews.setLayoutParams(playerviewHolder.getLayoutParams());
+        ViewGroup parent = ((ViewGroup) playerviewHolder.getParent());
+        int controllerIndex = parent.indexOfChild(playerviewHolder);
+        parent.removeView(playerviewHolder);
+        parent.addView(playerViews, controllerIndex);
+        mPlayerViews = (IPlayerView) playerViews;
+    }
+
+    public TitleBarLayout getTitleBar() {
+        return mTitleBar;
+    }
+
+    public IPlayerView getPlayViews() {
+        return mPlayerViews;
+    }
+
+    public ScrollFilterView getScrollFilterView() {
+        return mScrollFilterView;
+    }
+
+    /**
+     * 获取录制底部工具栏
+     */
+    public MixRecordBottomLayout getFollowRecordBottomLayout() {
+        return mMixRecordBottomLayout;
+    }
+
+    /**
+     * 获取合唱右侧工具栏
+     */
+    public MixRecordRightLayout getFollowRecordRightLayout() {
+        return mFollowRecordRightLayout;
+    }
+
+    /**
+     * 获取"美颜"面板
+     */
+    public BeautyPanel getBeautyPanel() {
+        return mBeautyPannel;
+    }
+
+    public CountDownTimerView getCountDownTimerView() {
+        return mCountDownTimerView;
+    }
+
+    @Override
+    public void disableCountDownTimer() {
+        mFollowRecordRightLayout.disableCountDownTimer();
+        mCountDownTimerView.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void disableBeauty() {
+        mFollowRecordRightLayout.disableBeauty();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/CountDownTimerView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/CountDownTimerView.java
new file mode 100644
index 0000000..d58d5ee
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/CountDownTimerView.java
@@ -0,0 +1,155 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.animation.Animator;
+import android.animation.AnimatorSet;
+import android.animation.ObjectAnimator;
+import android.content.Context;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+import android.view.animation.AccelerateInterpolator;
+import android.view.animation.DecelerateInterpolator;
+import android.view.animation.LinearInterpolator;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+/**
+ * 倒计时动画View
+ */
+public class CountDownTimerView extends RelativeLayout implements ICountDownTimerView {
+    public static int DEFAULT_COUNTDOWN_NUMBER = 3;
+
+    private TextView           mTextNumber;
+    private ICountDownListener mListener;
+    private boolean            mAnimationStart;
+
+    public CountDownTimerView(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public CountDownTimerView(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public CountDownTimerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_countdown_view, this);
+
+        mTextNumber = (TextView) findViewById(R.id.tv_number);
+    }
+
+    @Override
+    public void setOnCountDownListener(ICountDownListener listener) {
+        mListener = listener;
+    }
+
+    /**
+     * 播放倒计时动画
+     *
+     * @param num
+     */
+    public void countDownAnimation(final int num) {
+        if (num <= 0) {
+            mAnimationStart = false;
+            mTextNumber.setVisibility(GONE);
+
+            if (mListener != null) {
+                mListener.onCountDownComplete();
+            }
+            return;
+        }
+        mAnimationStart = true;
+        mTextNumber.setVisibility(View.VISIBLE);
+        mTextNumber.setText(Integer.toString(num));
+
+        ObjectAnimator animatorX = ObjectAnimator.ofFloat(mTextNumber, "scaleX", 0, 1.1f);
+        ObjectAnimator animatorY = ObjectAnimator.ofFloat(mTextNumber, "scaleY", 0, 1.1f);
+
+        ObjectAnimator animatorX2 = ObjectAnimator.ofFloat(mTextNumber, "scaleX", 1.1f, 1);
+        ObjectAnimator animatorY2 = ObjectAnimator.ofFloat(mTextNumber, "scaleY", 1.1f, 1);
+
+        ObjectAnimator animatorX3 = ObjectAnimator.ofFloat(mTextNumber, "scaleX", 1, 1);
+        ObjectAnimator animatorY3 = ObjectAnimator.ofFloat(mTextNumber, "scaleY", 1, 1);
+
+        ObjectAnimator animatorX4 = ObjectAnimator.ofFloat(mTextNumber, "scaleX", 1, 0);
+        ObjectAnimator animatorY4 = ObjectAnimator.ofFloat(mTextNumber, "scaleY", 1, 0);
+
+
+        AnimatorSet animatorSet1 = new AnimatorSet();
+        animatorSet1.play(animatorX).with(animatorY);
+        animatorSet1.setDuration(100);
+        animatorSet1.setInterpolator(new AccelerateInterpolator());
+
+        AnimatorSet animatorSet2 = new AnimatorSet();
+        animatorSet2.play(animatorX2).with(animatorY2);
+        animatorSet2.setDuration(100);
+        animatorSet2.setInterpolator(new DecelerateInterpolator());
+
+        AnimatorSet animatorSet3 = new AnimatorSet();
+        animatorSet3.play(animatorX3).with(animatorY3);
+        animatorSet3.setDuration(500);
+        animatorSet3.setInterpolator(new LinearInterpolator());
+
+        AnimatorSet animatorSet4 = new AnimatorSet();
+        animatorSet4.play(animatorX4).with(animatorY4);
+        animatorSet4.setDuration(300);
+        animatorSet4.setInterpolator(new LinearInterpolator());
+
+        AnimatorSet animatorSet = new AnimatorSet();
+
+        animatorSet.play(animatorSet1);
+        animatorSet.play(animatorSet2).after(animatorSet1);
+        animatorSet.play(animatorSet3).after(animatorSet2);
+        animatorSet.play(animatorSet4).after(animatorSet3);
+
+        animatorSet.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                if (mAnimationStart) {
+                    countDownAnimation(num - 1);
+                }
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        animatorSet.start();
+    }
+
+    @Override
+    public void setCountDownTextColor(int color) {
+        mTextNumber.setTextColor(getResources().getColor(color));
+    }
+
+    @Override
+    public void setCountDownNumber(int number) {
+        DEFAULT_COUNTDOWN_NUMBER = number;
+    }
+
+    @Override
+    public void cancelDownAnimation() {
+        DEFAULT_COUNTDOWN_NUMBER = 3;
+        mAnimationStart = false;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/FollowRecordPlayerViews.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/FollowRecordPlayerViews.java
new file mode 100644
index 0000000..46a401c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/FollowRecordPlayerViews.java
@@ -0,0 +1,168 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.content.Context;
+import android.media.AudioManager;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.widget.LinearLayout;
+
+import com.tencent.liteav.audio.TXCAudioUGCRecorder;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.record.UGCKitRecordConfig;
+import com.tencent.qcloud.ugckit.utils.ScreenUtils;
+import com.tencent.rtmp.ui.TXCloudVideoView;
+import com.tencent.ugc.TXVideoEditConstants;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class FollowRecordPlayerViews extends LinearLayout implements IPlayerView {
+    private final static String TAG = "FollowRecordPlayerViews";
+    private MixRecordPlayerView mLeftView;
+    private MixRecordPlayerView mRightView;
+
+    public FollowRecordPlayerViews(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public FollowRecordPlayerViews(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public FollowRecordPlayerViews(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_follow_record_player_view_inner, this);
+        mLeftView = (MixRecordPlayerView) findViewById(R.id.left);
+        mRightView = (MixRecordPlayerView) findViewById(R.id.right);
+        int widthPixels = ScreenUtils.getScreenWidth(getContext());
+        int heightPixels = ScreenUtils.getScreenHeight(getContext());
+
+        int viewWidth = widthPixels / 2;
+        int viewHeight = heightPixels;
+        int paddingTop = (heightPixels - widthPixels * 8 / 9) / 2;
+        int paddingBottom = paddingTop;
+        mLeftView.setPadding(0, paddingTop, 0, paddingBottom);
+        mRightView.setPadding(0, paddingTop, 0, paddingBottom);
+    }
+
+    @Override
+    public boolean init(int index, String videoPath) {
+        if (index == 0) {
+            mLeftView.init(0, null);
+        } else {
+            mRightView.init(1, videoPath);
+            mRightView.setMute(false);
+
+            setPlayoutVolumeIfNeed();
+        }
+        return true;
+    }
+
+    @Override
+    public boolean startVideo() {
+        boolean rst = mRightView.startVideo();
+        mRightView.setMute(false);
+        return rst;
+    }
+
+    @Override
+    public void stopVideo() {
+        mRightView.stopVideo();
+    }
+
+    @Override
+    public void pauseVideo() {
+        mRightView.pauseVideo();
+    }
+
+    @Override
+    public void seekVideo(long position) {
+        mRightView.seekVideo(position);
+    }
+
+    @Override
+    public void releaseVideo() {
+        mRightView.releaseVideo();
+    }
+
+    @Override
+    public TXCloudVideoView getVideoView() {
+        return mLeftView.getVideoView();
+    }
+
+    @Override
+    public void updateFile(int index, String videoPath) {
+        mRightView.updateFile(index, videoPath);
+        mRightView.setMute(false);
+    }
+
+    @Override
+    public List<TXVideoEditConstants.TXAbsoluteRect> getCombineRects(MixRecordConfig config) {
+        List<TXVideoEditConstants.TXAbsoluteRect> rects = new ArrayList<>();
+        TXVideoEditConstants.TXAbsoluteRect rect1 = new TXVideoEditConstants.TXAbsoluteRect();
+        int w = config.getWidth() / 2;
+        rect1.x = 0;
+        rect1.y = 0;
+        rect1.width = w;
+        rect1.height = config.getHeight();
+
+        TXVideoEditConstants.TXAbsoluteRect rect2 = new TXVideoEditConstants.TXAbsoluteRect();
+        rect2.x = rect1.width;
+        rect2.y = 0;
+        rect2.width = w;
+        rect2.height = config.getHeight();
+
+        rects.add(rect1);
+        rects.add(rect2);
+        return rects;
+    }
+
+    @Override
+    public float getContinuePosition() {
+        return 0;
+    }
+
+    @Override
+    public void setContinuePosition(float position) {
+
+    }
+	
+	  /**
+     * 视频合唱，在开启器外放场景下，设置一个系统60%的外放音量，保证合唱时消除效果
+     */
+    private void setPlayoutVolumeIfNeed() {
+        if (TXCAudioUGCRecorder.getInstance().getIsMute()) {
+            Log.d(TAG, "TXCAudioUGCRecorder mIsMute is true");
+            return;
+        }
+
+        Context appContext = getContext().getApplicationContext();
+        AudioManager audioManager = (AudioManager) appContext.getSystemService(Context.AUDIO_SERVICE);
+        if (audioManager.isWiredHeadsetOn() || audioManager.isBluetoothA2dpOn()) {
+            Log.d(TAG, "headset in on");
+            return;
+        }
+
+        int maxVolume = audioManager.getStreamMaxVolume(AudioManager.STREAM_MUSIC);
+        int targetVolume = (int) (maxVolume * UGCKitRecordConfig.getInstance().mPlayoutVolumePercentForUGC);
+        targetVolume = Math.min(maxVolume, targetVolume);
+        int currentVolume = audioManager.getStreamVolume(AudioManager.STREAM_MUSIC);
+        if (currentVolume <= targetVolume) {
+            return;
+        }
+
+        try {
+            Log.d(TAG, "setStreamVolume, targetVolume=" + targetVolume + ", maxVolume=" + maxVolume);
+            audioManager.setStreamVolume(AudioManager.STREAM_MUSIC, targetVolume, AudioManager.FLAG_PLAY_SOUND);
+        } catch (Exception e) {
+            Log.w(TAG, "setStreamVolume eorror=" + Log.getStackTraceString(e));
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/ICountDownTimerView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/ICountDownTimerView.java
new file mode 100644
index 0000000..46bdc7d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/ICountDownTimerView.java
@@ -0,0 +1,45 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import androidx.annotation.ColorRes;
+
+/**
+ * 定制化倒计时View
+ */
+public interface ICountDownTimerView {
+    /**
+     * 播放倒计时动画
+     *
+     * @param num
+     */
+    void countDownAnimation(int num);
+
+    /**
+     * 设置倒计时动画执行完成监听器
+     *
+     * @param listener
+     */
+    void setOnCountDownListener(ICountDownListener listener);
+
+    interface ICountDownListener {
+        /**
+         * 倒计时动画执行完成
+         */
+        void onCountDownComplete();
+    }
+
+    /**
+     * 设置倒计时动画文字颜色
+     */
+    void setCountDownTextColor(@ColorRes int color);
+
+    /**
+     * 设置从数字几开始倒计时
+     */
+    void setCountDownNumber(int number);
+
+    /**
+     * 取消倒计时动画
+     */
+    void cancelDownAnimation();
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IMixRecordJoinListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IMixRecordJoinListener.java
new file mode 100644
index 0000000..6a6c3d5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IMixRecordJoinListener.java
@@ -0,0 +1,9 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+public interface IMixRecordJoinListener {
+
+    void onChorusProgress(float progress);
+
+    void onChorusCompleted(String outputPath, boolean success);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IMixRecordRightLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IMixRecordRightLayout.java
new file mode 100644
index 0000000..1c2f95d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IMixRecordRightLayout.java
@@ -0,0 +1,67 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+
+/**
+ * 定制化合唱右侧工具栏
+ */
+public interface IMixRecordRightLayout {
+
+    /**
+     * 设置合唱右侧工具栏点击事件
+     *
+     * @param listener
+     */
+    void setOnItemClickListener(OnItemClickListener listener);
+
+    interface OnItemClickListener {
+        /**
+         * 显示美颜面板
+         */
+        void onShowBeautyPanel();
+
+        /**
+         * 显示倒计时动画
+         */
+        void countDownTimer();
+    }
+
+    /************************************************************************/
+    /*****                    定制化"美颜图标"                             *****/
+    /************************************************************************/
+
+    /**
+     * 美颜图标ResId：<pre>R.drawable.icon_beauty</pre>
+     */
+    void setBeautyIconResource(@DrawableRes int resid);
+
+    /**
+     * 美颜图标文字大小
+     */
+    void setBeautyTextSize(int beautyFontSize);
+
+    /**
+     * 美颜图标文字颜色
+     */
+    void setBeautyTextColor(@ColorRes int color);
+
+    /************************************************************************/
+    /*****                    定制化"倒计时图标"                            *****/
+    /************************************************************************/
+
+    /**
+     * 倒计时图标ResId：<pre>R.drawable.icon_beauty</pre>
+     */
+    void setCountDownIconResource(@DrawableRes int resid);
+
+    /**
+     * 倒计时图标文字大小
+     */
+    void setCountDownTextSize(int size);
+
+    /**
+     * 倒计时图标文字颜色
+     */
+    void setCountDownTextColor(@ColorRes int color);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IPlayerView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IPlayerView.java
new file mode 100644
index 0000000..fc689fa
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IPlayerView.java
@@ -0,0 +1,40 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import com.tencent.rtmp.ui.TXCloudVideoView;
+import com.tencent.ugc.TXVideoEditConstants;
+
+import java.util.List;
+
+public interface IPlayerView {
+    boolean init(int index, String videoPath);
+
+    boolean startVideo();
+
+    void stopVideo();
+
+    void pauseVideo();
+
+    void seekVideo(long timeMs);
+
+    void releaseVideo();
+
+    TXCloudVideoView getVideoView();
+
+    void updateFile(int index, String videoPath);
+
+    List<TXVideoEditConstants.TXAbsoluteRect> getCombineRects(MixRecordConfig config);
+
+    /**
+     * 获取上次记录的视频的播放位置
+     *
+     * @return
+     */
+    float getContinuePosition();
+
+    /**
+     * 设置下次播放视频的位置
+     *
+     * @param position 保存的视频播放位置
+     */
+    void setContinuePosition(float position);
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IVideoMixRecordKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IVideoMixRecordKit.java
new file mode 100644
index 0000000..03abad0
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/IVideoMixRecordKit.java
@@ -0,0 +1,194 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+
+import java.util.List;
+
+/**
+ * 腾讯云短视频UGCKit({@code IVideoMixRecordKit}):视频合唱。
+ * 视频合唱分为左右两个预览界面，左侧为视频录制界面，右侧为视频跟拍界面。<br>
+ * 当右侧跟拍视频开始播放时，左侧同时开始进行视频录制，生成一个画面左右拼接的合唱视频<br>
+ * <p>
+ * 您可以通过UGCKit很简单搭建使用视频合唱功能，也可以定制视频合唱的功能和UI
+ * <p>
+ * 如下演示了UGCKit视频合唱模块简单用法：<br>
+ * 1、在xml中设置
+ * <pre>
+ * {@code
+ * <com.tencent.qcloud.xiaoshipin.uikit.module.chorus.VideoChorus
+ *         android:id="@+id/video_chorus"
+ *         android:layout_width="match_parent"
+ *         android:layout_height="match_parent" />
+ * }</pre>
+ * <p>
+ * 2、在Activity中设置
+ * <pre>
+ *     &#064;Override
+ *     protected void onCreate(Bundle savedInstanceState) {
+ *         super.onCreate(savedInstanceState);
+ *         setContentView(R.layout.activity_video_chorus);
+ *
+ *         mUGCKitVideoFollowRecord = (UGCKitVideoMixRecord) findViewById(R.id.video_chorus);
+ *
+ *         List<String> paths = new ArrayList<>();
+ *         paths.add(mFollowShotVideoPath);
+ *         mUGCKitVideoFollowRecord.setMixRecordInfo(paths,0,720*2,1280,TXRecordCommon.VIDEO_ASPECT_RATIO_9_16);
+ *         mUGCKitVideoFollowRecord.getTitleBar().setOnBackClickListener(new View.OnClickListener() {
+ *             @Override
+ *             public void onClick(View v) {
+ *                 finish();
+ *             }
+ *         });
+ *         mUGCKitVideoFollowRecord.setOnMixRecordListener(new IVideoMixRecordKit.OnMixRecordListener() {
+ *             @Override
+ *             public void onMixRecordCanceled() {
+ *                 finish();
+ *             }
+ *
+ *             @Override
+ *             public void onMixRecordCompleted(UGCKitResult ugcKitResult) {
+ *                 startEditActivity();
+ *             }
+ *
+ *             @Override
+ *             public void onMixRecordAction(IVideoMixRecordKit.MixRecordActionT actionT, Object object) {
+ *                 if(actionT== IVideoMixRecordKit.MixRecordActionT.MIX_RECORD_ACTION_T_SELECT){
+ *                     MixRecordActionData data =(MixRecordActionData)object;
+ *                     Intent intent = new Intent(TCVideoFollowRecordActivity.this, TCTripleRecordVideoPickerActivity.class);
+ *                     startActivityForResult(intent,REQUEST_CODE);
+ *                 }
+ *             }
+ *         });
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onStart() {
+ *         super.onStart();
+ *         mVideoChorus.start();
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onStop() {
+ *         super.onStop();
+ *         mVideoChorus.stop();
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onDestroy() {
+ *         super.onDestroy();
+ *         mVideoChorus.release();
+ *     }
+ * </pre>
+ * <p>
+ * UGCKit视频合唱模块的生命周期方法<br>
+ * 1、当Activity执行生命周期方法{@code onStart()}时，UGCKit需要执行{@link #start()}初始化合唱配置，打开合唱预览界面，
+ * 其中包括 左边"录制的摄像头预览界面"和右侧"跟拍视频的播放界面"<br>
+ * 2、当Activity执行生命周期方法{@code onStop()}时，UGCKit需要执行{@link #stop()}暂停合唱功能，包括关闭视频录制预览界面，暂停视频录制；停止播放跟拍视频<br>
+ * 3、当Activity执行生命周期方法{@code onDestroy()}时，UGCKit视频录制需要执行{@link #release()}来释放资源<br>
+ * 4、当您开启Activity 的界面旋转后，Activity执行生命周期方法{@code onConfigurationChanged()}时，UGCKit需要执行{@link #screenOrientationChange()}来更改屏幕预览方向<br>
+ * 5、当Activity执行 {@code stopPlay()} 时，UGCKit需要执行{@link #backPressed()} 退出视频合唱，返回上一界面
+ * <p>
+ * 视频合唱功能定制化<br>
+ * 1、禁用倒计时开始录制功能{@link #disableCountDownTimer()}<br>
+ * <p>
+ * 视频合唱UI定制化<br>
+ * 1、定制化"美颜图标" {@link IMixRecordRightLayout}  <br>
+ * 2、定制化"倒计时图标" {@link IMixRecordRightLayout} <br>
+ * 3、定制化"倒计时"动画View {@link ICountDownTimerView}
+ * <p>
+ * 视频合唱相关文档
+ * <a href="https://cloud.tencent.com/document/product/584/18373">视频合唱(Android)</a>
+ */
+public interface IVideoMixRecordKit {
+    /**
+     * 当Activity执行生命周期方法{@code onStart()}时，UGCKit需要执行{@link #start()}来完成如下功能<br>
+     * 1、初始化合唱配置<br>
+     * 2、打开合唱预览界面，其中包括 左边"录制的摄像头预览界面"和右侧"跟拍视频的播放界面"
+     */
+    void start();
+
+    /**
+     * 当Activity执行生命周期方法{@code onStop()}时，UGCKit需要执行{@link #stop()}来完成如下功能<br>
+     * 暂停合唱功能，其中包括<br/>
+     * 左侧<br/>
+     * 1、关闭视频录制预览界面<br/>
+     * 2、暂停视频录制<br/>
+     * 右侧<br/>
+     * 1、停止播放跟拍视频
+     * <br/>
+     */
+    void stop();
+
+    /**
+     * 当Activity执行生命周期方法{@code onDestroy()}时，UGCKit需要执行{@link #release()}来释放资源<br>
+     */
+    void release();
+
+    /**
+     * 当Activity执行生命周期方法{@code onConfigurationChanged()}时，UGCKit需要执行{@link #screenOrientationChange()}来更改屏幕预览方向<br>
+     */
+    void screenOrientationChange();
+
+    /**
+     * 退出合唱，返回上一界面
+     */
+    void backPressed();
+
+    /**
+     * 设置视频信息
+     *
+     * @param videoPaths
+     */
+    void setMixRecordInfo(MixRecordConfigBuildInfo buildInfo);
+
+    /**
+     * 设置合唱的监听器
+     */
+    void setOnMixRecordListener(OnMixRecordListener listener);
+
+    void updateMixFile(int index, String filePath);
+
+    interface OnMixRecordListener {
+        /**
+         * 生成视频取消
+         */
+        void onMixRecordCanceled();
+
+        /**
+         * 生成视频完成
+         *
+         * @param
+         */
+        void onMixRecordCompleted(UGCKitResult ugcKitResult);
+
+        void onMixRecordAction(MixRecordActionT actionT, Object object);
+    }
+
+    enum MixRecordActionT {
+        MIX_RECORD_ACTION_T_SELECT
+    }
+    /************************************************************************/
+    /*****                     功能定制化                                 *****/
+    /************************************************************************/
+
+    /**
+     * 禁用倒计时开始录制功能<br>
+     * 不显示倒计时Icon和倒计时动画View{@link ICountDownTimerView}
+     */
+    void disableCountDownTimer();
+
+    /**
+     * 禁用美颜功能
+     */
+    void disableBeauty();
+
+    /**
+     * 视频合唱完是否进行视频特效处理
+     *
+     * @param enable {@code true} 进行视频特效编辑<br>
+     *               {@code false} 直接输出合唱完视频<br>
+     *               默认为true
+     */
+    void setEditVideoFlag(boolean enable);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordActionData.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordActionData.java
new file mode 100644
index 0000000..6ec5605
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordActionData.java
@@ -0,0 +1,6 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+public class MixRecordActionData {
+    public int    mIndex;
+    public String mFilePath;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordBottomLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordBottomLayout.java
new file mode 100644
index 0000000..ad031b3
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordBottomLayout.java
@@ -0,0 +1,237 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.app.Activity;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.module.record.RecordButton;
+import com.tencent.qcloud.ugckit.module.record.RecordModeView;
+import com.tencent.qcloud.ugckit.module.record.RecordProgressView;
+import com.tencent.qcloud.ugckit.module.record.VideoRecordSDK;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.ugc.TXUGCRecord;
+
+import java.util.Locale;
+
+public class MixRecordBottomLayout extends RelativeLayout implements View.OnClickListener {
+    private Activity                            mActivity;
+    private ImageView                           mImageCameraSwitch;
+    private TextView                            mTextProgressTime;
+    private ImageView                           mImageDeleteLastPart;
+    private ImageView                           mImageTorch;
+    private RecordProgressView                  mRecordProgressView;
+    private RecordButton                        mRecordButton;
+    private RecordModeView                      mRecordModeView;
+    private View                                mRecordModeDot;
+    private RecordButton.OnRecordButtonListener mOnRecordButtonListener;
+    private boolean                             mFrontCameraFlag = true;        // 是否前置摄像头UI判断
+    private boolean                             mIsTorchOpenFlag;               // 是否打开闪光灯UI判断
+    private boolean                             mIsSelectDeleteLastPartFlag;    // 是否点击一次过"删除最有一段分段视频"按钮
+
+    public MixRecordBottomLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public MixRecordBottomLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public MixRecordBottomLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_chorus_bottom_layout, this);
+
+        mTextProgressTime = (TextView) findViewById(R.id.record_progress_time);
+        mTextProgressTime.setText(0.0f + getResources().getString(R.string.ugckit_unit_second));
+
+        mImageDeleteLastPart = (ImageView) findViewById(R.id.iv_delete_last_part);
+        mImageDeleteLastPart.setOnClickListener(this);
+
+        mImageTorch = (ImageView) findViewById(R.id.iv_torch);
+        mImageTorch.setOnClickListener(this);
+
+        mImageCameraSwitch = (ImageView) findViewById(R.id.iv_switch_camera);
+        mImageCameraSwitch.setOnClickListener(this);
+
+        if (mFrontCameraFlag) {
+            mImageTorch.setVisibility(View.GONE);
+            mImageTorch.setImageResource(R.drawable.ugckit_torch_disable);
+        } else {
+            mImageTorch.setImageResource(R.drawable.ugckit_selector_torch_close);
+            mImageTorch.setVisibility(View.VISIBLE);
+        }
+
+        mRecordProgressView = (RecordProgressView) findViewById(R.id.record_progress_view);
+
+        mRecordButton = (RecordButton) findViewById(R.id.record_button);
+        mRecordModeView = (RecordModeView) findViewById(R.id.record_mode_view);
+        mRecordModeDot = findViewById(R.id.record_mode_dot);
+
+        // 合唱模式：禁用拍照，仅支持"单击拍"和"按住拍"
+        mRecordModeView.disableTakePhoto();
+        // 根据不同的拍摄模式，更新拍摄按钮
+        mRecordModeView.setOnRecordModeListener(new RecordModeView.OnRecordModeListener() {
+            @Override
+            public void onRecordModeSelect(int currentMode) {
+                mRecordButton.setCurrentRecordMode(currentMode);
+            }
+        });
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        int id = view.getId();
+        if (id == R.id.iv_delete_last_part) {
+            deleteLastPart();
+        } else if (id == R.id.iv_torch) {
+            toggleTorch();
+        } else if (id == R.id.iv_switch_camera) {
+            switchCamera();
+        }
+    }
+
+
+    /**
+     * 切换前后摄像头
+     */
+    private void switchCamera() {
+        mFrontCameraFlag = !mFrontCameraFlag;
+        mIsTorchOpenFlag = false;
+        if (mFrontCameraFlag) {
+            mImageTorch.setVisibility(View.GONE);
+            mImageTorch.setImageResource(R.drawable.ugckit_torch_disable);
+        } else {
+            mImageTorch.setImageResource(R.drawable.ugckit_selector_torch_close);
+            mImageTorch.setVisibility(View.VISIBLE);
+        }
+        VideoRecordSDK.getInstance().switchCamera(mFrontCameraFlag);
+    }
+
+    /**
+     * 切换闪光灯开/关
+     */
+    private void toggleTorch() {
+        if (mIsTorchOpenFlag) {
+            mImageTorch.setImageResource(R.drawable.ugckit_selector_torch_close);
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                record.toggleTorch(false);
+            }
+        } else {
+            mImageTorch.setImageResource(R.drawable.ugckit_selector_torch_open);
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                record.toggleTorch(true);
+            }
+        }
+        mIsTorchOpenFlag = !mIsTorchOpenFlag;
+    }
+
+    /**
+     * 设置闪光灯的状态为关闭
+     */
+    public void closeTorch() {
+        if (mIsTorchOpenFlag) {
+            mIsTorchOpenFlag = false;
+            if (mFrontCameraFlag) {
+                mImageTorch.setVisibility(View.GONE);
+                mImageTorch.setImageResource(R.drawable.ugckit_torch_disable);
+            } else {
+                mImageTorch.setImageResource(R.drawable.ugckit_selector_torch_close);
+                mImageTorch.setVisibility(View.VISIBLE);
+            }
+        }
+    }
+
+    /**
+     * 删除上一段
+     */
+    private void deleteLastPart() {
+        int size = VideoRecordSDK.getInstance().getPartManager().getPartsPathList().size();
+
+        if (size == 0) {// 没有任何分段视频，返回
+            return;
+        }
+        if (!mIsSelectDeleteLastPartFlag) {
+            mIsSelectDeleteLastPartFlag = true;
+            // 选中最后一段视频，更新进度条颜色
+            mRecordProgressView.selectLast();
+        } else {
+            mIsSelectDeleteLastPartFlag = false;
+            // 删除最后一段视频，更新进度条颜色
+            mRecordProgressView.deleteLast();
+
+            VideoRecordSDK.getInstance().deleteLastPart();
+            long duration = VideoRecordSDK.getInstance().getPartManager().getDuration();
+            float timeSecond = duration / 1000f;
+            mTextProgressTime.setText(String.format(Locale.CHINA, "%.1f", timeSecond) + getResources().getString(R.string.ugckit_unit_second));
+            if (mOnRecordButtonListener != null) {
+                mOnRecordButtonListener.onDeleteParts(VideoRecordSDK.getInstance().getPartManager().getPartsPathList().size(), duration);
+            }
+        }
+    }
+
+    public void setOnRecordButtonListener(RecordButton.OnRecordButtonListener listener) {
+        mRecordButton.setOnRecordButtonListener(listener);
+        mOnRecordButtonListener = listener;
+    }
+
+    public void disableFunction() {
+        mImageDeleteLastPart.setVisibility(View.INVISIBLE);
+        mImageCameraSwitch.setVisibility(View.INVISIBLE);
+        mImageTorch.setVisibility(View.INVISIBLE);
+        mRecordModeView.setVisibility(View.INVISIBLE);
+        mRecordModeDot.setVisibility(View.INVISIBLE);
+    }
+
+    public void enableFunction() {
+        mImageDeleteLastPart.setVisibility(View.VISIBLE);
+        mImageCameraSwitch.setVisibility(View.VISIBLE);
+        mImageTorch.setVisibility(View.VISIBLE);
+        mRecordModeView.setVisibility(View.VISIBLE);
+        mRecordModeDot.setVisibility(View.VISIBLE);
+    }
+
+    /**
+     * 初始化最大/最小视频录制时长
+     */
+    public void setDuration(int minDuration, int maxDuration) {
+        mRecordProgressView.setMaxDuration(maxDuration);
+        mRecordProgressView.setMinDuration(minDuration);
+    }
+
+    /**
+     * 更新录制进度Progress
+     *
+     * @param milliSecond
+     */
+    public void updateProgress(long milliSecond) {
+        mRecordProgressView.setProgress((int) milliSecond);
+        float second = milliSecond / 1000f;
+        mTextProgressTime.setText(String.format(Locale.CHINA, "%.1f", second) + getResources().getString(R.string.ugckit_unit_second));
+    }
+
+    public RecordProgressView getRecordProgressView() {
+        return mRecordProgressView;
+    }
+
+    public RecordButton getRecordButton() {
+        return mRecordButton;
+    }
+
+    public RecordModeView getRecordModeView() {
+        return mRecordModeView;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordConfig.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordConfig.java
new file mode 100644
index 0000000..ad85c47
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordConfig.java
@@ -0,0 +1,129 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import com.tencent.qcloud.ugckit.module.record.UGCKitRecordConfig;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoInfoReader;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class MixRecordConfig extends UGCKitRecordConfig {
+
+    private String           mRecordPath;           // 视频录制的路径
+    private long             mDuration;            // 跟拍视频的时长
+    private int              mFps;                 // 跟拍视频的视频帧率
+    private int              mRecordIndex;         // 录制视频序号
+    private int              mWidth;
+    private int              mHeight;
+    private List<String>     mPlayPath;  // 跟拍视频的路径
+    private ArrayList<Float> mVolumes;
+
+    public MixRecordConfig() {
+    }
+
+    public void setInfo(List<String> videoPaths, int recordIndex, int width, int height, int recordAspect) {
+        mPlayPath = new ArrayList<>();
+        mDuration = Integer.MAX_VALUE;
+        mFPS = Integer.MAX_VALUE;
+        float ratio = Float.MAX_VALUE;
+        for (int i = 0; i < videoPaths.size(); i++) {
+            String path = videoPaths.get(i);
+            TXVideoEditConstants.TXVideoInfo info = TXVideoInfoReader.getInstance().getVideoFileInfo(path);
+            mPlayPath.add(path);
+            if (info.fps < mFps) {
+                mFps = (int) info.fps;
+            }
+            if (info.duration < mDuration) {
+                mDuration = info.duration;
+            }
+//            if(ratio > (info.width*1.0f/info.height)){
+//                mWidth = info.width;
+//                mHeight = info.height;
+//                ratio = (info.width*1.0f/info.height);
+//            }
+        }
+        mRecordIndex = recordIndex;
+        mMaxDuration = (int) mDuration;
+        mFPS = mFps;
+        mWidth = width;
+        mHeight = height;
+        mAspectRatio = recordAspect;//TXRecordCommon.VIDEO_ASPECT_RATIO_16_9
+        mVolumes = new ArrayList<>(videoPaths.size() + 1);
+        for (int j = 0; j < videoPaths.size() + 1; j++) {
+            mVolumes.add(1.0f);
+        }
+    }
+
+    public void setVolume(int index, float volume) {
+        mVolumes.set(index, volume);
+    }
+
+    public ArrayList<Float> getVolumes() {
+        return mVolumes;
+    }
+
+    public void updateInfo(int index, String path) {
+        if (index < 0) {
+            List<String> paths = new ArrayList<>();
+            for (int i = 0; i < mPlayPath.size(); i++) {
+                paths.add(path);
+            }
+            setInfo(paths, mRecordIndex, mWidth, mHeight, mAspectRatio);
+            return;
+        }
+        if (index > mPlayPath.size()) {
+            return;
+        }
+        if (index >= mRecordIndex) {
+            index -= 1;
+        }
+        TXVideoEditConstants.TXVideoInfo info = TXVideoInfoReader.getInstance().getVideoFileInfo(path);
+        mPlayPath.set(index, path);
+        if (info.fps < mFps) {
+            mFps = (int) info.fps;
+        }
+        if (info.duration < mDuration) {
+            mDuration = info.duration;
+        }
+        mMaxDuration = (int) mDuration;
+        mFPS = mFps;
+//        if((mWidth*1.0/mHeight) > (info.width*1.0f/info.height)  ){
+//            mWidth = info.width;
+//            mHeight = info.height;
+//        }
+    }
+
+
+    public void setRecordPath(String path) {
+        mRecordPath = path;
+    }
+
+    public String getRecordPath() {
+        return mRecordPath;
+    }
+
+    public List<String> getPaths() {
+        List<String> paths = new ArrayList<>();
+        for (int i = 0; i < mPlayPath.size(); i++) {
+            paths.add(mPlayPath.get(i));
+        }
+        paths.add(mRecordIndex, mRecordPath);
+        return paths;
+    }
+
+    public int getFps() {
+        return mFps;
+    }
+
+    public long getDuration() {
+        return mDuration;
+    }
+
+    public int getWidth() {
+        return mWidth;//
+    }
+
+    public int getHeight() {
+        return mHeight;
+    } //
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordConfigBuildInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordConfigBuildInfo.java
new file mode 100644
index 0000000..279aa6b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordConfigBuildInfo.java
@@ -0,0 +1,55 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import com.tencent.liteav.audio.TXEAudioDef;
+import java.util.List;
+
+public class MixRecordConfigBuildInfo {
+    private List<String> videoPaths;
+    private int          recordIndex;
+    private int          width;
+    private int          height;
+    private int          recordRatio;
+    private boolean      isMute;
+    private int          aecType;
+    public List<String> getVideoPaths() {
+        return videoPaths;
+    }
+
+    public int getRecordIndex() {
+        return recordIndex;
+    }
+
+    public int getWidth() {
+        return width;
+    }
+
+    public int getHeight() {
+        return height;
+    }
+
+    public int getRecordRatio() {
+        return recordRatio;
+    }
+
+    public boolean isMute() {
+        return isMute;
+    }
+
+    public int getAecType() {
+        return aecType;
+    }
+    public MixRecordConfigBuildInfo(List<String> videoPaths, int recordIndex, int width, int height, int recordRatio,
+         boolean isMute, int aecType) {
+        this.videoPaths = videoPaths;
+        this.recordIndex = recordIndex;
+        this.width = width;
+        this.height = height;
+        this.recordRatio = recordRatio;
+        this.isMute = isMute;
+        this.aecType = aecType;
+    }
+
+    public MixRecordConfigBuildInfo(List<String> videoPaths, int recordIndex, int width, int height, int recordRatio) {
+        this(videoPaths, recordIndex, width, height, recordRatio, true, TXEAudioDef.TXE_AEC_NONE);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordJoiner.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordJoiner.java
new file mode 100644
index 0000000..f8c9221
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordJoiner.java
@@ -0,0 +1,68 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.content.Context;
+import android.text.TextUtils;
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoJoiner;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class MixRecordJoiner implements TXVideoJoiner.TXVideoJoinerListener {
+    private Context                mContext;
+    private TXVideoJoiner          mVideoJoiner;
+    private IMixRecordJoinListener mListener;
+    private String                 mOutputPath;
+
+    public MixRecordJoiner(Context mContext) {
+        this.mContext = mContext.getApplicationContext();
+        this.mVideoJoiner = new TXVideoJoiner(this.mContext);
+        mVideoJoiner.setVideoJoinerListener(this);
+    }
+
+    public void setmListener(IMixRecordJoinListener mListener) {
+        this.mListener = mListener;
+    }
+
+    @Override
+    public void onJoinProgress(float progress) {
+        if (mListener != null) {
+            mListener.onChorusProgress(progress);
+        }
+    }
+
+    @Override
+    public void onJoinComplete(TXVideoEditConstants.TXJoinerResult result) {
+        if (result.retCode != TXVideoEditConstants.JOIN_RESULT_OK) {
+            ToastUtil.toastShortMessage(TextUtils.isEmpty(result.descMsg) ? mContext.getResources().getString(R.string.ugckit_video_record_activity_on_join_complete_synthesis_failed)
+                    : result.descMsg);
+        }
+        if (mListener != null) {
+            mListener.onChorusCompleted(mOutputPath, result.retCode == TXVideoEditConstants.JOIN_RESULT_OK);
+        }
+    }
+
+    public void joinVideo(JoinerParams params) {
+        mOutputPath = params.mVideoOutputPath;
+        mVideoJoiner.setVideoPathList(params.videoSourceList);
+        mVideoJoiner.setSplitScreenList(params.mRects, params.mCavasWith, params.mCavasHeight);
+        mVideoJoiner.setVideoVolumes(params.mVolumes);
+        mVideoJoiner.splitJoinVideo(TXVideoEditConstants.VIDEO_COMPRESSED_540P, params.mVideoOutputPath);
+    }
+
+    public void setRecordPath(String recordPath) {
+        mVideoJoiner.setRecordPath(recordPath);
+    }
+
+    public static class JoinerParams {
+        public List<TXVideoEditConstants.TXAbsoluteRect> mRects;
+        public int                                       mCavasWith;
+        public int                                       mCavasHeight;
+        public String                                    mVideoOutputPath;
+        public List<String>                              videoSourceList;
+        public ArrayList<Float>                          mVolumes;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordPlayerView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordPlayerView.java
new file mode 100644
index 0000000..05de49c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordPlayerView.java
@@ -0,0 +1,250 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.animation.Animator;
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.media.MediaMetadataRetriever;
+import android.os.Bundle;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+
+import com.tencent.cos.xml.utils.StringUtils;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.rtmp.ITXVodPlayListener;
+import com.tencent.rtmp.TXLiveConstants;
+import com.tencent.rtmp.TXVodPlayConfig;
+import com.tencent.rtmp.TXVodPlayer;
+import com.tencent.rtmp.ui.TXCloudVideoView;
+import com.tencent.ugc.TXVideoEditConstants;
+
+import java.util.List;
+
+import static android.media.MediaMetadataRetriever.OPTION_CLOSEST_SYNC;
+import static com.tencent.rtmp.TXLiveConstants.PLAY_EVT_PLAY_BEGIN;
+import static com.tencent.rtmp.TXLiveConstants.PLAY_EVT_PLAY_END;
+import static com.tencent.rtmp.TXLiveConstants.PLAY_EVT_PLAY_PROGRESS;
+
+public class MixRecordPlayerView extends RelativeLayout implements ITXVodPlayListener, IPlayerView {
+    private static final String TAG = "MixRecordPlayerView";
+
+    private TXVodPlayer      mVodPlayer;
+    private TXCloudVideoView mCloudView;
+    private ImageView        mCoverimg;
+    private PlayerState      mPlayerState      = PlayerState.STATE_UNINIT;
+    private String           mVideoPath;
+    private int              mIndex            = -1;
+    private float            mContinuePosition = -1;
+
+    public MixRecordPlayerView(Context context) {
+        this(context, null);
+    }
+
+    public MixRecordPlayerView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initView();
+    }
+
+    public MixRecordPlayerView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initView();
+    }
+
+    private void initView() {
+        inflate(getContext(), R.layout.ugckit_mix_record_player_view, this);
+        mCloudView = (TXCloudVideoView) findViewById(R.id.mix_player_view);
+        mCoverimg = (ImageView) findViewById(R.id.cover);
+    }
+
+    @Override
+    public void onPlayEvent(TXVodPlayer player, int event, Bundle param) {
+        if (event != PLAY_EVT_PLAY_PROGRESS) {
+            Log.i(TAG, "onPlayEvent: " + event);
+            if (event == PLAY_EVT_PLAY_END) {
+            } else if (event == PLAY_EVT_PLAY_BEGIN) {
+            }
+        } else {
+            Log.d(TAG, "onPlayEvent: PLAY_EVT_PLAY_PROGRESS " + param.toString());
+        }
+    }
+
+    @Override
+    public void onNetStatus(TXVodPlayer player, Bundle status) {
+
+    }
+
+    @Override
+    public TXCloudVideoView getVideoView() {
+        return mCloudView;
+    }
+
+    @Override
+    public void updateFile(int index, String videoPath) {
+        if (mVodPlayer != null) {
+            mVodPlayer.stopPlay(true);
+            mVideoPath = videoPath;
+            initInner();
+        }
+    }
+
+    @Override
+    public List<TXVideoEditConstants.TXAbsoluteRect> getCombineRects(MixRecordConfig config) {
+        return null;
+    }
+
+    @Override
+    public float getContinuePosition() {
+        return mContinuePosition;
+    }
+
+    @Override
+    public void setContinuePosition(float position) {
+        mContinuePosition = position;
+    }
+
+    public void setMute(boolean mute) {
+        if (mVodPlayer != null) {
+            mVodPlayer.setMute(mute);
+        }
+    }
+
+    private void initInner() {
+        mVodPlayer = new TXVodPlayer(getContext().getApplicationContext());
+        mVodPlayer.setRenderRotation(TXLiveConstants.RENDER_ROTATION_PORTRAIT);
+        mVodPlayer.setRenderMode(TXLiveConstants.RENDER_MODE_FULL_FILL_SCREEN);
+        mVodPlayer.setVodListener(this);
+        TXVodPlayConfig config = new TXVodPlayConfig();
+        mVodPlayer.setConfig(config);
+        mVodPlayer.setAutoPlay(false);
+        mVodPlayer.setPlayerView(mCloudView);
+        if (mIndex != 0) {
+            mVodPlayer.setMute(true);
+        }
+        mPlayerState = PlayerState.STATE_INITED;
+        MediaMetadataRetriever retriever = new MediaMetadataRetriever();
+        retriever.setDataSource(mVideoPath);
+        Bitmap bitmap = retriever.getFrameAtTime(0, OPTION_CLOSEST_SYNC);
+        mCoverimg.setImageBitmap(bitmap);
+        mCoverimg.setVisibility(VISIBLE);
+    }
+
+    @Override
+    public boolean init(int index, String videoPath) {
+        if (StringUtils.isEmpty(videoPath)) {
+            mIndex = index;
+            mCoverimg.setVisibility(GONE);
+            return true;
+        }
+        mIndex = index;
+        mVideoPath = videoPath;
+        initInner();
+        return true;
+    }
+
+    private void hideCover() {
+        if (mCoverimg.getVisibility() == VISIBLE) {
+            mCoverimg.animate().alpha(0).setDuration(100).setListener(new Animator.AnimatorListener() {
+                @Override
+                public void onAnimationStart(Animator animation) {
+
+                }
+
+                @Override
+                public void onAnimationEnd(Animator animation) {
+                    mCoverimg.setVisibility(GONE);
+                    mCoverimg.setAlpha(1.0f);
+                }
+
+                @Override
+                public void onAnimationCancel(Animator animation) {
+
+                }
+
+                @Override
+                public void onAnimationRepeat(Animator animation) {
+
+                }
+            }).start();
+        }
+    }
+
+    @Override
+    public boolean startVideo() {
+        if (mVodPlayer == null) {
+            return false;
+        }
+        if (mPlayerState == PlayerState.STATE_PAUSED) {
+            hideCover();
+            mVodPlayer.resume();
+            if (mContinuePosition != -1) {
+                seekVideo((long) (mContinuePosition * 1000));
+                mContinuePosition = -1;
+            }
+            mPlayerState = PlayerState.STATE_PLAYING;
+            return true;
+        }
+        if (mPlayerState == PlayerState.STATE_PLAYING) {
+            hideCover();
+            mVodPlayer.resume();
+            if (mContinuePosition != -1) {
+                seekVideo((long) (mContinuePosition * 1000));
+                mContinuePosition = -1;
+            }
+            return true;
+        }
+        if (mPlayerState == PlayerState.STATE_STOPED) {
+            initInner();
+        }
+        int result = mVodPlayer.startPlay(mVideoPath); // result返回值：0 success;  -1 empty url; -2 invalid url; -3 invalid playType;
+        if (result != 0) {
+            return false;
+        }
+        mPlayerState = PlayerState.STATE_PLAYING;
+        return true;
+    }
+
+    @Override
+    public void stopVideo() {
+        if (mVodPlayer != null) {//&& mPlayerState != PlayerState.STATE_PLAYING
+            mVodPlayer.setVodListener(null);
+            mContinuePosition = mVodPlayer.getCurrentPlaybackTime();
+            mVodPlayer.stopPlay(false);
+            mPlayerState = PlayerState.STATE_STOPED;
+        }
+    }
+
+    @Override
+    public void pauseVideo() {
+        if (mVodPlayer != null) {
+            mVodPlayer.pause();
+            if (mPlayerState != PlayerState.STATE_STOPED) {
+                mPlayerState = PlayerState.STATE_PAUSED;
+            }
+        }
+    }
+
+    @Override
+    public void seekVideo(long position) {
+        if (mVodPlayer != null) {
+            mVodPlayer.seek(position / 1000.0f);
+        }
+    }
+
+    @Override
+    public void releaseVideo() {
+        Log.i(TAG, "releaseVideo");
+        if (mVodPlayer != null && mPlayerState != PlayerState.STATE_STOPED) {
+            mVodPlayer.stopPlay(true);
+            mPlayerState = PlayerState.STATE_STOPED;
+        }
+    }
+
+    enum PlayerState {
+        STATE_UNINIT,
+        STATE_INITED,
+        STATE_PLAYING,
+        STATE_PAUSED,
+        STATE_STOPED;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordRightLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordRightLayout.java
new file mode 100644
index 0000000..86a6fb3
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/MixRecordRightLayout.java
@@ -0,0 +1,108 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.app.Activity;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+public class MixRecordRightLayout extends RelativeLayout implements View.OnClickListener, IMixRecordRightLayout {
+    private Activity            mActivity;
+    private ImageView           mImageBeauty;       // 美颜
+    private TextView            mTextBeauty;
+    private RelativeLayout      mLayoutBeauty;
+    private ImageView           mImageCountDown;    // 倒计时
+    private TextView            mTextCountDown;
+    private RelativeLayout      mLayoutCountdown;
+    private OnItemClickListener mOnItemClickListener;
+
+    public MixRecordRightLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public MixRecordRightLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public MixRecordRightLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_chorus_right_layout, this);
+
+        mLayoutBeauty = (RelativeLayout) findViewById(R.id.layout_beauty);
+        mImageBeauty = (ImageView) findViewById(R.id.iv_beauty);
+        mTextBeauty = (TextView) findViewById(R.id.tv_beauty);
+        mImageBeauty.setOnClickListener(this);
+
+        mLayoutCountdown = (RelativeLayout) findViewById(R.id.layout_countdown);
+        mImageCountDown = (ImageView) findViewById(R.id.iv_countdown);
+        mTextCountDown = (TextView) findViewById(R.id.tv_countdown);
+        mImageCountDown.setOnClickListener(this);
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        int id = view.getId();
+        if (id == R.id.iv_beauty) {
+            mOnItemClickListener.onShowBeautyPanel();
+        } else if (id == R.id.iv_countdown) {
+            mOnItemClickListener.countDownTimer();
+        }
+    }
+
+    @Override
+    public void setOnItemClickListener(OnItemClickListener listener) {
+        mOnItemClickListener = listener;
+    }
+
+    public void disableCountDownTimer() {
+        mLayoutCountdown.setVisibility(View.GONE);
+    }
+
+    public void disableBeauty() {
+        mLayoutBeauty.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void setBeautyIconResource(int resid) {
+        mImageBeauty.setImageResource(resid);
+    }
+
+    @Override
+    public void setBeautyTextSize(int size) {
+        mTextBeauty.setTextSize(size);
+    }
+
+    @Override
+    public void setBeautyTextColor(int color) {
+        mTextBeauty.setTextColor(getResources().getColor(color));
+    }
+
+    @Override
+    public void setCountDownIconResource(int resid) {
+        mImageCountDown.setImageResource(resid);
+    }
+
+    @Override
+    public void setCountDownTextSize(int size) {
+        mTextCountDown.setTextSize(size);
+    }
+
+    @Override
+    public void setCountDownTextColor(int color) {
+        mTextCountDown.setTextColor(getResources().getColor(color));
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/TripleRecordPlayerViews.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/TripleRecordPlayerViews.java
new file mode 100644
index 0000000..ddc8d83
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/mixrecord/TripleRecordPlayerViews.java
@@ -0,0 +1,141 @@
+package com.tencent.qcloud.ugckit.module.mixrecord;
+
+import android.content.Context;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.widget.LinearLayout;
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.rtmp.ui.TXCloudVideoView;
+import com.tencent.ugc.TXVideoEditConstants;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class TripleRecordPlayerViews extends LinearLayout implements IPlayerView {
+    private MixRecordPlayerView mTopView;
+    private MixRecordPlayerView mMiddleView;
+    private MixRecordPlayerView mBottomView;
+    private float               mContinuePosition = -1;
+
+    public TripleRecordPlayerViews(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public TripleRecordPlayerViews(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public TripleRecordPlayerViews(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_triple_record_player_view_inner, this);
+        mTopView = (MixRecordPlayerView) findViewById(R.id.triple_first);
+        mMiddleView = (MixRecordPlayerView) findViewById(R.id.triple_second);
+        mBottomView = (MixRecordPlayerView) findViewById(R.id.triple_third);
+    }
+
+    @Override
+    public boolean init(int index, String videoPath) {
+        if (index == 0) {
+            mTopView.init(0, videoPath);
+        } else if (index == 1) {
+            mMiddleView.init(1, null);
+        } else {
+            mBottomView.init(2, videoPath);
+        }
+        return true;
+    }
+
+    @Override
+    public boolean startVideo() {
+        mTopView.startVideo();
+        mBottomView.startVideo();
+        return false;
+    }
+
+    @Override
+    public void stopVideo() {
+        mTopView.stopVideo();
+        mBottomView.stopVideo();
+        //停止播放后，使用顶部视频播放保存的播放位置做为合唱视频记录的基准，保证下次播放顶部和底部的视频同步播放
+        mContinuePosition = mTopView.getContinuePosition();
+        mTopView.setContinuePosition(mContinuePosition);
+        mBottomView.setContinuePosition(mContinuePosition);
+    }
+
+    @Override
+    public void pauseVideo() {
+        mTopView.pauseVideo();
+        mBottomView.pauseVideo();
+    }
+
+    @Override
+    public void seekVideo(long position) {
+        mTopView.seekVideo(position);
+        mBottomView.seekVideo(position);
+    }
+
+    @Override
+    public void releaseVideo() {
+        mTopView.releaseVideo();
+        mBottomView.releaseVideo();
+    }
+
+    @Override
+    public TXCloudVideoView getVideoView() {
+        return mMiddleView.getVideoView();
+    }
+
+    @Override
+    public void updateFile(int index, String videoPath) {
+        mTopView.updateFile(index, videoPath);
+        mBottomView.updateFile(index, videoPath);
+    }
+
+    @Override
+    public List<TXVideoEditConstants.TXAbsoluteRect> getCombineRects(MixRecordConfig config) {
+        List<TXVideoEditConstants.TXAbsoluteRect> rects = new ArrayList<>();
+        TXVideoEditConstants.TXAbsoluteRect rect1 = new TXVideoEditConstants.TXAbsoluteRect();
+        int h = config.getHeight() / 3;
+        rect1.x = 0;
+        rect1.y = 0;
+        rect1.width = config.getWidth();
+        rect1.height = h;
+
+        TXVideoEditConstants.TXAbsoluteRect rect2 = new TXVideoEditConstants.TXAbsoluteRect();
+        rect2.x = 0;
+        rect2.y = h;
+        rect2.width = config.getWidth();
+        rect2.height = h;
+
+        TXVideoEditConstants.TXAbsoluteRect rect3 = new TXVideoEditConstants.TXAbsoluteRect();
+        rect3.x = 0;
+        rect3.y = h * 2;
+        rect3.width = config.getWidth();
+        rect3.height = h;
+
+        rects.add(rect1);
+        rects.add(rect2);
+        rects.add(rect3);
+
+        config.setVolume(0, 0.0f);
+        config.setVolume(1, 0.0f);
+        return rects;
+    }
+
+    @Override
+    public float getContinuePosition() {
+        return mContinuePosition;
+    }
+
+    @Override
+    public void setContinuePosition(float position) {
+        mContinuePosition = position;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/ItemView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/ItemView.java
new file mode 100644
index 0000000..55aeccc
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/ItemView.java
@@ -0,0 +1,11 @@
+package com.tencent.qcloud.ugckit.module.picker.data;
+
+public class ItemView {
+    public interface OnDeleteListener {
+        void onDelete(int position);
+    }
+
+    public interface OnAddListener {
+        void onAdd(TCVideoFileInfo fileInfo);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/PickerManagerKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/PickerManagerKit.java
new file mode 100644
index 0000000..202a1a0
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/PickerManagerKit.java
@@ -0,0 +1,107 @@
+package com.tencent.qcloud.ugckit.module.picker.data;
+
+import android.content.ContentResolver;
+import android.content.ContentUris;
+import android.content.Context;
+import android.database.Cursor;
+import android.net.Uri;
+import android.provider.MediaStore;
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+
+import java.io.File;
+import java.util.ArrayList;
+
+public class PickerManagerKit {
+    private static final String TAG = "PickerManagerKit";
+
+    private static PickerManagerKit sInstance;
+    private final  Context          mContext;
+    private final  ContentResolver  mContentResolver;
+    private final  Uri              mUri = MediaStore.Video.Media.EXTERNAL_CONTENT_URI;
+
+    public static PickerManagerKit getInstance(@NonNull Context context) {
+        if (sInstance == null)
+            sInstance = new PickerManagerKit(context);
+        return sInstance;
+    }
+
+    private PickerManagerKit(@NonNull Context context) {
+        mContext = context.getApplicationContext();
+        mContentResolver = context.getApplicationContext().getContentResolver();
+    }
+
+    @NonNull
+    public ArrayList<TCVideoFileInfo> getAllVideo() {
+        ArrayList<TCVideoFileInfo> videos = new ArrayList<TCVideoFileInfo>();
+        String[] mediaColumns = new String[]{
+                MediaStore.Video.VideoColumns._ID,
+                //DATA 数据在 Android Q 以前代表了文件的路径，但在 Android Q上该路径无法被访问。
+                MediaStore.Video.VideoColumns.DATA,
+                MediaStore.Video.VideoColumns.DISPLAY_NAME,
+                MediaStore.Video.VideoColumns.DURATION
+        };
+        Cursor cursor = mContentResolver.query(mUri, mediaColumns, null, null, null);
+
+        if (cursor == null) return videos;
+
+        if (cursor.moveToFirst()) {
+            do {
+                TCVideoFileInfo fileItem = new TCVideoFileInfo();
+                // 兼容 Android 10以上
+                Uri uri = ContentUris.withAppendedId(
+                        MediaStore.Video.Media.EXTERNAL_CONTENT_URI, cursor.getLong(cursor.getColumnIndexOrThrow((MediaStore.Video.Media._ID))));
+                fileItem.setFileUri(uri);
+                fileItem.setFilePath(cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DATA)));
+                fileItem.setFileName(cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DISPLAY_NAME)));
+                long duration = cursor.getLong(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DURATION));
+                if (duration < 0)
+                    duration = 0;
+                fileItem.setDuration(duration);
+
+                String filePath = fileItem.getFilePath();
+                if (filePath != null) {
+                    if (filePath.toLowerCase().endsWith("mp4") || filePath.toLowerCase().endsWith(".mov")) {
+                        File file = new File(filePath);
+                        if (file.exists() && file.canRead()) {
+                            videos.add(fileItem);
+                        }
+                    }
+                }
+                Log.d(TAG, "fileItem = " + fileItem.toString());
+            }
+            while (cursor.moveToNext());
+        }
+        cursor.close();
+        return videos;
+    }
+
+    @NonNull
+    public ArrayList<TCVideoFileInfo> getAllPictrue() {
+        ArrayList<TCVideoFileInfo> pictureList = new ArrayList<TCVideoFileInfo>();
+        String[] mediaColumns = new String[]{
+                MediaStore.Images.Media._ID,
+                MediaStore.Images.Media.DISPLAY_NAME,
+                //DATA 数据在 Android Q 以前代表了文件的路径，但在 Android Q上该路径无法被访问。
+                MediaStore.Images.Media.DATA,
+                MediaStore.Images.Media.DESCRIPTION
+        };
+        Cursor cursor = mContentResolver.query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, mediaColumns, null, null, null);
+        if (cursor != null) {
+            while (cursor.moveToNext()) {
+                TCVideoFileInfo fileItem = new TCVideoFileInfo();
+                // 兼容 Android 10以上
+                Uri uri = ContentUris.withAppendedId(
+                        MediaStore.Images.Media.EXTERNAL_CONTENT_URI, cursor.getLong(cursor.getColumnIndexOrThrow((MediaStore.Images.Media._ID))));
+                fileItem.setFileUri(uri);
+                fileItem.setFilePath(cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA)));
+                fileItem.setFileName(cursor.getString(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DISPLAY_NAME)));
+                fileItem.setFileType(TCVideoFileInfo.FILE_TYPE_PICTURE);
+                pictureList.add(fileItem);
+            }
+            cursor.close();
+        }
+        return pictureList;
+    }
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/TCVideoEditerListAdapter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/TCVideoEditerListAdapter.java
new file mode 100644
index 0000000..36e92cc
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/TCVideoEditerListAdapter.java
@@ -0,0 +1,181 @@
+package com.tencent.qcloud.ugckit.module.picker.data;
+
+import android.content.Context;
+import android.text.TextUtils;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.RecyclerView;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import com.bumptech.glide.Glide;
+
+import com.tencent.qcloud.ugckit.utils.DateTimeUtil;
+import com.tencent.qcloud.ugckit.R;
+
+
+import java.util.ArrayList;
+
+public class TCVideoEditerListAdapter extends RecyclerView.Adapter<TCVideoEditerListAdapter.ViewHolder> {
+
+    private Context mContext;
+    private int     mLastSelected = -1;
+    private boolean mMultiplePick;
+    private boolean mIsOrdered;
+
+    @NonNull
+    private ArrayList<TCVideoFileInfo> mData = new ArrayList<TCVideoFileInfo>();
+    private ItemView.OnAddListener     mOnAddListener;
+    private ArrayList<TCVideoFileInfo> mOrderFileList;
+
+    public TCVideoEditerListAdapter(Context context) {
+        mContext = context;
+    }
+
+    @NonNull
+    @Override
+    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = View.inflate(parent.getContext(), R.layout.ugckit_item_ugc_video, null);
+        return new ViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ViewHolder holder, final int position) {
+        final TCVideoFileInfo fileInfo = mData.get(position);
+        if (fileInfo.getFileType() == TCVideoFileInfo.FILE_TYPE_VIDEO) {
+            holder.duration.setText(DateTimeUtil.formattedTime(fileInfo.getDuration() / 1000));
+        }
+        if (!TextUtils.isEmpty(fileInfo.getFilePath())) {
+            Glide.with(mContext).load(fileInfo.getFilePath()).into(holder.thumb);
+        } else {
+            Glide.with(mContext).load(fileInfo.getFileUri()).into(holder.thumb);
+        }
+        holder.thumb.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                if (mOnAddListener != null) {
+                    mOnAddListener.onAdd(fileInfo);
+                }
+                if (mMultiplePick) {
+                    changeMultiSelection(position);
+                } else {
+                    changeSingleSelection(position);
+                }
+            }
+        });
+    }
+
+    @Override
+    public int getItemCount() {
+        return mData.size();
+    }
+
+    /**
+     * 设置选择模式
+     *
+     * @param multiplePick 是否多选
+     * @param order        是否排序
+     */
+    public void setMultiplePick(boolean multiplePick, boolean order) {
+        mMultiplePick = multiplePick;
+        mIsOrdered = order;
+    }
+
+    public void setOnItemAddListener(ItemView.OnAddListener onAddListener) {
+        this.mOnAddListener = onAddListener;
+    }
+
+    public class ViewHolder extends RecyclerView.ViewHolder {
+        @NonNull
+        private final ImageView thumb;
+        @NonNull
+        private final TextView  duration;
+
+        public ViewHolder(@NonNull final View itemView) {
+            super(itemView);
+            thumb = (ImageView) itemView.findViewById(R.id.iv_thumb);
+            duration = (TextView) itemView.findViewById(R.id.tv_duration);
+        }
+    }
+
+    @NonNull
+    public ArrayList<TCVideoFileInfo> getMultiSelected() {
+        ArrayList<TCVideoFileInfo> infos = new ArrayList<TCVideoFileInfo>();
+
+        for (int i = 0; i < mData.size(); i++) {
+            if (mData.get(i).isSelected()) {
+                infos.add(mData.get(i));
+            }
+        }
+        return infos;
+    }
+
+    @Nullable
+    public TCVideoFileInfo getSingleSelected() {
+        for (int i = 0; i < mData.size(); i++) {
+            if (mData.get(i).isSelected()) {
+                return mData.get(i);
+            }
+        }
+        return null;
+    }
+
+    public void addAll(@NonNull ArrayList<TCVideoFileInfo> files) {
+        try {
+            this.mData.clear();
+            this.mData.addAll(files);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+        notifyDataSetChanged();
+    }
+
+    public void changeSingleSelection(int position) {
+        if (mLastSelected != -1) {
+            mData.get(mLastSelected).setSelected(false);
+        }
+        notifyItemChanged(mLastSelected);
+
+        TCVideoFileInfo info = mData.get(position);
+        info.setSelected(true);
+        notifyItemChanged(position);
+
+        mLastSelected = position;
+    }
+
+    public void changeMultiSelection(int position) {
+        if (mIsOrdered) {
+            if (mOrderFileList == null) {
+                mOrderFileList = new ArrayList<>();
+            }
+            TCVideoFileInfo fileInfo = mData.get(position);
+
+            if (fileInfo.isSelected()) {
+                fileInfo.setSelected(false);
+                for (int i = 0; i < mOrderFileList.size(); i++) {
+                    TCVideoFileInfo tcVideoFileInfo = mOrderFileList.get(i);
+                    if (tcVideoFileInfo.getFilePath().equals(fileInfo.getFilePath())) {
+                        mOrderFileList.remove(i);
+                        break;
+                    }
+                }
+            } else {
+                fileInfo.setSelected(true);
+                mOrderFileList.add(fileInfo);
+            }
+        } else {
+            if (mData.get(position).isSelected()) {
+                mData.get(position).setSelected(false);
+            } else {
+                mData.get(position).setSelected(true);
+            }
+        }
+        notifyItemChanged(position);
+    }
+
+    public ArrayList<TCVideoFileInfo> getInOrderMultiSelected() {
+        return mOrderFileList;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/TCVideoFileInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/TCVideoFileInfo.java
new file mode 100644
index 0000000..3f02efa
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/data/TCVideoFileInfo.java
@@ -0,0 +1,157 @@
+package com.tencent.qcloud.ugckit.module.picker.data;
+
+
+import android.net.Uri;
+import android.os.Parcel;
+import android.os.Parcelable;
+import androidx.annotation.NonNull;
+
+public class TCVideoFileInfo implements Parcelable {
+    public static final int FILE_TYPE_VIDEO   = 0;
+    public static final int FILE_TYPE_PICTURE = 1;
+
+    private int     fileId;
+    private String  filePath;
+    private String  fileName;
+    private String  thumbPath;
+    private long    duration;
+    private Uri     fileUri;
+    private int     fileType   = FILE_TYPE_VIDEO;
+    private boolean isSelected = false;
+
+    public TCVideoFileInfo() {
+    }
+
+    public TCVideoFileInfo(int fileId, String filePath, String fileName, String thumbPath, int duration) {
+        this.fileId = fileId;
+        this.filePath = filePath;
+        this.fileName = fileName;
+        this.thumbPath = thumbPath;
+        this.duration = duration;
+    }
+
+    public TCVideoFileInfo(int fileId, Uri fileUri, String fileName, String thumbPath, int duration) {
+        this.fileId = fileId;
+        this.fileUri = fileUri;
+        this.fileName = fileName;
+        this.thumbPath = thumbPath;
+        this.duration = duration;
+    }
+
+    protected TCVideoFileInfo(Parcel in) {
+        fileId = in.readInt();
+        filePath = in.readString();
+        fileName = in.readString();
+        thumbPath = in.readString();
+        isSelected = in.readByte() != 0;
+        duration = in.readLong();
+        fileType = in.readInt();
+        fileUri = in.readParcelable(Uri.class.getClassLoader());
+    }
+
+    @Override
+    public void writeToParcel(Parcel dest, int flags) {
+        dest.writeInt(fileId);
+        dest.writeString(filePath);
+        dest.writeString(fileName);
+        dest.writeString(thumbPath);
+        dest.writeByte((byte) (isSelected ? 1 : 0));
+        dest.writeLong(duration);
+        dest.writeInt(fileType);
+        dest.writeParcelable(fileUri, flags);
+    }
+
+    @Override
+    public int describeContents() {
+        return 0;
+    }
+
+    public static final Creator<TCVideoFileInfo> CREATOR = new Creator<TCVideoFileInfo>() {
+        @Override
+        public TCVideoFileInfo createFromParcel(Parcel in) {
+            return new TCVideoFileInfo(in);
+        }
+
+        @Override
+        public TCVideoFileInfo[] newArray(int size) {
+            return new TCVideoFileInfo[size];
+        }
+    };
+
+    public int getFileId() {
+        return this.fileId;
+    }
+
+    public void setFileId(int fileId) {
+        this.fileId = fileId;
+    }
+
+    public String getFilePath() {
+        return this.filePath;
+    }
+
+    public void setFilePath(String filePath) {
+        this.filePath = filePath;
+    }
+
+    public String getFileName() {
+        return this.fileName;
+    }
+
+    public void setFileName(String fileName) {
+        this.fileName = fileName;
+    }
+
+    public void setSelected(boolean selected) {
+        this.isSelected = selected;
+    }
+
+    public boolean isSelected() {
+        return this.isSelected;
+    }
+
+    public void setThumbPath(String thumbPath) {
+        this.thumbPath = thumbPath;
+    }
+
+    public String getThumbPath() {
+        return this.thumbPath;
+    }
+
+    public void setDuration(long duration) {
+        this.duration = duration;
+    }
+
+    public long getDuration() {
+        return duration;
+    }
+
+    public int getFileType() {
+        return fileType;
+    }
+
+    public void setFileType(int fileType) {
+        this.fileType = fileType;
+    }
+
+    public Uri getFileUri() {
+        return fileUri;
+    }
+
+    public void setFileUri(Uri fileUri) {
+        this.fileUri = fileUri;
+    }
+
+    @NonNull
+    @Override
+    public String toString() {
+        return "TCVideoFileInfo{" +
+                "fileId=" + fileId +
+                ", filePath='" + filePath + '\'' +
+                ", fileName='" + fileName + '\'' +
+                ", thumbPath='" + thumbPath + '\'' +
+                ", isSelected=" + isSelected +
+                ", duration=" + duration +
+                '}';
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/AbsPickerUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/AbsPickerUI.java
new file mode 100644
index 0000000..247bed5
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/AbsPickerUI.java
@@ -0,0 +1,55 @@
+package com.tencent.qcloud.ugckit.module.picker.view;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.widget.RelativeLayout;
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+
+
+public abstract class AbsPickerUI extends RelativeLayout implements IPickerLayout {
+
+    private   TitleBarLayout   mTitleBar;
+    protected PickerListLayout mSelectorListLayout;
+    private   PickedLayout     mSelectedLayout;
+
+    public AbsPickerUI(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public AbsPickerUI(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public AbsPickerUI(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_picker_layout, this);
+
+        mTitleBar = (TitleBarLayout) findViewById(R.id.titleBar_layout);
+        mSelectorListLayout = (PickerListLayout) findViewById(R.id.choose_list_layout);
+        mSelectedLayout = (PickedLayout) findViewById(R.id.choose_pick_layout);
+    }
+
+    @Override
+    public TitleBarLayout getTitleBar() {
+        return mTitleBar;
+    }
+
+    @Override
+    public PickerListLayout getPickerListLayout() {
+        return mSelectorListLayout;
+    }
+
+    @Override
+    public PickedLayout getPickedLayout() {
+        return mSelectedLayout;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickedLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickedLayout.java
new file mode 100755
index 0000000..504cf5b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickedLayout.java
@@ -0,0 +1,94 @@
+package com.tencent.qcloud.ugckit.module.picker.view;
+
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+
+import java.util.ArrayList;
+
+/**
+ * 选择器UI定制化
+ */
+public interface IPickedLayout {
+    int TYPE_PICTURE = 1;
+    int TYPE_VIDEO   = 0;
+
+    /**
+     * 添加一个到已选中列表
+     *
+     * @param item
+     */
+    void addItem(TCVideoFileInfo item);
+
+    /**
+     * 获取所有选中的Item
+     *
+     * @param type {@link #TYPE_VIDEO}
+     *             {@link #TYPE_PICTURE}
+     */
+    ArrayList<TCVideoFileInfo> getSelectItems(int type);
+
+    /**
+     * 设置下一步监听器
+     *
+     * @param listener
+     */
+    void setOnNextStepListener(PickedLayout.OnNextStepListener listener);
+
+    /**
+     * 设置拖拽文字提示
+     *
+     * @param dragTipText
+     */
+    void setDragTipText(String dragTipText);
+
+    /**
+     * 设置已选中的删除按钮Icon
+     *
+     * @param resId
+     */
+    void setRemoveIconResource(@DrawableRes int resId);
+
+    /**
+     * 设置"下一步"文字大小
+     *
+     * @param textSize
+     */
+    void setNextTextSize(int textSize);
+
+    /**
+     * "下一步"文字颜色
+     *
+     * @param textColor
+     */
+    void setTextColor(@ColorRes int textColor);
+
+    /**
+     * 设置"下一步"文字背景色（选中/不可选择）
+     *
+     * @param resid
+     */
+    void setButtonBackgroundResource(@DrawableRes int resid);
+
+    /**
+     * 设置已选中的图片宽
+     *
+     * @param bitmapWidth
+     */
+    void setBitmapWidth(int bitmapWidth);
+
+    /**
+     * 设置已选中的图片高
+     *
+     * @param bitmapHeight
+     */
+    void setBitmapHeight(int bitmapHeight);
+
+    /**
+     * 设置最少选中的item数量 (少于此数量，下一步按钮将置灰)
+     *
+     * @param minSelectedItemCount
+     */
+    void setMinSelectedItemCount(int minSelectedItemCount);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickerLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickerLayout.java
new file mode 100755
index 0000000..f43c493
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickerLayout.java
@@ -0,0 +1,50 @@
+package com.tencent.qcloud.ugckit.module.picker.view;
+
+import com.tencent.qcloud.ugckit.basic.ITitleBar;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+
+import java.util.ArrayList;
+
+public interface IPickerLayout extends ITitleBar {
+
+    /**
+     * 初始化参数
+     */
+    void initDefault();
+
+    /**
+     * 暂停加载图片列表中图片
+     */
+    void pauseRequestBitmap();
+
+    /**
+     * 继续加载图片列表中图片
+     */
+    void resumeRequestBitmap();
+
+    /**
+     * 设置选择器坚挺着
+     *
+     * @param listener
+     */
+    void setOnPickerListener(OnPickerListener listener);
+
+    interface OnPickerListener {
+        /**
+         * 返回已选中的列表
+         *
+         * @param list
+         */
+        void onPickedList(ArrayList<TCVideoFileInfo> list);
+    }
+
+    /**
+     * 获取图片列表区域Layout
+     */
+    PickerListLayout getPickerListLayout();
+
+    /**
+     * 获取选择图片列表
+     */
+    PickedLayout getPickedLayout();
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickerListLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickerListLayout.java
new file mode 100644
index 0000000..7504d6f
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/IPickerListLayout.java
@@ -0,0 +1,34 @@
+package com.tencent.qcloud.ugckit.module.picker.view;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.module.picker.data.ItemView;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+
+import java.util.ArrayList;
+
+public interface IPickerListLayout {
+    /**
+     * 添加item监听器
+     *
+     * @param listener
+     */
+    void setOnItemAddListener(ItemView.OnAddListener listener);
+
+    /**
+     * 暂停加载图片
+     */
+    void pauseRequestBitmap();
+
+    /**
+     * 继续加载图片
+     */
+    void resumeRequestBitmap();
+
+    /**
+     * 更新列表项
+     *
+     * @param list
+     */
+    void updateItems(@NonNull ArrayList<TCVideoFileInfo> list);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/PickedLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/PickedLayout.java
new file mode 100755
index 0000000..2c74b73
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/PickedLayout.java
@@ -0,0 +1,203 @@
+package com.tencent.qcloud.ugckit.module.picker.view;
+
+import android.app.Activity;
+import android.app.AlertDialog;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import android.text.TextUtils;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.Button;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.picker.data.ItemView;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+import com.tencent.qcloud.ugckit.component.swipemenu.MenuAdapter;
+import com.tencent.qcloud.ugckit.component.swipemenu.SwipeMenuRecyclerView;
+import com.tencent.qcloud.ugckit.component.swipemenu.touch.OnItemMoveListener;
+
+import java.io.File;
+import java.util.ArrayList;
+import java.util.Collections;
+
+/**
+ * 选择器下方"已被选中"列表
+ */
+public class PickedLayout extends RelativeLayout implements ItemView.OnDeleteListener, OnItemMoveListener, View.OnClickListener, IPickedLayout {
+    private Activity              mActivity;
+    private TextView              mTextDrag;
+    private Button                mButtonNext;
+    private SwipeMenuRecyclerView mSwipeMenuRecyclerView;
+
+    private MenuAdapter                mMenuAdapter;
+    private ArrayList<TCVideoFileInfo> mTCVideoFileInfoList;
+    private OnNextStepListener         mOnNextStepListener;
+    private String                     mDragText;
+    private int                        mMinSelectedItemCount = 1;
+
+    public PickedLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public PickedLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public PickedLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_picture_pick_layout, this);
+
+        mTCVideoFileInfoList = new ArrayList<>();
+
+        mTextDrag = (TextView) findViewById(R.id.tv_drag);
+        mButtonNext = (Button) findViewById(R.id.btn_next);
+        mButtonNext.setEnabled(false);
+        mButtonNext.setOnClickListener(this);
+        mSwipeMenuRecyclerView = (SwipeMenuRecyclerView) findViewById(R.id.swipe_menu_recycler_view);
+        mSwipeMenuRecyclerView.setLayoutManager(new LinearLayoutManager(mActivity, LinearLayoutManager.HORIZONTAL, false));
+        mMenuAdapter = new MenuAdapter(mActivity, mTCVideoFileInfoList);
+        mMenuAdapter.setOnItemDeleteListener(this);
+        mSwipeMenuRecyclerView.setAdapter(mMenuAdapter);
+        mSwipeMenuRecyclerView.setLongPressDragEnabled(true);
+        mSwipeMenuRecyclerView.setOnItemMoveListener(this);
+
+        if (!TextUtils.isEmpty(mDragText)) {
+            mTextDrag.setText(mDragText);
+        }
+    }
+
+    @Override
+    public void addItem(TCVideoFileInfo fileInfo) {
+        if (!mMenuAdapter.contains(fileInfo)) {
+            mMenuAdapter.addItem(fileInfo);
+        }
+        if (mMenuAdapter.getItemCount() >= mMinSelectedItemCount) {
+            mButtonNext.setEnabled(true);
+        }
+    }
+
+    @Override
+    public void onDelete(int position) {
+        if (position < 0) {  // 异常情况处理，getAdapterPosition可能返回为 -1
+            return;
+        }
+        mMenuAdapter.removeIndex(position);
+        if (mMenuAdapter.getItemCount() < mMinSelectedItemCount) {
+            mButtonNext.setEnabled(false);
+        }
+    }
+
+    @Override
+    public boolean onItemMove(int fromPosition, int toPosition) {
+        Collections.swap(mTCVideoFileInfoList, fromPosition, toPosition);
+        mMenuAdapter.notifyItemMoved(fromPosition, toPosition);
+        return true;
+    }
+
+    @Override
+    public void onItemDismiss(int position) {
+
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int id = v.getId();
+        if (id == R.id.btn_next) {
+            mOnNextStepListener.onNextStep();
+        }
+    }
+
+    @Nullable
+    @Override
+    public ArrayList<TCVideoFileInfo> getSelectItems(int type) {
+        int count = mMenuAdapter.getItemCount();
+        ArrayList<TCVideoFileInfo> picturePathList = new ArrayList<TCVideoFileInfo>();
+        for (int i = 0; i < count; i++) {
+            TCVideoFileInfo fileInfo = mMenuAdapter.getItem(i);
+            File file = new File(fileInfo.getFilePath());
+            if (!file.exists()) {
+                showErrorDialog(getResources().getString(R.string.ugckit_picture_choose_activity_the_selected_file_does_not_exist));
+                return null;
+            }
+            picturePathList.add(fileInfo);
+        }
+        if (type == TYPE_PICTURE) {
+            if (count < 2) {
+                ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_picture_choose_activity_please_select_multiple_images));
+                return picturePathList;
+            }
+        }
+        return picturePathList;
+    }
+
+    private void showErrorDialog(String msg) {
+        AlertDialog.Builder normalDialog = new AlertDialog.Builder(mActivity, R.style.UGCKitConfirmDialogStyle);
+        normalDialog.setMessage(msg);
+        normalDialog.setCancelable(false);
+        normalDialog.setPositiveButton(getResources().getString(R.string.ugckit_picture_choose_activity_got_it), null);
+        normalDialog.show();
+    }
+
+    @Override
+    public void setDragTipText(String dragTipText) {
+        mTextDrag.setText(dragTipText);
+    }
+
+    @Override
+    public void setNextTextSize(int textSize) {
+        mTextDrag.setTextSize(textSize);
+    }
+
+    @Override
+    public void setTextColor(int textColor) {
+        mTextDrag.setTextColor(getResources().getColor(textColor));
+    }
+
+    @Override
+    public void setButtonBackgroundResource(int resid) {
+        mButtonNext.setBackgroundResource(resid);
+    }
+
+    @Override
+    public void setRemoveIconResource(int resId) {
+        mMenuAdapter.setRemoveIconId(resId);
+    }
+
+    @Override
+    public void setBitmapWidth(int bitmapWidth) {
+        mMenuAdapter.setBitmapWidth(bitmapWidth);
+    }
+
+    @Override
+    public void setBitmapHeight(int bitmapHeight) {
+        mMenuAdapter.setBitmapHeight(bitmapHeight);
+    }
+
+    @Override
+    public void setMinSelectedItemCount(int minSelectedItemCount) {
+        mMinSelectedItemCount = minSelectedItemCount;
+    }
+
+
+    @Override
+    public void setOnNextStepListener(OnNextStepListener listener) {
+        mOnNextStepListener = listener;
+    }
+
+    public interface OnNextStepListener {
+        void onNextStep();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/PickerListLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/PickerListLayout.java
new file mode 100644
index 0000000..569b7f1
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picker/view/PickerListLayout.java
@@ -0,0 +1,80 @@
+package com.tencent.qcloud.ugckit.module.picker.view;
+
+import android.app.Activity;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.GridLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+import android.util.AttributeSet;
+import android.widget.RelativeLayout;
+
+import com.bumptech.glide.Glide;
+
+import com.tencent.qcloud.ugckit.module.picker.data.ItemView;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoEditerListAdapter;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+import com.tencent.qcloud.ugckit.R;
+
+import java.util.ArrayList;
+
+public class PickerListLayout extends RelativeLayout implements IPickerListLayout, ItemView.OnAddListener {
+    private static final int                      VIDEO_SPAN_COUNT = 4;
+    private              Activity                 mActivity;
+    private              RecyclerView             mRecyclerView;
+    private              TCVideoEditerListAdapter mAdapter;
+    private              ItemView.OnAddListener   mOnAddListener;
+
+    public PickerListLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public PickerListLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public PickerListLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_picture_list_layout, this);
+
+        mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
+        mRecyclerView.setLayoutManager(new GridLayoutManager(mActivity, VIDEO_SPAN_COUNT));
+
+        mAdapter = new TCVideoEditerListAdapter(mActivity);
+        mAdapter.setOnItemAddListener(this);
+        mRecyclerView.setAdapter(mAdapter);
+        mAdapter.setMultiplePick(true, false);
+    }
+
+    @Override
+    public void pauseRequestBitmap() {
+        Glide.with(mActivity).pauseRequests();
+    }
+
+    @Override
+    public void resumeRequestBitmap() {
+        Glide.with(mActivity).resumeRequests();
+    }
+
+    @Override
+    public void updateItems(@NonNull ArrayList<TCVideoFileInfo> list) {
+        mAdapter.addAll(list);
+    }
+
+    @Override
+    public void onAdd(TCVideoFileInfo fileInfo) {
+        mOnAddListener.onAdd(fileInfo);
+    }
+
+    @Override
+    public void setOnItemAddListener(ItemView.OnAddListener listener) {
+        mOnAddListener = listener;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/AbsPictureJoinUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/AbsPictureJoinUI.java
new file mode 100644
index 0000000..b8d83ab
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/AbsPictureJoinUI.java
@@ -0,0 +1,58 @@
+package com.tencent.qcloud.ugckit.module.picturetransition;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.widget.RelativeLayout;
+
+import com.tencent.qcloud.ugckit.module.cut.VideoPlayLayout;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+
+public abstract class AbsPictureJoinUI extends RelativeLayout implements IPictureJoinKit {
+    private TitleBarLayout          mTitleBar;
+    private VideoPlayLayout         mVideoPlayLayout;
+    private PictureTransitionLayout mPictureTransitionLayout;
+
+    public AbsPictureJoinUI(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public AbsPictureJoinUI(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public AbsPictureJoinUI(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_pic_join_layout, this);
+
+        mTitleBar = (TitleBarLayout) findViewById(R.id.titleBar_layout);
+        mVideoPlayLayout = (VideoPlayLayout) findViewById(R.id.picture_play_layout);
+        mPictureTransitionLayout = (PictureTransitionLayout) findViewById(R.id.picture_transition_layout);
+    }
+
+    public TitleBarLayout getTitleBar() {
+        return mTitleBar;
+    }
+
+    /**
+     * 获取图片播放界面
+     */
+    public VideoPlayLayout getVideoPlayLayout() {
+        return mVideoPlayLayout;
+    }
+
+    /**
+     * 获取转场设置工具栏
+     */
+    @Override
+    public PictureTransitionLayout getPictureTransitionLayout() {
+        return mPictureTransitionLayout;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/AbsPictureTransitionLayoutUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/AbsPictureTransitionLayoutUI.java
new file mode 100644
index 0000000..d6a4be6
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/AbsPictureTransitionLayoutUI.java
@@ -0,0 +1,52 @@
+package com.tencent.qcloud.ugckit.module.picturetransition;
+
+public abstract class AbsPictureTransitionLayoutUI {
+
+    /**
+     * 设置"左右"切换转场Icon
+     *
+     * @param leftrightIcon
+     */
+    public void setLeftrightIcon(int leftrightIcon) {
+    }
+
+    /**
+     * 设置"上下"切换转场Icon
+     *
+     * @param updownIcon
+     */
+    public void setUpdownIcon(int updownIcon) {
+    }
+
+    /**
+     * 设置"放大"转场Icon
+     *
+     * @param enlargeIcon
+     */
+    public void setEnlargeIcon(int enlargeIcon) {
+    }
+
+    /**
+     * 设置"缩小"转场Icon
+     *
+     * @param narrowIcon
+     */
+    public void setNarrowIcon(int narrowIcon) {
+    }
+
+    /**
+     * 设置"旋转"转场Icon
+     *
+     * @param rotateIcon
+     */
+    public void setRotateIcon(int rotateIcon) {
+    }
+
+    /**
+     * 设置"淡入淡出"转场Icon
+     *
+     * @param fadeinoutIcon
+     */
+    public void setFadeinoutIcon(int fadeinoutIcon) {
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/IPictureJoinKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/IPictureJoinKit.java
new file mode 100644
index 0000000..5026c57
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/IPictureJoinKit.java
@@ -0,0 +1,105 @@
+package com.tencent.qcloud.ugckit.module.picturetransition;
+
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+
+import java.util.List;
+
+/**
+ * 腾讯云短视频UGCKit({@code TCPictureTransitionKit}):图片合成。<br>
+ * 本组件功能包含多张图片设置转场动画，生成一个视频文件。<br>
+ * 您可以通过UGCKit很简单搭建图片合成功能
+ * <p>
+ * 如下演示了UGCKit图片合成简单用法：<br>
+ * 1、在xml中设置
+ * <pre>
+ * {@code
+ * <com.tencent.qcloud.xiaoshipin.uikit.module.picturetransition.PictureJoin
+ *     android:id="@+id/picture_transition"
+ *     android:layout_width="match_parent"
+ *     android:layout_height="match_parent" />
+ * }</pre>
+ * <p>
+ * 2、在Activity中设置
+ * <pre>
+ *      &#064;Override
+ *      protected void onCreate(Bundle savedInstanceState) {
+ *        super.onCreate(savedInstanceState);
+ *        setContentView(R.layout.picture_join_layout);
+ *
+ *        mPicPathList = getIntent().getStringArrayListExtra(UGCKitConstants.INTENT_KEY_MULTI_PIC_LIST);
+ *        mPictureTransition = (PictureJoin) findViewById(R.id.picture_transition);
+ *        mPictureTransition.setInputPictureList(mPicPathList);
+ *        mPictureTransition.setOnPictureJoinListener(new IPictureJoinKit.OnPictureJoinListener() {
+ *
+ *            &#064;Override
+ *            public void onPictureJoinCompleted() {
+ *            }
+ *
+ *            &#064;Override
+ *            public void onPictureJoinCanceled() {
+ *            }
+ *        });
+ *    }
+ *
+ *    &#064;Override
+ *    protected void onResume() {
+ *        super.onResume();
+ *        mPictureTransition.resumePlay();
+ *    }
+ *
+ *    &#064;Override
+ *    protected void onPause() {
+ *        super.onPause();
+ *        mPictureTransition.pausePlay();
+ *    }
+ * }
+ * </pre>
+ * <p>
+ * 图片合成UI定制化<br>
+ * 1、定制化图片转场Icon {@link IPictureTransitionLayout}
+ * <p>
+ * https://cloud.tencent.com/document/product/584/20328
+ */
+public interface IPictureJoinKit {
+
+    void resumePlay();
+
+    void pausePlay();
+
+    void stopPlay();
+
+    void release();
+
+    /**
+     * 设置图片列表数据
+     */
+    void setInputPictureList(List<String> pictureList);
+
+    /**
+     * 设置图片合成的监听器
+     */
+    void setOnPictureJoinListener(IPictureJoinKit.OnPictureJoinListener listener);
+
+    interface OnPictureJoinListener {
+        /**
+         * 图片合成完成
+         *
+         * @param ugcKitResult 生成视频输出路径
+         */
+        void onPictureJoinCompleted(UGCKitResult ugcKitResult);
+
+        /**
+         * 图片合成操作取消
+         */
+        void onPictureJoinCanceled();
+    }
+
+    /************************************************************************/
+    /*****                     UI定制化                                  *****/
+    /************************************************************************/
+    /**
+     * 获取转场设置工具栏
+     */
+    PictureTransitionLayout getPictureTransitionLayout();
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/IPictureTransitionLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/IPictureTransitionLayout.java
new file mode 100644
index 0000000..3cf2832
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/IPictureTransitionLayout.java
@@ -0,0 +1,102 @@
+package com.tencent.qcloud.ugckit.module.picturetransition;
+
+import androidx.annotation.DrawableRes;
+
+/**
+ * 定制化图片转场Icon
+ */
+public interface IPictureTransitionLayout {
+
+    /**
+     * 设置切换图片转场监听器
+     *
+     * @param listener
+     */
+    void setTransitionListener(OnTransitionListener listener);
+
+    interface OnTransitionListener {
+        /**
+         * 设置图片转场类型
+         *
+         * @param type {@link com.tencent.ugc.TXVideoEditConstants#TX_TRANSITION_TYPE_LEFT_RIGHT_SLIPPING}
+         *             {@link com.tencent.ugc.TXVideoEditConstants#TX_TRANSITION_TYPE_UP_DOWN_SLIPPING}
+         *             {@link com.tencent.ugc.TXVideoEditConstants#TX_TRANSITION_TYPE_ENLARGE}
+         *             {@link com.tencent.ugc.TXVideoEditConstants#TX_TRANSITION_TYPE_NARROW}
+         *             {@link com.tencent.ugc.TXVideoEditConstants#TX_TRANSITION_TYPE_ROTATIONAL_SCALING}
+         *             {@link com.tencent.ugc.TXVideoEditConstants#TX_TRANSITION_TYPE_FADEIN_FADEOUT}
+         */
+        void transition(int type);
+    }
+
+    /**
+     * 禁用"左右"切换转场
+     */
+    void disableLeftrightTransition();
+
+    /**
+     * 禁用"上下"切换转场
+     */
+    void disableUpdownTransition();
+
+    /**
+     * 禁用"放大"切换转场
+     */
+    void disableEnlargeTransition();
+
+    /**
+     * 禁用"缩小"切换转场
+     */
+    void disableNarrowTransition();
+
+    /**
+     * 禁用"旋转"切换转场
+     */
+    void disableRotateTransition();
+
+    /**
+     * 禁用"淡入淡出"切换转场
+     */
+    void disableFadeinoutTransition();
+
+    /**
+     * 设置"左右"切换转场Icon
+     *
+     * @param resid
+     */
+    void setLeftrightIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"上下"切换转场Icon
+     *
+     * @param resid
+     */
+    void setUpdownIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"放大"转场Icon
+     *
+     * @param resid
+     */
+    void setEnlargeIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"缩小"转场Icon
+     *
+     * @param resid
+     */
+    void setNarrowIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"旋转"转场Icon
+     *
+     * @param resid
+     */
+    void setRotateIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"淡入淡出"转场Icon
+     *
+     * @param resid
+     */
+    void setFadeinoutIconResource(@DrawableRes int resid);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/PictureTransitionKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/PictureTransitionKit.java
new file mode 100644
index 0000000..1cd9831
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/PictureTransitionKit.java
@@ -0,0 +1,65 @@
+package com.tencent.qcloud.ugckit.module.picturetransition;
+
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
+
+import java.util.ArrayList;
+
+public class PictureTransitionKit {
+    @NonNull
+    private static       PictureTransitionKit sInstance          = new PictureTransitionKit();
+    private static final int                  DEFAULT_FPS        = 20;  // 默认图片帧率
+    public static final  int                  DEFAULT_TRANSITION = TXVideoEditConstants.TX_TRANSITION_TYPE_LEFT_RIGHT_SLIPPING;  //  默认转场动画类型
+
+    private PictureTransitionKit() {
+
+    }
+
+    @NonNull
+    public static PictureTransitionKit getInstance() {
+        return sInstance;
+    }
+
+    /**
+     * 计算图片加上转场动画后合成视频的时长
+     *
+     * @param type
+     * @return
+     */
+    public long pictureTransition(int type) {
+        long duration = 0;
+        TXVideoEditer editer = VideoEditerSDK.getInstance().getEditer();
+        if (editer == null) {
+            return duration;
+        }
+        switch (type) {
+            case TXVideoEditConstants.TX_TRANSITION_TYPE_LEFT_RIGHT_SLIPPING:
+                duration = editer.setPictureTransition(TXVideoEditConstants.TX_TRANSITION_TYPE_LEFT_RIGHT_SLIPPING);
+                break;
+            case TXVideoEditConstants.TX_TRANSITION_TYPE_UP_DOWN_SLIPPING:
+                duration = editer.setPictureTransition(TXVideoEditConstants.TX_TRANSITION_TYPE_UP_DOWN_SLIPPING);
+                break;
+            case TXVideoEditConstants.TX_TRANSITION_TYPE_ENLARGE:
+                duration = editer.setPictureTransition(TXVideoEditConstants.TX_TRANSITION_TYPE_ENLARGE);
+                break;
+            case TXVideoEditConstants.TX_TRANSITION_TYPE_NARROW:
+                duration = editer.setPictureTransition(TXVideoEditConstants.TX_TRANSITION_TYPE_NARROW);
+                break;
+            case TXVideoEditConstants.TX_TRANSITION_TYPE_ROTATIONAL_SCALING:
+                duration = editer.setPictureTransition(TXVideoEditConstants.TX_TRANSITION_TYPE_ROTATIONAL_SCALING);
+                break;
+            case TXVideoEditConstants.TX_TRANSITION_TYPE_FADEIN_FADEOUT:
+                duration = editer.setPictureTransition(TXVideoEditConstants.TX_TRANSITION_TYPE_FADEIN_FADEOUT);
+                break;
+        }
+        return duration;
+    }
+
+    public int setPictureList(ArrayList<Bitmap> bitmapList) {
+        return VideoEditerSDK.getInstance().getEditer().setPictureList(bitmapList, DEFAULT_FPS);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/PictureTransitionLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/PictureTransitionLayout.java
new file mode 100644
index 0000000..f96703a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/picturetransition/PictureTransitionLayout.java
@@ -0,0 +1,157 @@
+package com.tencent.qcloud.ugckit.module.picturetransition;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.fragment.app.FragmentActivity;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.ImageButton;
+import android.widget.RelativeLayout;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.ugc.TXVideoEditConstants;
+
+public class PictureTransitionLayout extends RelativeLayout implements View.OnClickListener, IPictureTransitionLayout {
+
+    private FragmentActivity     mActivity;
+    private ImageButton          mIbTransition1; //左右
+    private ImageButton          mIbTransition2; //上下
+    private ImageButton          mIbTransition3; //放大
+    private ImageButton          mIbTransition4; //缩小
+    private ImageButton          mIbTransition5; //旋转
+    private ImageButton          mIbTransition6; //淡入淡出
+    private OnTransitionListener mOnTransitionListener;
+
+    public PictureTransitionLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public PictureTransitionLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public PictureTransitionLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (FragmentActivity) getContext();
+        inflate(mActivity, R.layout.ugckit_pic_transition_layout, this);
+        mIbTransition1 = (ImageButton) findViewById(R.id.transition1);
+        mIbTransition2 = (ImageButton) findViewById(R.id.transition2);
+        mIbTransition3 = (ImageButton) findViewById(R.id.transition3);
+        mIbTransition4 = (ImageButton) findViewById(R.id.transition4);
+        mIbTransition5 = (ImageButton) findViewById(R.id.transition5);
+        mIbTransition6 = (ImageButton) findViewById(R.id.transition6);
+
+        mIbTransition1.setOnClickListener(this);
+        mIbTransition2.setOnClickListener(this);
+        mIbTransition3.setOnClickListener(this);
+        mIbTransition4.setOnClickListener(this);
+        mIbTransition5.setOnClickListener(this);
+        mIbTransition6.setOnClickListener(this);
+
+        // 设置默认左右切换
+        mIbTransition1.setSelected(true);
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        mIbTransition1.setSelected(false);
+        mIbTransition2.setSelected(false);
+        mIbTransition3.setSelected(false);
+        mIbTransition4.setSelected(false);
+        mIbTransition5.setSelected(false);
+        mIbTransition6.setSelected(false);
+        int id = v.getId();
+        if (id == R.id.transition1) {
+            mIbTransition1.setSelected(true);
+            mOnTransitionListener.transition(TXVideoEditConstants.TX_TRANSITION_TYPE_LEFT_RIGHT_SLIPPING);
+        } else if (id == R.id.transition2) {
+            mIbTransition2.setSelected(true);
+            mOnTransitionListener.transition(TXVideoEditConstants.TX_TRANSITION_TYPE_UP_DOWN_SLIPPING);
+        } else if (id == R.id.transition3) {
+            mIbTransition3.setSelected(true);
+            mOnTransitionListener.transition(TXVideoEditConstants.TX_TRANSITION_TYPE_ENLARGE);
+        } else if (id == R.id.transition4) {
+            mIbTransition4.setSelected(true);
+            mOnTransitionListener.transition(TXVideoEditConstants.TX_TRANSITION_TYPE_NARROW);
+        } else if (id == R.id.transition5) {
+            mIbTransition5.setSelected(true);
+            mOnTransitionListener.transition(TXVideoEditConstants.TX_TRANSITION_TYPE_ROTATIONAL_SCALING);
+        } else if (id == R.id.transition6) {
+            mIbTransition6.setSelected(true);
+            mOnTransitionListener.transition(TXVideoEditConstants.TX_TRANSITION_TYPE_FADEIN_FADEOUT);
+        }
+    }
+
+    @Override
+    public void setTransitionListener(OnTransitionListener transitionListener) {
+        mOnTransitionListener = transitionListener;
+    }
+
+    @Override
+    public void disableLeftrightTransition() {
+        mIbTransition1.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void disableUpdownTransition() {
+        mIbTransition2.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void disableEnlargeTransition() {
+        mIbTransition3.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void disableNarrowTransition() {
+        mIbTransition4.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void disableRotateTransition() {
+        mIbTransition5.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void disableFadeinoutTransition() {
+        mIbTransition6.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void setLeftrightIconResource(int resid) {
+        mIbTransition1.setImageResource(resid);
+    }
+
+    @Override
+    public void setUpdownIconResource(int resid) {
+        mIbTransition2.setImageResource(resid);
+    }
+
+    @Override
+    public void setEnlargeIconResource(int resid) {
+        mIbTransition3.setImageResource(resid);
+    }
+
+    @Override
+    public void setNarrowIconResource(int resid) {
+        mIbTransition4.setImageResource(resid);
+    }
+
+    @Override
+    public void setRotateIconResource(int resid) {
+        mIbTransition5.setImageResource(resid);
+    }
+
+    @Override
+    public void setFadeinoutIconResource(int resid) {
+        mIbTransition6.setImageResource(resid);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AbsVideoRecordUI.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AbsVideoRecordUI.java
new file mode 100644
index 0000000..1726824
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AbsVideoRecordUI.java
@@ -0,0 +1,144 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.widget.RelativeLayout;
+
+import com.tencent.liteav.demo.beauty.constant.BeautyConstants;
+import com.tencent.liteav.demo.beauty.model.BeautyInfo;
+import com.tencent.liteav.demo.beauty.view.BeautyPanel;
+import com.tencent.qcloud.ugckit.module.effect.bgm.view.SoundEffectsPannel;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.component.TitleBarLayout;
+
+import com.tencent.qcloud.ugckit.module.record.interfaces.IVideoRecordKit;
+import com.tencent.rtmp.ui.TXCloudVideoView;
+
+public abstract class AbsVideoRecordUI extends RelativeLayout implements IVideoRecordKit {
+
+    private TitleBarLayout     mTitleBar;
+    private TXCloudVideoView   mVideoView;
+    private ScrollFilterView   mScrollFilterView;
+    private RecordRightLayout  mRecordRightLayout;
+    private RecordBottomLayout mRecordBottomLayout;
+    private BeautyPanel        mBeautyPanel;
+    private RecordMusicPannel  mRecordMusicPannel;
+    private SoundEffectsPannel mSoundEffectsPannel;
+    private ImageSnapShotView  mImageSnapShotView;
+    private RecordPauseSnapView mRecordPauseSnapView;
+
+    public AbsVideoRecordUI(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public AbsVideoRecordUI(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public AbsVideoRecordUI(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_video_rec_layout, this);
+
+        mTitleBar = (TitleBarLayout) findViewById(R.id.titleBar_layout);
+        mVideoView = (TXCloudVideoView) findViewById(R.id.video_view);
+
+        mRecordRightLayout = (RecordRightLayout) findViewById(R.id.record_right_layout);
+        mRecordBottomLayout = (RecordBottomLayout) findViewById(R.id.record_bottom_layout);
+
+        mBeautyPanel = (BeautyPanel) findViewById(R.id.beauty_pannel);
+        BeautyInfo defaultBeauty = mBeautyPanel.getDefaultBeautyInfo();
+        defaultBeauty.setBeautyBg(BeautyConstants.BEAUTY_BG_GRAY);
+        mBeautyPanel.setBeautyInfo(defaultBeauty);
+        mScrollFilterView = (ScrollFilterView) findViewById(R.id.scrollFilterView);
+        mScrollFilterView.setBeautyPannel(mBeautyPanel);
+
+        mRecordMusicPannel = (RecordMusicPannel) findViewById(R.id.record_music_pannel);
+        mSoundEffectsPannel = (SoundEffectsPannel) findViewById(R.id.sound_effect_pannel);
+
+        mImageSnapShotView = (ImageSnapShotView) findViewById(R.id.image_snapshot_view);
+
+        mRecordPauseSnapView = (RecordPauseSnapView) findViewById(R.id.record_pause_snap_view);
+    }
+
+    public TitleBarLayout getTitleBar() {
+        return mTitleBar;
+    }
+
+    public TXCloudVideoView getRecordVideoView() {
+        return mVideoView;
+    }
+
+    public ScrollFilterView getScrollFilterView() {
+        return mScrollFilterView;
+    }
+
+    public ImageSnapShotView getSnapshotView() {
+        return mImageSnapShotView;
+    }
+
+    public RecordRightLayout getRecordRightLayout() {
+        return mRecordRightLayout;
+    }
+
+    public RecordBottomLayout getRecordBottomLayout() {
+        return mRecordBottomLayout;
+    }
+
+    public BeautyPanel getBeautyPanel() {
+        return mBeautyPanel;
+    }
+
+    public RecordMusicPannel getRecordMusicPannel() {
+        return mRecordMusicPannel;
+    }
+
+    public SoundEffectsPannel getSoundEffectPannel() {
+        return mSoundEffectsPannel;
+    }
+
+    public RecordPauseSnapView getRecordPauseSnapView() {
+        return mRecordPauseSnapView;
+    }
+
+    @Override
+    public void disableRecordSpeed() {
+        mRecordBottomLayout.disableRecordSpeed();
+    }
+
+    @Override
+    public void disableTakePhoto() {
+        mRecordBottomLayout.disableTakePhoto();
+    }
+
+    @Override
+    public void disableLongPressRecord() {
+        mRecordBottomLayout.disableLongPressRecord();
+    }
+
+    @Override
+    public void disableRecordMusic() {
+        mRecordRightLayout.disableRecordMusic();
+    }
+
+    @Override
+    public void disableRecordSoundEffect() {
+        mRecordRightLayout.disableRecordSoundEffect();
+    }
+
+    @Override
+    public void disableAspect() {
+        mRecordRightLayout.disableAspect();
+    }
+
+    @Override
+    public void disableBeauty() {
+        mRecordRightLayout.disableBeauty();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AspectView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AspectView.java
new file mode 100644
index 0000000..75d396a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AspectView.java
@@ -0,0 +1,296 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.animation.Animator;
+import android.animation.ObjectAnimator;
+import android.app.Activity;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.ugc.TXRecordCommon;
+
+/**
+ * 屏比，目前有三种（1:1；3:4；4:3; 9:16; 16:9）
+ */
+public class AspectView extends RelativeLayout implements View.OnClickListener {
+    private static final String           TAG = "AspectView";
+    private              Activity         mActivity;
+    private              TextView         mTextAspect;
+    private              ImageView        mImageAspectCurr;
+    private              ImageView        mImageAspectFirst;
+    private              ImageView        mImageAspectSecond;
+    private              ImageView        mImageAspectThird;
+    private              ImageView        mImageAspectFourth;
+    private              ImageView        mImageAspecteMask;
+    private              RelativeLayout   mLayoutAspectSelect;
+    private              boolean          mToggleAspect;
+    private              int              mFirstAspect; // UI上三个位置的屏比分别对应哪个Icon
+    private              int              mSecondAspect;
+    private              int              mThirdAspect;
+    private              int              mFourthAspect;
+    private              int              mCurrentAspect;
+    private              OnAspectListener mOnAspectListener;
+
+    public AspectView(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public AspectView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public AspectView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_aspect_view, this);
+
+        mTextAspect = (TextView) findViewById(R.id.tv_aspect);
+        mImageAspectCurr = (ImageView) findViewById(R.id.iv_aspect);
+        mImageAspecteMask = (ImageView) findViewById(R.id.iv_aspect_mask);
+        mImageAspectFirst = (ImageView) findViewById(R.id.iv_aspect_first);
+        mImageAspectSecond = (ImageView) findViewById(R.id.iv_aspect_second);
+        mImageAspectThird = (ImageView) findViewById(R.id.iv_aspect_third);
+        mImageAspectFourth = (ImageView) findViewById(R.id.iv_aspect_fourth);
+        mLayoutAspectSelect = (RelativeLayout) findViewById(R.id.layout_aspect_select);
+
+        mImageAspectCurr.setOnClickListener(this);
+        mImageAspectFirst.setOnClickListener(this);
+        mImageAspectSecond.setOnClickListener(this);
+        mImageAspectThird.setOnClickListener(this);
+        mImageAspectFourth.setOnClickListener(this);
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        int id = view.getId();
+        if (id == R.id.iv_aspect) { // 点击当前屏比
+            toggleAspectAnim();
+        } else if (id == R.id.iv_aspect_first) { // 点击第一个位置的屏比
+            toggleAspectAnim();
+            selectAnotherAspect(mFirstAspect);
+        } else if (id == R.id.iv_aspect_second) { // 点击第2个位置的屏比
+            toggleAspectAnim();
+            selectAnotherAspect(mSecondAspect);
+        } else if (id == R.id.iv_aspect_third) { // 点击第3个位置的屏比
+            toggleAspectAnim();
+            selectAnotherAspect(mThirdAspect);
+        } else if (id == R.id.iv_aspect_fourth) { // 点击第4个位置的屏比
+            toggleAspectAnim();
+            selectAnotherAspect(mFourthAspect);
+        }
+    }
+
+    private void toggleAspectAnim() {
+        if (!mToggleAspect) {
+            showAspectSelectAnim();
+        } else {
+            hideAspectSelectAnim();
+        }
+        mToggleAspect = !mToggleAspect;
+    }
+
+    private void selectAnotherAspect(int targetScale) {
+        mCurrentAspect = targetScale;
+
+        switch (mCurrentAspect) {
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_9_16:
+                if (mOnAspectListener != null) {
+                    mOnAspectListener.onAspectSelect(TXRecordCommon.VIDEO_ASPECT_RATIO_9_16);
+                }
+                mImageAspectCurr.setImageResource(R.drawable.ugckit_ic_aspect_916);
+                mImageAspectFirst.setImageResource(R.drawable.ugckit_ic_aspect_11);
+                mImageAspectSecond.setImageResource(R.drawable.ugckit_ic_aspect_34);
+                mImageAspectThird.setImageResource(R.drawable.ugckit_ic_aspect_43);
+                mImageAspectFourth.setImageResource(R.drawable.ugckit_ic_aspect_169);
+
+                mFirstAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_1_1;
+                mSecondAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_3_4;
+                mThirdAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_4_3;
+                mFourthAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_16_9;
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_3_4:
+                if (mOnAspectListener != null) {
+                    mOnAspectListener.onAspectSelect(TXRecordCommon.VIDEO_ASPECT_RATIO_3_4);
+                }
+                mImageAspectCurr.setImageResource(R.drawable.ugckit_ic_aspect_34);
+                mImageAspectFirst.setImageResource(R.drawable.ugckit_ic_aspect_11);
+                mImageAspectSecond.setImageResource(R.drawable.ugckit_ic_aspect_916);
+                mImageAspectThird.setImageResource(R.drawable.ugckit_ic_aspect_43);
+                mImageAspectFourth.setImageResource(R.drawable.ugckit_ic_aspect_169);
+
+                mFirstAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_1_1;
+                mSecondAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_9_16;
+                mThirdAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_4_3;
+                mFourthAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_16_9;
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_1_1:
+                if (mOnAspectListener != null) {
+                    mOnAspectListener.onAspectSelect(TXRecordCommon.VIDEO_ASPECT_RATIO_1_1);
+                }
+                mImageAspectCurr.setImageResource(R.drawable.ugckit_ic_aspect_11);
+                mImageAspectFirst.setImageResource(R.drawable.ugckit_ic_aspect_34);
+                mImageAspectSecond.setImageResource(R.drawable.ugckit_ic_aspect_916);
+                mImageAspectThird.setImageResource(R.drawable.ugckit_ic_aspect_43);
+                mImageAspectFourth.setImageResource(R.drawable.ugckit_ic_aspect_169);
+
+                mFirstAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_3_4;
+                mSecondAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_9_16;
+                mThirdAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_4_3;
+                mFourthAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_16_9;
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_4_3:
+                if (mOnAspectListener != null) {
+                    mOnAspectListener.onAspectSelect(TXRecordCommon.VIDEO_ASPECT_RATIO_4_3);
+                }
+                mImageAspectCurr.setImageResource(R.drawable.ugckit_ic_aspect_43);
+                mImageAspectFirst.setImageResource(R.drawable.ugckit_ic_aspect_34);
+                mImageAspectSecond.setImageResource(R.drawable.ugckit_ic_aspect_916);
+                mImageAspectThird.setImageResource(R.drawable.ugckit_ic_aspect_11);
+                mImageAspectFourth.setImageResource(R.drawable.ugckit_ic_aspect_169);
+
+                mFirstAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_3_4;
+                mSecondAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_9_16;
+                mThirdAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_1_1;
+                mFourthAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_16_9;
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_16_9:
+                if (mOnAspectListener != null) {
+                    mOnAspectListener.onAspectSelect(TXRecordCommon.VIDEO_ASPECT_RATIO_16_9);
+                }
+                mImageAspectCurr.setImageResource(R.drawable.ugckit_ic_aspect_169);
+                mImageAspectFirst.setImageResource(R.drawable.ugckit_ic_aspect_34);
+                mImageAspectSecond.setImageResource(R.drawable.ugckit_ic_aspect_916);
+                mImageAspectThird.setImageResource(R.drawable.ugckit_ic_aspect_11);
+                mImageAspectFourth.setImageResource(R.drawable.ugckit_ic_aspect_43);
+
+                mFirstAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_3_4;
+                mSecondAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_9_16;
+                mThirdAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_1_1;
+                mFourthAspect = TXRecordCommon.VIDEO_ASPECT_RATIO_4_3;
+                break;
+        }
+    }
+
+    /**
+     * 显示切换屏比动画
+     */
+    private void showAspectSelectAnim() {
+        ObjectAnimator showAnimator = ObjectAnimator.ofFloat(mLayoutAspectSelect, "translationX",
+                2 * (getResources().getDimension(R.dimen.ugckit_aspect_divider) + getResources().getDimension(R.dimen.ugckit_aspect_width)), 0f);
+        showAnimator.setDuration(80);
+        showAnimator.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animator) {
+                mLayoutAspectSelect.setVisibility(View.VISIBLE);
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animator) {
+
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animator) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animator) {
+
+            }
+        });
+        showAnimator.start();
+    }
+
+    /**
+     * 隐藏切换屏比动画
+     */
+    public void hideAspectSelectAnim() {
+        ObjectAnimator showAnimator = ObjectAnimator.ofFloat(mLayoutAspectSelect, "translationX", 0f,
+                2 * (getResources().getDimension(R.dimen.ugckit_aspect_divider) + getResources().getDimension(R.dimen.ugckit_aspect_width)));
+        showAnimator.setDuration(80);
+        showAnimator.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animator) {
+
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animator) {
+                mLayoutAspectSelect.setVisibility(GONE);
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animator) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animator) {
+
+            }
+        });
+        showAnimator.start();
+    }
+
+    /**
+     * 设置切换"屏比"监听器
+     *
+     * @param listener
+     */
+    public void setOnAspectListener(OnAspectListener listener) {
+        mOnAspectListener = listener;
+    }
+
+    public void enableMask() {
+        mImageAspecteMask.setVisibility(View.VISIBLE);
+        mImageAspectCurr.setEnabled(false);
+    }
+
+    public void disableMask() {
+        mImageAspecteMask.setVisibility(View.GONE);
+        mImageAspectCurr.setEnabled(true);
+    }
+
+    public void setTextSize(int size) {
+        mTextAspect.setTextSize(size);
+    }
+
+    public void setTextColor(int color) {
+        mTextAspect.setTextColor(getResources().getColor(color));
+    }
+
+    public void setIconList(int[] iconList) {
+        Log.d(TAG, "iconList size:" + iconList.length);
+
+        mImageAspectCurr.setImageResource(iconList[0]);
+        mImageAspectFirst.setImageResource(iconList[1]);
+        mImageAspectSecond.setImageResource(iconList[2]);
+    }
+
+    public void setAspect(int aspectRatio) {
+        selectAnotherAspect(aspectRatio);
+    }
+
+    public interface OnAspectListener {
+        /**
+         * 选择一种屏比
+         *
+         * @param currentAspect 当前屏比
+         */
+        void onAspectSelect(int currentAspect);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AudioFocusManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AudioFocusManager.java
new file mode 100644
index 0000000..19b79a6
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/AudioFocusManager.java
@@ -0,0 +1,80 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.content.Context;
+import android.media.AudioManager;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+
+public class AudioFocusManager {
+    @Nullable
+    private AudioManager                            mAudioManager;
+    private OnAudioFocusListener                    mListener;
+    private AudioManager.OnAudioFocusChangeListener mOnAudioFocusListener;
+
+    @NonNull
+    private static AudioFocusManager instance = new AudioFocusManager();
+
+    private AudioFocusManager() {
+    }
+
+    @NonNull
+    public static AudioFocusManager getInstance() {
+        return instance;
+    }
+
+
+    public void requestAudioFocus() {
+        if (null == mAudioManager) {
+            mAudioManager = (AudioManager) UGCKit.getAppContext().getSystemService(Context.AUDIO_SERVICE);
+        }
+        if (null == mOnAudioFocusListener) {
+            mOnAudioFocusListener = new AudioManager.OnAudioFocusChangeListener() {
+
+                @Override
+                public void onAudioFocusChange(int focusChange) {
+                    try {
+                        if (focusChange == AudioManager.AUDIOFOCUS_LOSS || focusChange == AudioManager.AUDIOFOCUS_LOSS_TRANSIENT) {
+                            onCallback();
+                        } else if (focusChange == AudioManager.AUDIOFOCUS_GAIN) {
+                        } else {
+                            onCallback();
+                        }
+                    } catch (Exception e) {
+                        e.printStackTrace();
+                    }
+                }
+            };
+        }
+        try {
+            mAudioManager.requestAudioFocus(mOnAudioFocusListener, AudioManager.STREAM_MUSIC, AudioManager.AUDIOFOCUS_GAIN);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    private void onCallback() {
+        if (mListener != null) {
+            mListener.onAudioFocusChange();
+        }
+    }
+
+    public void abandonAudioFocus() {
+        try {
+            if (null != mAudioManager && null != mOnAudioFocusListener) {
+                mAudioManager.abandonAudioFocus(mOnAudioFocusListener);
+            }
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    public void setAudioFocusListener(OnAudioFocusListener listner) {
+        mListener = listner;
+    }
+
+    public interface OnAudioFocusListener {
+        void onAudioFocusChange();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/ImageSnapShotView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/ImageSnapShotView.java
new file mode 100644
index 0000000..2e62b3a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/ImageSnapShotView.java
@@ -0,0 +1,123 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.animation.Animator;
+import android.animation.AnimatorSet;
+import android.animation.ObjectAnimator;
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.util.AttributeSet;
+import android.util.DisplayMetrics;
+import android.view.View;
+import android.view.animation.DecelerateInterpolator;
+import android.view.animation.LinearInterpolator;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+
+
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.R;
+
+/**
+ * 录制-拍照ImageView
+ */
+public class ImageSnapShotView extends RelativeLayout {
+    private ImageView mIvSnapshotView;
+
+    public ImageSnapShotView(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public ImageSnapShotView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public ImageSnapShotView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_image_snap_shot_view, this);
+        mIvSnapshotView = (ImageView) findViewById(R.id.iv_snapshot_photo);
+    }
+
+    public void showSnapshotAnim(Bitmap bitmap) {
+        mIvSnapshotView.setTranslationX(0);
+        mIvSnapshotView.setTranslationY(0);
+        mIvSnapshotView.setScaleX(1);
+        mIvSnapshotView.setScaleY(1);
+        mIvSnapshotView.setPivotX(0);
+        mIvSnapshotView.setPivotY(0);
+        mIvSnapshotView.setAlpha(1.0f);
+        mIvSnapshotView.setImageBitmap(bitmap);
+        mIvSnapshotView.setVisibility(View.VISIBLE);
+
+        DisplayMetrics dm = getResources().getDisplayMetrics();
+        float screenWidth = dm.widthPixels;
+
+        float vWidth = mIvSnapshotView.getWidth();
+
+        float density = getResources().getDisplayMetrics().density;
+
+        float targetWidthInDP = 80;
+
+        float targetWidth = targetWidthInDP * density;
+
+        float scale = targetWidth / vWidth;
+
+        float targetLocalX = screenWidth - 40 * density - targetWidth;
+        float targetLocalY = 40 * density;
+
+        float translationX = targetLocalX - 0;
+        float translationY = targetLocalY - 0;
+
+        ObjectAnimator animatorScaleX = ObjectAnimator.ofFloat(mIvSnapshotView, "scaleX", 1, scale);
+        ObjectAnimator animatorScaleY = ObjectAnimator.ofFloat(mIvSnapshotView, "scaleY", 1, scale);
+        ObjectAnimator animatorTranslationX = ObjectAnimator.ofFloat(mIvSnapshotView, "translationX", 0, translationX);
+        ObjectAnimator animatorTranslationY = ObjectAnimator.ofFloat(mIvSnapshotView, "translationY", 0, translationY);
+
+        AnimatorSet animatorSet1 = new AnimatorSet();
+        animatorSet1.setDuration(500);
+        animatorSet1.setInterpolator(new DecelerateInterpolator());
+        animatorSet1.play(animatorScaleX).with(animatorScaleY).with(animatorTranslationX).with(animatorTranslationY);
+
+        ObjectAnimator animatorFadeOut = ObjectAnimator.ofFloat(mIvSnapshotView, "alpha", 1.0f, 1.0f, 0.0f);
+
+
+        AnimatorSet animatorSet2 = new AnimatorSet();
+        animatorSet2.setDuration(500);
+        animatorSet2.setInterpolator(new LinearInterpolator());
+        animatorSet2.play(animatorFadeOut);
+
+        AnimatorSet animatorSet = new AnimatorSet();
+        animatorSet.play(animatorSet1);
+        animatorSet.play(animatorSet2).after(animatorSet1);
+
+        animatorSet.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                mIvSnapshotView.setVisibility(View.INVISIBLE);
+                ToastUtil.toastShortMessage(getResources().getString(R.string.ugckit_activity_video_record_take_photo_success));
+//                mIsTakingPhoto = false;
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        animatorSet.start();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/MusicInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/MusicInfo.java
new file mode 100644
index 0000000..c1a4d37
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/MusicInfo.java
@@ -0,0 +1,47 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import androidx.annotation.Nullable;
+
+/**
+ * 录制-音乐信息
+ */
+public class MusicInfo {
+    /**
+     * 音乐名称
+     */
+    public String name;
+    /**
+     * 音乐路径
+     */
+    @Nullable
+    public String path;
+    /**
+     * 正在播放的音乐路径
+     */
+    @Nullable
+    public String playingPath;
+    /**
+     * 音乐列表中的位置
+     */
+    public int    position;
+    /**
+     * 音乐截取的开始时间
+     */
+    public long   startTime;
+    /**
+     * 音乐截取的结束时间
+     */
+    public long   endTime;
+    /**
+     * 音乐时长
+     */
+    public long   duration;
+    /**
+     * 人声的音量大小
+     */
+    public float  videoVolume;
+    /**
+     * 音乐的音量大小
+     */
+    public float  bgmVolume;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/OnFilterScrollViewListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/OnFilterScrollViewListener.java
new file mode 100644
index 0000000..f1d5c24
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/OnFilterScrollViewListener.java
@@ -0,0 +1,8 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.graphics.Bitmap;
+
+public interface OnFilterScrollViewListener {
+    void onFilerChange(Bitmap filterImage, int index);
+}
+
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/PhotoSoundPlayer.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/PhotoSoundPlayer.java
new file mode 100644
index 0000000..c73c6e6
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/PhotoSoundPlayer.java
@@ -0,0 +1,26 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.content.Context;
+import android.media.AudioManager;
+import android.media.MediaPlayer;
+import android.net.Uri;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+
+public class PhotoSoundPlayer {
+    /**
+     * 播放拍照"咔"的声音
+     */
+    public static void playPhotoSound() {
+        AudioManager meng = (AudioManager) UGCKit.getAppContext().getSystemService(Context.AUDIO_SERVICE);
+        int volume = meng.getStreamVolume(AudioManager.STREAM_NOTIFICATION);
+
+        MediaPlayer mediaPlayer = null;
+        if (volume != 0) {
+            if (mediaPlayer == null) {
+                mediaPlayer = MediaPlayer.create(UGCKit.getAppContext(), Uri.parse("file:///system/media/audio/ui/camera_click.ogg"));
+            }
+            mediaPlayer.start();
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordBottomLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordBottomLayout.java
new file mode 100644
index 0000000..9bccd2e
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordBottomLayout.java
@@ -0,0 +1,296 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.app.Activity;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.ugc.TXUGCRecord;
+
+import java.util.Locale;
+
+public class RecordBottomLayout extends RelativeLayout implements View.OnClickListener {
+    private Activity                 mActivity;
+    private ImageView                mImageCameraSwitch;         // 切换摄像头
+    private TextView                 mTextProgressTime;
+    private ImageView                mImageDeleteLastPart;       // 删除上一段
+    private ImageView                mImageTorch;                // 闪光灯
+    private RecordProgressView       mRecordProgressView;        // 录制进度条
+    private RecordSpeedLayout        mRecordSpeedLayout;         // 速度面板
+    private RecordButton             mButtonRecord;              // 录制按钮
+    private RecordModeView           mRecordModeView;            // 录制模式[单击/长按]
+    private View                     mRecordModeDot;
+    private int                      mTorchOnImage;
+    private int                      mTorchOffImage;
+    private int                      mTorchDisableImage;
+    private boolean                  mFrontCameraFlag = true;                //是否前置摄像头UI判断
+    private boolean                  mIsTorchOpenFlag;                       // 是否打开闪光灯UI判断
+    private boolean                  isSelectDeleteLastPartFlag;             // 是否点击一次过"删除最有一段分段视频"按钮
+    private boolean                  mDisableTakePhoto;
+    private boolean                  mDisableLongPressRecord;
+    private OnDeleteLastPartListener mOnDeleteLastPartListener;
+
+    public RecordBottomLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public RecordBottomLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public RecordBottomLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_record_bottom_layout, this);
+
+        mTextProgressTime = (TextView) findViewById(R.id.record_progress_time);
+        mTextProgressTime.setText(0.0f + getResources().getString(R.string.ugckit_unit_second));
+        mTextProgressTime.setVisibility(View.INVISIBLE);
+
+        mImageDeleteLastPart = (ImageView) findViewById(R.id.iv_delete_last_part);
+        mImageDeleteLastPart.setOnClickListener(this);
+
+        mImageTorch = (ImageView) findViewById(R.id.iv_torch);
+        mImageTorch.setOnClickListener(this);
+
+        mImageCameraSwitch = (ImageView) findViewById(R.id.iv_switch_camera);
+        mImageCameraSwitch.setOnClickListener(this);
+
+        mRecordProgressView = (RecordProgressView) findViewById(R.id.record_progress_view);
+
+        mRecordSpeedLayout = (RecordSpeedLayout) findViewById(R.id.record_speed_layout);
+        mRecordSpeedLayout.setOnRecordSpeedListener(new RecordSpeedLayout.OnRecordSpeedListener() {
+            @Override
+            public void onSpeedSelect(int speed) {
+                UGCKitRecordConfig.getInstance().mRecordSpeed = speed;
+                VideoRecordSDK.getInstance().setRecordSpeed(speed);
+            }
+        });
+
+        mButtonRecord = (RecordButton) findViewById(R.id.record_button);
+        mRecordModeView = (RecordModeView) findViewById(R.id.record_mode_view);
+        mRecordModeDot = findViewById(R.id.record_mode_dot);
+
+        // 根据不同的拍摄模式，更新拍摄按钮
+        mRecordModeView.setOnRecordModeListener(new RecordModeView.OnRecordModeListener() {
+            @Override
+            public void onRecordModeSelect(int currentMode) {
+                mButtonRecord.setCurrentRecordMode(currentMode);
+            }
+        });
+
+        mTorchDisableImage = UIAttributeUtil.getResResources(mActivity, R.attr.recordTorchDisableIcon, R.drawable.ugckit_torch_disable);
+        mTorchOffImage = UIAttributeUtil.getResResources(mActivity, R.attr.recordTorchOffIcon, R.drawable.ugckit_selector_torch_close);
+        mTorchOnImage = UIAttributeUtil.getResResources(mActivity, R.attr.recordTorchOnIcon, R.drawable.ugckit_selector_torch_open);
+
+        if (mFrontCameraFlag) {
+            mImageTorch.setVisibility(View.GONE);
+            mImageTorch.setImageResource(mTorchDisableImage);
+        } else {
+            mImageTorch.setVisibility(View.VISIBLE);
+            mImageTorch.setImageResource(mTorchOffImage);
+        }
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        int id = view.getId();
+        if (id == R.id.iv_delete_last_part) {
+            deleteLastPart();
+        } else if (id == R.id.iv_torch) {
+            toggleTorch();
+        } else if (id == R.id.iv_switch_camera) {
+            switchCamera();
+        }
+    }
+
+
+    /**
+     * 切换前后摄像头
+     */
+    private void switchCamera() {
+        mFrontCameraFlag = !mFrontCameraFlag;
+        mIsTorchOpenFlag = false;
+        if (mFrontCameraFlag) {
+            mImageTorch.setVisibility(View.GONE);
+            mImageTorch.setImageResource(mTorchDisableImage);
+        } else {
+            mImageTorch.setVisibility(View.VISIBLE);
+            mImageTorch.setImageResource(mTorchOffImage);
+        }
+        VideoRecordSDK.getInstance().switchCamera(mFrontCameraFlag);
+    }
+
+    /**
+     * 切换闪光灯开/关
+     */
+    private void toggleTorch() {
+        mIsTorchOpenFlag = !mIsTorchOpenFlag;
+        if (mIsTorchOpenFlag) {
+            mImageTorch.setImageResource(mTorchOnImage);
+
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                record.toggleTorch(true);
+            }
+        } else {
+            mImageTorch.setImageResource(mTorchOffImage);
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                record.toggleTorch(false);
+            }
+        }
+    }
+
+    /**
+     * 设置闪光灯的状态为关闭
+     */
+    public void closeTorch() {
+        if (mIsTorchOpenFlag) {
+            mIsTorchOpenFlag = false;
+            if (mFrontCameraFlag) {
+                mImageTorch.setVisibility(View.GONE);
+                mImageTorch.setImageResource(mTorchDisableImage);
+            } else {
+                mImageTorch.setImageResource(mTorchOffImage);
+                mImageTorch.setVisibility(View.VISIBLE);
+            }
+        }
+    }
+
+    /**
+     * 删除上一段
+     */
+    private void deleteLastPart() {
+        int size = VideoRecordSDK.getInstance().getPartManager().getPartsPathList().size();
+        if (size == 0) {
+            // 没有任何分段视频，返回
+            return;
+        }
+        if (!isSelectDeleteLastPartFlag) {
+            isSelectDeleteLastPartFlag = true;
+            // 选中最后一段视频，更新进度条颜色
+            mRecordProgressView.selectLast();
+        } else {
+            isSelectDeleteLastPartFlag = false;
+            // 删除最后一段视频，更新进度条颜色
+            mRecordProgressView.deleteLast();
+
+            VideoRecordSDK.getInstance().deleteLastPart();
+
+            long duration = VideoRecordSDK.getInstance().getPartManager().getDuration();
+            float timeSecond = duration / 1000;
+            mTextProgressTime.setText(String.format(Locale.CHINA, "%.1f", timeSecond) + getResources().getString(R.string.ugckit_unit_second));
+
+            mOnDeleteLastPartListener.onUpdateTitle(timeSecond >= UGCKitRecordConfig.getInstance().mMinDuration / 1000);
+
+            // 删除分段后再次判断size
+            size = VideoRecordSDK.getInstance().getPartManager().getPartsPathList().size();
+            if (size == 0) { // 重新开始录
+                mOnDeleteLastPartListener.onReRecord();
+            }
+        }
+    }
+
+    public void setOnRecordButtonListener(RecordButton.OnRecordButtonListener listener) {
+        mButtonRecord.setOnRecordButtonListener(listener);
+    }
+
+    public void setOnDeleteLastPartListener(OnDeleteLastPartListener lister) {
+        mOnDeleteLastPartListener = lister;
+    }
+
+    public void disableRecordSpeed() {
+        mRecordSpeedLayout.setVisibility(View.GONE);
+    }
+
+    public void disableTakePhoto() {
+        mRecordModeView.disableTakePhoto();
+        mDisableTakePhoto = true;
+        showRecordMode();
+    }
+
+    public void disableLongPressRecord() {
+        mRecordModeView.disableLongPressRecord();
+        mDisableLongPressRecord = true;
+        showRecordMode();
+    }
+
+    //如果禁用拍照和长按拍摄，则仅剩下单击拍摄
+    private void showRecordMode() {
+        mRecordModeDot.setVisibility(View.INVISIBLE);
+        mRecordModeView.selectOneRecordMode();
+    }
+
+    public interface OnDeleteLastPartListener {
+        void onUpdateTitle(boolean enable);
+
+        void onReRecord();
+    }
+
+    public void startRecord() {
+        mImageDeleteLastPart.setVisibility(View.INVISIBLE);
+        mImageCameraSwitch.setVisibility(View.INVISIBLE);
+        mImageTorch.setVisibility(View.INVISIBLE);
+        mRecordModeView.setVisibility(View.INVISIBLE);
+        mRecordSpeedLayout.setVisibility(View.INVISIBLE);
+        mTextProgressTime.setVisibility(View.VISIBLE);
+    }
+
+    public void pauseRecord() {
+        mImageDeleteLastPart.setVisibility(View.VISIBLE);
+        mImageCameraSwitch.setVisibility(View.VISIBLE);
+        mImageTorch.setVisibility(View.VISIBLE);
+        mRecordModeView.setVisibility(View.VISIBLE);
+        mRecordSpeedLayout.setVisibility(View.VISIBLE);
+        mTextProgressTime.setVisibility(View.INVISIBLE);
+    }
+
+    /**
+     * 初始化最大/最小视频录制时长
+     */
+    public void initDuration() {
+        mRecordProgressView.setMaxDuration(UGCKitRecordConfig.getInstance().mMaxDuration);
+        mRecordProgressView.setMinDuration(UGCKitRecordConfig.getInstance().mMinDuration);
+    }
+
+    /**
+     * 更新录制进度Progress
+     *
+     * @param milliSecond
+     */
+    public void updateProgress(long milliSecond) {
+        mRecordProgressView.setProgress((int) milliSecond);
+        float second = milliSecond / 1000f;
+        mTextProgressTime.setText(String.format(Locale.CHINA, "%.1f", second) + getResources().getString(R.string.ugckit_unit_second));
+    }
+
+    public RecordButton getRecordButton() {
+        return mButtonRecord;
+    }
+
+    public RecordModeView getRecordModeView() {
+        return mRecordModeView;
+    }
+
+    public RecordProgressView getRecordProgressView() {
+        return mRecordProgressView;
+    }
+
+    public RecordSpeedLayout getRecordSpeedLayout() {
+        return mRecordSpeedLayout;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordButton.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordButton.java
new file mode 100644
index 0000000..dcac9e8
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordButton.java
@@ -0,0 +1,483 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.animation.Animator;
+import android.animation.AnimatorSet;
+import android.animation.ObjectAnimator;
+import android.app.Activity;
+import android.content.Context;
+import android.graphics.drawable.GradientDrawable;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.animation.LinearInterpolator;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordButton;
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+
+/**
+ * 多种拍摄模式的按钮
+ */
+public class RecordButton extends RelativeLayout implements IRecordButton, View.OnTouchListener {
+    private Activity               mActivity;
+    private ViewGroup              mRootLayout;
+    private View                   mViewPhotoModeOutter;
+    private View                   mViewPhotoModeInner;
+    private View                   mViewTapModeOutter;
+    private View                   mViewTapModeInner;
+    private View                   mViewPressModeOutter;
+    private View                   mViewPressModeInner;
+    private ImageView              mImageRecordPause;
+    private int                    mRecordMode;
+    private boolean                mIsRecording;
+    private OnRecordButtonListener mOnRecordButtonListener;
+
+    public RecordButton(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public RecordButton(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public RecordButton(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_record_button, this);
+        setOnTouchListener(this);
+
+        mRootLayout = (ViewGroup) findViewById(R.id.layout_compose_record_btn);
+
+        mViewPhotoModeOutter = findViewById(R.id.view_take_photo_bkg);
+        mViewPhotoModeInner = findViewById(R.id.view_take_photo);
+
+        mViewTapModeOutter = findViewById(R.id.view_record_click_shot_bkg);
+        mViewTapModeInner = findViewById(R.id.view_record_click_shot);
+
+        mImageRecordPause = (ImageView) findViewById(R.id.iv_record_pause);
+
+        mViewPressModeOutter = findViewById(R.id.view_record_touch_shot_bkg);
+        mViewPressModeInner = findViewById(R.id.view_record_touch_shot);
+
+        mViewPhotoModeOutter.setVisibility(GONE);
+        mViewPhotoModeInner.setVisibility(GONE);
+
+        mViewTapModeOutter.setVisibility(VISIBLE);
+        mViewTapModeInner.setVisibility(VISIBLE);
+        mImageRecordPause.setVisibility(GONE);
+
+        mViewPressModeOutter.setVisibility(GONE);
+        mViewPressModeInner.setVisibility(GONE);
+
+        //兼容android5.0以下不能从drawable文件中读取主题颜色
+        int photoModeOuterColor = UIAttributeUtil.getColorRes(getContext(),
+                R.attr.recordButtonPhotoModeOutterBackground, R.color.ugckit_record_button_take_photo_background_color);
+        mViewPhotoModeOutter.setBackground(createCircleGradientDrawable(photoModeOuterColor));
+        int photoModeInnerColor = UIAttributeUtil.getColorRes(getContext(),
+                R.attr.recordButtonPhotoModeInnerBackground, R.color.color_text_white);
+        mViewPhotoModeInner.setBackground(createCircleGradientDrawable(photoModeInnerColor));
+        int tapModeOuterColor = UIAttributeUtil.getColorRes(getContext(),
+                R.attr.recordButtonTapModeOutterBackground, R.color.ugckit_record_button_click_shot_background_color);
+        mViewTapModeOutter.setBackground(createCircleGradientDrawable(tapModeOuterColor));
+        int tapModeInnerColor = UIAttributeUtil.getColorRes(getContext(),
+                R.attr.recordButtonTapModeInnerBackground, R.color.ugckit_record_button_click_shotInner_color);
+        mViewTapModeInner.setBackground(createCircleGradientDrawable(tapModeInnerColor));
+        int pressModeOuterColor = UIAttributeUtil.getColorRes(getContext(),
+                R.attr.recordButtonPressModeOutterBackground, R.color.ugckit_record_button_touch_shot_background_color);
+        mViewPressModeOutter.setBackground(createCircleGradientDrawable(pressModeOuterColor));
+        int pressModeInnerColor = UIAttributeUtil.getColorRes(getContext(),
+                R.attr.recordButtonPressModeInnerBackground, R.color.ugckit_record_button_touch_shot_inner_color);
+        mViewPressModeInner.setBackground(createCircleGradientDrawable(pressModeInnerColor));
+    }
+
+    @Override
+    public boolean onTouch(View view, @NonNull MotionEvent motionEvent) {
+        int action = motionEvent.getAction();
+        switch (action) {
+            case MotionEvent.ACTION_DOWN: {
+                switch (mRecordMode) {
+                    case RecordModeView.RECORD_MODE_TAKE_PHOTO:
+                        startTakePhotoAnim();
+                        break;
+                    case RecordModeView.RECORD_MODE_CLICK:
+                        toggleRecordAnim();
+                        break;
+                    case RecordModeView.RECORD_MODE_LONG_TOUCH:
+                        startRecordAnim();
+                        mIsRecording = true;
+                        break;
+                }
+                break;
+            }
+            case MotionEvent.ACTION_UP: {
+                switch (mRecordMode) {
+                    case RecordModeView.RECORD_MODE_TAKE_PHOTO:
+                        endTakePhotoAnim();
+                        break;
+                    case RecordModeView.RECORD_MODE_LONG_TOUCH:
+                        pauseRecordAnim();
+                        break;
+                }
+                break;
+            }
+        }
+        return true;
+    }
+
+    /**
+     * 更新视频拍摄模式
+     *
+     * @param recordMode
+     */
+    @Override
+    public void setCurrentRecordMode(int recordMode) {
+        mRecordMode = recordMode;
+
+        mViewPhotoModeOutter.setVisibility(GONE);
+        mViewPhotoModeInner.setVisibility(GONE);
+
+        mViewTapModeOutter.setVisibility(GONE);
+        mViewTapModeInner.setVisibility(GONE);
+
+        mViewPressModeOutter.setVisibility(GONE);
+        mViewPressModeInner.setVisibility(GONE);
+
+        switch (mRecordMode) {
+            case RecordModeView.RECORD_MODE_TAKE_PHOTO:
+                mViewPhotoModeOutter.setVisibility(VISIBLE);
+                mViewPhotoModeInner.setVisibility(VISIBLE);
+                break;
+            case RecordModeView.RECORD_MODE_CLICK:
+                mViewTapModeOutter.setVisibility(VISIBLE);
+                mViewTapModeInner.setVisibility(VISIBLE);
+                break;
+            case RecordModeView.RECORD_MODE_LONG_TOUCH:
+                mViewPressModeOutter.setVisibility(VISIBLE);
+                mViewPressModeInner.setVisibility(VISIBLE);
+                break;
+        }
+    }
+
+    /**
+     * 开始"拍照"操作执行的动画
+     */
+    private void startTakePhotoAnim() {
+        ObjectAnimator btnBkgZoomOutXAn = ObjectAnimator.ofFloat(mViewPhotoModeOutter, "scaleX", ((float) mRootLayout.getWidth()) / mViewPhotoModeOutter.getWidth());
+        ObjectAnimator btnBkgZoomOutYAn = ObjectAnimator.ofFloat(mViewPhotoModeOutter, "scaleY", ((float) mRootLayout.getHeight()) / mViewPhotoModeOutter.getHeight());
+
+        ObjectAnimator btnZoomInXAn = ObjectAnimator.ofFloat(mViewPhotoModeInner, "scaleX", 0.95f);
+        ObjectAnimator btnZoomInYAn = ObjectAnimator.ofFloat(mViewPhotoModeInner, "scaleY", 0.95f);
+
+        AnimatorSet animatorSet = new AnimatorSet();
+        animatorSet.setDuration(80);
+        animatorSet.setInterpolator(new LinearInterpolator());
+        animatorSet.play(btnBkgZoomOutXAn).with(btnBkgZoomOutYAn).with(btnZoomInXAn).with(btnZoomInYAn);
+        animatorSet.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                if (mOnRecordButtonListener != null) {
+                    mOnRecordButtonListener.onTakePhoto();
+                }
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        animatorSet.start();
+    }
+
+    /**
+     * 结束"拍照"操作时执行的动画
+     */
+    public void endTakePhotoAnim() {
+        ObjectAnimator btnBkgZoomInXAn = ObjectAnimator.ofFloat(mViewPhotoModeOutter, "scaleX", 1f);
+        ObjectAnimator btnBkgZoomIntYAn = ObjectAnimator.ofFloat(mViewPhotoModeOutter, "scaleY", 1f);
+
+        ObjectAnimator btnZoomInXAn = ObjectAnimator.ofFloat(mViewPhotoModeInner, "scaleX", 1f);
+        ObjectAnimator btnZoomInYAn = ObjectAnimator.ofFloat(mViewPhotoModeInner, "scaleY", 1f);
+
+        AnimatorSet animatorSet = new AnimatorSet();
+        animatorSet.setDuration(80);
+        animatorSet.setInterpolator(new LinearInterpolator());
+        animatorSet.play(btnBkgZoomInXAn).with(btnBkgZoomIntYAn).with(btnZoomInXAn).with(btnZoomInYAn);
+        animatorSet.start();
+    }
+
+    /**
+     * 切换录制"开始"和"暂停"状态 执行的动画
+     */
+    private void toggleRecordAnim() {
+        if (mIsRecording) {
+            pauseRecordAnim();
+        } else {
+            startRecordAnim();
+        }
+    }
+
+    /**
+     * 开始录制操作执行的动画
+     */
+    public void startRecordAnim() {
+        if (mRecordMode == RecordModeView.RECORD_MODE_CLICK) {
+            startRecordAnimByClick();
+        } else {
+            startRecordAnimByLongTouch();
+        }
+    }
+
+    /**
+     * 暂停录制操作执行的动画
+     */
+    public void pauseRecordAnim() {
+        if (!mIsRecording) {
+            return;
+        }
+        if (mRecordMode == RecordModeView.RECORD_MODE_CLICK) {
+            pauseRecordAnimByClick();
+        } else {
+            pauseRecordAnimByLongTouch();
+        }
+    }
+
+    /**
+     * 拍摄模式为"长按"录制下。开始录制操作执行的动画
+     */
+    private void startRecordAnimByLongTouch() {
+        ObjectAnimator btnBkgZoomOutXAn = ObjectAnimator.ofFloat(mViewPressModeOutter, "scaleX",
+                ((float) mRootLayout.getWidth()) / mViewPressModeOutter.getWidth());
+        ObjectAnimator btnBkgZoomOutYAn = ObjectAnimator.ofFloat(mViewPressModeOutter, "scaleY",
+                ((float) mRootLayout.getHeight()) / mViewPressModeOutter.getHeight());
+
+        ObjectAnimator btnZoomInXAn = ObjectAnimator.ofFloat(mViewPressModeInner, "scaleX", 0.95f);
+        ObjectAnimator btnZoomInYAn = ObjectAnimator.ofFloat(mViewPressModeInner, "scaleY", 0.95f);
+
+        AnimatorSet animatorSet = new AnimatorSet();
+        animatorSet.setDuration(80);
+        animatorSet.setInterpolator(new LinearInterpolator());
+        animatorSet.play(btnBkgZoomOutXAn).with(btnBkgZoomOutYAn).with(btnZoomInXAn).with(btnZoomInYAn);
+        animatorSet.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                if (mOnRecordButtonListener != null) {
+                    mOnRecordButtonListener.onRecordStart();
+                    mIsRecording = true;
+                }
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        animatorSet.start();
+    }
+
+    /**
+     * 拍摄模式为"单击"录制下。开始录制操作执行的动画
+     */
+    private void startRecordAnimByClick() {
+        ObjectAnimator btnBkgZoomOutXAn = ObjectAnimator.ofFloat(mViewTapModeOutter, "scaleX",
+                ((float) mRootLayout.getWidth()) / mViewTapModeOutter.getWidth());
+        ObjectAnimator btnBkgZoomOutYAn = ObjectAnimator.ofFloat(mViewTapModeOutter, "scaleY",
+                ((float) mRootLayout.getHeight()) / mViewTapModeOutter.getHeight());
+
+        ObjectAnimator btnZoomInXAn = ObjectAnimator.ofFloat(mViewTapModeInner, "scaleX", 0.95f);
+        ObjectAnimator btnZoomInYAn = ObjectAnimator.ofFloat(mViewTapModeInner, "scaleY", 0.95f);
+
+        AnimatorSet animatorSet = new AnimatorSet();
+        animatorSet.setDuration(80);
+        animatorSet.setInterpolator(new LinearInterpolator());
+        animatorSet.play(btnBkgZoomOutXAn).with(btnBkgZoomOutYAn).with(btnZoomInXAn).with(btnZoomInYAn);
+        animatorSet.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                if (mOnRecordButtonListener != null) {
+                    mOnRecordButtonListener.onRecordStart();
+                    mIsRecording = true;
+                }
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        animatorSet.start();
+        mImageRecordPause.setVisibility(View.VISIBLE);
+    }
+
+    /**
+     * 拍摄模式为"长按"录制下。暂停录制操作执行的动画
+     */
+    private void pauseRecordAnimByLongTouch() {
+        ObjectAnimator btnBkgZoomInXAn = ObjectAnimator.ofFloat(mViewPressModeOutter, "scaleX", 1f);
+        ObjectAnimator btnBkgZoomIntYAn = ObjectAnimator.ofFloat(mViewPressModeOutter, "scaleY", 1f);
+
+        ObjectAnimator btnZoomInXAn = ObjectAnimator.ofFloat(mViewPressModeInner, "scaleX", 1f);
+        ObjectAnimator btnZoomInYAn = ObjectAnimator.ofFloat(mViewPressModeInner, "scaleY", 1f);
+
+        AnimatorSet animatorSet = new AnimatorSet();
+        animatorSet.setDuration(80);
+        animatorSet.setInterpolator(new LinearInterpolator());
+        animatorSet.play(btnBkgZoomInXAn).with(btnBkgZoomIntYAn).with(btnZoomInXAn).with(btnZoomInYAn);
+        animatorSet.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                if (mOnRecordButtonListener != null) {
+                    mOnRecordButtonListener.onRecordPause();
+                    mIsRecording = false;
+                }
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        animatorSet.start();
+        mImageRecordPause.setVisibility(View.GONE);
+    }
+
+    /**
+     * 拍摄模式为"单击"录制下。暂停录制操作执行的动画
+     */
+    private void pauseRecordAnimByClick() {
+        ObjectAnimator btnBkgZoomInXAn = ObjectAnimator.ofFloat(mViewTapModeOutter, "scaleX", 1f);
+        ObjectAnimator btnBkgZoomIntYAn = ObjectAnimator.ofFloat(mViewTapModeOutter, "scaleY", 1f);
+
+        ObjectAnimator btnZoomInXAn = ObjectAnimator.ofFloat(mViewTapModeInner, "scaleX", 1f);
+        ObjectAnimator btnZoomInYAn = ObjectAnimator.ofFloat(mViewTapModeInner, "scaleY", 1f);
+
+        AnimatorSet animatorSet = new AnimatorSet();
+        animatorSet.setDuration(80);
+        animatorSet.setInterpolator(new LinearInterpolator());
+        animatorSet.play(btnBkgZoomInXAn).with(btnBkgZoomIntYAn).with(btnZoomInXAn).with(btnZoomInYAn);
+        animatorSet.addListener(new Animator.AnimatorListener() {
+            @Override
+            public void onAnimationStart(Animator animation) {
+                if (mOnRecordButtonListener != null) {
+                    mOnRecordButtonListener.onRecordPause();
+                    mIsRecording = false;
+                }
+            }
+
+            @Override
+            public void onAnimationEnd(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationCancel(Animator animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animator animation) {
+
+            }
+        });
+        animatorSet.start();
+        mImageRecordPause.setVisibility(View.GONE);
+    }
+
+    private GradientDrawable createCircleGradientDrawable(int color) {
+        GradientDrawable normalDrawable = new GradientDrawable();
+        normalDrawable.setShape(GradientDrawable.OVAL);
+        normalDrawable.setColor(color);
+        normalDrawable.setUseLevel(false);
+        return normalDrawable;
+    }
+
+    @Override
+    public void setOnRecordButtonListener(OnRecordButtonListener listener) {
+        mOnRecordButtonListener = listener;
+    }
+
+    @Override
+    public void setPhotoOutterColor(int color) {
+        mViewPhotoModeOutter.setBackgroundResource(color);
+    }
+
+    @Override
+    public void setPhotoInnerColor(int color) {
+        mViewPhotoModeInner.setBackgroundResource(color);
+    }
+
+    @Override
+    public void setClickRecordOutterColor(int color) {
+        mViewTapModeOutter.setBackgroundResource(color);
+    }
+
+    @Override
+    public void setClickRecordInnerColor(int color) {
+        mViewTapModeInner.setBackgroundResource(color);
+    }
+
+    @Override
+    public void setTouchRecordOutterColor(int color) {
+        mViewPressModeOutter.setBackgroundResource(color);
+    }
+
+    @Override
+    public void setTouchRecordInnerColor(int color) {
+        mViewPressModeInner.setBackgroundResource(color);
+    }
+
+    @Override
+    public void setPauseIconResource(int resid) {
+        mImageRecordPause.setImageResource(resid);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordModeView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordModeView.java
new file mode 100644
index 0000000..49599a7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordModeView.java
@@ -0,0 +1,167 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.animation.ObjectAnimator;
+import android.app.Activity;
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.LinearLayout;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+/**
+ * 拍摄模式
+ */
+public class RecordModeView extends RelativeLayout implements View.OnClickListener {
+
+    /**
+     * 拍摄方式选择，目前支持三种（单击拍照，单击录制，长按录制）
+     */
+    public static final int RECORD_MODE_TAKE_PHOTO = 1;
+    public static final int RECORD_MODE_CLICK      = 2;
+    public static final int RECORD_MODE_LONG_TOUCH = 3;
+
+    private Activity             mActivity;
+    private TextView             mTextPhoto;
+    private TextView             mTextClick;
+    private TextView             mTextTouch;
+    private LinearLayout         mLayoutRecordMode;
+    private boolean              mDisableTakePhoto;
+    private boolean              mDisableLongPressRecord;
+    private OnRecordModeListener mOnRecordModeListener;
+
+    public RecordModeView(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public RecordModeView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public RecordModeView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_record_mode_layout, this);
+
+        mLayoutRecordMode = (LinearLayout) findViewById(R.id.layout_record_mode);
+        mTextPhoto = (TextView) findViewById(R.id.tv_photo);
+        mTextClick = (TextView) findViewById(R.id.tv_click);
+        mTextTouch = (TextView) findViewById(R.id.tv_touch);
+
+        mTextClick.setSelected(true);
+        mTextPhoto.setOnClickListener(this);
+        mTextClick.setOnClickListener(this);
+        mTextTouch.setOnClickListener(this);
+    }
+
+    /**
+     * 合唱模式：禁用拍照，仅支持"单击拍"和"按住拍"
+     */
+    public void disableTakePhoto() {
+        mTextPhoto.setVisibility(View.INVISIBLE);
+    }
+
+    public void disableLongPressRecord() {
+        mTextTouch.setVisibility(View.INVISIBLE);
+    }
+
+    //如果禁用拍照和长按拍摄，则仅剩下单击拍摄
+    public void selectOneRecordMode() {
+        mTextClick.setVisibility(View.INVISIBLE);
+        mTextTouch.setVisibility(View.INVISIBLE);
+        mTextPhoto.setVisibility(View.INVISIBLE);
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        if (view.isSelected()) {
+            return;
+        }
+        float xGap = 0;
+        int id = view.getId();
+
+        if (id == R.id.tv_photo) {
+            /**
+             * 切换为拍照模式
+             */
+            if (mTextClick.isSelected()) {
+                xGap = 1.0f / 3;
+            } else if (mTextTouch.isSelected()) {
+                xGap = 2.0f / 3;
+            }
+            mTextPhoto.setSelected(true);
+            mTextClick.setSelected(false);
+            mTextTouch.setSelected(false);
+
+            if (mOnRecordModeListener != null) {
+                mOnRecordModeListener.onRecordModeSelect(RecordModeView.RECORD_MODE_TAKE_PHOTO);
+            }
+        } else if (id == R.id.tv_click) {
+            if (mTextPhoto.isSelected()) {
+                xGap = -1.0f / 3;
+            } else if (mTextTouch.isSelected()) {
+                xGap = 1.0f / 3;
+            }
+            mTextPhoto.setSelected(false);
+            mTextClick.setSelected(true);
+            mTextTouch.setSelected(false);
+
+            if (mOnRecordModeListener != null) {
+                mOnRecordModeListener.onRecordModeSelect(RecordModeView.RECORD_MODE_CLICK);
+            }
+        } else if (id == R.id.tv_touch) {
+            if (mTextPhoto.isSelected()) {
+                xGap = -2.0f / 3;
+            } else if (mTextClick.isSelected()) {
+                xGap = -1.0f / 3;
+            }
+            mTextPhoto.setSelected(false);
+            mTextClick.setSelected(false);
+            mTextTouch.setSelected(true);
+
+            if (mOnRecordModeListener != null) {
+                mOnRecordModeListener.onRecordModeSelect(RecordModeView.RECORD_MODE_LONG_TOUCH);
+            }
+        }
+        float x1 = mLayoutRecordMode.getTranslationX();
+        float x2 = x1 + mLayoutRecordMode.getWidth() * xGap;
+
+        ObjectAnimator animator = ObjectAnimator.ofFloat(mLayoutRecordMode, "translationX", x1, x2);
+        animator.setDuration(400);
+        animator.start();
+    }
+
+    /**
+     * 设置切换"拍摄模式"监听器
+     *
+     * @param listener
+     */
+    public void setOnRecordModeListener(RecordModeView.OnRecordModeListener listener) {
+        mOnRecordModeListener = listener;
+    }
+
+    public interface OnRecordModeListener {
+        /**
+         * 选择一种拍摄模式
+         *
+         * @param currentMode 当前拍摄模式
+         */
+        void onRecordModeSelect(int currentMode);
+    }
+
+    public interface OnSnapListener {
+        void onSnap(Bitmap bitmap);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordMusicManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordMusicManager.java
new file mode 100644
index 0000000..8a12558
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordMusicManager.java
@@ -0,0 +1,127 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import androidx.annotation.NonNull;
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.tencent.ugc.TXRecordCommon;
+import com.tencent.ugc.TXUGCRecord;
+
+/**
+ * 录制-音乐管理
+ */
+public class RecordMusicManager {
+    private static final String TAG = "RecordMusicManager";
+
+    @NonNull
+    private static RecordMusicManager sInstance = new RecordMusicManager();
+    private        MusicInfo          mMusicInfo;
+
+    private RecordMusicManager() {
+        mMusicInfo = new MusicInfo();
+    }
+
+    @NonNull
+    public static RecordMusicManager getInstance() {
+        return sInstance;
+    }
+
+    public void setRecordMusicInfo(@NonNull MusicInfo musicInfo) {
+        mMusicInfo.path = musicInfo.path;
+        mMusicInfo.name = musicInfo.name;
+        mMusicInfo.position = musicInfo.position;
+        mMusicInfo.duration = musicInfo.duration;
+        mMusicInfo.startTime = 0;
+        mMusicInfo.endTime = musicInfo.duration;
+    }
+
+    /**
+     * 判断是否选择了音乐
+     *
+     * @return
+     */
+    public boolean isChooseMusic() {
+        return !TextUtils.isEmpty(mMusicInfo.path);
+    }
+
+    public MusicInfo getMusicInfo() {
+        return mMusicInfo;
+    }
+
+    /**
+     * 开始音乐试听
+     */
+    public void startPreviewMusic() {
+        if (!TextUtils.isEmpty(mMusicInfo.path)) {
+            // 保证在试听的时候音乐是正常播放的
+            VideoRecordSDK.getInstance().setRecordSpeed(TXRecordCommon.RECORD_SPEED_NORMAL);
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                record.playBGMFromTime((int) mMusicInfo.startTime, (int) mMusicInfo.endTime);
+            }
+        }
+    }
+
+    /**
+     * 停止音乐试听
+     */
+    public void stopPreviewMusic() {
+        // 选择完音乐返回时试听结束
+        if (!TextUtils.isEmpty(mMusicInfo.path)) {
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                record.stopBGM();
+                mMusicInfo.playingPath = null;
+            }
+            // 在试听结束时，再设置回原来的速度
+            VideoRecordSDK.getInstance().setRecordSpeed(UGCKitRecordConfig.getInstance().mRecordSpeed);
+        }
+    }
+
+    public void startMusic() {
+        if (!TextUtils.isEmpty(mMusicInfo.path)) {
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                mMusicInfo.duration = record.setBGM(mMusicInfo.path);
+                record.playBGMFromTime((int) mMusicInfo.startTime, (int) mMusicInfo.endTime);
+            }
+            mMusicInfo.playingPath = mMusicInfo.path;
+        }
+    }
+
+    public void resumeMusic() {
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            if (!TextUtils.isEmpty(mMusicInfo.path)) {
+                if (mMusicInfo.playingPath == null || !mMusicInfo.path.equals(mMusicInfo.playingPath)) {
+                    mMusicInfo.playingPath = mMusicInfo.path;
+                    mMusicInfo.duration = record.setBGM(mMusicInfo.path);
+                    record.playBGMFromTime((int) mMusicInfo.startTime, (int) mMusicInfo.duration);
+                } else {
+                    record.resumeBGM();
+                }
+            }
+        }
+    }
+
+    public void pauseMusic() {
+        Log.d(TAG, "pauseMusic");
+        if (!TextUtils.isEmpty(mMusicInfo.playingPath)) {
+            TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+            if (record != null) {
+                record.pauseBGM();
+            }
+        }
+    }
+
+    public void deleteMusic() {
+        mMusicInfo.path = null;
+        mMusicInfo.position = -1;
+
+        TXUGCRecord record = VideoRecordSDK.getInstance().getRecorder();
+        if (record != null) {
+            record.stopBGM();
+            record.setBGM(null);
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordMusicPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordMusicPannel.java
new file mode 100755
index 0000000..0cadd7d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordMusicPannel.java
@@ -0,0 +1,213 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.content.Context;
+import android.graphics.drawable.Drawable;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.MotionEvent;
+import android.view.View;
+import android.widget.Button;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.SeekBar;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.utils.DateTimeUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordMusicPannel;
+import com.tencent.qcloud.ugckit.component.slider.RangeSlider;
+
+
+public class RecordMusicPannel extends RelativeLayout implements IRecordMusicPannel, SeekBar.OnSeekBarChangeListener, RangeSlider.OnRangeChangeListener, View.OnClickListener {
+    private Context                                mContext;
+    private SeekBar                                mSeekBarVolume;
+    private RangeSlider                            mRangeSlider;
+    private Button                                 mButtonConfirm;
+    private TextView                               mTextStartTime;
+    private TextView                               mTextMusicName;
+    private ImageView                              mImageLogo;
+    private ImageView                              mImageVoiceWave;
+    private ImageView                              mImageReplace;
+    private ImageView                              mImageDelete;
+    private int                                    mMusicVolume = 100;
+    private long                                   mMusicDuration;
+    private IRecordMusicPannel.MusicChangeListener mMusicChangeListener;
+
+    public RecordMusicPannel(Context context) {
+        super(context);
+        init(context);
+    }
+
+    public RecordMusicPannel(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public RecordMusicPannel(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init(context);
+    }
+
+    private void init(Context context) {
+        mContext = context;
+        LayoutInflater.from(context).inflate(R.layout.ugckit_layout_reocrd_music, this);
+        mImageLogo = (ImageView) findViewById(R.id.iv_music_logo);
+        mImageVoiceWave = (ImageView) findViewById(R.id.iv_voice_wave);
+        mSeekBarVolume = (SeekBar) findViewById(R.id.seekbar_bgm_volume);
+        mSeekBarVolume.setOnSeekBarChangeListener(this);
+
+        mRangeSlider = (RangeSlider) findViewById(R.id.bgm_range_slider);
+        mRangeSlider.setRangeChangeListener(this);
+
+        mButtonConfirm = (Button) findViewById(R.id.btn_bgm_confirm);
+        mButtonConfirm.setOnClickListener(this);
+        mImageReplace = (ImageView) findViewById(R.id.btn_bgm_replace);
+        mImageReplace.setOnClickListener(this);
+        mImageDelete = (ImageView) findViewById(R.id.btn_bgm_delete);
+        mImageDelete.setOnClickListener(this);
+
+        mTextStartTime = (TextView) findViewById(R.id.tv_bgm_start_time);
+        mTextStartTime.setText(String.format(getResources().getString(R.string.ugckit_bgm_start_position), "00:00"));
+
+        mTextMusicName = (TextView) findViewById(R.id.tx_music_name);
+        mTextMusicName.setText("");
+        mTextMusicName.setSelected(true);
+    }
+
+    @Override
+    public boolean onTouchEvent(MotionEvent event) {
+        super.onTouchEvent(event);
+        return true;
+    }
+
+    private void setMusicName(String musicName) {
+        mTextMusicName.setText(musicName);
+    }
+
+    @Override
+    public void onProgressChanged(@NonNull SeekBar seekBar, int progress, boolean fromUser) {
+        if (seekBar.getId() == R.id.seekbar_bgm_volume) {
+            mMusicVolume = progress;
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMusicVolumChanged(mMusicVolume / (float) 100);
+            }
+        }
+    }
+
+    @Override
+    public void onStartTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void onStopTrackingTouch(SeekBar seekBar) {
+
+    }
+
+    @Override
+    public void onKeyDown(int type) {
+
+    }
+
+    @Override
+    public void onKeyUp(int type, int leftPinIndex, int rightPinIndex) {
+        long leftTime = mMusicDuration * leftPinIndex / 100; //ms
+        long rightTime = mMusicDuration * rightPinIndex / 100;
+
+        if (mMusicChangeListener != null) {
+            mMusicChangeListener.onMusicTimeChanged(leftTime, rightTime);
+        }
+
+        mTextStartTime.setText(String.format(getResources().getString(R.string.ugckit_bgm_start_position), DateTimeUtil.millsecondToMinuteSecond((int) leftTime)));
+    }
+
+    private void setCutRange(long startTime, long endTime) {
+        if (mRangeSlider != null && mMusicDuration != 0) {
+            int left = (int) (startTime * 100 / mMusicDuration);
+            int right = (int) (endTime * 100 / mMusicDuration);
+            mRangeSlider.setCutRange(left, right);
+        }
+        if (mTextStartTime != null) {
+            mTextStartTime.setText(String.format(getResources().getString(R.string.ugckit_bgm_start_position), DateTimeUtil.millsecondToMinuteSecond((int) startTime)));
+        }
+    }
+
+    @Override
+    public void onClick(@NonNull View v) {
+        int i = v.getId();
+        if (i == R.id.btn_bgm_confirm) {
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMusicSelect();
+            }
+
+        } else if (i == R.id.btn_bgm_replace) {
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMusicReplace();
+            }
+
+        } else if (i == R.id.btn_bgm_delete) {
+            if (mMusicChangeListener != null) {
+                mMusicChangeListener.onMusicDelete();
+            }
+        }
+    }
+
+    @Override
+    public void setOnMusicChangeListener(IRecordMusicPannel.MusicChangeListener volumeChangeListener) {
+        mMusicChangeListener = volumeChangeListener;
+    }
+
+    @Override
+    public void setMusicInfo(@NonNull MusicInfo musicInfo) {
+        setMusicName(musicInfo.name);
+        mMusicDuration = musicInfo.duration;
+        setCutRange(0, musicInfo.duration);
+        mRangeSlider.resetRangePos();
+    }
+
+    @Override
+    public void setMusicIconResource(int resid) {
+        mImageLogo.setImageResource(resid);
+    }
+
+    @Override
+    public void setMusicDeleteIconResource(int resid) {
+        mImageDelete.setImageResource(resid);
+    }
+
+    @Override
+    public void setMusicReplaceIconResource(int resid) {
+        mImageReplace.setImageResource(resid);
+    }
+
+    @Override
+    public void setVolumeSeekbarColor(int color) {
+        mSeekBarVolume.setBackgroundColor(getResources().getColor(color));
+    }
+
+    @Override
+    public void setMusicRangeColor(Drawable color) {
+    }
+
+    @Override
+    public void setMusicRangeBackgroundResource(int resid) {
+        mImageVoiceWave.setImageResource(resid);
+    }
+
+    @Override
+    public void setConfirmButtonBackgroundColor(int color) {
+        mButtonConfirm.setBackgroundColor(getResources().getColor(color));
+    }
+
+    @Override
+    public void setConfirmButtonTextColor(int color) {
+        mButtonConfirm.setTextColor(getResources().getColor(color));
+    }
+
+    @Override
+    public void setConfirmButtonTextSize(int size) {
+        mButtonConfirm.setTextSize(size);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordPauseSnapView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordPauseSnapView.java
new file mode 100644
index 0000000..044e883
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordPauseSnapView.java
@@ -0,0 +1,131 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.RectF;
+
+import androidx.annotation.Nullable;
+
+import android.util.AttributeSet;
+
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.ugc.TXRecordCommon;
+
+/**
+ * 短视频录制暂留画面
+ */
+public class RecordPauseSnapView extends androidx.appcompat.widget.AppCompatImageView {
+
+    //暂留图片
+    private Bitmap mSnapImageBitmap;
+    //透明度
+    private float mOpacityRate = 0.7f;
+
+    private final Paint mDefaultPaint = new Paint();
+    //图片宽高比
+    private float mImageSizeRate = 1f;
+
+    private final RectF mImageDrawRect = new RectF();
+
+
+    public RecordPauseSnapView(Context context) {
+        this(context, null);
+    }
+
+    public RecordPauseSnapView(Context context, @Nullable AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public RecordPauseSnapView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        mDefaultPaint.setStyle(Paint.Style.FILL);
+        setSnapViewAlpha(mOpacityRate);
+        setClickable(false);
+        setFocusable(false);
+    }
+
+    public void setSnapViewAlpha(float alpha) {
+        this.mOpacityRate = alpha;
+        mDefaultPaint.setAlpha((int) (alpha * 255));
+    }
+
+    public float getSnapViewAlpha() {
+        return mOpacityRate;
+    }
+
+    /**
+     * 暂停状态下的暂留画面：抓取当前视频截图，并以mPauseSnapOpacity透明度显示在播放器上
+     */
+    public void catchPauseImage() {
+        setSnapViewAlpha(UGCKitRecordConfig.getInstance().mPauseSnapOpacity);
+        //不使用takePhoto方法，takePhoto方法会把当前照片存储到本地，该功能暂不需要存储
+        if (VideoRecordSDK.getInstance().getRecorder() != null) {
+            VideoRecordSDK.getInstance().getRecorder().snapshot(new TXRecordCommon.ITXSnapshotListener() {
+                @Override
+                public void onSnapshot(final Bitmap bitmap) {
+                    BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                        @Override
+                        public void run() {
+                            setSnapImageBitmap(bitmap);
+                            calcSnapImageSize();
+                        }
+                    });
+                }
+            });
+        }
+    }
+
+    private void calcSnapImageSize() {
+        int bitmapWidth = mSnapImageBitmap.getWidth();
+        int bitmapHeight = mSnapImageBitmap.getHeight();
+
+        mImageSizeRate = bitmapHeight / (float) bitmapWidth;
+    }
+
+    public void setSnapImageBitmap(Bitmap bitmap) {
+        this.mSnapImageBitmap = bitmap;
+        if (null != bitmap) {
+            setVisibility(VISIBLE);
+        }
+        invalidate();
+    }
+
+    public Bitmap getSnapImageBitmap() {
+        return mSnapImageBitmap;
+    }
+
+    public void clearBitmap() {
+        if (null != getSnapImageBitmap()) {
+            setSnapImageBitmap(null);
+        }
+        if (getVisibility() == VISIBLE) {
+            setVisibility(GONE);
+        }
+    }
+
+    @Override
+    protected void onDraw(Canvas canvas) {
+        int width = getMeasuredWidth();
+        int height = getMeasuredHeight();
+        canvas.saveLayer(0, 0, width, height, null, Canvas.ALL_SAVE_FLAG);
+        if (null != mSnapImageBitmap) {
+
+            float drawHeight = width * mImageSizeRate;
+
+            final float top = (height / 2f) - (drawHeight / 2);
+            final float bottom = (height / 2f) + (drawHeight / 2);
+
+            mImageDrawRect.left = 0;
+            mImageDrawRect.top = top;
+            mImageDrawRect.right = width;
+            mImageDrawRect.bottom = bottom;
+
+            canvas.drawBitmap(mSnapImageBitmap, null,
+                    mImageDrawRect, mDefaultPaint);
+
+        }
+        canvas.restore();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordProgressView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordProgressView.java
new file mode 100644
index 0000000..87cefe4
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordProgressView.java
@@ -0,0 +1,241 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.os.Handler;
+import androidx.annotation.ColorInt;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.View;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordProgressView;
+
+import java.util.ArrayList;
+
+/**
+ * 录制进度条
+ */
+public class RecordProgressView extends View implements IRecordProgressView {
+    private final String TAG = "RecordProgressView";
+
+    private Paint               mRecordPaint;
+    private Paint               mPendingPaint;
+    private Paint               mSpacePaint;
+    @Nullable
+    private Handler             mHandler;
+    private ArrayList<ClipInfo> mClipInfoList;
+    private ClipInfo            mCurClipInfo;
+    private int                 mMaxDuration;
+    private int                 mMinDuration;
+    private int                 mLastTotalDuration;
+    public  int                 mNormalColor;           // 已经录制的视频进度条颜色
+    public  int                 mDeleteColor;           // 删除上一段选中的进度条颜色
+    public  int                 mBackgroundColor;       // 进度条背景颜色
+    public  int                 mSpaceColor;            // 多段录制间隔颜色
+    private boolean             isPending;
+    private boolean             isCursorShow = false;
+    private boolean             isInProgress = false;
+
+    public RecordProgressView(Context context) {
+        super(context);
+        init();
+    }
+
+    public RecordProgressView(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public RecordProgressView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    private void init() {
+        mRecordPaint = new Paint();
+        mPendingPaint = new Paint();
+        mSpacePaint = new Paint();
+
+        mRecordPaint.setAntiAlias(true);
+        mPendingPaint.setAntiAlias(true);
+        mSpacePaint.setAntiAlias(true);
+
+        mBackgroundColor = getResources().getColor(R.color.ugckit_record_progress_bg);
+        mNormalColor = getResources().getColor(R.color.ugckit_record_progress);
+        mDeleteColor = getResources().getColor(R.color.ugckit_record_progress_pending);
+        mSpaceColor = getResources().getColor(R.color.ugckit_white);
+
+        mRecordPaint.setColor(mNormalColor);
+        mPendingPaint.setColor(mDeleteColor);
+        mSpacePaint.setColor(mSpaceColor);
+
+        mClipInfoList = new ArrayList<ClipInfo>();
+        mCurClipInfo = new ClipInfo();
+        isPending = false;
+
+        mHandler = new Handler();
+        startCursorBling();
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+
+        canvas.drawColor(mBackgroundColor);
+
+        int lastTotalProgress = 0;
+        float totalWidth = 0;
+        for (ClipInfo clipInfo : mClipInfoList) {
+            float newWidth = (lastTotalProgress + clipInfo.progress) / (float) mMaxDuration * getWidth();
+            switch (clipInfo.clipType) {
+                case ClipInfo.CLIP_TYPE_SPACE:
+                    canvas.drawRect(totalWidth - getResources().getDimension(R.dimen.ugckit_progress_divider), 0f, newWidth, getHeight(), mSpacePaint);
+                    break;
+                case ClipInfo.CLIP_TYPE_PROGRESS:
+                    canvas.drawRect(totalWidth, 0f, newWidth, getHeight(), mRecordPaint);
+                    break;
+                case ClipInfo.CLIP_TYPE_PENDING:
+                    canvas.drawRect(totalWidth, 0f, newWidth, getHeight(), mPendingPaint);
+                    break;
+            }
+            lastTotalProgress += clipInfo.progress;
+            totalWidth = newWidth;
+        }
+        if (mCurClipInfo != null && mCurClipInfo.progress != 0) {
+            canvas.drawRect(totalWidth, 0f, totalWidth + mCurClipInfo.progress / (float) mMaxDuration * getWidth(), getHeight(), mRecordPaint);
+            totalWidth = totalWidth + mCurClipInfo.progress / (float) mMaxDuration * getWidth();
+        }
+        if (lastTotalProgress + mCurClipInfo.progress < mMinDuration) {
+            canvas.drawRect(mMinDuration / (float) mMaxDuration * getWidth(), 0f,
+                    mMinDuration / (float) mMaxDuration * getWidth() + getResources().getDimension(R.dimen.ugckit_progress_min_pos), getHeight(), mSpacePaint);
+        }
+        if (isCursorShow || isInProgress) {
+            canvas.drawRect(totalWidth, 0f, totalWidth + getResources().getDimension(R.dimen.ugckit_progress_cursor), getHeight(), mSpacePaint);
+        }
+    }
+
+    @Override
+    public void setNormalColor(@ColorInt int color) {
+        mNormalColor = color;
+        mRecordPaint.setColor(mNormalColor);
+    }
+
+    @Override
+    public void setDeleteColor(@ColorInt int color) {
+        mDeleteColor = color;
+        mPendingPaint.setColor(mDeleteColor);
+    }
+
+    @Override
+    public void setSpaceColor(@ColorInt int color) {
+        mSpaceColor = color;
+        mSpacePaint.setColor(mSpaceColor);
+    }
+
+    private class ClipInfo {
+        public static final int CLIP_TYPE_PROGRESS = 1;
+        public static final int CLIP_TYPE_PENDING  = 2;
+        public static final int CLIP_TYPE_SPACE    = 3;
+
+        public int progress;
+        public int clipType;
+    }
+
+    @Override
+    public void setMaxDuration(int maxDuration) {
+        this.mMaxDuration = maxDuration;
+    }
+
+    @Override
+    public void setMinDuration(int minDuration) {
+        this.mMinDuration = minDuration;
+    }
+
+    @Override
+    public void setProgress(int progress) {
+        isInProgress = true;
+        stopCursorBling();
+        if (isPending) {
+            for (ClipInfo clipInfo : mClipInfoList) {
+                if (clipInfo.clipType == ClipInfo.CLIP_TYPE_PENDING) {
+                    clipInfo.clipType = ClipInfo.CLIP_TYPE_PROGRESS;
+                    isPending = false;
+                    break;
+                }
+            }
+        }
+        this.mCurClipInfo.clipType = ClipInfo.CLIP_TYPE_PROGRESS;
+        this.mCurClipInfo.progress = progress - mLastTotalDuration;
+        invalidate();
+    }
+
+    public void clipComplete() {
+        isInProgress = false;
+
+        mLastTotalDuration = mLastTotalDuration + mCurClipInfo.progress;
+
+        mClipInfoList.add(mCurClipInfo);
+        ClipInfo clipInfo = new ClipInfo();
+        clipInfo.clipType = ClipInfo.CLIP_TYPE_SPACE;
+        clipInfo.progress = 0;
+        mClipInfoList.add(clipInfo);
+        mCurClipInfo = new ClipInfo();
+
+        startCursorBling();
+        invalidate();
+    }
+
+    @Override
+    public void selectLast() {
+        if (mClipInfoList.size() >= 2) {
+            ClipInfo clipInfo = mClipInfoList.get(mClipInfoList.size() - 2);
+            clipInfo.clipType = ClipInfo.CLIP_TYPE_PENDING;
+            isPending = true;
+            invalidate();
+        }
+    }
+
+    @Override
+    public void deleteLast() {
+        if (mClipInfoList.size() >= 2) {
+            mClipInfoList.remove(mClipInfoList.size() - 1);
+            ClipInfo clipInfo = mClipInfoList.remove(mClipInfoList.size() - 1);
+            mLastTotalDuration = mLastTotalDuration - clipInfo.progress;
+        }
+        invalidate();
+    }
+
+    @NonNull
+    private Runnable cursorRunnable = new Runnable() {
+        @Override
+        public void run() {
+            isCursorShow = !isCursorShow;
+            mHandler.postDelayed(cursorRunnable, 500);
+            invalidate();
+        }
+    };
+
+    private void startCursorBling() {
+        if (mHandler != null) {
+            mHandler.postDelayed(cursorRunnable, 500);
+        }
+    }
+
+    private void stopCursorBling() {
+        if (mHandler != null) {
+            mHandler.removeCallbacksAndMessages(null);
+        }
+    }
+
+    public void release() {
+        if (mHandler != null) {
+            mHandler.removeCallbacksAndMessages(null);
+            mHandler = null;
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordRightLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordRightLayout.java
new file mode 100644
index 0000000..c47ca81
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordRightLayout.java
@@ -0,0 +1,229 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.app.Activity;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordRightLayout;
+
+public class RecordRightLayout extends RelativeLayout implements IRecordRightLayout,
+        View.OnClickListener, AspectView.OnAspectListener {
+    private static final String TAG = "RecordRightLayout";
+
+    private Activity            mActivity;
+    private ImageView           mImageMusic;        // 音乐
+    private TextView            mTextMusic;
+    private ImageView           mImageMusicMask;
+    private RelativeLayout      mLayoutMusic;
+    private AspectView          mAspectView;        // 屏比，目前有三种（1:1；3:4；9:16）
+    private ImageView           mImageBeauty;       // 美颜
+    private TextView            mTextBeauty;
+    private RelativeLayout      mLayoutBeauty;
+    private ImageView           mImageSoundEffect;  // 音效
+    private TextView            mTextSoundEffect;
+    private ImageView           mImageSoundEffectMask;
+    private RelativeLayout      mLayoutSoundEffect;
+    private OnItemClickListener mOnItemClickListener;
+
+    public RecordRightLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public RecordRightLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public RecordRightLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_record_right_layout, this);
+
+        mLayoutMusic = (RelativeLayout) findViewById(R.id.layout_music);
+        mImageMusic = (ImageView) findViewById(R.id.iv_music);
+        mTextMusic = (TextView) findViewById(R.id.tv_music);
+        mImageMusic.setOnClickListener(this);
+        mImageMusicMask = (ImageView) findViewById(R.id.iv_music_mask);
+
+        mAspectView = (AspectView) findViewById(R.id.aspect_view);
+        mAspectView.setOnAspectListener(this);
+
+        mLayoutBeauty = (RelativeLayout) findViewById(R.id.layout_beauty);
+        mImageBeauty = (ImageView) findViewById(R.id.iv_beauty);
+        mTextBeauty = (TextView) findViewById(R.id.tv_beauty);
+        mImageBeauty.setOnClickListener(this);
+
+        mLayoutSoundEffect = (RelativeLayout) findViewById(R.id.layout_sound_effect);
+        mImageSoundEffect = (ImageView) findViewById(R.id.iv_sound_effect);
+        mTextSoundEffect = (TextView) findViewById(R.id.tv_sound_effect);
+        mImageSoundEffect.setOnClickListener(this);
+        mImageSoundEffectMask = (ImageView) findViewById(R.id.iv_sound_effect_mask);
+    }
+
+    @Override
+    public void onClick(@NonNull View view) {
+        int id = view.getId();
+        if (id == R.id.iv_beauty) {
+            mOnItemClickListener.onShowBeautyPanel();
+        } else if (id == R.id.iv_music) {
+            mOnItemClickListener.onShowMusicPanel();
+        } else if (id == R.id.iv_sound_effect) {
+            mOnItemClickListener.onShowSoundEffectPanel();
+        }
+    }
+
+    /**
+     * 切换了一种屏比
+     *
+     * @param currentAspect 当前屏比
+     */
+    @Override
+    public void onAspectSelect(int currentAspect) {
+        mOnItemClickListener.onAspectSelect(currentAspect);
+    }
+
+    /**
+     * 设置"音乐"按钮是否可用
+     *
+     * @param enable {@code true} 可点击<br>
+     *               {@code false} 不可点击
+     */
+    @Override
+    public void setMusicIconEnable(boolean enable) {
+        if (enable) {
+            mImageMusicMask.setVisibility(View.GONE);
+        } else {
+            mImageMusicMask.setVisibility(View.VISIBLE);
+        }
+        mImageMusic.setEnabled(enable);
+    }
+
+    /**
+     * 设置"屏比"按钮是否可用
+     *
+     * @param enable {@code true} 可点击<br>
+     *               {@code false} 不可点击
+     */
+    @Override
+    public void setAspectIconEnable(boolean enable) {
+        mAspectView.hideAspectSelectAnim();
+        if (enable) {
+            mAspectView.disableMask();
+        } else {
+            mAspectView.enableMask();
+        }
+        mAspectView.setEnabled(enable);
+    }
+
+    /**
+     * 设置"音效"按钮是否可用
+     *
+     * @param enable {@code true} 清除背景音后，音效Icon变为可点击<br>
+     *               {@code false} 录制添加BGM后是录制不了人声的，而音效是针对人声有效的，此时开启音效遮罩层，音效Icon变为不可用
+     */
+    @Override
+    public void setSoundEffectIconEnable(boolean enable) {
+        if (enable) {
+            mImageSoundEffectMask.setVisibility(View.INVISIBLE);
+        } else {
+            mImageSoundEffectMask.setVisibility(View.VISIBLE);
+        }
+    }
+
+    @Override
+    public void setOnItemClickListener(OnItemClickListener listener) {
+        mOnItemClickListener = listener;
+    }
+
+    public void disableRecordMusic() {
+        mLayoutMusic.setVisibility(View.GONE);
+    }
+
+    public void disableRecordSoundEffect() {
+        mLayoutSoundEffect.setVisibility(View.GONE);
+    }
+
+    public void disableAspect() {
+        mAspectView.setVisibility(View.GONE);
+    }
+
+    public void disableBeauty() {
+        mLayoutBeauty.setVisibility(View.GONE);
+    }
+
+    @Override
+    public void setMusicIconResource(int resid) {
+        mImageMusic.setImageResource(resid);
+    }
+
+    @Override
+    public void setMusicTextSize(int size) {
+        mTextMusic.setTextSize(size);
+    }
+
+    @Override
+    public void setMusicTextColor(int color) {
+        mTextMusic.setTextColor(getResources().getColor(color));
+    }
+
+    @Override
+    public void setAspectTextSize(int size) {
+        mAspectView.setTextSize(size);
+    }
+
+    @Override
+    public void setAspectTextColor(int color) {
+        mAspectView.setTextColor(color);
+    }
+
+    @Override
+    public void setAspectIconList(int[] residList) {
+        mAspectView.setIconList(residList);
+    }
+
+    @Override
+    public void setBeautyIconResource(int resid) {
+        mImageBeauty.setImageResource(resid);
+    }
+
+    @Override
+    public void setBeautyTextSize(int size) {
+        mTextBeauty.setTextSize(size);
+    }
+
+    @Override
+    public void setBeautyTextColor(int color) {
+        mTextBeauty.setTextColor(getResources().getColor(color));
+    }
+
+    @Override
+    public void setSoundEffectIconResource(int resid) {
+        mImageSoundEffect.setImageResource(resid);
+    }
+
+    @Override
+    public void setSoundEffectTextSize(int size) {
+        mTextSoundEffect.setTextSize(size);
+    }
+
+    @Override
+    public void setSoundEffectTextColor(int color) {
+        mTextSoundEffect.setTextColor(getResources().getColor(color));
+    }
+
+    public void setAspect(int aspectRatio) {
+        mAspectView.setAspect(aspectRatio);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordSpeedLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordSpeedLayout.java
new file mode 100644
index 0000000..00d40bd
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordSpeedLayout.java
@@ -0,0 +1,164 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.app.Activity;
+import android.content.Context;
+import android.content.res.ColorStateList;
+import android.graphics.Color;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.widget.RadioButton;
+import android.widget.RadioGroup;
+import android.widget.RelativeLayout;
+
+
+import com.tencent.qcloud.ugckit.utils.UIAttributeUtil;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.record.interfaces.IRecordSpeedLayout;
+import com.tencent.ugc.TXRecordCommon;
+
+/**
+ * 录制视频的播放速度，目前支持五种（极慢，慢速，标准，快速，极快）
+ */
+public class RecordSpeedLayout extends RelativeLayout implements RadioGroup.OnCheckedChangeListener, IRecordSpeedLayout {
+    private static final String                TAG          = "RecordSpeedLayout";
+    private              Activity              mActivity;
+    private              RadioGroup            mRadioGroup;
+    private              RadioButton           mRadioSloweset;
+    private              RadioButton           mRadioSlow;
+    private              RadioButton           mRadioNormal;
+    private              RadioButton           mRadioFast;
+    private              RadioButton           mRadioFastest;
+    private              int                   mSlowestBg   = R.drawable.ugckit_record_left_bg;
+    private              int                   mSlowBg      = R.drawable.ugckit_record_mid_bg;
+    private              int                   mNormalBg    = R.drawable.ugckit_record_mid_bg;
+    private              int                   mFastBg      = R.drawable.ugckit_record_mid_bg;
+    private              int                   mFastestBg   = R.drawable.ugckit_record_right_bg;
+    private              int                   mRecordSpeed = TXRecordCommon.RECORD_SPEED_NORMAL;  // 录制速度
+    private              OnRecordSpeedListener mOnRecordSpeedListener;
+
+    public RecordSpeedLayout(Context context) {
+        super(context);
+        initViews();
+    }
+
+    public RecordSpeedLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public RecordSpeedLayout(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        mActivity = (Activity) getContext();
+        inflate(mActivity, R.layout.ugckit_record_speed_layout, this);
+
+        mRadioGroup = (RadioGroup) findViewById(R.id.rg_record_speed);
+        mRadioFast = (RadioButton) findViewById(R.id.rb_fast);
+        mRadioFastest = (RadioButton) findViewById(R.id.rb_fastest);
+        mRadioNormal = (RadioButton) findViewById(R.id.rb_normal);
+        mRadioSlow = (RadioButton) findViewById(R.id.rb_slow);
+        mRadioSloweset = (RadioButton) findViewById(R.id.rb_slowest);
+
+        mSlowestBg = UIAttributeUtil.getResResources(mActivity, R.attr.recordSpeedSlowestBackgroud, R.drawable.ugckit_record_left_bg);
+        mSlowBg = UIAttributeUtil.getResResources(mActivity, R.attr.recordSpeedSlowBackground, R.drawable.ugckit_record_mid_bg);
+        mNormalBg = UIAttributeUtil.getResResources(mActivity, R.attr.recordSpeedNormalBackground, R.drawable.ugckit_record_mid_bg);
+        mFastBg = UIAttributeUtil.getResResources(mActivity, R.attr.recordSpeedFastBackground, R.drawable.ugckit_record_mid_bg);
+        mFastestBg = UIAttributeUtil.getResResources(mActivity, R.attr.recordSpeedFastestBackground, R.drawable.ugckit_record_right_bg);
+
+        ((RadioButton) findViewById(R.id.rb_normal)).setChecked(true);
+        mRadioNormal.setBackgroundResource(mNormalBg);
+        mRadioGroup.setOnCheckedChangeListener(this);
+    }
+
+    @Override
+    public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
+        if (checkedId == R.id.rb_fast) {
+            mRadioFast.setBackgroundResource(mFastBg);
+            mRadioFastest.setBackgroundColor(Color.TRANSPARENT);
+            mRadioNormal.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSlow.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSloweset.setBackgroundColor(Color.TRANSPARENT);
+            mRecordSpeed = TXRecordCommon.RECORD_SPEED_FAST;
+        } else if (checkedId == R.id.rb_fastest) {
+            mRadioFastest.setBackgroundResource(mFastestBg);
+            mRadioFast.setBackgroundColor(Color.TRANSPARENT);
+            mRadioNormal.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSlow.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSloweset.setBackgroundColor(Color.TRANSPARENT);
+            mRecordSpeed = TXRecordCommon.RECORD_SPEED_FASTEST;
+
+        } else if (checkedId == R.id.rb_normal) {
+            mRadioNormal.setBackgroundResource(mNormalBg);
+            mRadioFastest.setBackgroundColor(Color.TRANSPARENT);
+            mRadioFast.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSlow.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSloweset.setBackgroundColor(Color.TRANSPARENT);
+            mRecordSpeed = TXRecordCommon.RECORD_SPEED_NORMAL;
+
+        } else if (checkedId == R.id.rb_slow) {
+            mRadioSlow.setBackgroundResource(mSlowBg);
+            mRadioFastest.setBackgroundColor(Color.TRANSPARENT);
+            mRadioFast.setBackgroundColor(Color.TRANSPARENT);
+            mRadioNormal.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSloweset.setBackgroundColor(Color.TRANSPARENT);
+            mRecordSpeed = TXRecordCommon.RECORD_SPEED_SLOW;
+
+        } else if (checkedId == R.id.rb_slowest) {
+            mRadioSloweset.setBackgroundResource(mSlowestBg);
+            mRadioFastest.setBackgroundColor(Color.TRANSPARENT);
+            mRadioFast.setBackgroundColor(Color.TRANSPARENT);
+            mRadioNormal.setBackgroundColor(Color.TRANSPARENT);
+            mRadioSlow.setBackgroundColor(Color.TRANSPARENT);
+            mRecordSpeed = TXRecordCommon.RECORD_SPEED_SLOWEST;
+        }
+
+        if (mOnRecordSpeedListener != null) {
+            mOnRecordSpeedListener.onSpeedSelect(mRecordSpeed);
+        }
+    }
+
+    /**
+     * 设置切换"速度"监听器
+     *
+     * @param listener
+     */
+    public void setOnSpeedListener(RecordSpeedLayout.OnRecordSpeedListener listener) {
+        mOnRecordSpeedListener = listener;
+    }
+
+    @Override
+    public void setSpeedTextSize(int size) {
+        mRadioFast.setTextSize(size);
+        mRadioFastest.setTextSize(size);
+        mRadioNormal.setTextSize(size);
+        mRadioSlow.setTextSize(size);
+        mRadioSloweset.setTextSize(size);
+    }
+
+    @Override
+    public void setSpeedTextColor(ColorStateList color) {
+        mRadioFast.setTextColor(color);
+        mRadioFastest.setTextColor(color);
+        mRadioNormal.setTextColor(color);
+        mRadioSlow.setTextColor(color);
+        mRadioSloweset.setTextColor(color);
+    }
+
+    @Override
+    public void setOnRecordSpeedListener(OnRecordSpeedListener listener) {
+        mOnRecordSpeedListener = listener;
+    }
+
+    public void settIconList(int[] iconList) {
+        Log.d(TAG, "iconList size:" + iconList.length);
+
+        mRadioSloweset.setBackgroundResource(iconList[0]);
+        mRadioSlow.setBackgroundResource(iconList[1]);
+        mRadioNormal.setBackgroundResource(iconList[2]);
+        mRadioFast.setBackgroundResource(iconList[3]);
+        mRadioFastest.setBackgroundResource(iconList[4]);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordState.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordState.java
new file mode 100644
index 0000000..4ce91ac
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/RecordState.java
@@ -0,0 +1,8 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+public class RecordState {
+    public static final int STATE_NONE      = 0;
+    public static final int STATE_RECORDING = 1;
+    public static final int STATE_PAUSE     = 2;
+    public static final int STATE_STOP      = 3;
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/ScrollFilterView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/ScrollFilterView.java
new file mode 100644
index 0000000..61ead49
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/ScrollFilterView.java
@@ -0,0 +1,342 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.animation.ValueAnimator;
+import android.content.Context;
+import android.graphics.Bitmap;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.GestureDetector;
+import android.view.MotionEvent;
+import android.view.ScaleGestureDetector;
+import android.view.View;
+import android.view.animation.AlphaAnimation;
+import android.view.animation.Animation;
+import android.view.animation.LinearInterpolator;
+import android.widget.FrameLayout;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+import com.tencent.liteav.demo.beauty.utils.ResourceUtils;
+import com.tencent.liteav.demo.beauty.view.BeautyPanel;
+import com.tencent.liteav.demo.beauty.BeautyParams;
+import com.tencent.qcloud.ugckit.R;
+
+/**
+ * 滑动滤镜View
+ */
+public class ScrollFilterView extends RelativeLayout implements View.OnTouchListener, GestureDetector.OnGestureListener, ScaleGestureDetector.OnScaleGestureListener {
+    private static final String TAG = "ScrollFilterView";
+
+    private int                    mCurFilterIndex = 0;     // 当前滤镜Index
+    private int                    mLeftIndex      = 0;          // 左右滤镜的Index
+    private int                    mRightIndex     = 1;
+    private int                    mLastLeftIndex  = -1;     // 之前左右滤镜的Index
+    private int                    mLastRightIndex = -1;
+    private float                  mLeftBitmapRatio;        // 左侧滤镜的比例
+    private float                  mMoveRatio;              // 滑动的比例大小
+    private boolean                mStartScroll;            // 已经开始滑动了标记
+    private boolean                mMoveRight;              // 是否往右滑动
+    private boolean                mIsNeedChange;           // 滤镜的是否需要发生改变
+    private boolean                mIsDoingAnimator;        // 是否正在执行动画
+    private float                  mLastScaleFactor;
+    private float                  mScaleFactor;
+    private ValueAnimator          mFilterAnimator;
+    @Nullable
+    private Bitmap                 mLeftBitmap;
+    @Nullable
+    private Bitmap                 mRightBitmap;
+    private GestureDetector        mGestureDetector;
+    private ScaleGestureDetector   mScaleGestureDetector;
+    private TextView               mTextFilter;
+    private BeautyPanel            mBeautyPanel;
+    private FrameLayout            mMaskLayout;
+    private OnRecordFilterListener mOnRecordFilterListener;
+
+    public ScrollFilterView(@NonNull Context context) {
+        super(context);
+        initViews();
+    }
+
+    public ScrollFilterView(@NonNull Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initViews();
+    }
+
+    public ScrollFilterView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initViews();
+    }
+
+    private void initViews() {
+        inflate(getContext(), R.layout.ugckit_scroll_filter_view, this);
+
+        mMaskLayout = (FrameLayout) findViewById(R.id.mask);
+        mMaskLayout.setOnTouchListener(this);
+        mTextFilter = (TextView) findViewById(R.id.tv_filter);
+
+        mGestureDetector = new GestureDetector(getContext(), this);
+        mScaleGestureDetector = new ScaleGestureDetector(getContext(), this);
+    }
+
+    @Override
+    public boolean onTouch(View v, @NonNull MotionEvent event) {
+        if (v == mMaskLayout) {
+            int pointerCount = event.getPointerCount();
+            if (pointerCount >= 2) {
+                mScaleGestureDetector.onTouchEvent(event);
+            } else if (pointerCount == 1) {
+                mGestureDetector.onTouchEvent(event);
+                // 滤镜滑动后结束
+                if (mStartScroll && event.getAction() == MotionEvent.ACTION_UP) {
+                    doFilterAnimator();
+                }
+            }
+        }
+        return true;
+    }
+
+    /**
+     * 功能：</p>
+     * 1、当向左向右滑动屏幕时，滑动距离达到0.2比例时，切换滤镜</p>
+     * 2、执行切换滤镜动画
+     */
+    private void doFilterAnimator() {
+        if (mMoveRatio >= 0.2f) {
+            mIsNeedChange = true;
+            if (mMoveRight) { // 向右滑动
+                mCurFilterIndex--;
+                mFilterAnimator = generateValueAnimator(mLeftBitmapRatio, 1);
+            } else { //左滑动
+                mCurFilterIndex++;
+                mFilterAnimator = generateValueAnimator(mLeftBitmapRatio, 0);
+            }
+        } else {
+            if (mCurFilterIndex == mLeftIndex) {//向左侧滑动
+                mFilterAnimator = generateValueAnimator(mLeftBitmapRatio, 1);
+            } else {
+                mFilterAnimator = generateValueAnimator(mLeftBitmapRatio, 0);
+            }
+        }
+        mFilterAnimator.addUpdateListener(mAnimatorUpdateListener);
+        mFilterAnimator.start();
+    }
+
+    /**
+     * 切换滤镜动画监听器
+     */
+    @NonNull
+    private ValueAnimator.AnimatorUpdateListener mAnimatorUpdateListener = new ValueAnimator.AnimatorUpdateListener() {
+        @Override
+        public void onAnimationUpdate(@NonNull ValueAnimator valueAnimator) {
+            mIsDoingAnimator = true;
+
+            float leftRatio = (float) valueAnimator.getAnimatedValue();
+            // 动画结束
+            if (leftRatio == 0 || leftRatio == 1) {
+                mLeftBitmapRatio = leftRatio;
+                if (mIsNeedChange) {
+                    mIsNeedChange = false;
+                    doTextAnimator(mCurFilterIndex);
+                } else {
+                    mIsDoingAnimator = false;
+                }
+
+                // 保存到params 以便程序切换后恢复滤镜
+                UGCKitRecordConfig config = VideoRecordSDK.getInstance().getConfig();
+                BeautyParams beautyParams = config.mBeautyParams;
+                if (beautyParams != null) {
+                    if (mCurFilterIndex == mLeftIndex) {
+                        beautyParams.mFilterBmp = mLeftBitmap;
+                    } else {
+                        beautyParams.mFilterBmp = mRightBitmap;
+                    }
+                    mBeautyPanel.setCurrentFilterIndex(mCurFilterIndex);
+                    beautyParams.mFilterStrength = mBeautyPanel.getFilterProgress(mCurFilterIndex);
+                }
+            }
+            float leftSpecialRatio = mBeautyPanel.getFilterProgress(mLeftIndex) / 10.f;
+            float rightSpecialRatio = mBeautyPanel.getFilterProgress(mRightIndex) / 10.f;
+            VideoRecordSDK.getInstance().setFilter(mLeftBitmap, leftSpecialRatio, mRightBitmap, rightSpecialRatio, leftRatio);
+        }
+    };
+
+    /**
+     * 执行滤镜滑动动画
+     *
+     * @param start
+     * @param end
+     * @return
+     */
+    private ValueAnimator generateValueAnimator(float start, float end) {
+        ValueAnimator animator = ValueAnimator.ofFloat(start, end);
+        animator.setInterpolator(new LinearInterpolator());
+        animator.setDuration(400);
+        return animator;
+    }
+
+    /**
+     * 设置当前滤镜的名字
+     *
+     * @param index
+     */
+    public void doTextAnimator(int index) {
+        String filterName = ResourceUtils.getString(mBeautyPanel.getFilterItemInfo(index).getItemName());
+        mTextFilter.setText(filterName);
+        AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1);
+        alphaAnimation.setDuration(400);
+        alphaAnimation.setInterpolator(new LinearInterpolator());
+        alphaAnimation.setAnimationListener(new Animation.AnimationListener() {
+            @Override
+            public void onAnimationStart(Animation animation) {
+                mTextFilter.setVisibility(View.VISIBLE);
+            }
+
+            @Override
+            public void onAnimationEnd(Animation animation) {
+                mTextFilter.setVisibility(View.GONE);
+                mIsDoingAnimator = false;
+            }
+
+            @Override
+            public void onAnimationRepeat(Animation animation) {
+
+            }
+        });
+        mTextFilter.startAnimation(alphaAnimation);
+    }
+
+    /************************************************************************/
+    /*****                 OnGestureListener回调                         *****/
+    /************************************************************************/
+    @Override
+    public boolean onDown(MotionEvent e) {
+        mStartScroll = false;
+        return false;
+    }
+
+    @Override
+    public void onShowPress(MotionEvent e) {
+
+    }
+
+    @Override
+    public boolean onSingleTapUp(@NonNull MotionEvent e) {
+        if (mOnRecordFilterListener != null) {
+            mOnRecordFilterListener.onSingleClick(e.getX(), e.getY());
+        }
+        return false;
+    }
+
+    @Override
+    public boolean onScroll(@NonNull MotionEvent downEvent, @NonNull MotionEvent moveEvent, float distanceX, float distanceY) {
+        if (mIsDoingAnimator) {
+            return true;
+        }
+        boolean moveRight = moveEvent.getX() > downEvent.getX();
+        if (moveRight && mCurFilterIndex == 0) {
+            return true;
+        } else if (!moveRight && mCurFilterIndex == mBeautyPanel.getFilterSize() - 1) {
+            return true;
+        } else {
+            mStartScroll = true;
+            if (moveRight) {//往右滑动
+                mLeftIndex = mCurFilterIndex - 1;
+                mRightIndex = mCurFilterIndex;
+            } else {// 往左滑动
+                mLeftIndex = mCurFilterIndex;
+                mRightIndex = mCurFilterIndex + 1;
+            }
+
+            if (mLastLeftIndex != mLeftIndex) { //如果不一样，才加载bitmap出来；避免滑动过程中重复加载
+                mLeftBitmap = mBeautyPanel.getFilterResource(mLeftIndex);
+                mLastLeftIndex = mLeftIndex;
+            }
+
+            if (mLastRightIndex != mRightIndex) {//如果不一样，才加载bitmap出来；避免滑动过程中重复加载
+                mRightBitmap = mBeautyPanel.getFilterResource(mRightIndex);
+                mLastRightIndex = mRightIndex;
+            }
+
+            int width = mMaskLayout.getWidth();
+            float dis = moveEvent.getX() - downEvent.getX();
+            float leftBitmapRatio = Math.abs(dis) / (width * 1.0f);
+
+            float leftSpecialRatio = mBeautyPanel.getFilterProgress(mLeftIndex) / 10.0f;
+            float rightSpecialRatio = mBeautyPanel.getFilterProgress(mRightIndex) / 10.0f;
+            mMoveRatio = leftBitmapRatio;
+            if (moveRight) {
+                leftBitmapRatio = leftBitmapRatio;
+            } else {
+                leftBitmapRatio = 1 - leftBitmapRatio;
+            }
+            this.mMoveRight = moveRight;
+            mLeftBitmapRatio = leftBitmapRatio;
+
+            VideoRecordSDK.getInstance().setFilter(mLeftBitmap, leftSpecialRatio, mRightBitmap, rightSpecialRatio, leftBitmapRatio);
+            return true;
+        }
+    }
+
+    @Override
+    public void onLongPress(MotionEvent e) {
+
+    }
+
+    @Override
+    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
+        return true;
+    }
+
+    /************************************************************************/
+    /*****               OnScaleGestureListener回调                      *****/
+    /************************************************************************/
+    @Override
+    public boolean onScale(@NonNull ScaleGestureDetector detector) {
+        int maxZoom = VideoRecordSDK.getInstance().getRecorder().getMaxZoom();
+        if (maxZoom == 0) {
+            Log.i(TAG, "camera not support zoom");
+            return false;
+        }
+
+        float factorOffset = detector.getScaleFactor() - mLastScaleFactor;
+
+        mScaleFactor += factorOffset;
+        mLastScaleFactor = detector.getScaleFactor();
+        if (mScaleFactor < 0) {
+            mScaleFactor = 0;
+        }
+        if (mScaleFactor > 1) {
+            mScaleFactor = 1;
+        }
+
+        int zoomValue = Math.round(mScaleFactor * maxZoom);
+        VideoRecordSDK.getInstance().getRecorder().setZoom(zoomValue);
+        return false;
+    }
+
+    @Override
+    public boolean onScaleBegin(@NonNull ScaleGestureDetector detector) {
+        mLastScaleFactor = detector.getScaleFactor();
+        return true;
+    }
+
+    @Override
+    public void onScaleEnd(ScaleGestureDetector detector) {
+
+    }
+
+    public void setOnRecordFilterListener(OnRecordFilterListener listener) {
+        mOnRecordFilterListener = listener;
+    }
+
+    public void setBeautyPannel(BeautyPanel beautyPannel) {
+        mBeautyPanel = beautyPannel;
+    }
+
+    public interface OnRecordFilterListener {
+        void onSingleClick(float x, float y);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/UGCKitRecordConfig.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/UGCKitRecordConfig.java
new file mode 100644
index 0000000..3df677a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/UGCKitRecordConfig.java
@@ -0,0 +1,135 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.liteav.audio.TXEAudioDef;
+import com.tencent.liteav.demo.beauty.BeautyParams;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.rtmp.TXLiveConstants;
+import com.tencent.ugc.TXRecordCommon;
+
+/**
+ * 录制的配置
+ */
+public class UGCKitRecordConfig {
+    @NonNull
+    private static UGCKitRecordConfig sInstance = new UGCKitRecordConfig();
+
+    protected UGCKitRecordConfig() {
+
+    }
+
+    @NonNull
+    public static UGCKitRecordConfig getInstance() {
+        return sInstance;
+    }
+
+    public int     mQuality         = TXRecordCommon.VIDEO_QUALITY_HIGH;
+    public int     mVideoBitrate    = 9600;
+    public int     mResolution      = TXRecordCommon.VIDEO_RESOLUTION_720_1280;
+    public int     mGOP             = 1;
+    public int     mFPS             = 30;
+    public boolean mIsMute          = false;
+    public boolean mIsNeedEdit      = true;
+    /**
+     * 录制暂留图片透明度，为0的时候，代表取消暂留图片
+     */
+    public float mPauseSnapOpacity = UGCKitConstants.DEFAULT_PAUSE_SNAP_OPACITY;
+    /**
+     * 录制最短时间（以毫秒为单位）
+     */
+    public int     mMinDuration     = 2 * 1000;
+    /**
+     * 录制最长时间（以毫秒为单位）
+     */
+    public int     mMaxDuration     = 16 * 1000;
+    /**
+     * 录制方向
+     */
+    public int     mHomeOrientation = TXLiveConstants.VIDEO_ANGLE_HOME_DOWN;
+
+    /**
+     * 渲染方向
+     */
+    public int mRenderRotation = TXLiveConstants.RENDER_ROTATION_PORTRAIT;
+
+    /**
+     * 录制速度
+     */
+    public int mRecordSpeed = TXRecordCommon.RECORD_SPEED_NORMAL;
+
+    /**
+     * 是否前置摄像头
+     */
+    public boolean mFrontCamera = true;
+
+    /**
+     * 开启手动聚焦；自动聚焦设置为false
+     */
+    public boolean mTouchFocus = false;
+
+    /**
+     * 当前屏比
+     */
+    public int mAspectRatio = TXRecordCommon.VIDEO_ASPECT_RATIO_9_16;
+
+    /**
+     * 录制模式
+     */
+    public int mRecordMode = RecordModeView.RECORD_MODE_CLICK;
+
+
+    /**
+     * 渲染模式
+     */
+    public int mRenderMode = TXRecordCommon.VIDEO_RENDER_MODE_ADJUST_RESOLUTION;
+
+    /**
+     * 美颜参数
+     */
+    @NonNull
+    public BeautyParams mBeautyParams;
+
+    /**
+     * 背景音乐信息
+     */
+    @NonNull
+    public MusicInfo musicInfo = new MusicInfo();
+
+
+    /**
+     * 视频合唱时AEC 类型
+     */
+    public int mAECType = TXEAudioDef.TXE_AEC_NONE;
+
+    /**
+     * ugc 合唱场景，开启外放场景下，音量设置为系统的60%
+     */
+    public float mPlayoutVolumePercentForUGC = 0.6F;
+
+
+    /**
+     * 清空配置
+     */
+    public void clear() {
+        mQuality = TXRecordCommon.VIDEO_QUALITY_HIGH;
+        mVideoBitrate = 9600;
+        mResolution = TXRecordCommon.VIDEO_RESOLUTION_720_1280;
+        mGOP = 1;
+        mFPS = 30;
+        mMinDuration = 2 * 1000;
+        mMaxDuration = 16 * 1000;
+        mHomeOrientation = TXLiveConstants.VIDEO_ANGLE_HOME_DOWN;
+        mRenderRotation = TXLiveConstants.RENDER_ROTATION_PORTRAIT;
+        mRecordSpeed = TXRecordCommon.RECORD_SPEED_NORMAL;
+        mFrontCamera = true;
+        mTouchFocus = false;
+        mAspectRatio = TXRecordCommon.VIDEO_ASPECT_RATIO_9_16;
+        mRecordMode = RecordModeView.RECORD_MODE_CLICK;
+        mRenderMode = TXRecordCommon.VIDEO_RENDER_MODE_ADJUST_RESOLUTION;
+        mBeautyParams = null;
+        musicInfo = new MusicInfo();
+        mAECType = TXEAudioDef.TXE_AEC_NONE;
+        mPauseSnapOpacity = UGCKitConstants.DEFAULT_PAUSE_SNAP_OPACITY;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/VideoRecordSDK.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/VideoRecordSDK.java
new file mode 100644
index 0000000..f2fcef9
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/VideoRecordSDK.java
@@ -0,0 +1,534 @@
+package com.tencent.qcloud.ugckit.module.record;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.os.Bundle;
+import android.provider.MediaStore;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.liteav.demo.beauty.BeautyParams;
+import com.tencent.liteav.audio.TXCAudioUGCRecorder;
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.module.record.draft.RecordDraftInfo;
+import com.tencent.qcloud.ugckit.module.record.draft.RecordDraftManager;
+import com.tencent.qcloud.ugckit.utils.BackgroundTasks;
+import com.tencent.qcloud.ugckit.utils.LogReport;
+import com.tencent.qcloud.ugckit.utils.ToastUtil;
+import com.tencent.qcloud.ugckit.utils.VideoPathUtil;
+
+import com.tencent.rtmp.ui.TXCloudVideoView;
+import com.tencent.ugc.TXRecordCommon;
+import com.tencent.ugc.TXUGCPartsManager;
+import com.tencent.ugc.TXUGCRecord;
+import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoInfoReader;
+
+import java.util.List;
+
+public class VideoRecordSDK implements TXRecordCommon.ITXVideoRecordListener {
+    private static final String TAG = "VideoRecordSDK";
+
+    public static  int                    STATE_START       = 1;
+    public static  int                    STATE_STOP        = 2;
+    public static  int                    STATE_RESUME      = 3;
+    public static  int                    STATE_PAUSE       = 4;
+    public static  int                    START_RECORD_SUCC = 0;
+    public static  int                    START_RECORD_FAIL = -1;
+    @NonNull
+    private static VideoRecordSDK         sInstance         = new VideoRecordSDK();
+    @Nullable
+    private        TXUGCRecord            mRecordSDK;
+    private        UGCKitRecordConfig     mUGCKitRecordConfig;
+    private        RecordDraftManager     mRecordDraftManager;
+    private        OnVideoRecordListener  mOnVideoRecordListener;
+    private        OnRestoreDraftListener mOnRestoreDraftListener;
+    private        int                    mCurrentState     = STATE_STOP;
+    private        boolean                mPreviewFlag;
+    private        String                 mRecordVideoPath;
+
+    private VideoRecordSDK() {
+
+    }
+
+    @NonNull
+    public static VideoRecordSDK getInstance() {
+        return sInstance;
+    }
+
+    /**
+     * 初始化SDK：TXUGCRecord
+     */
+    public void initSDK() {
+        if (mRecordSDK == null) {
+            mRecordSDK = TXUGCRecord.getInstance(UGCKit.getAppContext());
+        }
+        mCurrentState = STATE_STOP;
+        Log.d(TAG, "initSDK");
+    }
+
+    @Nullable
+    public TXUGCRecord getRecorder() {
+        Log.d(TAG, "getRecorder mTXUGCRecord:" + mRecordSDK);
+        return mRecordSDK;
+    }
+
+    public void initConfig(@NonNull UGCKitRecordConfig config) {
+        mUGCKitRecordConfig = config;
+        Log.d(TAG, "initConfig mBeautyParam:" + mUGCKitRecordConfig.mBeautyParams);
+    }
+
+    public UGCKitRecordConfig getConfig() {
+        return mUGCKitRecordConfig;
+    }
+
+    public void startCameraPreview(TXCloudVideoView videoView) {
+        Log.d(TAG, "startCameraPreview");
+        if (mPreviewFlag) {
+            return;
+        }
+        mPreviewFlag = true;
+
+        if (mUGCKitRecordConfig.mQuality >= 0) {
+            // 推荐配置
+            TXRecordCommon.TXUGCSimpleConfig simpleConfig = new TXRecordCommon.TXUGCSimpleConfig();
+            simpleConfig.videoQuality = mUGCKitRecordConfig.mQuality;
+            simpleConfig.minDuration = mUGCKitRecordConfig.mMinDuration;
+            simpleConfig.maxDuration = mUGCKitRecordConfig.mMaxDuration;
+            simpleConfig.isFront = mUGCKitRecordConfig.mFrontCamera;
+            simpleConfig.touchFocus = mUGCKitRecordConfig.mTouchFocus;
+            simpleConfig.needEdit = mUGCKitRecordConfig.mIsNeedEdit;
+
+            if (mRecordSDK != null) {
+                mRecordSDK.setVideoRenderMode(mUGCKitRecordConfig.mRenderMode);
+                mRecordSDK.setMute(mUGCKitRecordConfig.mIsMute);
+            }
+            mRecordSDK.startCameraSimplePreview(simpleConfig, videoView);
+            TXCAudioUGCRecorder.getInstance().setAECType(mUGCKitRecordConfig.mAECType, UGCKit.getAppContext());
+        } else {
+            // 自定义配置
+            TXRecordCommon.TXUGCCustomConfig customConfig = new TXRecordCommon.TXUGCCustomConfig();
+            customConfig.videoResolution = mUGCKitRecordConfig.mResolution;
+            customConfig.minDuration = mUGCKitRecordConfig.mMinDuration;
+            customConfig.maxDuration = mUGCKitRecordConfig.mMaxDuration;
+            customConfig.videoBitrate = mUGCKitRecordConfig.mVideoBitrate;
+            customConfig.videoGop = mUGCKitRecordConfig.mGOP;
+            customConfig.videoFps = mUGCKitRecordConfig.mFPS;
+            customConfig.isFront = mUGCKitRecordConfig.mFrontCamera;
+            customConfig.touchFocus = mUGCKitRecordConfig.mTouchFocus;
+            customConfig.needEdit = mUGCKitRecordConfig.mIsNeedEdit;
+
+            mRecordSDK.startCameraCustomPreview(customConfig, videoView);
+        }
+
+        if (mRecordSDK != null) {
+            mRecordSDK.setRecordSpeed(mUGCKitRecordConfig.mRecordSpeed);
+            mRecordSDK.setHomeOrientation(mUGCKitRecordConfig.mHomeOrientation);
+            mRecordSDK.setRenderRotation(mUGCKitRecordConfig.mRenderRotation);
+            mRecordSDK.setAspectRatio(mUGCKitRecordConfig.mAspectRatio);
+            mRecordSDK.setVideoRecordListener(this);
+        }
+    }
+
+    public void stopCameraPreview() {
+        Log.d(TAG, "stopCameraPreview");
+        if (mRecordSDK != null) {
+            mRecordSDK.stopCameraPreview();
+        }
+        mPreviewFlag = false;
+    }
+
+    public int getRecordState() {
+        return mCurrentState;
+    }
+
+    public void updateBeautyParam(@NonNull BeautyParams beautyParams) {
+        mUGCKitRecordConfig.mBeautyParams = beautyParams;
+        if (mRecordSDK != null) {
+            mRecordSDK.getBeautyManager().setBeautyStyle(beautyParams.mBeautyStyle);
+            mRecordSDK.getBeautyManager().setBeautyLevel(beautyParams.mBeautyLevel);
+            mRecordSDK.getBeautyManager().setWhitenessLevel(beautyParams.mWhiteLevel);
+            mRecordSDK.getBeautyManager().setRuddyLevel(beautyParams.mRuddyLevel);
+            mRecordSDK.getBeautyManager().setFaceSlimLevel(beautyParams.mFaceSlimLevel);
+            mRecordSDK.getBeautyManager().setEyeScaleLevel(beautyParams.mBigEyeLevel);
+            mRecordSDK.getBeautyManager().setFaceVLevel(beautyParams.mFaceVLevel);
+            mRecordSDK.getBeautyManager().setFaceShortLevel(beautyParams.mFaceShortLevel);
+            mRecordSDK.getBeautyManager().setChinLevel(beautyParams.mChinSlimLevel);
+            mRecordSDK.getBeautyManager().setNoseSlimLevel(beautyParams.mNoseSlimLevel);
+            mRecordSDK.getBeautyManager().setMotionTmpl(beautyParams.mMotionTmplPath);
+            mRecordSDK.getBeautyManager().setEyeLightenLevel(beautyParams.mEyeLightenLevel);
+            mRecordSDK.getBeautyManager().setToothWhitenLevel(beautyParams.mToothWhitenLevel);
+            mRecordSDK.getBeautyManager().setWrinkleRemoveLevel(beautyParams.mWrinkleRemoveLevel);
+            mRecordSDK.getBeautyManager().setPounchRemoveLevel(beautyParams.mPounchRemoveLevel);
+            mRecordSDK.getBeautyManager().setSmileLinesRemoveLevel(beautyParams.mSmileLinesRemoveLevel);
+            mRecordSDK.getBeautyManager().setForeheadLevel(beautyParams.mForeheadLevel);
+            mRecordSDK.getBeautyManager().setEyeDistanceLevel(beautyParams.mEyeDistanceLevel);
+            mRecordSDK.getBeautyManager().setEyeAngleLevel(beautyParams.mEyeAngleLevel);
+            mRecordSDK.getBeautyManager().setMouthShapeLevel(beautyParams.mMouthShapeLevel);
+            mRecordSDK.getBeautyManager().setNoseWingLevel(beautyParams.mNoseWingLevel);
+            mRecordSDK.getBeautyManager().setNosePositionLevel(beautyParams.mNosePositionLevel);
+            mRecordSDK.getBeautyManager().setLipsThicknessLevel(beautyParams.mLipsThicknessLevel);
+            mRecordSDK.getBeautyManager().setFaceBeautyLevel(beautyParams.mFaceBeautyLevel);
+            mRecordSDK.getBeautyManager().setGreenScreenFile(beautyParams.mGreenFile);
+            mRecordSDK.getBeautyManager().setFilterStrength(beautyParams.mFilterStrength / 10.f);
+        }
+    }
+
+    public void updateMotionParam(@NonNull BeautyParams beautyParams) {
+        if (mRecordSDK != null) {
+            mRecordSDK.getBeautyManager().setMotionTmpl(beautyParams.mMotionTmplPath);
+        }
+    }
+
+    /**
+     * 更新当前屏比
+     */
+    public void updateAspectRatio() {
+        int aspectRatio = UGCKitRecordConfig.getInstance().mAspectRatio;
+        switch (aspectRatio) {
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_9_16:
+                if (mRecordSDK != null) {
+                    mRecordSDK.setAspectRatio(TXRecordCommon.VIDEO_ASPECT_RATIO_9_16);
+                }
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_3_4:
+                if (mRecordSDK != null) {
+                    mRecordSDK.setAspectRatio(TXRecordCommon.VIDEO_ASPECT_RATIO_3_4);
+                }
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_1_1:
+                if (mRecordSDK != null) {
+                    mRecordSDK.setAspectRatio(TXRecordCommon.VIDEO_ASPECT_RATIO_1_1);
+                }
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_4_3:
+                if (mRecordSDK != null) {
+                    mRecordSDK.setAspectRatio(TXRecordCommon.VIDEO_ASPECT_RATIO_4_3);
+                }
+                break;
+            case TXRecordCommon.VIDEO_ASPECT_RATIO_16_9:
+                if (mRecordSDK != null) {
+                    mRecordSDK.setAspectRatio(TXRecordCommon.VIDEO_ASPECT_RATIO_16_9);
+                }
+                break;
+        }
+    }
+
+    /**
+     * 拍照API {@link TXUGCRecord#snapshot(TXRecordCommon.ITXSnapshotListener)}
+     */
+    public void takePhoto(@Nullable final RecordModeView.OnSnapListener listener) {
+        if (mRecordSDK != null) {
+            mRecordSDK.snapshot(new TXRecordCommon.ITXSnapshotListener() {
+                @Override
+                public void onSnapshot(final Bitmap bitmap) {
+                    String fileName = System.currentTimeMillis() + ".jpg";
+                    MediaStore.Images.Media.insertImage(UGCKit.getAppContext().getContentResolver(), bitmap, fileName, null);
+
+                    BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+                        @Override
+                        public void run() {
+                            if (listener != null) {
+                                listener.onSnap(bitmap);
+                            }
+                        }
+                    });
+                }
+            });
+        }
+    }
+
+    public TXUGCPartsManager getPartManager() {
+        if (mRecordSDK != null) {
+            return mRecordSDK.getPartsManager();
+        }
+        return null;
+    }
+
+    /**
+     * 初始化草稿箱功能
+     *
+     * @param context
+     */
+    public void initRecordDraft(Context context) {
+        mRecordDraftManager = new RecordDraftManager(context);
+        RecordDraftInfo lastDraftInfo = mRecordDraftManager.getLastDraftInfo();
+        if (lastDraftInfo == null) {
+            return;
+        }
+        List<RecordDraftInfo.RecordPart> recordPartList = lastDraftInfo.getPartList();
+        if (recordPartList == null || recordPartList.size() == 0) {
+            return;
+        }
+
+        long duration = 0;
+        int recordPartSize = recordPartList.size();
+        Log.d(TAG, "initRecordDraft recordPartSize:" + recordPartSize);
+        for (int i = 0; i < recordPartSize; i++) {
+            RecordDraftInfo.RecordPart recordPart = recordPartList.get(i);
+            if (mRecordSDK != null) {
+                mRecordSDK.getPartsManager().insertPart(recordPart.getPath(), i);
+            }
+            TXVideoEditConstants.TXVideoInfo txVideoInfo = TXVideoInfoReader.getInstance(context).getVideoFileInfo(recordPart.getPath());
+            if (txVideoInfo != null) {
+                duration = duration + txVideoInfo.duration;
+            }
+
+            if (mOnRestoreDraftListener != null) {
+                mOnRestoreDraftListener.onDraftProgress((int) duration);
+            }
+        }
+
+        if (recordPartList != null && recordPartList.size() > 0) {
+            if (mOnRestoreDraftListener != null) {
+                mOnRestoreDraftListener.onDraftTotal(mRecordSDK.getPartsManager().getDuration());
+            }
+        }
+    }
+
+    public void setOnRestoreDraftListener(OnRestoreDraftListener listener) {
+        mOnRestoreDraftListener = listener;
+    }
+
+    public void setConfig(UGCKitRecordConfig config) {
+        mUGCKitRecordConfig = config;
+    }
+
+    public interface OnRestoreDraftListener {
+        void onDraftProgress(long duration);
+
+        void onDraftTotal(long duration);
+    }
+
+    public void deleteAllParts() {
+        if (mRecordSDK != null) {
+            mRecordSDK.getPartsManager().deleteAllParts();
+        }
+        // 草稿箱也相应删除
+        if (mRecordDraftManager != null) {
+            mRecordDraftManager.deleteLastRecordDraft();
+        }
+    }
+
+    /**
+     * 保存上一段录制的视频到草稿箱
+     */
+    public void saveLastPart() {
+        if (mRecordSDK != null && mRecordDraftManager != null) {
+            List<String> pathList = mRecordSDK.getPartsManager().getPartsPathList();
+            if (pathList != null && pathList.size() > 0) {
+                String lastPath = pathList.get(pathList.size() - 1);
+                mRecordDraftManager.saveLastPart(lastPath);
+            }
+        }
+    }
+
+    /**
+     * 从草稿箱删除上一段录制的视频
+     */
+    public void deleteLastPart() {
+        mRecordSDK.getPartsManager().deleteLastPart();
+        // 删除草稿
+        if (mRecordDraftManager != null) {
+            mRecordDraftManager.deleteLastPart();
+        }
+    }
+
+    /**
+     * 开始录制
+     */
+    public int startRecord() {
+        Log.d(TAG, "startRecord mCurrentState" + mCurrentState);
+        if (mCurrentState == STATE_STOP) {
+            String customVideoPath = VideoPathUtil.getCustomVideoOutputPath();
+            String customCoverPath = customVideoPath.replace(".mp4", ".jpg");
+
+            int retCode = 0;
+
+            if (mRecordSDK != null) {
+                retCode = mRecordSDK.startRecord(customVideoPath, customCoverPath);
+            }
+            Log.d(TAG, "startRecord retCode:" + retCode);
+            if (retCode != TXRecordCommon.START_RECORD_OK) {
+                if (retCode == TXRecordCommon.START_RECORD_ERR_NOT_INIT) {
+                    ToastUtil.toastShortMessage(UGCKit.getAppContext().getString(R.string.ugckit_start_record_not_init));
+                } else if (retCode == TXRecordCommon.START_RECORD_ERR_IS_IN_RECORDING) {
+                    ToastUtil.toastShortMessage(UGCKit.getAppContext().getString(R.string.ugckit_start_record_not_finish));
+                } else if (retCode == TXRecordCommon.START_RECORD_ERR_VIDEO_PATH_IS_EMPTY) {
+                    ToastUtil.toastShortMessage(UGCKit.getAppContext().getString(R.string.ugckit_start_record_path_empty));
+                } else if (retCode == TXRecordCommon.START_RECORD_ERR_API_IS_LOWER_THAN_18) {
+                    ToastUtil.toastShortMessage(UGCKit.getAppContext().getString(R.string.ugckit_start_record_version_below));
+                }
+                // 增加了TXUgcSDK.licence校验的返回错误码
+                else if (retCode == TXRecordCommon.START_RECORD_ERR_LICENCE_VERIFICATION_FAILED) {
+                    ToastUtil.toastShortMessage("licence校验失败，请调用TXUGCBase.getLicenceInfo(Context context)获取licence信息");
+                }
+                return START_RECORD_FAIL;
+            }
+            LogReport.getInstance().reportStartRecord(retCode);
+
+            RecordMusicManager.getInstance().startMusic();
+        } else if (mCurrentState == STATE_PAUSE) {
+            resumeRecord();
+        }
+
+        mCurrentState = STATE_START;
+        return START_RECORD_SUCC;
+    }
+
+    /**
+     * 继续录制
+     */
+    public void resumeRecord() {
+        Log.d(TAG, "resumeRecord");
+        if (mRecordSDK != null) {
+            mRecordSDK.resumeRecord();
+        }
+        RecordMusicManager.getInstance().resumeMusic();
+        AudioFocusManager.getInstance().requestAudioFocus();
+
+        mCurrentState = STATE_RESUME;
+    }
+
+    /**
+     * 暂停录制
+     * FIXBUG:被打断时调用，暂停录制，修改状态，跳转到音乐界面也会被调用
+     */
+    public void pauseRecord() {
+        Log.d(TAG, "pauseRecord");
+        if (mCurrentState == STATE_START || mCurrentState == STATE_RESUME) {
+            RecordMusicManager.getInstance().pauseMusic();
+            if (mRecordSDK != null) {
+                mRecordSDK.pauseRecord();
+            }
+            mCurrentState = STATE_PAUSE;
+        }
+        mPreviewFlag = false;
+
+        AudioFocusManager.getInstance().abandonAudioFocus();
+    }
+
+    /**
+     * 停止录制
+     */
+    public void stopRecord() {
+        Log.d(TAG, "stopRecord");
+        int size = 0;
+        if (mRecordSDK != null) {
+            size = mRecordSDK.getPartsManager().getPartsPathList().size();
+        }
+        if (mCurrentState == STATE_STOP && size == 0) {
+            //如果录制未开始，且录制片段个数为0，则不需要停止录制
+            return;
+        }
+        if (mRecordSDK != null) {
+            mRecordSDK.stopBGM();
+            mRecordSDK.stopRecord();
+        }
+        AudioFocusManager.getInstance().abandonAudioFocus();
+
+        mCurrentState = STATE_STOP;
+    }
+
+    /**
+     * 释放Record SDK资源
+     */
+    public void releaseRecord() {
+        Log.d(TAG, "releaseRecord");
+        if (mRecordSDK != null) {
+            mRecordSDK.stopBGM();
+            mRecordSDK.stopCameraPreview();
+            mRecordSDK.setVideoRecordListener(null);
+            mRecordSDK.getPartsManager().deleteAllParts();
+            mRecordSDK.release();
+            mRecordSDK = null;
+            mPreviewFlag = false;
+
+            RecordMusicManager.getInstance().deleteMusic();
+        }
+        // 删除草稿箱视频片段
+        if (mRecordDraftManager != null) {
+            mRecordDraftManager.deleteLastRecordDraft();
+        }
+
+        AudioFocusManager.getInstance().abandonAudioFocus();
+    }
+
+    public void setFilter(Bitmap leftBmp, float leftSpecialRatio, Bitmap rightBmp,
+                          float rightSpecialRatio, float leftRatio) {
+        if (mRecordSDK != null) {
+            mRecordSDK.setFilter(leftBmp, leftSpecialRatio, rightBmp, rightSpecialRatio, leftRatio);
+        }
+    }
+
+    public void setRecordSpeed(int speed) {
+        if (mRecordSDK != null) {
+            mRecordSDK.setRecordSpeed(speed);
+        }
+    }
+
+    public void setVideoRecordListener(OnVideoRecordListener listener) {
+        mOnVideoRecordListener = listener;
+    }
+
+    @Override
+    public void onRecordEvent(int event, Bundle param) {
+        if (event == TXRecordCommon.EVT_ID_PAUSE) {
+            saveLastPart();
+            if (mOnVideoRecordListener != null) {
+                mOnVideoRecordListener.onRecordEvent(event);
+            }
+        } else if (event == TXRecordCommon.EVT_CAMERA_CANNOT_USE) {
+            ToastUtil.toastShortMessage(UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_on_record_event_evt_camera_cannot_use));
+        } else if (event == TXRecordCommon.EVT_MIC_CANNOT_USE) {
+            ToastUtil.toastShortMessage(UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_on_record_event_evt_mic_cannot_use));
+        }
+    }
+
+    @Override
+    public void onRecordProgress(long milliSecond) {
+        if (mOnVideoRecordListener != null) {
+            mOnVideoRecordListener.onRecordProgress(milliSecond);
+        }
+    }
+
+    @Override
+    public void onRecordComplete(@NonNull TXRecordCommon.TXRecordResult result) {
+        Log.d(TAG, "onRecordComplete");
+        mCurrentState = STATE_STOP;
+        if (result.retCode < 0) {
+            ToastUtil.toastShortMessage(UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_on_record_complete_fail_tip) + result.descMsg);
+        } else {
+            pauseRecord();
+
+            mRecordVideoPath = result.videoPath;
+            if (mOnVideoRecordListener != null) {
+                mOnVideoRecordListener.onRecordComplete(result);
+            }
+        }
+    }
+
+    public String getRecordVideoPath() {
+        return mRecordVideoPath;
+    }
+
+    public void switchCamera(boolean isFront) {
+        TXUGCRecord record = getRecorder();
+        if (record != null) {
+            record.switchCamera(isFront);
+        }
+        if (mUGCKitRecordConfig != null) {
+            mUGCKitRecordConfig.mFrontCamera = isFront;
+        }
+    }
+
+    public interface OnVideoRecordListener {
+        void onRecordProgress(long milliSecond);
+
+        void onRecordEvent(int event);
+
+        void onRecordComplete(TXRecordCommon.TXRecordResult result);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/draft/RecordDraftInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/draft/RecordDraftInfo.java
new file mode 100644
index 0000000..ad2f496
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/draft/RecordDraftInfo.java
@@ -0,0 +1,49 @@
+package com.tencent.qcloud.ugckit.module.record.draft;
+
+import com.tencent.ugc.TXRecordCommon;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 录制草稿箱
+ */
+public class RecordDraftInfo {
+    // TODO：您还可以在草稿箱中保存该分段设置的、美颜、大眼等效果值，按需完善
+    private int              aspectRatio; // 屏比
+    private List<RecordPart> partList;    // 草稿箱分段的路径
+
+    public RecordDraftInfo() {
+        aspectRatio = TXRecordCommon.VIDEO_ASPECT_RATIO_9_16; // 视频比例
+        partList = new ArrayList<>();
+    }
+
+    public int getAspectRatio() {
+        return aspectRatio;
+    }
+
+    public void setAspectRatio(int aspectRatio) {
+        this.aspectRatio = aspectRatio;
+    }
+
+    public List<RecordPart> getPartList() {
+        return partList;
+    }
+
+    public void setPartList(List<RecordPart> partList) {
+        this.partList = partList;
+    }
+
+    public class RecordPart {
+        private String path;
+
+        public String getPath() {
+            return path;
+        }
+
+        public void setPath(String path) {
+            this.path = path;
+        }
+
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/draft/RecordDraftManager.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/draft/RecordDraftManager.java
new file mode 100644
index 0000000..4f80028
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/draft/RecordDraftManager.java
@@ -0,0 +1,158 @@
+package com.tencent.qcloud.ugckit.module.record.draft;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.google.gson.Gson;
+import com.google.gson.reflect.TypeToken;
+import com.tencent.qcloud.ugckit.utils.SharedPreferenceUtils;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+
+import java.util.List;
+
+/**
+ * 录制草稿箱管理类
+ * 必须保证草稿箱中的分段以及将要录制的分段参数一致！
+ * <p>
+ * 一、最近一次的草稿箱
+ * SharedPreferencesHelper中的 SP_KEY_RECORD_LAST_DRAFT 里保存最近录制的数据json格式如下，对应草稿箱实体类：RecordDraftInfo：
+ * {
+ * "aspectRatio": 0,
+ * "partList":
+ * [
+ * {
+ * "path": "/storage/emulated/0/TXUGC/TXUGCParts/temp_TXUGC_20180923_172350252.mp4"
+ * },
+ * {
+ * "path": "/storage/emulated/0/TXUGC/TXUGCParts/temp_TXUGC_20180923_172353808.mp4"
+ * },
+ * {
+ * "path": "/storage/emulated/0/TXUGC/TXUGCParts/temp_TXUGC_20180923_172413134.mp4"
+ * }
+ * ]
+ * }
+ * <p>
+ * <p>
+ * 二、历史草稿箱
+ * SharedPreferencesHelper中的 SP_KEY_RECORD_HISTORY_DRAFT 里可以保存多次历史录制任务数据json格式如下，对应草稿箱实体类：HistoryRecordDraftInfo：
+ * {
+ * "historyDraftInfo":
+ * [
+ * {
+ * "aspectRatio": 0,
+ * "partList":
+ * [
+ * {
+ * "path": "/storage/emulated/0/TXUGC/TXUGCParts/temp_TXUGC_20180923_172350252.mp4"
+ * },
+ * {
+ * "path": "/storage/emulated/0/TXUGC/TXUGCParts/temp_TXUGC_20180923_172353808.mp4"
+ * }
+ * ]
+ * },
+ * {
+ * "aspectRatio": 0,
+ * "partList":
+ * [
+ * {
+ * "path": "/storage/emulated/0/TXUGC/TXUGCParts/temp_TXUGC_20180923_172350252.mp4"
+ * },
+ * {
+ * "path": "/storage/emulated/0/TXUGC/TXUGCParts/temp_TXUGC_20180923_172353808.mp4"
+ * }
+ * ]
+ * }
+ * ]
+ * }
+ */
+public class RecordDraftManager {
+    private final String TAG = "RecordDraftManager";
+
+    public static RecordDraftManager    sInstance;
+    private       SharedPreferenceUtils mSharedPreferenceUtils;
+
+    public RecordDraftManager(@NonNull Context context) {
+        mSharedPreferenceUtils = new SharedPreferenceUtils(context, UGCKitConstants.SP_NAME_RECORD);
+    }
+
+    public void setLastAspectRatio(int aspectRatio) {
+        RecordDraftInfo recordDraftInfo = getLastDraftInfo();
+        if (recordDraftInfo == null) {
+            recordDraftInfo = new RecordDraftInfo();
+        }
+        recordDraftInfo.setAspectRatio(aspectRatio);
+        saveLastDraft(recordDraftInfo);
+    }
+
+    /**
+     * 保存最近录制的草稿的最新一段
+     */
+    public void saveLastPart(String partPath) {
+        if (TextUtils.isEmpty(partPath)) {
+            return;
+        }
+
+        RecordDraftInfo recordDraftInfo = getLastDraftInfo();
+        if (recordDraftInfo == null) {
+            recordDraftInfo = new RecordDraftInfo();
+        }
+
+        RecordDraftInfo.RecordPart recordPart = recordDraftInfo.new RecordPart();
+        recordPart.setPath(partPath);
+        recordDraftInfo.getPartList().add(recordPart);
+
+        saveLastDraft(recordDraftInfo);
+    }
+
+    private void saveLastDraft(RecordDraftInfo recordDraftInfo) {
+        Gson gson = new Gson();
+        String recordDraftStr = gson.toJson(recordDraftInfo);
+        mSharedPreferenceUtils.put(UGCKitConstants.SP_KEY_RECORD_LAST_DRAFT, recordDraftStr);
+    }
+
+    /**
+     * 获取最近录制的草稿
+     */
+    @Nullable
+    public RecordDraftInfo getLastDraftInfo() {
+        String draftStr = mSharedPreferenceUtils.getSharedPreference(UGCKitConstants.SP_KEY_RECORD_LAST_DRAFT, "").toString();
+        if (TextUtils.isEmpty(draftStr)) {
+            return null;
+        }
+        Gson gson = new Gson();
+        RecordDraftInfo recordDraftInfo = gson.fromJson(draftStr, new TypeToken<RecordDraftInfo>() {
+        }.getType());
+        return recordDraftInfo;
+    }
+
+    /**
+     * 删除最近录制的草稿
+     */
+    public void deleteLastRecordDraft() {
+        mSharedPreferenceUtils.put(UGCKitConstants.SP_KEY_RECORD_LAST_DRAFT, "");
+    }
+
+    /**
+     * 删除最近录制的草稿的最后一段
+     */
+    public void deleteLastPart() {
+        RecordDraftInfo recordDraftInfo = getLastDraftInfo();
+        if (recordDraftInfo == null) {
+            Log.e(TAG, "recordDraftInfo is null, ignore");
+            return;
+        }
+
+        List<RecordDraftInfo.RecordPart> recordPartList = recordDraftInfo.getPartList();
+        if (recordPartList == null || recordPartList.size() == 0) {
+            Log.e(TAG, "recordDraftInfo is empty, ignore");
+            return;
+        }
+        recordPartList.remove(recordPartList.size() - 1);
+
+        saveLastDraft(recordDraftInfo);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordButton.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordButton.java
new file mode 100644
index 0000000..1462cab
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordButton.java
@@ -0,0 +1,82 @@
+package com.tencent.qcloud.ugckit.module.record.interfaces;
+
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+
+/**
+ * 定制化"多模式录制的录制按钮"
+ */
+
+public interface IRecordButton {
+
+    /**
+     * 设置录制按钮监听器
+     *
+     * @param listener
+     */
+    void setOnRecordButtonListener(OnRecordButtonListener listener);
+
+    interface OnRecordButtonListener {
+        /**
+         * 多段录制点击开始
+         */
+        void onRecordStart();
+
+        /**
+         * 多段录制点击暂停
+         */
+        void onRecordPause();
+
+        /**
+         * 拍照
+         */
+        void onTakePhoto();
+
+        /**
+         * 删除
+         */
+        void onDeleteParts(int partsSize, long duration);
+    }
+
+    /**
+     * 设置当前拍摄模式
+     *
+     * @param recordMode
+     */
+    void setCurrentRecordMode(int recordMode);
+
+    /**
+     * "拍照按钮"外圈颜色
+     */
+    void setPhotoOutterColor(@ColorRes int color);
+
+    /**
+     * "拍照按钮"内圈颜色
+     */
+    void setPhotoInnerColor(@ColorRes int color);
+
+    /**
+     * "单击拍摄"外圈颜色
+     */
+    void setClickRecordOutterColor(@ColorRes int color);
+
+    /**
+     * "单击拍摄"内圈颜色
+     */
+    void setClickRecordInnerColor(@ColorRes int color);
+
+    /**
+     * "按住拍摄"外圈颜色
+     */
+    void setTouchRecordOutterColor(@ColorRes int color);
+
+    /**
+     * "按住拍摄"内圈颜色
+     */
+    void setTouchRecordInnerColor(@ColorRes int color);
+
+    /**
+     * 暂停按钮Icon
+     */
+    void setPauseIconResource(@DrawableRes int resid);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordMusicPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordMusicPannel.java
new file mode 100644
index 0000000..2348c74
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordMusicPannel.java
@@ -0,0 +1,104 @@
+package com.tencent.qcloud.ugckit.module.record.interfaces;
+
+import android.graphics.drawable.Drawable;
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.module.record.MusicInfo;
+
+/**
+ * 视频录制中音乐面板
+ */
+public interface IRecordMusicPannel {
+    /**
+     * 设置选择的背景音乐基本信息
+     *
+     * @param musicInfo
+     */
+    void setMusicInfo(@NonNull MusicInfo musicInfo);
+
+    /**
+     * 设置音乐面板监听器
+     *
+     * @param listener
+     */
+    void setOnMusicChangeListener(MusicChangeListener listener);
+
+    interface MusicChangeListener {
+        /**
+         * 音乐音量改变
+         *
+         * @param volume
+         */
+        void onMusicVolumChanged(float volume);
+
+        /**
+         * 音乐开始和结束时间改变
+         *
+         * @param startTime
+         * @param endTime
+         */
+        void onMusicTimeChanged(long startTime, long endTime);
+
+        /**
+         * 切换背景音乐
+         */
+        void onMusicReplace();
+
+        /**
+         * 删除背景音乐
+         */
+        void onMusicDelete();
+
+        /**
+         * 选择音乐
+         */
+        void onMusicSelect();
+    }
+
+    /**
+     * 设置音乐Icon
+     */
+    void setMusicIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"删除音乐"Icon
+     */
+    void setMusicDeleteIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"替换音乐"Icon
+     */
+    void setMusicReplaceIconResource(@DrawableRes int resid);
+
+    /**
+     * 设置"音乐音量"seekbar颜色
+     */
+    void setVolumeSeekbarColor(@ColorRes int color);
+
+    /**
+     * 设置"音乐开始和结束范围条"颜色
+     */
+    void setMusicRangeColor(Drawable color);
+
+    /**
+     * 设置"音乐开始和结束范围条"背景图片Icon
+     */
+    void setMusicRangeBackgroundResource(@DrawableRes int resid);
+
+    /**
+     * 设置"确定"按钮背景颜色
+     */
+    void setConfirmButtonBackgroundColor(@ColorRes int color);
+
+    /**
+     * 设置"确定"按钮文字颜色
+     */
+    void setConfirmButtonTextColor(@ColorRes int color);
+
+    /**
+     * 设置"确定"按钮文字字体大小
+     */
+    void setConfirmButtonTextSize(int size);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordProgressView.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordProgressView.java
new file mode 100644
index 0000000..9e33e73
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordProgressView.java
@@ -0,0 +1,62 @@
+package com.tencent.qcloud.ugckit.module.record.interfaces;
+
+import androidx.annotation.ColorRes;
+
+/**
+ * 定制化"多段录制进度条"<br>
+ * 注意：颜色请放入资源文件，通过R文件引入，示例 {@code getResources().getColor(R.color.record_progress_bg)}<br>
+ * 进度条颜色，包括<br>
+ * 1、已经录制的视频进度条颜色<br>
+ * 2、删除上一段选中的进度条颜色<br>
+ * 3、进度条背景颜色<br>
+ * 4、多段录制间隔颜色<br>
+ */
+
+public interface IRecordProgressView {
+
+    /**
+     * 选中多段进度中最后一段
+     */
+    void selectLast();
+
+    /**
+     * 删除多段进度中最后一段
+     */
+    void deleteLast();
+
+    /**
+     * 设置进度条最大时长，单位：毫秒
+     *
+     * @param maxDuration
+     */
+    void setMaxDuration(int maxDuration);
+
+    /**
+     * 设置进度条最小时长，单位：毫秒
+     *
+     * @param minDuration
+     */
+    void setMinDuration(int minDuration);
+
+    /**
+     * 设置进度
+     *
+     * @param progress
+     */
+    void setProgress(int progress);
+
+    /**
+     * 已经录制的视频进度条颜色
+     */
+    void setNormalColor(@ColorRes int color);
+
+    /**
+     * 删除上一段选中的进度条颜色
+     */
+    void setDeleteColor(@ColorRes int color);
+
+    /**
+     * 多段录制间隔颜色
+     */
+    void setSpaceColor(@ColorRes int color);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordRightLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordRightLayout.java
new file mode 100644
index 0000000..1c3674d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordRightLayout.java
@@ -0,0 +1,149 @@
+package com.tencent.qcloud.ugckit.module.record.interfaces;
+
+import androidx.annotation.ColorRes;
+import androidx.annotation.DrawableRes;
+import androidx.annotation.Size;
+
+import com.tencent.ugc.TXRecordCommon;
+
+/**
+ * 录制右侧工具栏定制化UI，包括"音乐Icon"，"屏比Icon"，"美颜Icon"，"音效Icon"
+ */
+public interface IRecordRightLayout {
+
+    /**
+     * 设置点击监听器
+     *
+     * @param listener
+     */
+    void setOnItemClickListener(OnItemClickListener listener);
+
+    interface OnItemClickListener {
+        /**
+         * 显示美颜面板
+         */
+        void onShowBeautyPanel();
+
+        /**
+         * 显示调整音量面板
+         */
+        void onShowMusicPanel();
+
+        /**
+         * 显示音效面板（包括变声、混响）
+         */
+        void onShowSoundEffectPanel();
+
+        /**
+         * 切换屏比
+         *
+         * @param aspectType {@link TXRecordCommon#VIDEO_ASPECT_RATIO_1_1}
+         *                   {@link TXRecordCommon#VIDEO_ASPECT_RATIO_3_4}
+         *                   {@link TXRecordCommon#VIDEO_ASPECT_RATIO_9_16}
+         */
+        void onAspectSelect(int aspectType);
+    }
+
+    /**
+     * 设置"音乐"按钮是否可用
+     *
+     * @param enable {@code true} 可点击<br>
+     *               {@code false} 不可点击
+     */
+    void setMusicIconEnable(boolean enable);
+
+    /**
+     * 设置"屏比"按钮是否可用
+     *
+     * @param enable {@code true} 可点击<br>
+     *               {@code false} 不可点击
+     */
+    void setAspectIconEnable(boolean enable);
+
+    /**
+     * 设置"音效"按钮是否可用
+     *
+     * @param enable {@code true} 清除背景音后，音效Icon变为可点击<br>
+     *               {@code false} 录制添加BGM后是录制不了人声的，而音效是针对人声有效的，此时开启音效遮罩层，音效Icon变为不可用
+     */
+    void setSoundEffectIconEnable(boolean enable);
+
+    /************************************************************************/
+    /*****                    定制化"音乐图标"                             *****/
+    /************************************************************************/
+
+    /**
+     * 音乐图标ResId：<pre>R.drawable.icon_music</pre>
+     */
+    void setMusicIconResource(@DrawableRes int resid);
+
+    /**
+     * 音乐图标文字大小
+     */
+    void setMusicTextSize(int size);
+
+    /**
+     * 音乐图标文字颜色
+     */
+    void setMusicTextColor(@ColorRes int color);
+    /************************************************************************/
+    /*****                    定制化"屏比图标"                             *****/
+    /************************************************************************/
+
+    /**
+     * 屏比Icon文字大小
+     */
+    void setAspectTextSize(int size);
+
+    /**
+     * 屏比Icon文字颜色
+     */
+    void setAspectTextColor(@ColorRes int color);
+
+    /**
+     * 设置屏比图标列表，屏比16:9 Icon/屏比4:3 Icon/屏比1:1 Icon
+     *
+     * @param residList residList[0] 16：9
+     *                  residList[1] 4:3
+     *                  residList[2] 1:1
+     */
+    void setAspectIconList(@Size(3) @DrawableRes int[] residList);
+
+    /************************************************************************/
+    /*****                    定制化"美颜图标"                             *****/
+    /************************************************************************/
+
+    /**
+     * 美颜图标ResId：<pre>R.drawable.icon_beauty</pre>
+     */
+    void setBeautyIconResource(@DrawableRes int resid);
+
+    /**
+     * 美颜图标文字大小
+     */
+    void setBeautyTextSize(int size);
+
+    /**
+     * 美颜图标文字颜色
+     */
+    void setBeautyTextColor(@ColorRes int color);
+
+    /************************************************************************/
+    /*****                    定制化"音效图标"                             *****/
+    /************************************************************************/
+
+    /**
+     * 音效图标ResId：<pre>R.drawable.icon_soundeffect</pre>
+     */
+    void setSoundEffectIconResource(@DrawableRes int resid);
+
+    /**
+     * 音效图标文字大小
+     */
+    void setSoundEffectTextSize(int size);
+
+    /**
+     * 音效图标文字颜色
+     */
+    void setSoundEffectTextColor(@ColorRes int color);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordSpeedLayout.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordSpeedLayout.java
new file mode 100644
index 0000000..c93cb99
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IRecordSpeedLayout.java
@@ -0,0 +1,37 @@
+package com.tencent.qcloud.ugckit.module.record.interfaces;
+
+import android.content.res.ColorStateList;
+
+import com.tencent.qcloud.ugckit.module.record.RecordSpeedLayout;
+
+/**
+ * 定制化"录制速度面板"
+ */
+public interface IRecordSpeedLayout {
+    /**
+     * 设置录制速度监听器
+     *
+     * @param listener
+     */
+    void setOnRecordSpeedListener(RecordSpeedLayout.OnRecordSpeedListener listener);
+
+    interface OnRecordSpeedListener {
+        /**
+         * 选择一种速度
+         *
+         * @param currentSpeed 当前速度
+         */
+        void onSpeedSelect(int currentSpeed);
+    }
+
+    /**
+     * 文字大小
+     */
+    void setSpeedTextSize(int size);
+
+    /**
+     * 文字颜色(普通状态/选中状态)
+     */
+    void setSpeedTextColor(ColorStateList color);
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/ISoundEffectsPannel.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/ISoundEffectsPannel.java
new file mode 100644
index 0000000..1c7380c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/ISoundEffectsPannel.java
@@ -0,0 +1,89 @@
+package com.tencent.qcloud.ugckit.module.record.interfaces;
+
+import androidx.annotation.ColorRes;
+
+import com.tencent.ugc.TXRecordCommon;
+
+/**
+ * 音效面板定制化UI
+ */
+
+public interface ISoundEffectsPannel {
+
+    /**
+     * 设置音效面板监听器
+     *
+     * @param listener
+     */
+    void setSoundEffectsSettingPannelListener(SoundEffectsSettingPannelListener listener);
+
+    interface SoundEffectsSettingPannelListener {
+        /**
+         * 录音音量改变
+         *
+         * @param volume
+         */
+        void onMicVolumeChanged(float volume);
+
+        /**
+         * 切换变声类型 [精简版不支持]
+         *
+         * @param type {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_0}(关闭变声)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_1}(熊孩子)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_2}(萝莉)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_3}(大叔)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_4}(重金属)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_6}(外国人)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_7}(困兽)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_8}(死肥仔)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_9}(强电流)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_10}(重机械)</br>
+         *             {@link TXRecordCommon#VIDOE_VOICECHANGER_TYPE_11}(空灵)</br>
+         */
+        void onClickVoiceChanger(int type);
+
+        /**
+         * 切换混响类型 [精简版不支持]
+         *
+         * @param type {@link TXRecordCommon#VIDOE_REVERB_TYPE_0}(关闭混响)</br>
+         *             {@link TXRecordCommon#VIDOE_REVERB_TYPE_1}(KTV)</br>
+         *             {@link TXRecordCommon#VIDOE_REVERB_TYPE_2}(小房间)</br>
+         *             {@link TXRecordCommon#VIDOE_REVERB_TYPE_3}(大会堂)</br>
+         *             {@link TXRecordCommon#VIDOE_REVERB_TYPE_4}(低沉)</br>
+         *             {@link TXRecordCommon#VIDOE_REVERB_TYPE_5}(洪亮)</br>
+         *             {@link TXRecordCommon#VIDOE_REVERB_TYPE_6}(金属声)</br>
+         *             {@link TXRecordCommon#VIDOE_REVERB_TYPE_7}(磁性)</br>
+         */
+        void onClickReverb(int type);
+    }
+
+    /**
+     * Seekbar颜色
+     */
+    void setSeekbarColor(@ColorRes int color);
+
+    /**
+     * 选中文字颜色
+     */
+    void setCheckedTextColor(@ColorRes int color);
+
+    /**
+     * 普通状态文字颜色
+     */
+    void setNormalTextColor(@ColorRes int color);
+
+    /**
+     * 设置"确定"按钮背景颜色
+     */
+    void setConfirmButtonBackgroundColor(@ColorRes int color);
+
+    /**
+     * 设置"确定"按钮文字颜色
+     */
+    void setConfirmButtonTextColor(@ColorRes int color);
+
+    /**
+     * 设置"确定"按钮文字字体大小
+     */
+    void setConfirmButtonTextSize(int size);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IVideoRecordKit.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IVideoRecordKit.java
new file mode 100644
index 0000000..3744311
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/record/interfaces/IVideoRecordKit.java
@@ -0,0 +1,244 @@
+package com.tencent.qcloud.ugckit.module.record.interfaces;
+
+import com.tencent.qcloud.ugckit.basic.UGCKitResult;
+import com.tencent.qcloud.ugckit.module.effect.bgm.view.SoundEffectsPannel;
+import com.tencent.qcloud.ugckit.module.record.MusicInfo;
+import com.tencent.qcloud.ugckit.module.record.RecordMusicPannel;
+import com.tencent.qcloud.ugckit.module.record.UGCKitRecordConfig;
+
+/**
+ * 腾讯云短视频UGCKit({@code IVideoRecordKit}):视频录制。
+ * 本组件包含视频录制的所有SDK功能和UI展示，包括拍照，多段录制，草稿箱，美颜，变声和混响，添加背景音乐，多屏比录制，变速录制等等。<br>
+ * 您可以通过UGCKit很简单搭建使用诸多视频录制功能，也可以定制视频录制的功能和UI
+ * <p>
+ * 如下演示了UGCKit视频录制模块简单用法：<br>
+ * 1、在xml中设置
+ * <pre>
+ * {@code
+ * <com.tencent.qcloud.xiaoshipin.uikit.module.record.VideoRecord
+ *         android:id="@+id/video_record_layout"
+ *         android:layout_width="match_parent"
+ *         android:layout_height="match_parent" />
+ * }</pre>
+ * <p>
+ * 2、在Activity中设置
+ * <pre>
+ *     &#064;Override
+ *     protected void onCreate(Bundle savedInstanceState) {
+ *         super.onCreate(savedInstanceState);
+ *         setContentView(R.layout.ugcrecord_activity_video_record);
+ *
+ *         mVideoRecord = (VideoRecord) findViewById(R.id.video_record_layout);
+ *         mVideoRecord.setOnRecordListener(new IVideoRecordKit.OnRecordListener() {
+ *             &#064;Override
+ *             public void onRecordCanceled() {
+ *             }
+ *
+ *             &#064;Override
+ *             public void onRecordCompleted(String outputPath) {
+ *             }
+ *         });
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onStart() {
+ *         super.onStart();
+ *         if (hasPermission()) {
+ *             mVideoRecord.start();
+ *         }
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onStop() {
+ *         super.onStop();
+ *         mVideoRecord.stop();
+ *     }
+ *
+ *     &#064;Override
+ *     protected void onDestroy() {
+ *         super.onDestroy();
+ *         mVideoRecord.release();
+ *     }
+ * </pre>
+ * <p>
+ * UGCKit视频录制模块的生命周期方法<br>
+ * 1、当Activity执行生命周期方法{@code onStart()}时，UGCKit需要执行{@link #start()}初始化录制配置，开始视频录制预览界面<br>
+ * 2、当Activity执行生命周期方法{@code onStop()}时，UGCKit需要执行{@link #stop()}暂停视频录制，关闭视频录制预览界面，并更新视频录制界面<br>
+ * 3、当Activity执行生命周期方法{@code onDestroy()}时，UGCKit需要执行{@link #release()}来释放资源<br>
+ * 4、当您开启Activity 的界面旋转后，Activity执行生命周期方法{@code onConfigurationChanged()}时，
+ * UGCKit需要执行{@link #screenOrientationChange()}来更改屏幕预览方向<br>
+ * 5、当Activity执行 {@code stopPlay()} 时，UGCKit需要执行{@link #backPressed()} 退出视频录制，返回上一界面
+ * <p>
+ * UGCKit视频录制背景音乐设置<br>
+ * 1、通过 {@link #setOnMusicChooseListener(OnMusicChooseListener)} 监听点击音乐Icon，启动背景音乐Activity进行音乐选择。
+ * 2、当Activity选择背景音乐后，通过{@link #setRecordMusicInfo(MusicInfo)} 设置给UGCKit。<br>
+ * 其中必须设置的包括背景音乐名称{@link MusicInfo#name}，背景音乐路径{@link MusicInfo#path}，
+ * 和背景音乐在列表中的位置{@link MusicInfo#position}<br>
+ * <p>
+ * 视频录制功能定制化<br>
+ * 1、视频录制完是否进行视频特效处理 {@link #setEditVideoFlag(boolean)}<br>
+ * 2、禁用录制速度功能{@link #disableRecordSpeed()}<br>
+ * 3、禁用拍照功能{@link #disableTakePhoto}<br>
+ * 4、禁用背景音乐功能{@link #disableRecordMusic}<br>
+ * 5、禁用音效功能{@link #disableRecordSoundEffect()}<br>
+ * 6、禁用屏比功能{@link #disableAspect()}
+ * 7、禁用美颜功能{@link #disableBeauty()}
+ * <p>
+ * 视频录制UI定制化<br>
+ * 1、定制化"录制速度面板" {@link IRecordSpeedLayout} <br>
+ * 2、定制化"多段录制进度条" {@link IRecordProgressView} <br>
+ * 3、定制化"多模式录制按钮"{@link IRecordButton} <br>
+ * 4、定制化"音乐图标" {@link IRecordRightLayout} <br>
+ * 5、定制化"屏比图标" {@link IRecordRightLayout} <br>
+ * 6、定制化"美颜图标" {@link IRecordRightLayout} <br>
+ * 7、定制化"音效图标" {@link IRecordRightLayout}
+ * <p>
+ * 如果您不使用UGCKit视频录制组件，自行搭建UI，调用SDK功能。<br>
+ * 请参照文档
+ * <a href="https://cloud.tencent.com/document/product/584/9369">拍照和录制(Android)</a>
+ * <a href="https://cloud.tencent.com/document/product/584/20318">多段录制(Android)</a>
+ * <a href="https://cloud.tencent.com/document/product/584/20320">录制草稿箱(Android)</a>
+ * <a href="https://cloud.tencent.com/document/product/584/20316">添加背景音乐(Android)</a>
+ * <a href="https://cloud.tencent.com/document/product/584/20322">变声和混响(Android)</a>
+ */
+public interface IVideoRecordKit {
+
+    /**
+     * 当Activity执行生命周期方法{@code onStart()}时，UGCKit需要执行{@link #start()}来完成如下功能<br>
+     * 1、初始化录制配置<br>
+     * 2、开始视频录制预览界面
+     */
+    void start();
+
+    /**
+     * 当Activity执行生命周期方法{@code onStop()}时，UGCKit需要执行{@link #stop()}来完成如下功能<br>
+     * 1、暂停视频录制<br>
+     * 2、关闭视频录制预览界面
+     * 3、更新视频录制界面
+     */
+    void stop();
+
+    /**
+     * 当Activity执行生命周期方法{@code onDestroy()}时，UGCKit需要执行{@link #release()}来释放资源<br>
+     */
+    void release();
+
+    /**
+     * 当Activity执行生命周期方法{@code onConfigurationChanged()}时，UGCKit需要执行{@link #screenOrientationChange()}来更改屏幕预览方向<br>
+     */
+    void screenOrientationChange();
+
+    /**
+     * 退出视频录制，返回上一界面
+     */
+    void backPressed();
+
+    /**
+     * 设置音乐
+     *
+     * @param musicInfo
+     * @see MusicInfo
+     */
+    void setRecordMusicInfo(MusicInfo musicInfo);
+
+    /**
+     * 设置输入选项
+     */
+    void setConfig(UGCKitRecordConfig config);
+
+    /**
+     * 设置视频录制的监听器
+     */
+    void setOnRecordListener(OnRecordListener listener);
+
+    /**
+     * 设置视频录制背景音乐选择监听器
+     */
+    void setOnMusicChooseListener(OnMusicChooseListener listener);
+
+    interface OnMusicChooseListener {
+        /**
+         * 选择音乐
+         *
+         * @param position 音乐在音乐列表的第几个位置
+         */
+        void onChooseMusic(int position);
+    }
+
+    interface OnRecordListener {
+        /**
+         * 视频录制被取消
+         */
+        void onRecordCanceled();
+
+        /**
+         * 视频录制完成回调
+         *
+         * @param
+         */
+        void onRecordCompleted(UGCKitResult result);
+    }
+
+    /************************************************************************/
+    /*****                     功能定制化                                 *****/
+    /************************************************************************/
+
+    /**
+     * 视频录制完是否进行视频特效处理
+     *
+     * @param enable {@code true} 进行视频特效编辑<br>
+     *               {@code false} 直接输出录制完视频<br>
+     *               默认为true
+     */
+    void setEditVideoFlag(boolean enable);
+
+    /**
+     * 禁用录制速度功能<br>
+     * 1、使用标准速度进行视频录制<br>
+     * 2、关闭录制速度面板
+     */
+    void disableRecordSpeed();
+
+    /**
+     * 禁用拍照功能<br>
+     * 不显示拍照界面
+     */
+    void disableTakePhoto();
+
+    /**
+     * 禁用长按录制
+     */
+    void disableLongPressRecord();
+
+    /**
+     * 禁用背景音乐功能<br>
+     * 1、不显示背景音乐相关UI，包括音乐Icon，音乐面板{@link RecordMusicPannel}<br>
+     * 2、背景音乐相关接口不生效，包括<br>
+     * 设置音乐选择监听器 {@link #setOnMusicChooseListener(OnMusicChooseListener)},
+     * 设置选择好的背景音乐信息 {@link #setRecordMusicInfo(MusicInfo)}
+     *
+     * @see RecordMusicPannel
+     */
+    void disableRecordMusic();
+
+    /**
+     * 禁用音效功能<br>
+     * 1、不显示音效相关UI，包括音效Icon，音效面板{@link SoundEffectsPannel}<br>
+     * 2、音效面板包括调整"录音音量"，"混响"，"变声"
+     *
+     * @see SoundEffectsPannel
+     */
+    void disableRecordSoundEffect();
+
+    /**
+     * 禁用屏比功能<br>
+     * 默认使用全屏进行视频录制
+     */
+    void disableAspect();
+
+    /**
+     * 禁用美颜功能
+     */
+    void disableBeauty();
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/TXUGCPublish.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/TXUGCPublish.java
new file mode 100644
index 0000000..320bd40
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/TXUGCPublish.java
@@ -0,0 +1,422 @@
+package com.tencent.qcloud.ugckit.module.upload;
+
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.media.MediaMetadataRetriever;
+import android.net.Uri;
+import android.os.Bundle;
+import android.os.Handler;
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.module.upload.impl.TVCClient;
+import com.tencent.qcloud.ugckit.module.upload.impl.TVCConstants;
+import com.tencent.qcloud.ugckit.module.upload.impl.TVCUploadInfo;
+import com.tencent.qcloud.ugckit.module.upload.impl.TVCUploadListener;
+import com.tencent.qcloud.ugckit.module.upload.impl.TVCUtils;
+import com.tencent.qcloud.ugckit.module.upload.impl.TXUGCPublishOptCenter;
+
+import java.io.File;
+import java.io.FileOutputStream;
+
+
+/**
+ * 短视频发布接口类
+ */
+public class TXUGCPublish {
+    private static final String                                      TAG        = "TXVideoPublish";
+    private static final long                                        COVER_TIME = 500 * 1000;
+    private              Context                                     mContext;
+    private              Handler                                     mHandler;
+    private              TXUGCPublishTypeDef.ITXVideoPublishListener mListener;
+    private              TXUGCPublishTypeDef.ITXMediaPublishListener mMediaListener;
+    private              boolean                                     mPublishing;
+    private              TVCClient                                   mTVCClient = null;
+    private              String                                      mCustomKey = "";
+
+    public TXUGCPublish(Context context, String customKey) {
+        mCustomKey = customKey;
+        if (context != null) {
+            mContext = context;
+            mHandler = new Handler(mContext.getMainLooper());
+        }
+    }
+
+    public TXUGCPublish(Context context) {
+        this(context, "");
+    }
+
+    public void setListener(TXUGCPublishTypeDef.ITXVideoPublishListener listener) {
+        mListener = listener;
+    }
+
+    public void setListener(TXUGCPublishTypeDef.ITXMediaPublishListener listener) {
+        mMediaListener = listener;
+    }
+
+    private int publishVideoImpl(TXUGCPublishTypeDef.TXPublishParam param) {
+        if (TextUtils.isEmpty(param.videoPath)) {
+            Log.e(TAG, "publishVideo invalid videoPath");
+            return TVCConstants.ERR_UGC_INVALID_VIDOPATH;
+        }
+
+        boolean bVideoFileExist = TVCUtils.isExistsForPathOrUri(mContext, param.videoPath);
+
+        if (!bVideoFileExist) {
+            //Log.e(TAG, "publishVideo invalid video file");
+            return TVCConstants.ERR_UGC_INVALID_VIDEO_FILE;
+        }
+
+        String coverPath = "";
+        if (!TextUtils.isEmpty(param.coverPath)) {
+            coverPath = param.coverPath;
+            File file = new File(coverPath);
+            if (!file.exists()) return TVCConstants.ERR_UGC_INVALID_COVER_PATH;
+        }
+
+        if (mTVCClient == null) {
+            mTVCClient = new TVCClient(mContext, mCustomKey, param.signature, param.enableResume,
+                    param.enableHttps, 10, param.sliceSize, param.concurrentCount);
+        } else {
+            mTVCClient.updateSignature(param.signature);
+        }
+
+        TVCUploadInfo info = new TVCUploadInfo(getFileType(param.videoPath), param.videoPath, getFileType(coverPath),
+                coverPath, param.fileName);
+
+        int ret = mTVCClient.uploadVideo(info, new TVCUploadListener() {
+            @Override
+            public void onSuccess(final String fileId, final String playUrl, final String coverUrl) {
+                if (mHandler != null) {
+                    mHandler.post(new Runnable() {
+                        @Override
+                        public void run() {
+                            if (mListener != null) {
+                                TXUGCPublishTypeDef.TXPublishResult result = new TXUGCPublishTypeDef.TXPublishResult();
+                                result.retCode = TXUGCPublishTypeDef.PUBLISH_RESULT_OK;
+                                result.descMsg = "publish success";
+                                result.videoId = fileId;
+                                result.videoURL = playUrl;
+                                result.coverURL = coverUrl;
+                                mListener.onPublishComplete(result);
+                            }
+                        }
+                    });
+                }
+                mTVCClient = null;
+                mPublishing = false;
+            }
+
+            @Override
+            public void onFailed(final int errCode, final String errMsg) {
+                if (mHandler != null) {
+                    mHandler.post(new Runnable() {
+                        @Override
+                        public void run() {
+                            if (mListener != null) {
+                                TXUGCPublishTypeDef.TXPublishResult result = new TXUGCPublishTypeDef.TXPublishResult();
+                                result.retCode = errCode;
+                                result.descMsg = errMsg;
+                                mListener.onPublishComplete(result);
+                            }
+                        }
+                    });
+                }
+                mTVCClient = null;
+                mPublishing = false;
+            }
+
+            @Override
+            public void onProgress(final long currentSize, final long totalSize) {
+                if (mHandler != null) {
+                    mHandler.post(new Runnable() {
+                        @Override
+                        public void run() {
+                            if (mListener != null) {
+                                mListener.onPublishProgress(currentSize, totalSize);
+                            }
+                        }
+                    });
+                }
+                mPublishing = false;
+            }
+        });
+        return ret;
+    }
+
+    /**
+     * 上传视频文件 （视频文件 + 封面图）
+     *
+     * @param param
+     * @return
+     */
+    public int publishVideo(final TXUGCPublishTypeDef.TXPublishParam param) {
+        if (mPublishing) {
+            Log.e(TAG, "there is existing publish task");
+            return TVCConstants.ERR_UGC_PUBLISHING;
+        }
+
+        if (param == null) {
+            Log.e(TAG, "publishVideo invalid param");
+            return TVCConstants.ERR_UGC_INVALID_PARAM;
+        }
+        if (TextUtils.isEmpty(param.signature)) {
+            Log.e(TAG, "publishVideo invalid UGCSignature");
+            return TVCConstants.ERR_UGC_INVALID_SIGNATURE;
+        }
+        // 正在发布，包含预上传
+        mPublishing = true;
+        if (param.enablePreparePublish) {
+            // 启动预发布初始化，预发布后再开始上传
+            TXUGCPublishOptCenter.getInstance().prepareUpload(mContext, param.signature,
+                    new TXUGCPublishOptCenter.IPrepareUploadCallback() {
+                        @Override
+                        public void onFinish() {
+                            int ret = publishVideoImpl(param);
+                            mPublishing = (ret == TVCConstants.NO_ERROR);
+                        }
+                    });
+            return TVCConstants.NO_ERROR;
+        } else {
+            TXUGCPublishOptCenter.getInstance().prepareUpload(mContext, param.signature, null);
+            int ret = publishVideoImpl(param);
+            mPublishing = (ret == TVCConstants.NO_ERROR);
+            return ret;
+        }
+    }
+
+    private int publishMediaImpl(TXUGCPublishTypeDef.TXMediaPublishParam param) {
+        if (TextUtils.isEmpty(param.mediaPath)) {
+            Log.e(TAG, "publishVideo invalid videoPath");
+            return TVCConstants.ERR_UGC_INVALID_VIDOPATH;
+        }
+
+        boolean bVideoFileExist = false;
+        try {
+            File file = new File(param.mediaPath);
+            bVideoFileExist = file.isFile() && file.exists();
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+
+        if (bVideoFileExist == false) {
+            //Log.e(TAG, "publishVideo invalid video file");
+            return TVCConstants.ERR_UGC_INVALID_VIDEO_FILE;
+        }
+
+        if (mTVCClient == null) {
+            mTVCClient = new TVCClient(mContext, mCustomKey, param.signature, param.enableResume,
+                    param.enableHttps, 10, param.sliceSize, param.concurrentCount);
+        } else {
+            mTVCClient.updateSignature(param.signature);
+        }
+
+        TVCUploadInfo info = new TVCUploadInfo(getFileType(param.mediaPath), param.mediaPath, null, null, param.fileName);
+        int ret = mTVCClient.uploadVideo(info, new TVCUploadListener() {
+            @Override
+            public void onSuccess(final String fileId, final String playUrl, final String coverUrl) {
+                if (mHandler != null) {
+                    mHandler.post(new Runnable() {
+                        @Override
+                        public void run() {
+                            if (mMediaListener != null) {
+                                TXUGCPublishTypeDef.TXMediaPublishResult result = new TXUGCPublishTypeDef.TXMediaPublishResult();
+                                result.retCode = TXUGCPublishTypeDef.PUBLISH_RESULT_OK;
+                                result.descMsg = "publish success";
+                                result.mediaId = fileId;
+                                result.mediaURL = playUrl;
+                                mMediaListener.onMediaPublishComplete(result);
+                            }
+                        }
+                    });
+                }
+                mTVCClient = null;
+                mPublishing = false;
+            }
+
+            @Override
+            public void onFailed(final int errCode, final String errMsg) {
+                if (mHandler != null) {
+                    mHandler.post(new Runnable() {
+                        @Override
+                        public void run() {
+                            if (mMediaListener != null) {
+                                TXUGCPublishTypeDef.TXMediaPublishResult result = new TXUGCPublishTypeDef.TXMediaPublishResult();
+                                result.retCode = errCode;
+                                result.descMsg = errMsg;
+                                mMediaListener.onMediaPublishComplete(result);
+                            }
+                        }
+                    });
+                }
+                mTVCClient = null;
+                mPublishing = false;
+            }
+
+            @Override
+            public void onProgress(final long currentSize, final long totalSize) {
+                if (mHandler != null) {
+                    mHandler.post(new Runnable() {
+                        @Override
+                        public void run() {
+                            if (mMediaListener != null) {
+                                mMediaListener.onMediaPublishProgress(currentSize, totalSize);
+                            }
+                        }
+                    });
+                }
+                mPublishing = false;
+            }
+        });
+        return ret;
+    }
+
+    /**
+     * 上传媒体文件
+     *
+     * @param param
+     * @return
+     */
+    public int publishMedia(final TXUGCPublishTypeDef.TXMediaPublishParam param) {
+        if (mPublishing) {
+            Log.e(TAG, "there is existing publish task");
+            return TVCConstants.ERR_UGC_PUBLISHING;
+        }
+        if (param == null) {
+            Log.e(TAG, "publishVideo invalid param");
+            return TVCConstants.ERR_UGC_INVALID_PARAM;
+        }
+        if (TextUtils.isEmpty(param.signature)) {
+            Log.e(TAG, "publishVideo invalid UGCSignature");
+            return TVCConstants.ERR_UGC_INVALID_SIGNATURE;
+        }
+        mPublishing = true;
+        if (param.enablePreparePublish) {
+            TXUGCPublishOptCenter.getInstance().prepareUpload(mContext, param.signature,
+                    new TXUGCPublishOptCenter.IPrepareUploadCallback() {
+                        @Override
+                        public void onFinish() {
+                            int ret = publishMediaImpl(param);
+                            mPublishing = (ret == TVCConstants.NO_ERROR);
+                        }
+                    });
+            return TVCConstants.NO_ERROR;
+        } else {
+            TXUGCPublishOptCenter.getInstance().prepareUpload(mContext, param.signature, null);
+            int ret = publishMediaImpl(param);
+            mPublishing = (ret == TVCConstants.NO_ERROR);
+            return ret;
+        }
+    }
+
+    /**
+     * 设置点播appId
+     * 作用是方便定位上传过程中出现的问题
+     */
+    public void setAppId(int appId) {
+        if (mTVCClient != null) {
+            mTVCClient.setAppId(appId);
+        }
+    }
+
+    /**
+     * 取消上传 （取消媒体/取消短视频发布）
+     * 注意：取消的是未开始的分片。如果上传源文件太小，取消的时候已经没有分片还未触发上传，最终文件还是会上传完成
+     */
+    public void canclePublish() {
+        if (mTVCClient != null) {
+            mTVCClient.cancleUpload();
+        }
+        mPublishing = false;
+    }
+
+    /**
+     * 获取上报信息
+     *
+     * @return
+     */
+    public Bundle getStatusInfo() {
+        if (mTVCClient != null) {
+            return mTVCClient.getStatusInfo();
+        } else {
+            return null;
+        }
+    }
+
+
+    private String getFileType(String filePath) {
+        String fileType = "";
+        if (null == filePath || filePath.length() == 0) {
+            return fileType;
+        }
+        fileType = getFileTypeBySuffix(filePath);
+        if (TextUtils.isEmpty(fileType) && filePath.startsWith("content://")) {
+            fileType = getFileTypeByUri(Uri.parse(filePath));
+        }
+        if (TextUtils.isEmpty(fileType)) {
+            String absolutePath = TVCUtils.getAbsolutePath(mContext, filePath);
+            fileType = getFileTypeBySuffix(absolutePath);
+        }
+        return fileType;
+    }
+
+    private String getFileTypeBySuffix(String filePath) {
+        String fileType = "";
+        if (null != filePath && filePath.length() != 0) {
+            int index = filePath.lastIndexOf(".");
+            if (index != -1) {
+                fileType = filePath.substring(index + 1);
+            }
+        }
+        return fileType;
+    }
+
+    private String getFileTypeByUri(Uri uri) {
+        String fileType = "";
+        if (null != uri) {
+            fileType = mContext.getContentResolver().getType(uri);
+            if (!TextUtils.isEmpty(fileType)) {
+                int index = fileType.lastIndexOf("/");
+                if (index != -1) {
+                    fileType = fileType.substring(index + 1);
+                }
+            }
+        }
+        return fileType;
+    }
+
+
+    private String getVideoThumb(String videoPath) {
+        String strCoverFilePath = null;
+        try {
+            File videoFile = new File(videoPath);
+            if (!videoFile.exists()) {
+                Log.w(TAG, "record: video file is not exists when record finish");
+                return null;
+            }
+            MediaMetadataRetriever media = new MediaMetadataRetriever();
+            media.setDataSource(videoPath);
+            Bitmap thumb = media.getFrameAtTime(COVER_TIME);
+
+
+            String fileName = "";
+            int index = videoPath.lastIndexOf(".");
+            if (index != -1) {
+                fileName = videoPath.substring(0, index);
+            }
+
+            strCoverFilePath = fileName + ".jpg";
+            File f = new File(strCoverFilePath);
+            if (f.exists()) f.delete();
+            FileOutputStream fOut = null;
+            fOut = new FileOutputStream(f);
+            thumb.compress(Bitmap.CompressFormat.JPEG, 100, fOut);
+            fOut.flush();
+            fOut.close();
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+        return strCoverFilePath;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/TXUGCPublishTypeDef.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/TXUGCPublishTypeDef.java
new file mode 100644
index 0000000..8684204
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/TXUGCPublishTypeDef.java
@@ -0,0 +1,137 @@
+package com.tencent.qcloud.ugckit.module.upload;
+
+/**
+ * Created by yuejiaoli on 2017/7/19.
+ */
+
+public class TXUGCPublishTypeDef {
+    /**
+     * 短视频发布参数定义
+     * secretId:腾讯云存储cos服务密钥ID，已经废弃，不用填写
+     * signature:signature
+     * videoPath:视频路径
+     * coverPath：自定义封面
+     * resumeUpload：是否启动断点续传，默认开启
+     * fileName：视频名称
+     * enablePreparePublish: 是否开启预上传机制，默认开启，备注：预上传机制可以大幅提升文件的上传质量
+     */
+    public final static class TXPublishParam {
+        public String  secretId;                                                //腾讯云存储cos服务密钥ID，已经废弃，不用填写
+        public String  signature;                                               //signature
+        public String  videoPath;                                              //视频地址，支持uri
+        public String  coverPath;                                              //封面
+        public boolean enableResume         = true;                                    //是否启动断点续传，默认开启
+        public boolean enableHttps          = false;                                   //上传是否使用https。默认关闭，走http
+        public String  fileName;                                               //视频名称
+        public boolean enablePreparePublish = true;                           //是否开启预上传机制，默认开启，备注：预上传机制可以大幅提升文件的上传质量
+        public long    sliceSize            = 1024 * 1024 * 10;                  // 分片大小,支持最小为1M
+        public int     concurrentCount      = -1;                              // 分片上传并发数量，<=0 则表示SDK内部默认为2个
+    }
+
+    /**
+     * 媒体内容发布参数定义
+     * signature   ：signature
+     * mediaPath   ：媒体地址
+     * enableResume ：是否启动断点续传，默认开启
+     * enableHttps  ：上传是否使用https。默认关闭，走http
+     * fileName   ：媒体名称
+     * enablePreparePublish: 是否开启预上传机制，默认开启，备注：预上传机制可以大幅提升文件的上传质量
+     */
+    public final static class TXMediaPublishParam {
+        public String  signature;                                              //signature
+        public String  mediaPath;                                              //媒体地址
+        public boolean enableResume         = true;                                    //是否启动断点续传，默认开启
+        public boolean enableHttps          = false;                                   //上传是否使用https。默认关闭，走http
+        public String  fileName;                                               //媒体名称
+        public boolean enablePreparePublish = true;                           //是否开启预上传机制，默认开启，备注：预上传机制可以大幅提升文件的上传质量
+        public long    sliceSize            = 1024 * 1024 * 10;                  // 分片大小,支持最小为1M
+        public int     concurrentCount      = -1;                              // 分片上传并发数量，<=0 则表示SDK内部默认为2个
+    }
+
+    /**
+     * 短视频/媒体发布结果错误码定义，短视频发布流程分为三步
+     * step1: 请求上传文件
+     * step2: 上传文件
+     * step3: 请求发布短视频/媒体
+     */
+    public static final int PUBLISH_RESULT_OK                    = 0;        //发布成功
+    public static final int PUBLISH_RESULT_PUBLISH_PREPARE_ERROR = 1000;     //step0: 准备发布失败
+    public static final int PUBLISH_RESULT_UPLOAD_REQUEST_FAILED = 1001;     //step1: “短视频/媒体”发送失败
+    public static final int PUBLISH_RESULT_UPLOAD_RESPONSE_ERROR = 1002;     //step1: “短视频/媒体上传请求”收到错误响应
+
+    public static final int PUBLISH_RESULT_UPLOAD_VIDEO_FAILED = 1003;     //step2: “视频文件”上传失败
+    public static final int PUBLISH_RESULT_UPLOAD_MEDIA_FAILED = 1003;     //step2: “媒体文件”上传失败
+    // 这里媒体文件上传code和视频文件上传code失败是一致的
+
+    public static final int PUBLISH_RESULT_UPLOAD_COVER_FAILED    = 1004;     //step2: “封面文件”上传失败
+    public static final int PUBLISH_RESULT_PUBLISH_REQUEST_FAILED = 1005;     //step3: “短视频/媒体发布请求”发送失败
+    public static final int PUBLISH_RESULT_PUBLISH_RESPONSE_ERROR = 1006;     //step3: “短视频/媒体发布请求”收到错误响应
+
+    /**
+     * 短视频发布结果定义
+     */
+    public final static class TXPublishResult {
+        public int    retCode;                                                  //错误码
+        public String descMsg;                                                  //错误描述信息
+        public String videoId;                                                  //视频文件Id
+        public String videoURL;                                                 //视频播放地址
+        public String coverURL;                                                 //封面存储地址
+
+    }
+
+    ;
+
+    /**
+     * 媒体内容发布结果定义
+     */
+    public final static class TXMediaPublishResult {
+        public int    retCode;                                                  //错误码
+        public String descMsg;                                                  //错误描述信息
+        public String mediaId;                                                  //媒体文件Id
+        public String mediaURL;                                                 //媒体地址
+    }
+
+    ;
+
+    /**
+     * 短视频发布回调定义
+     */
+    public interface ITXVideoPublishListener {
+        /**
+         * 短视频发布进度
+         */
+        void onPublishProgress(long uploadBytes, long totalBytes);
+
+        /**
+         * 短视频发布完成
+         */
+        void onPublishComplete(TXPublishResult result);
+    }
+
+    /**
+     * 媒体发布回调定义
+     */
+    public interface ITXMediaPublishListener {
+
+        /**
+         * 媒体内容发布进度
+         */
+        void onMediaPublishProgress(long uploadBytes, long totalBytes);
+
+        /**
+         * 媒体内容发布完成
+         */
+        void onMediaPublishComplete(TXMediaPublishResult mediaResult);
+    }
+
+    public static class TXPublishResumeData {
+        public long   sliceSize;
+        public String bucket;
+        public String cosPath;
+        public String srcPath;
+        public String uploadId;
+        public String customerKeyForSSEC;
+        public String customerKeyIdForSSEKMS;
+        public String jsonContentForSSEKMS;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/HttpDNS.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/HttpDNS.java
new file mode 100644
index 0000000..e7e16ab
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/HttpDNS.java
@@ -0,0 +1,31 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import java.net.InetAddress;
+import java.net.UnknownHostException;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.List;
+
+import okhttp3.Dns;
+
+/**
+ * Created by carolsuo on 2018/8/15.
+ */
+
+public class HttpDNS implements Dns {
+    @Override
+    public List<InetAddress> lookup(String hostname) throws UnknownHostException {
+
+        List<String> ips = TXUGCPublishOptCenter.getInstance().query(hostname);  //获取HttpDNS解析结果
+        if (ips == null || ips.size() == 0) {
+            //当httpdns缓存没有时，使用默认解析
+            return Dns.SYSTEM.lookup(hostname);
+        }
+
+        List<InetAddress> result = new ArrayList<>();
+        for (String ip : ips) {  //将ip地址数组转换成所需要的对象列表
+            result.addAll(Arrays.asList(InetAddress.getAllByName(ip)));
+        }
+        return result;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/ProgressRequestBody.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/ProgressRequestBody.java
new file mode 100644
index 0000000..24d4de7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/ProgressRequestBody.java
@@ -0,0 +1,119 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.os.Handler;
+import android.os.Looper;
+import android.os.Message;
+import androidx.annotation.Nullable;
+
+import java.io.IOException;
+
+import okhttp3.MediaType;
+import okhttp3.RequestBody;
+import okio.Buffer;
+import okio.BufferedSink;
+import okio.ForwardingSink;
+import okio.Okio;
+import okio.Sink;
+
+
+public class ProgressRequestBody extends RequestBody {
+
+    public interface ProgressListener {
+        void onProgress(long currentBytes, long contentLength);
+    }
+
+    public class ProgressModel {
+        private long currentBytes  = 0;
+        private long contentLength = 0;
+
+        public ProgressModel(long currentBytes, long contentLength) {
+            this.currentBytes = currentBytes;
+            this.contentLength = contentLength;
+        }
+
+        public long getCurrentBytes() {
+            return currentBytes;
+        }
+
+        public long getContentLength() {
+            return contentLength;
+        }
+    }
+
+    public static final int              UPDATE = 0x01;
+    private             RequestBody      requestBody;
+    private             ProgressListener mListener;
+    private             MyHandler        myHandler;
+    private             BufferedSink     bufferedSink;
+
+    public ProgressRequestBody(RequestBody body, ProgressListener listener) {
+        requestBody = body;
+        mListener = listener;
+        if (myHandler == null) {
+            myHandler = new MyHandler();
+        }
+    }
+
+    class MyHandler extends Handler {
+        //放在主线程中显示
+        public MyHandler() {
+            super(Looper.getMainLooper());
+        }
+
+        @Override
+        public void handleMessage(Message msg) {
+            switch (msg.what) {
+                case UPDATE:
+                    ProgressModel progressModel = (ProgressModel) msg.obj;
+                    if (mListener != null)
+                        mListener.onProgress(progressModel.getCurrentBytes(), progressModel.getContentLength());
+                    break;
+
+            }
+        }
+    }
+
+    @Nullable
+    @Override
+    public MediaType contentType() {
+        return requestBody.contentType();
+    }
+
+    @Override
+    public long contentLength() throws IOException {
+        return requestBody.contentLength();
+    }
+
+    @Override
+    public void writeTo(BufferedSink sink) throws IOException {
+        if (bufferedSink == null) {
+            bufferedSink = Okio.buffer(sink(sink));
+        }
+        //写入
+        requestBody.writeTo(bufferedSink);
+        //刷新
+        bufferedSink.flush();
+    }
+
+    private Sink sink(BufferedSink sink) {
+
+        return new ForwardingSink(sink) {
+            long bytesWritten = 0L;
+            long contentLength = 0L;
+
+            @Override
+            public void write(Buffer source, long byteCount) throws IOException {
+                super.write(source, byteCount);
+                if (contentLength == 0) {
+                    contentLength = contentLength();
+                }
+                bytesWritten += byteCount;
+                //回调
+                Message msg = Message.obtain();
+                msg.what = UPDATE;
+                msg.obj = new ProgressModel(bytesWritten, contentLength);
+                myHandler.sendMessage(msg);
+            }
+        };
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/QuicClient.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/QuicClient.java
new file mode 100644
index 0000000..1ef49f7
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/QuicClient.java
@@ -0,0 +1,120 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.content.Context;
+import android.net.Uri;
+import android.os.Handler;
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.tencent.qcloud.quic.QuicNative;
+
+import java.nio.charset.StandardCharsets;
+import java.util.List;
+
+/**
+ * quic处理类
+ */
+public class QuicClient {
+
+    private static final String TAG = "QuicClient";
+
+    private static final long QUIC_DETECT_TIME_OUT_TIME = 2000;
+    public static final  int  ERROR_CODE_QUIC_TIME_OUT  = -1;
+    public static final  int  PORT                      = 443;
+
+    private final    Handler            mHandler;
+    private          QuicNative         mQuicNative;
+    private          QuicDetectListener mQuicDetectListener;
+    private          String             mParams;
+    private          String             mHost;
+    private volatile boolean            isCallback = false;
+    private          long               reqStartTime;
+
+    public QuicClient(Context context) {
+        mHandler = new Handler(context.getMainLooper());
+    }
+
+    private final QuicNative.NetworkCallback networkCallback = new QuicNative.NetworkCallback() {
+        @Override
+        public void onConnect(int i, int i1) {
+            if (i1 == 0) {
+                mQuicNative.addHeader(":method", "HEAD");
+                if (!TextUtils.isEmpty(mParams)) {
+                    mQuicNative.addHeader(":path", mParams);
+                }
+                mQuicNative.sendRequest(new byte[0], 0, true);
+            } else {
+                notifyCallback(false, i1);
+            }
+        }
+
+        @Override
+        public void onDataReceive(int i, byte[] bytes, int i1) {
+            String responseData = new String(bytes, StandardCharsets.ISO_8859_1);
+            Log.d(TAG, mHost + " responseData:" + responseData);
+            notifyCallback(true, i1);
+        }
+
+        @Override
+        public void onCompleted(int i, int i1) {
+        }
+
+        @Override
+        public void onClose(int i, int i1, String s) {
+        }
+    };
+
+    private final Runnable timeOutRunnable = new Runnable() {
+        @Override
+        public void run() {
+            if (!isCallback) {
+                notifyCallback(false, ERROR_CODE_QUIC_TIME_OUT);
+            }
+        }
+    };
+
+    private void notifyCallback(boolean isQuic, int code) {
+        if (isCallback) {
+            return;
+        }
+        this.isCallback = true;
+        mHandler.removeCallbacks(timeOutRunnable);
+        if (null != mQuicDetectListener) {
+            long requestTime = System.currentTimeMillis() - reqStartTime;
+            mQuicDetectListener.onQuicDetectDone(isQuic, requestTime, code);
+        }
+    }
+
+    /**
+     * 查询quic链路是否连通
+     * <p>1、url是否支持quic</p>
+     * <p>2、当前网络环境是否支持quic/udp链路</p>
+     * <h1>3、需要在子线程运行</h1>
+     */
+    public void detectQuic(final String domain, final QuicDetectListener listener) {
+        List<String> ipList = TXUGCPublishOptCenter.getInstance().query(domain);
+        if (!ipList.isEmpty()) {
+            this.mQuicDetectListener = listener;
+            String reqUrl = "http://" + domain;
+            Uri originUri = Uri.parse(reqUrl);
+            this.mHost = originUri.getHost();
+            if (null != originUri.getQuery()) {
+                this.mParams = originUri.getPath() + "?" + originUri.getQuery();
+            } else {
+                this.mParams = originUri.getPath();
+            }
+
+            mQuicNative = new QuicNative();
+            mQuicNative.setCallback(networkCallback);
+            reqStartTime = System.currentTimeMillis();
+            mQuicNative.connect(mHost, ipList.get(0), PORT, PORT);
+            mHandler.postDelayed(timeOutRunnable, QUIC_DETECT_TIME_OUT_TIME);
+        }
+    }
+
+
+    public interface QuicDetectListener {
+        void onQuicDetectDone(boolean isQuic, long requestTime, int errorCode);
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCClient.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCClient.java
new file mode 100644
index 0000000..5aecb9b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCClient.java
@@ -0,0 +1,1078 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.app.Activity;
+import android.content.Context;
+import android.content.SharedPreferences;
+import android.net.Uri;
+import android.os.Bundle;
+import android.os.Handler;
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.tencent.cos.xml.CosXmlService;
+import com.tencent.cos.xml.CosXmlServiceConfig;
+import com.tencent.cos.xml.exception.CosXmlClientException;
+import com.tencent.cos.xml.exception.CosXmlServiceException;
+import com.tencent.cos.xml.listener.CosXmlProgressListener;
+import com.tencent.cos.xml.listener.CosXmlResultListener;
+import com.tencent.cos.xml.model.CosXmlRequest;
+import com.tencent.cos.xml.model.CosXmlResult;
+import com.tencent.cos.xml.model.object.InitMultipartUploadRequest;
+import com.tencent.cos.xml.model.object.InitMultipartUploadResult;
+import com.tencent.cos.xml.model.object.PutObjectRequest;
+import com.tencent.cos.xml.transfer.COSXMLUploadTask;
+import com.tencent.cos.xml.transfer.TransferConfig;
+import com.tencent.cos.xml.transfer.TransferManager;
+import com.tencent.cos.xml.transfer.TransferState;
+import com.tencent.cos.xml.transfer.TransferStateListener;
+import com.tencent.qcloud.ugckit.module.upload.TXUGCPublishTypeDef;
+import com.tencent.qcloud.ugckit.module.upload.impl.compute.TXHttpTaskMetrics;
+import com.tencent.qcloud.ugckit.module.upload.impl.compute.TXOnGetHttpTaskMetrics;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.File;
+import java.io.IOException;
+import java.io.UnsupportedEncodingException;
+import java.net.InetAddress;
+import java.util.List;
+import java.util.Map;
+import java.util.Timer;
+import java.util.TimerTask;
+import java.util.concurrent.Executors;
+
+import okhttp3.Call;
+import okhttp3.Callback;
+import okhttp3.Response;
+
+/**
+ * 视频上传客户端
+ */
+public class TVCClient {
+    private static final String                   TAG                   = "TVC-Client";
+    private              Context                  context;
+    private              Handler                  mainHandler;
+    private              boolean                  busyFlag              = false;
+    private              boolean                  cancleFlag            = false;
+    private              TVCUploadInfo            uploadInfo;
+    private              UGCClient                ugcClient;
+    private              TVCUploadListener        tvcListener;
+    private              int                      cosAppId;   //点播上传用到的COS appid
+    private              int                      userAppId;  //客户自己的appid，数据上报需要
+    private              String                   uploadRegion          = "";
+    private              String                   cosBucket;
+    private              String                   cosTmpSecretId        = "";
+    private              String                   cosTmpSecretKey       = "";
+    private              String                   cosToken              = "";
+    private              long                     cosExpiredTime;
+    private              long                     localTimeAdvance      = 0;        //本地时间相对unix时间戳提前间隔
+    private              String                   cosVideoPath;
+    private              String                   videoFileId;
+    private              String                   cosCoverPath;
+    private              boolean                  isOpenCosAcc          = false;   //是否使用cos动态加速
+    private              String                   cosAccDomain          = "";       //动态加速域名
+    private              String                   cosHost               = "";
+    private              String                   domain;
+    private              String                   cosIP                 = "";
+    private              String                   vodSessionKey         = null;
+    private              long                     reqTime               = 0;            //各阶段开始请求时间
+    private              long                     initReqTime           = 0;        //上传请求时间，用于拼接reqKey。串联请求
+    private              String                   customKey             = "";       //用于数据上报
+    private              CosXmlService            mCosXmlService;
+    private              COSXMLUploadTask         mCOSXMLUploadTask;
+    private              TransferConfig           mTransferConfig;
+    private              TransferManager          mTransferManager;
+    private static final String                   LOCALFILENAME         = "TVCSession";
+    private              SharedPreferences        mSharedPreferences;
+    private              SharedPreferences.Editor mShareEditor;
+    private              String                   uploadId              = null;
+    private              long                     fileLastModTime       = 0;     //视频文件最后修改时间
+    private              boolean                  enableResume          = true;
+    private              boolean                  enableHttps           = false;
+    private              UGCReport.ReportInfo     reportInfo;
+    private static final int                      VIRTUAL_TOTAL_PERCENT = 10;    //前后的虚拟进度占的百分比
+    private              TimerTask                virtualProgress       = null;   //虚拟进度任务
+    private              Timer                    mTimer;                       //定时器
+    private              int                      virtualPercent        = 0;             //虚拟进度
+    private              boolean                  realProgressFired     = false;
+    private              int                      vodCmdRequestCount    = 0;           //vod信令重试次数
+    private              long                     mSliceSize            = 1024 * 1024 * 10; // 默认分片10M
+    private              int                      mConcurrentCount;                 // 并发数量
+
+    /**
+     * 初始化上传实例
+     *
+     * @param signature 签名
+     * @param iTimeOut 超时时间
+     */
+    public TVCClient(Context context, String customKey, String signature, boolean enableResume, boolean enableHttps,
+                     int iTimeOut, long sliceSize, int concurrenceSize) {
+        this.context = context.getApplicationContext();
+        ugcClient = UGCClient.getInstance(signature, iTimeOut);
+        mainHandler = new Handler(context.getMainLooper());
+        mSharedPreferences = context.getSharedPreferences(LOCALFILENAME, Activity.MODE_PRIVATE);
+        mShareEditor = mSharedPreferences.edit();
+        this.enableResume = enableResume;
+        this.enableHttps = enableHttps;
+        this.customKey = customKey;
+        this.mConcurrentCount = concurrenceSize;
+        // sdk最小支持1M
+        if (sliceSize < 1024 * 1024) {
+            sliceSize = 1024 * 1024;
+        }
+        reportInfo = new UGCReport.ReportInfo();
+        clearLocalCache();
+    }
+
+    /**
+     * 初始化上传实例
+     *
+     * @param ugcSignature 签名
+     */
+    public TVCClient(Context context, String customKey, String ugcSignature, boolean resumeUpload,
+                     boolean enableHttps, long sliceSize, int concurrenceSize) {
+        this(context, customKey, ugcSignature, resumeUpload, enableHttps, 8, sliceSize, concurrenceSize);
+    }
+
+    // 清理一下本地缓存，过期的删掉
+    private void clearLocalCache() {
+        if (mSharedPreferences != null) {
+            try {
+                Map<String, ?> allContent = mSharedPreferences.getAll();
+                //注意遍历map的方法
+                for (Map.Entry<String, ?> entry : allContent.entrySet()) {
+                    JSONObject json = new JSONObject((String) entry.getValue());
+                    long expiredTime = json.optLong("expiredTime", 0);
+                    // 过期了清空key
+                    if (expiredTime < System.currentTimeMillis() / 1000) {
+                        mShareEditor.remove(entry.getKey());
+                        mShareEditor.commit();
+                    }
+                }
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+    }
+
+    private void startTimer() {
+        if (mTimer != null) {
+            mTimer.cancel();
+            mTimer = null;
+        }
+
+        if (virtualProgress != null) {
+            virtualProgress = null;
+        }
+
+        if (virtualProgress == null) {
+            virtualProgress = new TimerTask() {
+                @Override
+                public void run() {
+                    postVirtualProgress();
+                }
+            };
+        }
+
+        mTimer = new Timer();
+        mTimer.schedule(virtualProgress, 2000 / VIRTUAL_TOTAL_PERCENT, 2000 / VIRTUAL_TOTAL_PERCENT);   //前后的虚拟进度大概持续2s
+    }
+
+    private void stopTimer() {
+        if (mTimer != null) {
+            mTimer.cancel();
+            mTimer = null;
+        }
+
+        if (virtualProgress != null) {
+            virtualProgress = null;
+        }
+    }
+
+    private void postVirtualProgress() {
+        if (uploadInfo != null) {
+            long total = uploadInfo.getFileSize() + (uploadInfo.isNeedCover() ? uploadInfo.getCoverFileSize() : 0);
+            if ((virtualPercent >= 0 && virtualPercent < 10) || (virtualPercent >= 90 && virtualPercent < 100)) {
+                ++virtualPercent;
+                notifyUploadProgress(virtualPercent * total / 100, total);
+            }
+        }
+    }
+
+    // 通知上层上传成功
+    private void notifyUploadSuccess(final String fileId, final String playUrl, final String coverUrl) {
+        TXUGCPublishOptCenter.getInstance().delPublishing(uploadInfo.getFilePath());
+        final long total = uploadInfo.getFileSize() + (uploadInfo.isNeedCover() ? uploadInfo.getCoverFileSize() : 0);
+        mainHandler.post(new Runnable() {
+            @Override
+            public void run() {
+                tvcListener.onProgress(total, total);
+                tvcListener.onSuccess(fileId, playUrl, coverUrl);
+            }
+        });
+        stopTimer();
+    }
+
+    // 通知上层上传失败
+    private void notifyUploadFailed(final int errCode, final String errMsg) {
+        TXUGCPublishOptCenter.getInstance().delPublishing(uploadInfo.getFilePath());
+        mainHandler.post(new Runnable() {
+            @Override
+            public void run() {
+                tvcListener.onFailed(errCode, errMsg);
+            }
+        });
+        stopTimer();
+    }
+
+    // 通知上层上传进度
+    private void notifyUploadProgress(final long currentSize, final long totalSize) {
+        mainHandler.post(new Runnable() {
+            @Override
+            public void run() {
+                tvcListener.onProgress(currentSize, totalSize);
+            }
+        });
+    }
+
+    private boolean isVideoFileExist(String path) {
+        File file = new File(path);
+        try {
+            if (file.exists()) {
+                return true;
+            }
+        } catch (Exception e) {
+            Log.e("getFileSize", "getFileSize: " + e);
+            return false;
+        }
+        return false;
+    }
+
+    /**
+     * 上传视频文件
+     *
+     * @param info 视频文件信息
+     * @param listener 上传回调
+     * @return
+     */
+    public int uploadVideo(TVCUploadInfo info, TVCUploadListener listener) {
+        if (busyFlag) {     // 避免一个对象传输多个文件
+            return TVCConstants.ERR_CLIENT_BUSY;
+        }
+        busyFlag = true;
+        this.uploadInfo = info;
+        this.tvcListener = listener;
+
+        String fileName = info.getFileName();
+        Log.d(TAG, "fileName = " + fileName);
+        if (fileName != null && fileName.getBytes().length > 200) { //视频文件名太长 直接返回
+            tvcListener.onFailed(TVCConstants.ERR_UGC_FILE_NAME, "file name too long");
+            txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, TVCConstants.ERR_UGC_FILE_NAME, 0, "", "file name "
+                            + "too long", System.currentTimeMillis(), 0, uploadInfo.getFileSize(),
+                    uploadInfo.getFileType(),
+                    uploadInfo.getFileName(), "", "", 0, 0);
+
+            return TVCConstants.ERR_UGC_FILE_NAME;
+        }
+
+        if (info.isContainSpecialCharacters(fileName)) {//视频文件名包含特殊字符 直接返回
+            tvcListener.onFailed(TVCConstants.ERR_UGC_FILE_NAME, "file name contains special character / : * ? \" < >");
+
+            txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, TVCConstants.ERR_UGC_FILE_NAME, 0, "", "file name "
+                            + "contains special character / : * ? \" < >", System.currentTimeMillis(), 0,
+                    uploadInfo.getFileSize(), uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+
+            return TVCConstants.ERR_UGC_FILE_NAME;
+        }
+
+        if (!TXUGCPublishOptCenter.getInstance().isPublishing(info.getFilePath()) && enableResume)
+            getResumeData(info.getFilePath());
+        TXUGCPublishOptCenter.getInstance().addPublishing(info.getFilePath());
+        applyUploadUGC(info, vodSessionKey);
+        return TVCConstants.NO_ERROR;
+    }
+
+    /**
+     * 取消（中断）上传。中断之后恢复上传再用相同的参数调用uploadVideo即可。
+     *
+     * @return 成功或者失败
+     */
+    public void cancleUpload() {
+        if (mCOSXMLUploadTask != null) {
+            mCOSXMLUploadTask.pause();
+            cancleFlag = true;
+        }
+    }
+
+    // 向点播申请上传，获取 COS 上传信息
+    private void applyUploadUGC(TVCUploadInfo info, String vodSessionKey) {
+        startTimer();   //启动开始虚拟进度
+        // 第一步 向UGC请求上传(获取COS认证信息)
+        reqTime = System.currentTimeMillis();
+        initReqTime = reqTime;
+        getCosUploadInfo(info, vodSessionKey, TVCConstants.VOD_SERVER_HOST);
+    }
+
+    private void getCosUploadInfo(final TVCUploadInfo info, final String vodSessionKey, final String domain) {
+        ugcClient.initUploadUGC(domain, info, customKey, vodSessionKey, new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+                Log.e(TAG, "initUploadUGC->onFailure: " + e.toString());
+                if (domain.equalsIgnoreCase(TVCConstants.VOD_SERVER_HOST)) {
+                    if (++vodCmdRequestCount < TVCConstants.MAX_REQUEST_COUNT) {
+                        getCosUploadInfo(info, vodSessionKey, TVCConstants.VOD_SERVER_HOST);
+                    } else {
+                        vodCmdRequestCount = 0;
+                        getCosUploadInfo(info, vodSessionKey, TVCConstants.VOD_SERVER_HOST_BAK);
+                    }
+                } else if (domain.equalsIgnoreCase(TVCConstants.VOD_SERVER_HOST_BAK)) {
+                    if (++vodCmdRequestCount < TVCConstants.MAX_REQUEST_COUNT) {
+                        getCosUploadInfo(info, vodSessionKey, TVCConstants.VOD_SERVER_HOST_BAK);
+                    } else {
+                        notifyUploadFailed(TVCConstants.ERR_UGC_REQUEST_FAILED, e.toString());
+                        txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, TVCConstants.ERR_UGC_REQUEST_FAILED, 1,
+                                "", e.toString(), reqTime, System.currentTimeMillis() - reqTime,
+                                uploadInfo.getFileSize(), uploadInfo.getFileType(), uploadInfo.getFileName(), "", "",
+                                0, 0);
+                    }
+                }
+            }
+
+            @Override
+            public void onResponse(Call call, Response response) throws IOException {
+                if (!response.isSuccessful()) {
+                    notifyUploadFailed(TVCConstants.ERR_UGC_REQUEST_FAILED, "HTTP Code:" + response.code());
+
+                    txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, TVCConstants.ERR_UGC_REQUEST_FAILED,
+                            response.code(), "", "HTTP Code:" + response.code(), reqTime,
+                            System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(), uploadInfo.getFileType(),
+                            uploadInfo.getFileName(), "", "", 0, 0);
+
+                    setResumeData(uploadInfo.getFilePath(), "", "");
+
+                    Log.e(TAG, "initUploadUGC->http code: " + response.code());
+                    throw new IOException("" + response);
+                } else {
+                    vodCmdRequestCount = 0;
+                    parseInitRsp(response.body().string());
+                }
+            }
+        });
+    }
+
+    // 解析上传请求返回信息
+    private void parseInitRsp(String rspString) {
+        Log.i(TAG, "parseInitRsp: " + rspString);
+        if (TextUtils.isEmpty(rspString)) {
+            Log.e(TAG, "parseInitRsp->response is empty!");
+            notifyUploadFailed(TVCConstants.ERR_UGC_PARSE_FAILED, "init response is empty");
+
+            txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, TVCConstants.ERR_UGC_REQUEST_FAILED, 2,
+                    "", "init response is empty", reqTime, System.currentTimeMillis() - reqTime,
+                    uploadInfo.getFileSize(), uploadInfo.getFileType(), uploadInfo.getFileName(), "", "",
+                    0, 0);
+
+            setResumeData(uploadInfo.getFilePath(), "", "");
+
+            return;
+        }
+
+        try {
+            JSONObject jsonRsp = new JSONObject(rspString);
+            int code = jsonRsp.optInt("code", -1);
+            Log.i(TAG, "parseInitRsp: " + code);
+
+            String message = "";
+            try {
+                message = new String(jsonRsp.optString("message", "").getBytes("UTF-8"), "utf-8");
+            } catch (UnsupportedEncodingException e) {
+                e.printStackTrace();
+            }
+
+            if (0 != code) {
+                notifyUploadFailed(TVCConstants.ERR_UGC_PARSE_FAILED, code + "|" + message);
+
+                txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, TVCConstants.ERR_UGC_REQUEST_FAILED, code, "",
+                        code + "|" + message, reqTime, System.currentTimeMillis() - reqTime, uploadInfo.getFileSize()
+                        , uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+
+                vodSessionKey = null;
+                setResumeData(uploadInfo.getFilePath(), "", "");
+
+                return;
+            }
+
+            JSONObject dataObj = jsonRsp.getJSONObject("data");
+            JSONObject videoObj = dataObj.getJSONObject("video");
+            cosVideoPath = videoObj.getString("storagePath");
+
+            // cos上传临时证书
+            JSONObject tempCertificate = dataObj.getJSONObject("tempCertificate");
+            cosTmpSecretId = tempCertificate.optString("secretId");
+            cosTmpSecretKey = tempCertificate.optString("secretKey");
+            cosToken = tempCertificate.optString("token");
+            cosExpiredTime = tempCertificate.optLong("expiredTime");
+
+            long serverTS = dataObj.optLong("timestamp", 0);
+
+            Log.d(TAG, "isNeedCover:" + uploadInfo.isNeedCover());
+            if (uploadInfo.isNeedCover()) {
+                JSONObject coverObj = dataObj.getJSONObject("cover");
+                cosCoverPath = coverObj.getString("storagePath");
+            }
+            cosAppId = dataObj.getInt("storageAppId");
+            cosBucket = dataObj.getString("storageBucket") + "-" + cosAppId; //从5.4.10升级到5.4
+            // .20之后，废除了setAppIdAndRegion接口，需要自行拼接保证costBucket格式为 bucket-appId
+            uploadRegion = dataObj.getString("storageRegionV5");
+            domain = dataObj.getString("domain");
+            vodSessionKey = dataObj.getString("vodSessionKey");
+            userAppId = dataObj.getInt("appId");
+
+            JSONObject cosAccObj = dataObj.optJSONObject("cosAcc");
+            if (cosAccObj != null) {
+                isOpenCosAcc = cosAccObj.optInt("isOpen", 0) == 0 ? false : true;
+                cosAccDomain = cosAccObj.optString("domain", "");
+            }
+
+            Log.d(TAG, "cosVideoPath=" + cosVideoPath);
+            Log.d(TAG, "cosCoverPath=" + cosCoverPath);
+            Log.d(TAG, "cosAppId=" + cosAppId);
+            Log.d(TAG, "cosBucket=" + cosBucket);
+            Log.d(TAG, "uploadRegion=" + uploadRegion);
+            Log.d(TAG, "domain=" + domain);
+            Log.d(TAG, "vodSessionKey=" + vodSessionKey);
+            Log.d(TAG, "cosAcc.isOpen=" + isOpenCosAcc);
+            Log.d(TAG, "cosAcc.domain=" + cosAccDomain);
+
+            CosXmlServiceConfig.Builder builder = new CosXmlServiceConfig.Builder()
+                    .setRegion(uploadRegion)
+                    .setDebuggable(true)
+                    .setAccelerate(isOpenCosAcc)
+                    .isHttps(enableHttps);
+
+            if (mConcurrentCount > 0) {
+                builder.setExecutor(Executors.newFixedThreadPool(mConcurrentCount));
+            }
+            if (TXUGCPublishOptCenter.getInstance().isNeedEnableQuic(uploadRegion)) {
+                builder.enableQuic(true).setPort(QuicClient.PORT);
+            }
+
+            CosXmlServiceConfig cosXmlServiceConfig = builder.builder();
+
+            cosHost = getCosIP(cosXmlServiceConfig);
+
+            long localTS = System.currentTimeMillis() / 1000L;
+            if (serverTS > 0 && (localTS - serverTS > 5 * 60 || serverTS - localTS > 5 * 60)) {
+                localTimeAdvance = localTS - serverTS;
+            }
+            if (null == mCosXmlService) {
+                mCosXmlService = new CosXmlService(context, cosXmlServiceConfig,
+                        new TVCDirectCredentialProvider(cosTmpSecretId, cosTmpSecretKey, cosToken,
+                                localTS - localTimeAdvance, cosExpiredTime));
+            } else {
+                // force update request client
+                mCosXmlService.setNetworkClient(cosXmlServiceConfig);
+            }
+
+            List<String> cosIps = TXUGCPublishOptCenter.getInstance().query(cosHost);
+            if (cosIps != null && cosIps.size() > 0) {
+                mCosXmlService.addCustomerDNS(cosHost, cosIps.toArray(new String[cosIps.size()]));
+            }
+
+            // 第二步 通过COS上传视频
+            uploadCosVideo();
+        } catch (JSONException e) {
+            Log.e(TAG, e.toString());
+            setResumeData(uploadInfo.getFilePath(), "", "");
+            txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, TVCConstants.ERR_UGC_PARSE_FAILED, 3, "",
+                    e.toString(), reqTime, System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(),
+                    uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+            notifyUploadFailed(TVCConstants.ERR_UGC_PARSE_FAILED, e.toString());
+            return;
+        } catch (CosXmlClientException e) {
+            //addCustomerDNS出现异常，不影响正常上传
+            Log.e(TAG, e.toString());
+        }
+
+        txReport(TVCConstants.UPLOAD_EVENT_ID_REQUEST_UPLOAD, 0, 0, "",
+                "", reqTime, System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(),
+                uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+    }
+
+    private String getCosIP(CosXmlServiceConfig cosXmlServiceConfig) {
+        PutObjectRequest putObjectRequest = new PutObjectRequest(cosBucket, cosCoverPath, uploadInfo.getCoverPath());
+        final String cosHost = putObjectRequest.getRequestHost(cosXmlServiceConfig);
+
+        new Thread(new Runnable() {
+            @Override
+            public void run() {
+                try {
+                    InetAddress address = InetAddress.getByName(cosHost);
+                    cosIP = address.getHostAddress();
+                } catch (Exception e) {
+                    e.printStackTrace();
+                }
+            }
+        }).start();
+        return cosHost;
+    }
+
+    // 通过COS上传封面
+    private void uploadCosCover() {
+        reqTime = System.currentTimeMillis();
+        PutObjectRequest putObjectRequest = new PutObjectRequest(cosBucket, cosCoverPath, uploadInfo.getCoverPath());
+        putObjectRequest.setProgressListener(new CosXmlProgressListener() {
+            @Override
+            public void onProgress(long progress, long max) {
+                Log.d(TAG, "uploadCosCover->progress: " + progress + "/" + max);
+                if (progress >= max) {
+                    virtualPercent = 100 - VIRTUAL_TOTAL_PERCENT;
+                    startTimer();   //上传完成，启动结束虚拟进度
+                } else {
+                    max += uploadInfo.getFileSize();
+                    notifyUploadProgress((progress + uploadInfo.getFileSize()) * (100 - 2 * VIRTUAL_TOTAL_PERCENT) / 100 + max * VIRTUAL_TOTAL_PERCENT / 100, max);
+                }
+            }
+        });
+
+        putObjectRequest.isSupportAccelerate(isOpenCosAcc);
+        final TXHttpTaskMetrics metrics = new TXHttpTaskMetrics();
+        putObjectRequest.attachMetrics(metrics);
+        mCosXmlService.putObjectAsync(putObjectRequest, new CosXmlResultListener() {
+            @Override
+            public void onSuccess(CosXmlRequest cosXmlRequest, CosXmlResult cosXmlResult) {
+                String requestId = getRequestId(cosXmlResult);
+                txReport(TVCConstants.UPLOAD_EVENT_ID_COS_UPLOAD, 0, 0, "", "", reqTime,
+                        System.currentTimeMillis() - reqTime, uploadInfo.getCoverFileSize(),
+                        uploadInfo.getCoverImgType(), uploadInfo.getCoverName(), "", requestId,
+                        metrics.getTCPConnectionTimeCost(), metrics.getRecvRspTimeCost());
+                reqTime = System.currentTimeMillis();
+                startFinishUploadUGC(cosXmlResult, TVCConstants.VOD_SERVER_HOST);
+            }
+
+            @Override
+            public void onFail(CosXmlRequest cosXmlRequest, CosXmlClientException qcloudException,
+                               CosXmlServiceException qcloudServiceException) {
+                StringBuilder stringBuilder = new StringBuilder();
+                String cosErr = "";
+                if (qcloudException != null) {
+                    stringBuilder.append(qcloudException.getMessage());
+                    cosErr = String.valueOf(qcloudException.errorCode);
+                } else {
+                    stringBuilder.append(qcloudServiceException.toString());
+                    cosErr = qcloudServiceException.getErrorCode();
+                }
+
+                notifyUploadFailed(TVCConstants.ERR_UPLOAD_COVER_FAILED,
+                        "cos upload error:" + stringBuilder.toString());
+
+                String requestId = "";
+                if (qcloudServiceException != null) {
+                    requestId = qcloudServiceException.getRequestId();
+                }
+                txReport(TVCConstants.UPLOAD_EVENT_ID_COS_UPLOAD, TVCConstants.ERR_UPLOAD_COVER_FAILED, 0, cosErr,
+                        stringBuilder.toString(), reqTime, System.currentTimeMillis() - reqTime,
+                        uploadInfo.getCoverFileSize(), uploadInfo.getCoverImgType(), uploadInfo.getCoverName(), "",
+                        requestId, metrics.getTCPConnectionTimeCost(), metrics.getRecvRspTimeCost());
+            }
+        });
+    }
+
+    private String getRequestId(CosXmlResult result) {
+        if (result == null || result.headers == null) {
+            return "";
+        }
+        List<String> requestIds = result.headers.get("x-cos-request-id");
+        String requestId = requestIds != null && requestIds.size() != 0 ? requestIds.get(0) : "";
+        return requestId;
+    }
+
+
+    // 解析cos上传视频返回信息
+    private void startUploadCoverFile(CosXmlResult result) {
+        // 第三步 通过COS上传封面
+        if (uploadInfo.isNeedCover()) {
+            uploadCosCover();
+        } else {
+            startFinishUploadUGC(result, TVCConstants.VOD_SERVER_HOST);
+        }
+    }
+
+
+    // 通过COS上传视频
+    private void uploadCosVideo() {
+        new Thread() {
+            @Override
+            public void run() {
+                reqTime = System.currentTimeMillis();
+
+                Log.i(TAG, "uploadCosVideo begin :  cosBucket " + cosBucket + " cosVideoPath: " + cosVideoPath + "  "
+                        + "path " + uploadInfo.getFilePath());
+                long tcpConnectionTimeCost = 0;
+                long recvRspTimeCost = 0;
+                try {
+                    TXUGCPublishTypeDef.TXPublishResumeData resumeData = new TXUGCPublishTypeDef.TXPublishResumeData();
+                    resumeData.bucket = cosBucket;
+                    resumeData.cosPath = cosVideoPath;
+                    resumeData.srcPath = uploadInfo.getFilePath();
+                    resumeData.sliceSize = 1024 * 1024;
+
+                    boolean hasComputeTimeCost = false;
+
+                    if (isResumeUploadVideo()) {
+                        resumeData.uploadId = uploadId;
+                    } else {
+                        hasComputeTimeCost = true;
+                        InitMultipartUploadRequest initMultipartUploadRequest =
+                                new InitMultipartUploadRequest(cosBucket, cosVideoPath);
+                        initMultipartUploadRequest.isSupportAccelerate(isOpenCosAcc);
+                        // 用HttpTaskMetrics统计耗时
+                        TXHttpTaskMetrics metrics = new TXHttpTaskMetrics();
+                        initMultipartUploadRequest.attachMetrics(metrics);
+                        InitMultipartUploadResult initMultipartUploadResult =
+                                mCosXmlService.initMultipartUpload(initMultipartUploadRequest);
+                        // initMultipartUpload 之后可以获取到耗时
+                        recvRspTimeCost = metrics.getRecvRspTimeCost();
+                        tcpConnectionTimeCost = metrics.getTCPConnectionTimeCost();
+                        uploadId = initMultipartUploadResult.initMultipartUpload.uploadId;
+                        setResumeData(uploadInfo.getFilePath(), vodSessionKey, uploadId);
+                        resumeData.uploadId = uploadId;
+                    }
+
+                    // 此处可以进行定制，我们使用默认设置即可；
+                    mTransferConfig = new TransferConfig.Builder().setSliceSizeForUpload(mSliceSize).build();
+                    mTransferManager = new TransferManager(mCosXmlService, mTransferConfig);
+                    Log.d(TAG, "resumeData.srcPath: " + resumeData.srcPath);
+                    if (resumeData.srcPath.startsWith("content://")) {
+                        mCOSXMLUploadTask = mTransferManager.upload(resumeData.bucket, resumeData.cosPath,
+                                Uri.parse(resumeData.srcPath), resumeData.uploadId);
+                    } else {
+                        mCOSXMLUploadTask = mTransferManager.upload(resumeData.bucket, resumeData.cosPath,
+                                resumeData.srcPath, resumeData.uploadId);
+                    }
+
+                    mCOSXMLUploadTask.setCosXmlProgressListener(new CosXmlProgressListener() {
+                        @Override
+                        public void onProgress(long progress, long max) {
+                            if (uploadInfo.isNeedCover()) {
+                                max += uploadInfo.getCoverFileSize();
+                            }
+
+                            if (!realProgressFired) {
+                                stopTimer();        //cos上传开始有进度回来，停掉开始虚拟进度回调
+                                realProgressFired = true;
+                            }
+
+                            if (progress >= max) {
+                                virtualPercent = 100 - VIRTUAL_TOTAL_PERCENT;
+                                startTimer();   //上传完成，启动结束虚拟进度
+                            } else {
+                                notifyUploadProgress(progress * (100 - 2 * VIRTUAL_TOTAL_PERCENT) / 100 + VIRTUAL_TOTAL_PERCENT * max / 100, max);
+                            }
+                        }
+                    });
+
+                    TXOnGetHttpTaskMetrics onGetHttpTaskMetrics = null;
+                    // 如果是没有init的话，是还没有统计到首次包连接；那么需要给Service添加监听
+                    if (!hasComputeTimeCost) {
+                        onGetHttpTaskMetrics = new TXOnGetHttpTaskMetrics();
+                        mCOSXMLUploadTask.setOnGetHttpTaskMetrics(onGetHttpTaskMetrics);
+                    }
+
+                    // 同步得到result后，那么就可以获取到连接的耗时了
+                    if (onGetHttpTaskMetrics != null) {
+                        tcpConnectionTimeCost = onGetHttpTaskMetrics.getTCPConnectionTimeCost();
+                        recvRspTimeCost = onGetHttpTaskMetrics.getRecvRspTimeCost();
+                    }
+
+                    final long finalTcpConnectionTimeCost = tcpConnectionTimeCost;
+                    final long finalRecvRspTimeCost = recvRspTimeCost;
+
+                    mCOSXMLUploadTask.setCosXmlResultListener(new MyCosXmlResultListener(finalTcpConnectionTimeCost,
+                            finalRecvRspTimeCost));
+
+                    mCOSXMLUploadTask.setTransferStateListener(new TransferStateListener() {
+                        @Override
+                        public void onStateChanged(TransferState state) {
+                            if (cancleFlag && state == TransferState.PAUSED) {
+                                busyFlag = false;
+                                cancleFlag = false;
+                                notifyUploadFailed(TVCConstants.ERR_USER_CANCEL, "request is cancelled by manual "
+                                        + "pause");
+                            }
+                        }
+                    });
+
+                } catch (Exception e) {
+                    Log.w(TAG, "Exception =" + e.toString());
+                    txReport(TVCConstants.UPLOAD_EVENT_ID_COS_UPLOAD, TVCConstants.ERR_UPLOAD_VIDEO_FAILED,
+                            0, "Exception", "HTTP Code:" + e.getMessage(), reqTime,
+                            System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(), uploadInfo.getFileType(),
+                            uploadInfo.getFileName(), "", "", 0, 0);
+                    notifyUploadFailed(TVCConstants.ERR_UPLOAD_VIDEO_FAILED,
+                            "cos upload video error:" + e.getMessage());
+                    if (mCosXmlService.getConfig().isEnableQuic()) {
+                        // quic失败，使用http重新上传
+                        quicTransToHttpRetry();
+                    } else {
+                        setResumeData(uploadInfo.getFilePath(), "", "");
+                    }
+                }
+            }
+        }.start();
+    }
+
+    private void quicTransToHttpRetry() {
+        // quic失败，使用http重新上传 quic request failed,switch to http
+        Log.e(TAG, "quic request failed,switch to http");
+        TXUGCPublishOptCenter.getInstance().disableQuicIfNeed();
+        applyUploadUGC(uploadInfo, vodSessionKey);
+    }
+
+    // 解析cos上传视频返回信息
+    private void startFinishUploadUGC(final CosXmlResult result, final String domain) {
+        String strAccessUrl = result.accessUrl;
+        Log.i(TAG, "startFinishUploadUGC: " + strAccessUrl);
+
+        // 第三步 上传结束
+        ugcClient.finishUploadUGC(domain, customKey, vodSessionKey, new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+                Log.i(TAG, "FinishUploadUGC: fail" + e.toString());
+                if (domain.equalsIgnoreCase(TVCConstants.VOD_SERVER_HOST)) {
+                    if (++vodCmdRequestCount < TVCConstants.MAX_REQUEST_COUNT) {
+                        startFinishUploadUGC(result, TVCConstants.VOD_SERVER_HOST);
+                    } else {
+                        vodCmdRequestCount = 0;
+                        startFinishUploadUGC(result, TVCConstants.VOD_SERVER_HOST_BAK);
+                    }
+                } else if (domain.equalsIgnoreCase(TVCConstants.VOD_SERVER_HOST_BAK)) {
+                    if (++vodCmdRequestCount < TVCConstants.MAX_REQUEST_COUNT) {
+                        startFinishUploadUGC(result, TVCConstants.VOD_SERVER_HOST_BAK);
+                    } else {
+                        notifyUploadFailed(TVCConstants.ERR_UGC_FINISH_REQUEST_FAILED, e.toString());
+                        txReport(TVCConstants.UPLOAD_EVENT_ID_UPLOAD_RESULT,
+                                TVCConstants.ERR_UGC_FINISH_REQUEST_FAILED, 1, "", e.toString(), reqTime,
+                                System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(),
+                                uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+                    }
+                }
+            }
+
+            @Override
+            public void onResponse(Call call, Response response) throws IOException {
+                if (!response.isSuccessful()) {
+                    notifyUploadFailed(TVCConstants.ERR_UGC_FINISH_REQUEST_FAILED, "HTTP Code:" + response.code());
+                    Log.e(TAG, "FinishUploadUGC->http code: " + response.code());
+
+                    txReport(TVCConstants.UPLOAD_EVENT_ID_UPLOAD_RESULT, TVCConstants.ERR_UGC_FINISH_REQUEST_FAILED,
+                            response.code(), "", "HTTP Code:" + response.code(), reqTime,
+                            System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(), uploadInfo.getFileType(),
+                            uploadInfo.getFileName(), "", "", 0, 0);
+
+                    throw new IOException("" + response);
+                } else {
+                    Log.i(TAG, "FinishUploadUGC Suc onResponse body : " + response.body().toString());
+                    parseFinishRsp(response.body().string());
+                }
+            }
+        });
+    }
+
+    // 解析结束上传返回信息.
+    private void parseFinishRsp(String rspString) {
+        Log.i(TAG, "parseFinishRsp: " + rspString);
+        if (TextUtils.isEmpty(rspString)) {
+            Log.e(TAG, "parseFinishRsp->response is empty!");
+            notifyUploadFailed(TVCConstants.ERR_UGC_FINISH_RESPONSE_FAILED, "finish response is empty");
+
+            txReport(TVCConstants.UPLOAD_EVENT_ID_UPLOAD_RESULT, TVCConstants.ERR_UGC_FINISH_RESPONSE_FAILED, 2, "",
+                    "finish response is empty", reqTime, System.currentTimeMillis() - reqTime,
+                    uploadInfo.getFileSize(), uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+
+            return;
+        }
+        try {
+            JSONObject jsonRsp = new JSONObject(rspString);
+            int code = jsonRsp.optInt("code", -1);
+            String message = jsonRsp.optString("message", "");
+            if (0 != code) {
+                notifyUploadFailed(TVCConstants.ERR_UGC_FINISH_RESPONSE_FAILED, code + "|" + message);
+
+                txReport(TVCConstants.UPLOAD_EVENT_ID_UPLOAD_RESULT, TVCConstants.ERR_UGC_FINISH_RESPONSE_FAILED,
+                        code, "", code + "|" + message, reqTime, System.currentTimeMillis() - reqTime,
+                        uploadInfo.getFileSize(), uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+
+                return;
+            }
+            JSONObject dataRsp = jsonRsp.getJSONObject("data");
+            String coverUrl = "";
+            if (uploadInfo.isNeedCover()) {
+                JSONObject coverObj = dataRsp.getJSONObject("cover");
+                coverUrl = coverObj.getString("url");
+                if (enableHttps) {
+                    coverUrl = coverUrl.replace("http:", "https:");
+                }
+            }
+            JSONObject videoObj = dataRsp.getJSONObject("video");
+            String playUrl = videoObj.getString("url");
+            if (enableHttps) {
+                playUrl = playUrl.replace("http:", "https:");
+            }
+            videoFileId = dataRsp.getString("fileId");
+            notifyUploadSuccess(videoFileId, playUrl, coverUrl);
+
+            txReport(TVCConstants.UPLOAD_EVENT_ID_UPLOAD_RESULT, 0, 0, "", "", reqTime,
+                    System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(), uploadInfo.getFileType(),
+                    uploadInfo.getFileName(), videoFileId, "", 0, 0);
+
+            Log.d(TAG, "playUrl:" + playUrl);
+            Log.d(TAG, "coverUrl: " + coverUrl);
+            Log.d(TAG, "videoFileId: " + videoFileId);
+        } catch (JSONException e) {
+            notifyUploadFailed(TVCConstants.ERR_UGC_FINISH_RESPONSE_FAILED, e.toString());
+
+            txReport(TVCConstants.UPLOAD_EVENT_ID_UPLOAD_RESULT, TVCConstants.ERR_UGC_FINISH_RESPONSE_FAILED, 3, "",
+                    e.toString(), reqTime, System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(),
+                    uploadInfo.getFileType(), uploadInfo.getFileName(), "", "", 0, 0);
+        }
+    }
+
+
+    /**
+     * 数据上报
+     *
+     * @param reqType：请求类型，标识是在那个步骤
+     * @param errCode：错误码
+     * @param vodErrCode：点播返回的错误码
+     * @param cosErrCode：COS上传的错误码，字符串
+     * @param errMsg：错误详细信息，COS的错误把requestId拼在错误信息里带回
+     * @param reqTime：请求时间
+     * @param reqTimeCost：耗时，单位ms
+     * @param fileSize :文件大小
+     * @param fileType :文件类型
+     * @param fileId :上传完成后点播返回的fileid
+     */
+    void txReport(int reqType, int errCode, int vodErrCode, String cosErrCode, String errMsg, long reqTime,
+                  long reqTimeCost, long fileSize, String fileType, String fileName, String fileId,
+                  String cosRequestId, long cosTcpConnTimeCost, long cosRecvRespTimeCost) {
+        reportInfo.reqType = reqType;
+        reportInfo.errCode = errCode;
+        reportInfo.errMsg = errMsg;
+        reportInfo.reqTime = reqTime;
+        reportInfo.reqTimeCost = reqTimeCost;
+        reportInfo.fileSize = fileSize;
+        reportInfo.fileType = fileType;
+        reportInfo.fileName = fileName;
+        reportInfo.fileId = fileId;
+        reportInfo.appId = userAppId;
+        reportInfo.vodErrCode = vodErrCode;
+        reportInfo.cosErrCode = cosErrCode;
+        reportInfo.cosRegion = uploadRegion;
+        if (reqType == TVCConstants.UPLOAD_EVENT_ID_COS_UPLOAD) {
+            reportInfo.useHttpDNS = TXUGCPublishOptCenter.getInstance().useHttpDNS(cosHost) ? 1 : 0;
+            reportInfo.reqServerIp = cosIP;
+            reportInfo.tcpConnTimeCost = cosTcpConnTimeCost;
+            reportInfo.recvRespTimeCost = cosRecvRespTimeCost;
+            reportInfo.requestId = cosRequestId == null ? "" : cosRequestId;
+        } else {
+            reportInfo.useHttpDNS = TXUGCPublishOptCenter.getInstance().useHttpDNS(TVCConstants.VOD_SERVER_HOST) ? 1
+                    : 0;
+            reportInfo.reqServerIp = ugcClient.getServerIP();
+            reportInfo.tcpConnTimeCost = ugcClient.getTcpConnTimeCost();
+            reportInfo.recvRespTimeCost = ugcClient.getRecvRespTimeCost();
+            reportInfo.requestId = "";
+        }
+        reportInfo.useCosAcc = isOpenCosAcc ? 1 : 0;
+        reportInfo.reportId = customKey;
+        reportInfo.reqKey = String.valueOf(uploadInfo.getFileLastModifyTime()) + ";" + String.valueOf(initReqTime);
+        reportInfo.vodSessionKey = vodSessionKey;
+        UGCReport.getInstance(context).addReportInfo(reportInfo);
+
+        if ((errCode == 0 && reqType == TVCConstants.UPLOAD_EVENT_ID_UPLOAD_RESULT) || errCode != 0) {
+            UGCReport.ReportInfo dauReportInfo = new UGCReport.ReportInfo(reportInfo);
+            dauReportInfo.reqType = TVCConstants.UPLOAD_EVENT_DAU;
+            UGCReport.getInstance(context).addReportInfo(dauReportInfo);
+        }
+    }
+
+    // 断点续传
+    // 本地保存 filePath --> <session, uploadId, expireTime> 的映射集合，格式为json
+    // session的过期时间是1天
+    private void getResumeData(String filePath) {
+        vodSessionKey = null;
+        uploadId = null;
+        fileLastModTime = 0;
+        if (TextUtils.isEmpty(filePath) || enableResume == false) {
+            return;
+        }
+
+        if (mSharedPreferences != null && mSharedPreferences.contains(filePath)) {
+            try {
+                JSONObject json = new JSONObject(mSharedPreferences.getString(filePath, ""));
+                long expiredTime = json.optLong("expiredTime", 0);
+                if (expiredTime > System.currentTimeMillis() / 1000) {
+                    vodSessionKey = json.optString("session", "");
+                    uploadId = json.optString("uploadId", "");
+                    fileLastModTime = json.optLong("fileLastModTime", 0);
+                }
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+
+        return;
+    }
+
+    private void setResumeData(String filePath, String vodSessionKey, String uploadId) {
+        if (filePath == null || filePath.isEmpty()) {
+            return;
+        }
+        if (mSharedPreferences != null) {
+            try {
+                // vodSessionKey、uploadId为空就表示删掉该记录
+                String itemPath = filePath;
+                if (TextUtils.isEmpty(vodSessionKey) || TextUtils.isEmpty(uploadId)) {
+                    mShareEditor.remove(itemPath);
+                    mShareEditor.commit();
+                } else {
+                    String comment = "";
+                    JSONObject jsonObject = new JSONObject();
+                    jsonObject.put("session", vodSessionKey);
+                    jsonObject.put("uploadId", uploadId);
+                    jsonObject.put("expiredTime", System.currentTimeMillis() / 1000 + 24 * 60 * 60);
+                    jsonObject.put("fileLastModTime", uploadInfo.getFileLastModifyTime());
+                    comment = jsonObject.toString();
+                    mShareEditor.putString(itemPath, comment);
+                    mShareEditor.commit();
+                }
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+    }
+
+    // 视频是否走断点续传
+    public boolean isResumeUploadVideo() {
+        if (enableResume
+                && !TextUtils.isEmpty(uploadId)
+                && uploadInfo != null && fileLastModTime != 0 && fileLastModTime == uploadInfo.getFileLastModifyTime()) {
+            return true;
+        }
+        return false;
+    }
+
+    public void updateSignature(String signature) {
+        if (ugcClient != null) {
+            ugcClient.updateSignature(signature);
+        }
+    }
+
+    public Bundle getStatusInfo() {
+        Bundle b = new Bundle();
+        b.putString("reqType", String.valueOf(reportInfo.reqType));
+        b.putString("errCode", String.valueOf(reportInfo.errCode));
+        b.putString("errMsg", reportInfo.errMsg);
+        b.putString("reqTime", String.valueOf(reportInfo.reqTime));
+        b.putString("reqTimeCost", String.valueOf(reportInfo.reqTimeCost));
+        b.putString("fileSize", String.valueOf(reportInfo.fileSize));
+        b.putString("fileType", reportInfo.fileType);
+        b.putString("fileName", reportInfo.fileName);
+        b.putString("fileId", reportInfo.fileId);
+        b.putString("appId", String.valueOf(reportInfo.appId));
+        b.putString("reqServerIp", reportInfo.reqServerIp);
+        b.putString("reportId", reportInfo.reportId);
+        b.putString("reqKey", reportInfo.reqKey);
+        b.putString("vodSessionKey", reportInfo.vodSessionKey);
+
+        b.putString("cosRegion", reportInfo.cosRegion);
+        b.putInt("vodErrCode", reportInfo.vodErrCode);
+        b.putString("cosErrCode", reportInfo.cosErrCode);
+        b.putInt("useHttpDNS", reportInfo.useHttpDNS);
+        b.putInt("useCosAcc", reportInfo.useCosAcc);
+        b.putLong("tcpConnTimeCost", reportInfo.tcpConnTimeCost);
+        b.putLong("recvRespTimeCost", reportInfo.recvRespTimeCost);
+        return b;
+    }
+
+    public void setAppId(int appId) {
+        this.userAppId = appId;
+    }
+
+    class MyCosXmlResultListener implements CosXmlResultListener {
+
+        private final long mFinalTcpConnectionTimeCost;
+        private final long mFinalRecvRspTimeCost;
+
+        public MyCosXmlResultListener(long finalTcpConnectionTimeCost, long finalRecvRspTimeCost) {
+            this.mFinalTcpConnectionTimeCost = finalTcpConnectionTimeCost;
+            this.mFinalRecvRspTimeCost = finalRecvRspTimeCost;
+        }
+
+        @Override
+        public void onSuccess(CosXmlRequest cosXmlRequest, CosXmlResult cosXmlResult) {
+            String requestId = getRequestId(cosXmlResult);
+            //分片上传完成之后清空本地缓存的断点续传信息
+            setResumeData(uploadInfo.getFilePath(), "", "");
+            txReport(TVCConstants.UPLOAD_EVENT_ID_COS_UPLOAD, 0, 0,
+                    "", "", reqTime, System.currentTimeMillis() - reqTime,
+                    uploadInfo.getFileSize(), uploadInfo.getFileType(), uploadInfo.getFileName(),
+                    "", requestId, mFinalTcpConnectionTimeCost, mFinalRecvRspTimeCost);
+            Log.i(TAG, "uploadCosVideo finish:  cosBucket " + cosBucket
+                    + " cosVideoPath: " + cosVideoPath + "  path: "
+                    + uploadInfo.getFilePath() + "  size: " + uploadInfo.getFileSize()
+                    + " finalTcpConnectionTimeCost: " + mFinalTcpConnectionTimeCost + " finalRecvRspTimeCost: "
+                    + mFinalRecvRspTimeCost);
+            startUploadCoverFile(cosXmlResult);
+        }
+
+        @Override
+        public void onFail(CosXmlRequest cosXmlRequest, CosXmlClientException qcloudException,
+                           CosXmlServiceException qcloudServiceException) {
+            if (qcloudException != null) {
+                Log.w(TAG, "CosXmlClientException = " + qcloudException.getMessage());
+                //网络中断导致的
+                if (!TVCUtils.isNetworkAvailable(context)) {
+                    notifyUploadFailed(TVCConstants.ERR_UPLOAD_VIDEO_FAILED,
+                            "cos upload video error: network unreachable");
+                } else if (!cancleFlag) { //其他错误，非主动取消
+                    notifyUploadFailed(TVCConstants.ERR_UPLOAD_VIDEO_FAILED,
+                            "cos upload video error:" + qcloudException.getMessage());
+                    setResumeData(uploadInfo.getFilePath(), "", "");
+                }
+                txReport(TVCConstants.UPLOAD_EVENT_ID_COS_UPLOAD, TVCConstants.ERR_UPLOAD_VIDEO_FAILED, 0,
+                        String.valueOf(qcloudException.errorCode),
+                        "CosXmlClientException:" + qcloudException.getMessage(), reqTime,
+                        System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(),
+                        uploadInfo.getFileType(), uploadInfo.getFileName(), "", "",
+                        0, 0);
+            }
+
+            if (qcloudServiceException != null) {
+                Log.w(TAG, "CosXmlServiceException =" + qcloudServiceException.toString());
+                txReport(TVCConstants.UPLOAD_EVENT_ID_COS_UPLOAD, TVCConstants.ERR_UPLOAD_VIDEO_FAILED, 0,
+                        qcloudServiceException.getErrorCode() == null ? "" : qcloudServiceException.getErrorCode(),
+                        "CosXmlServiceException:" + qcloudServiceException.getMessage(), reqTime,
+                        System.currentTimeMillis() - reqTime, uploadInfo.getFileSize(),
+                        uploadInfo.getFileType(), uploadInfo.getFileName(), "", qcloudServiceException.getRequestId(),
+                        mFinalTcpConnectionTimeCost, mFinalRecvRspTimeCost);
+                // 临时密钥过期，重新申请一次临时密钥，不中断上传
+                if (qcloudServiceException.getErrorCode() != null
+                        && qcloudServiceException.getErrorCode().equalsIgnoreCase("RequestTimeTooSkewed")) {
+                    applyUploadUGC(uploadInfo, vodSessionKey);
+                } else if (mCosXmlService.getConfig().isEnableQuic()) {
+                    // quic失败，使用http重新上传
+                    quicTransToHttpRetry();
+                } else {
+                    notifyUploadFailed(TVCConstants.ERR_UPLOAD_VIDEO_FAILED,
+                            "cos upload video error:" + qcloudServiceException.getMessage());
+                    setResumeData(uploadInfo.getFilePath(), "", "");
+                }
+            } else if (mCosXmlService.getConfig().isEnableQuic()) {
+                // quic失败，使用http重新上传
+                quicTransToHttpRetry();
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCConstants.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCConstants.java
new file mode 100644
index 0000000..9c968c8
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCConstants.java
@@ -0,0 +1,123 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+/**
+ * 视频上传常量定义
+ */
+public class TVCConstants {
+    public static final String TVCVERSION = "10.1.0.11098";
+    public static       String VOD_SERVER_HOST     = "vod2.qcloud.com";
+    public static       String VOD_SERVER_HOST_BAK = "vod2.dnsv1.com";
+    public static       int    MAX_REQUEST_COUNT   = 2;    // 最大重试次数
+    public static final int    NETTYPE_NONE        = 0;
+    public static final int    NETTYPE_WIFI        = 1;
+    public static final int    NETTYPE_4G          = 2;
+    public static final int    NETTYPE_3G          = 3;
+    public static final int    NETTYPE_2G          = 4;
+
+
+    /************************************************ 客户端错误码 **********************************/
+    /**
+     * 成功
+     */
+    public static final int NO_ERROR = 0;
+
+    /**
+     * 失败
+     */
+    public static final int ERROR = 1;
+
+
+    /**
+     * UGC请求上传失败
+     */
+    public static final int ERR_UGC_REQUEST_FAILED = 1001;
+
+    /**
+     * UGC请求信息解析失败
+     */
+    public static final int ERR_UGC_PARSE_FAILED = 1002;
+
+    /**
+     * COS上传视频失败
+     */
+    public static final int ERR_UPLOAD_VIDEO_FAILED = 1003;
+
+    /**
+     * COS上传封面失败
+     */
+    public static final int ERR_UPLOAD_COVER_FAILED = 1004;
+
+    /**
+     * UGC结束上传请求失败
+     */
+    public static final int ERR_UGC_FINISH_REQUEST_FAILED = 1005;
+
+    /**
+     * UGC结束上传响应错误
+     */
+    public static final int ERR_UGC_FINISH_RESPONSE_FAILED = 1006;
+
+    /**
+     * 客户端正忙(对象无法处理更多请求)
+     */
+    public static final int ERR_CLIENT_BUSY = 1007;
+
+    public static final int ERR_FILE_NOEXIT = 1008;
+
+    /**
+     * 视频正在上传中
+     */
+    public static final int ERR_UGC_PUBLISHING = 1009;
+
+    public static final int ERR_UGC_INVALID_PARAM = 1010;
+
+    /**
+     * 视频上传secretID错误，已经废弃，不会抛出
+     */
+    public static final int ERR_UGC_INVALID_SECRETID = 1011;
+
+    /**
+     * 视频上传signature错误
+     */
+    public static final int ERR_UGC_INVALID_SIGNATURE = 1012;
+
+    /**
+     * 视频文件的路径错误
+     */
+    public static final int ERR_UGC_INVALID_VIDOPATH   = 1013;
+    /**
+     * 当前路径下视频文件不存在
+     */
+    public static final int ERR_UGC_INVALID_VIDEO_FILE = 1014;
+
+    /**
+     * 视频上传文件名太长或含有特殊字符
+     */
+    public static final int ERR_UGC_FILE_NAME = 1015;
+
+    /**
+     * 视频文件封面路径不对
+     */
+    public static final int ERR_UGC_INVALID_COVER_PATH = 1016;
+
+    /**
+     * 用户取消操作
+     */
+    public static final int ERR_USER_CANCEL = 1017;
+
+    /**
+     * [已废弃]直接上传失败
+     */
+    public static final int ERR_UPLOAD_VOD = 1018;
+
+
+    /************************************************ 数据上报定义 **********************************/
+    public static int UPLOAD_EVENT_ID_REQUEST_UPLOAD                = 10001;  //UGC请求上传
+    public static int UPLOAD_EVENT_ID_COS_UPLOAD                    = 20001;  //UGC调用cos上传
+    public static int UPLOAD_EVENT_ID_UPLOAD_RESULT                 = 10002;  //UGC结束上传
+    public static int UPLOAD_EVENT_ID_VOD_UPLOAD                    = 30001;  //直接上传到vod
+    public static int UPLOAD_EVENT_DAU                              = 40001;  //短视频上传DAU上报
+    public static int UPLOAD_EVENT_ID_REQUEST_VOD_DNS_RESULT        = 11001;          //vod http dns请求结果
+    public static int UPLOAD_EVENT_ID_REQUEST_PREPARE_UPLOAD_RESULT = 11002;          //PrepareUploadUGC请求结果
+    public static int UPLOAD_EVENT_ID_DETECT_DOMAIN_RESULT          = 11003;          //检测最优园区结果(包含cos iplist)
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCDirectCredentialProvider.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCDirectCredentialProvider.java
new file mode 100644
index 0000000..596f125
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCDirectCredentialProvider.java
@@ -0,0 +1,32 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import com.tencent.qcloud.core.auth.BasicLifecycleCredentialProvider;
+import com.tencent.qcloud.core.auth.QCloudLifecycleCredentials;
+import com.tencent.qcloud.core.auth.SessionQCloudCredentials;
+import com.tencent.qcloud.core.common.QCloudClientException;
+
+/**
+ * Created by carolsuo on 2017/10/9.
+ */
+
+public class TVCDirectCredentialProvider extends BasicLifecycleCredentialProvider {
+    private String secretId;
+    private String secretKey;
+    private String token;
+    private long   expiredTime;
+    private long   startTime;
+
+
+    public TVCDirectCredentialProvider(String secretId, String secretKey, String token, long startTime, long expiredTime) {
+        this.secretId = secretId;
+        this.secretKey = secretKey;
+        this.token = token;
+        this.startTime = startTime;
+        this.expiredTime = expiredTime;
+    }
+
+    @Override
+    protected QCloudLifecycleCredentials fetchNewCredentials() throws QCloudClientException {
+        return new SessionQCloudCredentials(secretId, secretKey, token, startTime, expiredTime);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCDnsCache.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCDnsCache.java
new file mode 100644
index 0000000..2e23bcd
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCDnsCache.java
@@ -0,0 +1,140 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.util.Log;
+
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.TimeUnit;
+
+import okhttp3.Call;
+import okhttp3.Callback;
+import okhttp3.OkHttpClient;
+import okhttp3.Request;
+import okhttp3.Response;
+
+/**
+ * httpdns缓存，用于解决localdns慢、不准确的问题
+ */
+
+public class TVCDnsCache {
+    private static final String TAG = "TVC-TVCDnsCache";
+
+    private        OkHttpClient                            okHttpClient;
+    private static String                                  HTTPDNS_SERVER = "https://119.29.29.99/d?dn=";      //httpdns服务器请求ip
+    private        ConcurrentHashMap<String, List<String>> cacheMap;
+    private        ConcurrentHashMap<String, List<String>> fixCacheMap;    //固定的dns缓存，从后台获取，认为这个是可信的
+    private static String                                  HTTPDNS_TOKEN  = "800654663"; //该token用于https加密标志，可明文保存
+
+    public TVCDnsCache() {
+        okHttpClient = new OkHttpClient().newBuilder()
+                .connectTimeout(5, TimeUnit.SECONDS)    // 设置超时时间
+                .readTimeout(5, TimeUnit.SECONDS)       // 设置读取超时时间
+                .writeTimeout(5, TimeUnit.SECONDS)      // 设置写入超时时间
+                .build();
+        cacheMap = new ConcurrentHashMap<String, List<String>>();
+        fixCacheMap = new ConcurrentHashMap<String, List<String>>();
+    }
+
+    // 对指定域名发起httpdns请求
+    public boolean freshDomain(final String domain, final Callback callback) {
+        if (useProxy()) return false;
+        String reqUrl = HTTPDNS_SERVER + domain + "&token=" + HTTPDNS_TOKEN;
+        Log.i(TAG, "freshDNS->request url:" + reqUrl);
+        Request request = new Request.Builder()
+                .url(reqUrl)
+                .build();
+
+        okHttpClient.newCall(request).enqueue(new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+                if (callback != null) {
+                    callback.onFailure(call, e);
+                }
+                Log.w(TAG, "freshDNS failed :" + e.getMessage());
+            }
+
+            @Override
+            public void onResponse(Call call, Response response) throws IOException {
+                if (response != null && response.isSuccessful()) {
+                    String ips = response.body().string();
+                    Log.i(TAG, "freshDNS succ :" + ips);
+
+                    if (ips != null && ips.length() != 0) {
+                        ArrayList<String> ipLists = new ArrayList<String>();
+                        if (ips.contains(";")) {
+                            String[] ipArray = ips.split(";");
+                            for (int i = 0; i < ipArray.length; ++i) {
+                                ipLists.add(ipArray[i]);
+                            }
+                        } else {
+                            ipLists.add(ips);
+                        }
+                        cacheMap.put(domain, ipLists);
+                        if (callback != null) {
+                            callback.onResponse(call, response);
+                            return;
+                        }
+                    }
+                }
+
+                if (callback != null) {
+                    callback.onFailure(call, new IOException("freshDNS failed"));
+                }
+            }
+        });
+        return true;
+    }
+
+
+    // 添加指定域名的ip列表，ip列表是后台返回的
+    public void addDomainDNS(String domain, ArrayList<String> ipLists) {
+        if (useProxy())
+            return;
+
+        if (ipLists == null || ipLists.size() == 0)
+            return;
+
+        fixCacheMap.put(domain, ipLists);
+    }
+
+    public List<String> query(String hostname) {
+        List<String> ipList = cacheMap.get(hostname);
+        if (ipList != null && ipList.size() > 0) {
+            return ipList;
+        }
+
+        ipList = fixCacheMap.get(hostname);
+        if (ipList != null && ipList.size() > 0) {
+            return ipList;
+        }
+        return null;
+    }
+
+    public boolean useHttpDNS(String hostname) {
+        if (cacheMap.containsKey(hostname) && cacheMap.get(hostname).size() > 0) {
+            return true;
+        } else if (fixCacheMap.containsKey(hostname) && fixCacheMap.get(hostname).size() > 0) {
+            return true;
+        }
+
+        return false;
+    }
+
+    public static boolean useProxy() {
+        String host = System.getProperty("http.proxyHost");
+        String port = System.getProperty("http.proxyPort");
+        if (host != null && port != null) {
+            // 使用了本地代理模式
+            Log.i(TAG, "use proxy " + host + ":" + port + ", will not use httpdns");
+            return true;
+        }
+        return false;
+    }
+
+    public void clear() {
+        cacheMap.clear();
+        fixCacheMap.clear();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCNetWorkStateReceiver.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCNetWorkStateReceiver.java
new file mode 100644
index 0000000..d789372
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCNetWorkStateReceiver.java
@@ -0,0 +1,74 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.content.BroadcastReceiver;
+import android.content.Context;
+import android.content.Intent;
+import android.net.ConnectivityManager;
+import android.net.Network;
+import android.net.NetworkInfo;
+import android.util.Log;
+
+public class TVCNetWorkStateReceiver extends BroadcastReceiver {
+    private static final String TAG = "TVC-NetWorkMonitor";
+
+    @Override
+    public void onReceive(Context context, Intent intent) {
+        Log.i(TAG, "TVCNetWorkStateReceiver onReceive");
+        boolean networkChange = false;
+        //检测API是不是小于23，因为到了API23之后getNetworkInfo(int networkType)方法被弃用
+        if (android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.LOLLIPOP) {
+
+            //获得ConnectivityManager对象
+            ConnectivityManager connMgr = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
+
+            //获取ConnectivityManager对象对应的NetworkInfo对象
+            //获取WIFI连接的信息
+            NetworkInfo wifiNetworkInfo = connMgr.getNetworkInfo(ConnectivityManager.TYPE_WIFI);
+            //获取移动数据连接的信息
+            NetworkInfo dataNetworkInfo = connMgr.getNetworkInfo(ConnectivityManager.TYPE_MOBILE);
+            if (wifiNetworkInfo != null && dataNetworkInfo != null) {
+                if (wifiNetworkInfo.isConnected() && dataNetworkInfo.isConnected()) {
+                    networkChange = true;
+                } else if (wifiNetworkInfo.isConnected() && !dataNetworkInfo.isConnected()) {
+                    networkChange = true;
+                } else if (!wifiNetworkInfo.isConnected() && dataNetworkInfo.isConnected()) {
+                    networkChange = true;
+                }
+            } else {
+                networkChange = true; // 某些特定机型存在 info 为 null的情况，避免 crash，且保证 DNS 有效，进行一次强制刷新。
+            }
+            //API大于23时使用下面的方式进行网络监听
+        } else {
+
+            //获得ConnectivityManager对象
+            ConnectivityManager connMgr = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
+
+            //获取所有网络连接的信息
+            Network[] networks = connMgr.getAllNetworks();
+
+            if (networks != null && networks.length > 0) {
+                //用于存放网络连接信息
+                StringBuilder sb = new StringBuilder();
+                //通过循环将网络信息逐个取出来
+                for (int i = 0; i < networks.length; i++) {
+                    //获取ConnectivityManager对象对应的NetworkInfo对象
+                    NetworkInfo networkInfo = connMgr.getNetworkInfo(networks[i]);
+                    if (networkInfo != null) {
+                        sb.append(networkInfo.getTypeName() + " connect is " + networkInfo.isConnected());
+                        if (networkInfo.isConnected()) {
+                            networkChange = true;
+                        }
+                    } else {
+                        networkChange = true; // 某些特定机型存在 info 为 null的情况，避免 crash，且保证 DNS 有效，进行一次强制刷新。
+                    }
+                }
+            } else {
+                networkChange = true; // 某些特定机型存在 info 为 null的情况，避免 crash，且保证 DNS 有效，进行一次强制刷新。
+            }
+        }
+
+        if (networkChange) {
+            TXUGCPublishOptCenter.getInstance().reFresh(context.getApplicationContext(), null);
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUploadInfo.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUploadInfo.java
new file mode 100644
index 0000000..091cd75
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUploadInfo.java
@@ -0,0 +1,150 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.text.TextUtils;
+import android.util.Log;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+/**
+ * 视频上传参数
+ */
+public class TVCUploadInfo {
+    private String fileType;
+    private String filePath;
+    private long   fileLastModTime;
+    private String coverType;
+    private String coverPath;
+    private long   coverLastModTime;
+    private String fileName      = null;
+    private long   videoFileSize = 0;
+    private long   coverFileSize = 0;
+    private String coverName;
+
+    /**
+     * 创建上传参数
+     *
+     * @param fileType  文件类型
+     * @param filePath  文件本地路径
+     * @param coverType 封面图片类型
+     * @param coverPath 封面图片本地路径
+     */
+    public TVCUploadInfo(String fileType, String filePath, String coverType, String coverPath) {
+        this.fileType = fileType;
+        this.filePath = filePath;
+        this.coverType = coverType;
+        this.coverPath = coverPath;
+    }
+
+    public TVCUploadInfo(String fileType, String filePath, String coverType, String coverPath, String fileName) {
+        this.fileType = fileType;
+        this.filePath = filePath;
+        this.coverType = coverType;
+        this.coverPath = coverPath;
+        this.fileName = fileName;
+    }
+
+    public String getFileType() {
+        return fileType;
+    }
+
+    public String getFilePath() {
+        return filePath;
+    }
+
+    public String getCoverImgType() {
+        return coverType;
+    }
+
+    public String getCoverPath() {
+        return coverPath;
+    }
+
+    public boolean isNeedCover() {
+        return !TextUtils.isEmpty(coverType) && !TextUtils.isEmpty(coverPath);
+    }
+
+    public String getFileName() {
+        if (null == fileName) {
+            int pos = filePath.lastIndexOf('/');
+            if (-1 == pos) {
+                pos = 0;
+            } else {
+                pos++;
+            }
+            fileName = filePath.substring(pos);
+        }
+
+        return fileName;
+    }
+
+    public String getCoverName() {
+        if (null == coverName) {
+            int pos = coverPath.lastIndexOf('/');
+            if (-1 == pos) {
+                pos = 0;
+            } else {
+                pos++;
+            }
+            coverName = coverPath.substring(pos);
+        }
+        return coverName;
+    }
+
+    public long getFileSize() {
+        if (0 == videoFileSize) {
+            Log.i("getFileSize", "getFileSize: " + filePath);
+            File file = new File(filePath);
+            try {
+                if (file.exists()) {
+                    FileInputStream fis = new FileInputStream(file);
+                    videoFileSize = fis.available();
+                }
+            } catch (Exception e) {
+                Log.e("getFileSize", "getFileSize: " + e);
+            }
+        }
+        return videoFileSize;
+    }
+
+    public long getCoverFileSize() {
+        if (0 == coverFileSize) {
+            Log.i("getCoverFileSize", "getCoverFileSize: " + coverPath);
+            File file = new File(coverPath);
+            try {
+                if (file.exists()) {
+                    FileInputStream fis = new FileInputStream(file);
+                    coverFileSize = fis.available();
+                }
+            } catch (Exception e) {
+                Log.e("getCoverFileSize", "getCoverFileSize: " + e);
+            }
+        }
+        return coverFileSize;
+    }
+
+    public long getCoverLastModifyTime() {
+        if (0 == coverLastModTime) {
+            File f = new File(coverPath);
+            coverLastModTime = f.lastModified();
+        }
+        return coverLastModTime;
+    }
+
+    public long getFileLastModifyTime() {
+        if (0 == fileLastModTime) {
+            File f = new File(filePath);
+            fileLastModTime = f.lastModified();
+        }
+        return fileLastModTime;
+    }
+
+    public boolean isContainSpecialCharacters(String string) {
+        String regEx = "[/:*?\"<>]";
+        Pattern pattern = Pattern.compile(regEx);
+        Matcher matcher = pattern.matcher(string);
+        return matcher.find();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUploadListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUploadListener.java
new file mode 100644
index 0000000..8cbabaa
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUploadListener.java
@@ -0,0 +1,31 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+/**
+ * 视频上传接口
+ */
+public interface TVCUploadListener {
+    /**
+     * 上传成功
+     *
+     * @param fileId   文件id
+     * @param playUrl  点播url
+     * @param coverUrl 封面地址
+     */
+    void onSuccess(String fileId, String playUrl, String coverUrl);
+
+    /**
+     * 上传失败
+     *
+     * @param errCode 错误码
+     * @param errMsg  错误描述
+     */
+    void onFailed(int errCode, String errMsg);
+
+    /**
+     * 上传进度
+     *
+     * @param currentSize 已上传文件大小
+     * @param totalSize   文件总大小
+     */
+    void onProgress(long currentSize, long totalSize);
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUtils.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUtils.java
new file mode 100644
index 0000000..86a51ed
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TVCUtils.java
@@ -0,0 +1,416 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.content.ContentResolver;
+import android.content.ContentUris;
+import android.content.Context;
+import android.content.SharedPreferences;
+import android.content.pm.ApplicationInfo;
+import android.content.pm.PackageInfo;
+import android.content.pm.PackageManager;
+import android.database.Cursor;
+import android.net.ConnectivityManager;
+import android.net.NetworkInfo;
+import android.net.Uri;
+import android.os.Build;
+import android.os.Environment;
+import android.os.SystemClock;
+import android.provider.DocumentsContract;
+import android.provider.MediaStore;
+import android.telephony.TelephonyManager;
+import android.util.Log;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileOutputStream;
+import java.security.MessageDigest;
+import java.util.UUID;
+
+public class TVCUtils {
+    private static final String TAG             = "TVCUtils";
+    private static       String g_simulate_idfa = "";
+
+    private static String byteArrayToHexString(byte[] data) {
+        char[] out = new char[data.length << 1];
+
+        for (int i = 0, j = 0; i < data.length; i++) {
+            out[j++] = DIGITS_LOWER[(0xF0 & data[i]) >>> 4];
+            out[j++] = DIGITS_LOWER[0x0F & data[i]];
+        }
+        return new String(out);
+    }
+
+    private static final char[] DIGITS_LOWER =
+            {'0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'};
+
+    public static String string2Md5(String value) {
+        String MD5 = "";
+
+        if (null == value) return MD5;
+
+        try {
+            MessageDigest mD = MessageDigest.getInstance("MD5");
+            MD5 = byteArrayToHexString(mD.digest(value.getBytes("UTF-8")));
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+
+        if (MD5 == null) MD5 = "";
+
+        return MD5;
+    }
+
+
+    // SimulateIDFA
+    public static String getSimulateIDFA(Context context) {
+        if (g_simulate_idfa != null && g_simulate_idfa.length() > 0) {
+            return g_simulate_idfa;
+        }
+
+        String idfa = null;
+        String idfaInSP = null;
+        String idfaInFile = null;
+
+        File sdcardDir = context.getExternalFilesDir(null);
+        if (sdcardDir == null) {
+            return g_simulate_idfa;
+        }
+        //读SP
+        SharedPreferences sp = context.getSharedPreferences("com.tencent.ugcpublish.dev_uuid", Context.MODE_PRIVATE);
+        idfaInSP = sp.getString("key_user_id", "");
+
+        try {
+            //读文件
+            String userIdFilePath = sdcardDir.getAbsolutePath() + "/txrtmp/spuid";
+            File userIdFile = new File(userIdFilePath);
+            if (userIdFile.exists()) {
+                FileInputStream fin = new FileInputStream(userIdFile);
+                int length = fin.available();
+                if (length > 0) {
+                    byte[] buffer = new byte[length];
+                    fin.read(buffer);
+                    idfaInFile = new String(buffer, "UTF-8");
+                }
+                fin.close();
+            }
+        } catch (Exception e) {
+            Log.e(TAG, "read UUID from file failed! reason: " + e.getMessage());
+        }
+
+        if (idfaInSP != null && idfaInSP.length() > 0) {
+            idfa = idfaInSP;
+        } else if (idfaInFile != null && idfaInFile.length() > 0) {
+            idfa = idfaInFile;
+        }
+
+        if (idfa == null || idfa.length() == 0) {
+            //UUID：16进制字符串(UTC毫秒时间(6字节) + 以开机到现在的时间戳为种子的随机数(4字节) + MD5(应用包名 + 系统生成UUID)(16字节)
+            idfa = "";
+            long utcTimeMS = System.currentTimeMillis();
+            long tickTimeMS = SystemClock.elapsedRealtime();
+            String packetName = getPackageName(context);
+            for (int i = 5; i >= 0; --i) {
+                idfa += String.format("%02x", (byte) ((utcTimeMS >> (i * 8)) & 0xff));
+            }
+            for (int i = 3; i >= 0; --i) {
+                idfa += String.format("%02x", (byte) ((tickTimeMS >> (i * 8)) & 0xff));
+            }
+            idfa += string2Md5(packetName + UUID.randomUUID().toString());
+        }
+
+        g_simulate_idfa = idfa;
+        Log.i(TAG, "UUID:" + g_simulate_idfa);
+        if (idfaInFile == null || !idfaInFile.equals(idfa)) {
+            try {
+                //存文件
+                String userIdDirPath = sdcardDir.getAbsolutePath() + "/txrtmp";
+                File userIdDir = new File(userIdDirPath);
+                if (!userIdDir.exists()) userIdDir.mkdir();
+                String userIdFilePath = sdcardDir.getAbsolutePath() + "/txrtmp/spuid";
+                File userIdFile = new File(userIdFilePath);
+                if (!userIdFile.exists()) userIdFile.createNewFile();
+                FileOutputStream fout = new FileOutputStream(userIdFile);
+                byte[] bytes = idfa.getBytes();
+                fout.write(bytes);
+                fout.close();
+            } catch (Exception e) {
+                Log.e(TAG, "write UUID to file failed! reason: " + e.getMessage());
+            }
+        }
+
+        if (idfaInSP == null || !idfaInSP.equals(idfa)) {
+            //存SP
+            SharedPreferences.Editor editor = sp.edit();
+            editor.putString("key_user_id", idfa);
+            editor.commit();
+        }
+        return g_simulate_idfa;
+    }
+
+    public static String getDevUUID(Context context) {
+        return getSimulateIDFA(context);
+    }
+
+    /*
+     * 获取网络类型
+     */
+    public static boolean isNetworkAvailable(Context context) {
+        ConnectivityManager connectivity = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
+        if (connectivity != null) {
+            NetworkInfo info = connectivity.getActiveNetworkInfo();
+            if (info != null && info.isConnected()) {
+                // 当前网络是连接的
+                if (info.getState() == NetworkInfo.State.CONNECTED) {
+                    // 当前所连接的网络可用
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    /**
+     * 网络是否正常
+     *
+     * @param context Context
+     * @return true 表示网络可用
+     */
+    public static int getNetWorkType(Context context) {
+        ConnectivityManager manager = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
+        NetworkInfo networkInfo = manager.getActiveNetworkInfo();
+
+        if (networkInfo != null && networkInfo.isConnected()) {
+            String type = networkInfo.getTypeName();
+
+            if (type.equalsIgnoreCase("WIFI")) {
+                return TVCConstants.NETTYPE_WIFI;
+            } else if (type.equalsIgnoreCase("MOBILE")) {
+                NetworkInfo mobileInfo = manager.getNetworkInfo(ConnectivityManager.TYPE_MOBILE);
+                if (mobileInfo != null) {
+                    switch (mobileInfo.getType()) {
+                        case ConnectivityManager.TYPE_MOBILE:// 手机网络
+                            switch (mobileInfo.getSubtype()) {
+                                case TelephonyManager.NETWORK_TYPE_UMTS:
+                                case TelephonyManager.NETWORK_TYPE_EVDO_0:
+                                case TelephonyManager.NETWORK_TYPE_EVDO_A:
+                                case TelephonyManager.NETWORK_TYPE_HSDPA:
+                                case TelephonyManager.NETWORK_TYPE_HSUPA:
+                                case TelephonyManager.NETWORK_TYPE_HSPA:
+                                case TelephonyManager.NETWORK_TYPE_EVDO_B:
+                                case TelephonyManager.NETWORK_TYPE_EHRPD:
+                                case TelephonyManager.NETWORK_TYPE_HSPAP:
+                                    return TVCConstants.NETTYPE_3G;
+                                case TelephonyManager.NETWORK_TYPE_CDMA:
+                                case TelephonyManager.NETWORK_TYPE_GPRS:
+                                case TelephonyManager.NETWORK_TYPE_EDGE:
+                                case TelephonyManager.NETWORK_TYPE_1xRTT:
+                                case TelephonyManager.NETWORK_TYPE_IDEN:
+                                    return TVCConstants.NETTYPE_2G;
+                                case TelephonyManager.NETWORK_TYPE_LTE:
+                                    return TVCConstants.NETTYPE_4G;
+                                default:
+                                    return TVCConstants.NETTYPE_NONE;
+                            }
+                    }
+                }
+            }
+        }
+
+        return TVCConstants.NETTYPE_NONE;
+    }
+
+    /**
+     * 获取 应用包名
+     *
+     * @param context
+     * @return
+     */
+    public static String getPackageName(Context context) {
+        String packagename = "";
+        if (context != null) {
+            try {
+                PackageInfo info;
+                info = context.getPackageManager().getPackageInfo(context.getPackageName(), 0);
+                // 当前版本的包名
+                packagename = info.packageName;
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+        return packagename;
+    }
+
+    /**
+     * 获取 应用名
+     *
+     * @param context
+     * @return
+     */
+    public static String getAppName(Context context) {
+        String appname = "";
+        if (context != null) {
+            try {
+                PackageManager packageManager;
+                ApplicationInfo info;
+                packageManager = context.getPackageManager();
+                info = packageManager.getApplicationInfo(context.getPackageName(), 0);
+
+                // 当前版本的包名
+                appname = (String) packageManager.getApplicationLabel(info);
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+        return appname;
+    }
+
+
+    /**
+     * 通过uri获取多媒体文件的绝对路径
+     *
+     * @param context 上下文
+     * @param uriStr  媒体uri
+     * @return 返回多媒体文件的绝对路径
+     */
+    public static String getFilePathByUri(Context context, String uriStr) {
+        try {
+            Uri uri = Uri.parse(uriStr);
+            String path = null;
+            // 以 file:// 开头的
+            if (ContentResolver.SCHEME_FILE.equals(uri.getScheme())) {
+                path = uri.getPath();
+                return path;
+            }
+            // 以 content:// 开头的，比如 content://media/extenral/images/media/17766
+            if (ContentResolver.SCHEME_CONTENT.equals(uri.getScheme())
+                    && Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {
+                Cursor cursor = context.getContentResolver()
+                        .query(uri, new String[]{MediaStore.Images.Media.DATA}, null, null, null);
+                if (cursor != null) {
+                    if (cursor.moveToFirst()) {
+                        int columnIndex = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA);
+                        if (columnIndex > -1) {
+                            path = cursor.getString(columnIndex);
+                        }
+                    }
+                    cursor.close();
+                }
+                return path;
+            }
+            // 4.4及之后的 是以 content:// 开头的，比如 content://com.android.providers.media.documents/document/image%3A235700
+            if (ContentResolver.SCHEME_CONTENT.equals(uri.getScheme())
+                    && Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+                if (isExternalStorageDocument(uri)) {
+                    // ExternalStorageProvider
+                    final String docId = DocumentsContract.getDocumentId(uri);
+                    final String[] split = docId.split(":");
+                    final String type = split[0];
+                    if ("primary".equalsIgnoreCase(type)) {
+                        path = Environment.getExternalStorageDirectory() + "/" + split[1];
+                        return path;
+                    }
+                } else if (isDownloadsDocument(uri)) {
+                    // DownloadsProvider
+                    final String id = DocumentsContract.getDocumentId(uri);
+                    final Uri contentUri = ContentUris.withAppendedId(Uri.parse(
+                            "content://downloads/public_downloads"),
+                            Long.parseLong(id));
+                    path = getDataColumn(context, contentUri, null, null);
+                    return path;
+                } else if (isMediaDocument(uri)) {
+                    // MediaProvider
+                    final String docId = DocumentsContract.getDocumentId(uri);
+                    final String[] split = docId.split(":");
+                    final String type = split[0];
+                    Uri contentUri = null;
+                    if ("image".equals(type)) {
+                        contentUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
+                    } else if ("video".equals(type)) {
+                        contentUri = MediaStore.Video.Media.EXTERNAL_CONTENT_URI;
+                    } else if ("audio".equals(type)) {
+                        contentUri = MediaStore.Audio.Media.EXTERNAL_CONTENT_URI;
+                    }
+                    final String selection = "_id=?";
+                    final String[] selectionArgs = new String[]{split[1]};
+                    path = getDataColumn(context, contentUri, selection, selectionArgs);
+                    return path;
+                } else {
+                    String ret = getDataColumn(context, uri, null, null);
+                    if (ret == null) {
+                        return Uri.fromFile(new File(uri.getPath())).getPath();
+                    } else {
+                        return ret;
+                    }
+                }
+            }
+        } catch (Exception ex) {
+            return null;
+        }
+        return null;
+    }
+
+    private static boolean isMediaDocument(Uri uri) {
+        return "com.android.providers.media.documents".equals(uri.getAuthority());
+    }
+
+    private static boolean isDownloadsDocument(Uri uri) {
+        return "com.android.providers.downloads.documents".equals(uri.getAuthority());
+    }
+
+    private static boolean isExternalStorageDocument(Uri uri) {
+        return "com.android.externalstorage.documents".equals(uri.getAuthority());
+    }
+
+    private static String getDataColumn(Context context,
+                                        Uri uri,
+                                        String selection,
+                                        String[] selectionArgs) {
+        Cursor cursor = null;
+        final String column = "_data";
+        final String[] projection = {column};
+        try {
+            cursor = context.getContentResolver()
+                    .query(uri, projection, selection, selectionArgs, null);
+            if (cursor != null && cursor.moveToFirst()) {
+                final int column_index = cursor.getColumnIndexOrThrow(column);
+                return cursor.getString(column_index);
+            }
+        } finally {
+            if (cursor != null) {
+                cursor.close();
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 将路径或者URI转换为绝对路径
+     *
+     * @param context      上下文
+     * @param pathOrURIStr 绝对路径或者是URI
+     * @return 返回多媒体文件的绝对路径
+     */
+    public static String getAbsolutePath(Context context, String pathOrURIStr) {
+        String absPath;
+        if (pathOrURIStr.startsWith("content://")) {
+            // 处理URI 的情况,先转换为绝对路径
+            absPath = getFilePathByUri(context, pathOrURIStr);
+        } else {
+            // 处理绝对路径 情况
+            absPath = pathOrURIStr;
+        }
+        return absPath;
+    }
+
+
+    public static boolean isExistsForPathOrUri(Context context, String pathOrURIStr) {
+        boolean bVideoFileExist = false;
+        String absPath = getAbsolutePath(context, pathOrURIStr);
+        try {
+            File file = new File(absPath);
+            bVideoFileExist = file.isFile() && file.exists();
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+        return bVideoFileExist;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TXUGCPublishOptCenter.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TXUGCPublishOptCenter.java
new file mode 100644
index 0000000..3a56d93
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/TXUGCPublishOptCenter.java
@@ -0,0 +1,474 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.content.Context;
+import android.os.Bundle;
+import android.os.Handler;
+import android.os.Looper;
+import android.os.Message;
+import android.text.TextUtils;
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.quic.QuicConfig;
+import com.tencent.qcloud.quic.QuicNative;
+import com.tencent.qcloud.quic.QuicProxy;
+import com.tencent.qcloud.ugckit.BuildConfig;
+
+import org.json.JSONArray;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.IOException;
+import java.io.UnsupportedEncodingException;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.CountDownLatch;
+import java.util.concurrent.ExecutorService;
+import java.util.concurrent.Executors;
+
+import okhttp3.Call;
+import okhttp3.Callback;
+import okhttp3.Response;
+
+/**
+ * 短视频上传优化：涉及到httpdns、PrepareUploadUGC预先探测最优园区
+ */
+
+public class TXUGCPublishOptCenter {
+
+    private static final int WHAT_UPDATE_BEST_COS = 0x01;
+
+    private static final String KEY_COS_REGION   = "cosRegion";
+    private static final String KEY_COS_DOMAIN   = "cosDomain";
+    private static final String KEY_IS_QUIC      = "isQUic";
+    private static final String KEY_REQUEST_TIME = "requestTime";
+
+    private class CosRegionInfo {
+        private String  region = "";
+        private String  domain = "";
+        private boolean isQuic = false;
+    }
+
+    private static final String                             TAG         = "TVC-OptCenter";
+    private static       TXUGCPublishOptCenter              ourInstance;
+    private              TVCDnsCache                        dnsCache    = null;
+    private              boolean                            isInited    = false;
+    private              String                             signature   = "";
+    private              CosRegionInfo                      bestCosInfo = new CosRegionInfo();
+    private              long                               minCosRespTime;
+    private              UGCClient                          ugcClient;
+    private              ConcurrentHashMap<String, Boolean> publishingList;
+
+    private final Handler mDetectHandler = new Handler(Looper.getMainLooper(), new Handler.Callback() {
+        @Override
+        public boolean handleMessage(@NonNull Message msg) {
+            if (msg.what == WHAT_UPDATE_BEST_COS) {
+                Bundle data = msg.getData();
+
+                String domain = data.getString(KEY_COS_DOMAIN);
+                String region = data.getString(KEY_COS_REGION);
+                long costTime = data.getLong(KEY_REQUEST_TIME);
+                boolean isQuic = data.getBoolean(KEY_IS_QUIC);
+
+                compareBestCos(domain, region, costTime, isQuic);
+            }
+            return true;
+        }
+    });
+
+    public static TXUGCPublishOptCenter getInstance() {
+        if (ourInstance == null) {
+            synchronized (TXUGCPublishOptCenter.class) {
+                if (ourInstance == null) {
+                    ourInstance = new TXUGCPublishOptCenter();
+                }
+            }
+        }
+        return ourInstance;
+    }
+
+
+    private TXUGCPublishOptCenter() {
+        publishingList = new ConcurrentHashMap<String, Boolean>();
+    }
+
+    public interface IPrepareUploadCallback {
+        void onFinish();
+    }
+
+    public void prepareUpload(final Context context, String signature, IPrepareUploadCallback prepareUploadCallback) {
+        this.signature = signature;
+        boolean ret = false;
+        if (!isInited) {
+            dnsCache = new TVCDnsCache();
+            ret = reFresh(context, prepareUploadCallback);
+        }
+        if (ret) {
+            isInited = true;
+        } else {
+            if (prepareUploadCallback != null) {
+                prepareUploadCallback.onFinish();
+            }
+        }
+    }
+
+    /**
+     * 耗时操作，同步执行完
+     */
+    private void prepareUploadFinal(final Context context) {
+        ugcClient = UGCClient.getInstance(signature, 10);
+        final long reqTime = System.currentTimeMillis();
+        try {
+            Response response = ugcClient.prepareUploadUGC();
+            Log.i(TAG, "prepareUploadUGC resp:" + response.message());
+            if (response.isSuccessful()) {
+                reportPublishOptResult(context, TVCConstants.UPLOAD_EVENT_ID_REQUEST_PREPARE_UPLOAD_RESULT,
+                        TVCConstants.NO_ERROR, "", reqTime, System.currentTimeMillis() - reqTime);
+                // 解析预上传结果，并且发起最优园区探测
+                parsePrepareUploadResp(context, response.body().string());
+            } else {
+                reportPublishOptResult(context, TVCConstants.UPLOAD_EVENT_ID_REQUEST_PREPARE_UPLOAD_RESULT, TVCConstants.ERROR,
+                        "HTTP Code:" + response.code(), reqTime, System.currentTimeMillis() - reqTime);
+            }
+        } catch (IOException e) {
+            Log.i(TAG, "prepareUploadUGC failed:" + e.getMessage());
+            // 获取预上传失败
+            reportPublishOptResult(context, TVCConstants.UPLOAD_EVENT_ID_REQUEST_PREPARE_UPLOAD_RESULT, TVCConstants.ERROR,
+                    e.toString(), reqTime, System.currentTimeMillis() - reqTime);
+        }
+    }
+
+    /**
+     * 上报优化处理结果
+     */
+    private void reportPublishOptResult(Context context, int reqType, int errCode, String errMsg, long reqTime,
+                                        long reqTimeCost) {
+        UGCReport.ReportInfo reportInfo = new UGCReport.ReportInfo();
+        reportInfo.reqType = reqType;
+        reportInfo.errCode = errCode;
+        reportInfo.errMsg = errMsg;
+        reportInfo.reqTime = reqTime;
+        reportInfo.reqTimeCost = reqTimeCost;
+
+        UGCReport.getInstance(context).addReportInfo(reportInfo);
+    }
+
+    public boolean reFresh(final Context context, final IPrepareUploadCallback prepareUploadCallback) {
+
+        synchronized (bestCosInfo) {
+            minCosRespTime = 0;
+            bestCosInfo.region = "";
+            bestCosInfo.domain = "";
+        }
+
+        if (dnsCache == null || TextUtils.isEmpty(signature)) {
+            return false;
+        }
+
+        dnsCache.clear();
+
+        final long reqTime = System.currentTimeMillis();
+        boolean ret = dnsCache.freshDomain(TVCConstants.VOD_SERVER_HOST, new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+                // 获取vod 域名失败
+                reportPublishOptResult(context, TVCConstants.UPLOAD_EVENT_ID_REQUEST_VOD_DNS_RESULT, TVCConstants.ERROR,
+                        e.toString(), reqTime, System.currentTimeMillis() - reqTime);
+                prepareUploadFinal(context);
+                if (prepareUploadCallback != null) {
+                    prepareUploadCallback.onFinish();
+                }
+            }
+
+            @Override
+            public void onResponse(Call call, Response response) throws IOException {
+                if (!response.isSuccessful()) {
+                    // 获取vod 域名失败
+                    reportPublishOptResult(context, TVCConstants.UPLOAD_EVENT_ID_REQUEST_VOD_DNS_RESULT, TVCConstants.ERROR,
+                            "HTTP Code:" + response.code(), reqTime, System.currentTimeMillis() - reqTime);
+                } else {
+                    reportPublishOptResult(context, TVCConstants.UPLOAD_EVENT_ID_REQUEST_VOD_DNS_RESULT, TVCConstants.NO_ERROR,
+                            "", reqTime, System.currentTimeMillis() - reqTime);
+                }
+
+                prepareUploadFinal(context);
+                if (prepareUploadCallback != null) {
+                    prepareUploadCallback.onFinish();
+                }
+            }
+        });
+        return ret;
+    }
+
+    private synchronized void parsePrepareUploadResp(Context context, String rspString) {
+        Log.i(TAG, "parsePrepareUploadRsp->response is " + rspString);
+        if (TextUtils.isEmpty(rspString)) {
+            return;
+        }
+
+        try {
+            JSONObject jsonRsp = new JSONObject(rspString);
+            int code = jsonRsp.optInt("code", -1);
+            String message = "";
+            try {
+                message = new String(jsonRsp.optString("message", "").getBytes("UTF-8"), "utf-8");
+            } catch (UnsupportedEncodingException e) {
+                e.printStackTrace();
+            }
+
+            if (0 != code) {
+                return;
+            }
+
+            JSONObject dataRsp = jsonRsp.getJSONObject("data");
+            if (dataRsp == null) {
+                return;
+            }
+
+            String appId = dataRsp.optString("appId", "");
+            JSONArray cosArray = dataRsp.optJSONArray("cosRegionList");
+
+            if (cosArray == null || cosArray.length() <= 0) {
+                Log.e(TAG, "parsePrepareUploadRsp , cosRegionList is null!");
+                return;
+            }
+
+            CountDownLatch latch = new CountDownLatch(cosArray.length() * 2);// 设置计数值
+            int maxThreadCount = Math.min(cosArray.length() * 2, 8);
+            ExecutorService exec = Executors.newFixedThreadPool(maxThreadCount); // 创建线程池
+
+            final long reqTime = System.currentTimeMillis();
+
+            //探测quic
+            detectQuicNet(cosArray, context, latch, exec);
+
+            //最优园区探测
+            detectBestCos(cosArray, latch, exec);
+
+            try {
+                latch.await();// 等待所有线程完成操作
+            } catch (InterruptedException e) {
+                e.printStackTrace();
+            }
+            exec.shutdown();
+
+            reportPublishOptResult(context, TVCConstants.UPLOAD_EVENT_ID_DETECT_DOMAIN_RESULT,
+                    TextUtils.isEmpty(bestCosInfo.region) ? TVCConstants.ERROR : TVCConstants.NO_ERROR,
+                    TextUtils.isEmpty(bestCosInfo.region) ? "" : bestCosInfo.domain + "|" + bestCosInfo.region, reqTime,
+                    System.currentTimeMillis() - reqTime);
+        } catch (JSONException e) {
+            Log.e(TAG, e.toString());
+        }
+    }
+
+    private void detectQuicNet(JSONArray cosArray, final Context context,
+                               final CountDownLatch latch, ExecutorService exec) throws JSONException {
+        // quic参数初始化
+        QuicNative.init();
+        QuicNative.setDebugLog(BuildConfig.DEBUG);
+
+        QuicConfig quicConfig = new QuicConfig();
+        quicConfig.setCustomProtocol(false);
+        quicConfig.setRaceType(QuicConfig.RACE_TYPE_ONLY_QUIC);
+        quicConfig.setTotalTimeoutSec(2);
+        QuicProxy.setTnetConfig(quicConfig);
+
+        for (int i = 0; i < cosArray.length(); ++i) {
+            final JSONObject cosInfoJsonObject;
+            cosInfoJsonObject = cosArray.getJSONObject(i);
+            exec.execute(new Runnable() {
+                @Override
+                public void run() {
+                    final String domain = cosInfoJsonObject.optString("domain", "");
+                    final String region = cosInfoJsonObject.optString("region", "");
+                    String ips = cosInfoJsonObject.optString("ip", "");
+                    // 1、获取cos 的iplist
+                    getCosDNS(domain, ips);
+                    if (!TextUtils.isEmpty(domain)) {
+                        QuicClient quicClient = new QuicClient(context);
+                        quicClient.detectQuic(domain, new QuicClient.QuicDetectListener() {
+                            @Override
+                            public void onQuicDetectDone(boolean isQuic, long requestTime, int errorCode) {
+                                Log.i(TAG, "detectQuicNet domain = " + domain
+                                        + ", region = " + region
+                                        + ", timeCos = " + requestTime
+                                        + ", isQuic = " + isQuic);
+                                if (isQuic) {
+                                    sendToCompareCos(domain, region, requestTime, true);
+                                }
+                                latch.countDown();
+                            }
+                        });
+                    }
+                }
+            });
+        }
+    }
+
+    private void detectBestCos(JSONArray cosArray, final CountDownLatch latch,
+                               ExecutorService exec) throws JSONException {
+        for (int i = 0; i < cosArray.length(); ++i) {
+            final JSONObject cosInfoJsonObject = cosArray.getJSONObject(i);
+            exec.execute(new Runnable() {
+                @Override
+                public void run() {
+                    String region = cosInfoJsonObject.optString("region", "");
+                    String domain = cosInfoJsonObject.optString("domain", "");
+                    int isAcc = cosInfoJsonObject.optInt("isAcc", 0);
+                    String ips = cosInfoJsonObject.optString("ip", "");
+                    if (!TextUtils.isEmpty(region) && !TextUtils.isEmpty(domain)) {
+                        // 1、获取cos 的iplist
+                        getCosDNS(domain, ips);
+                        // 2、探测最优园区
+                        detectBestCosIP(domain, region);
+                    }
+                    latch.countDown();
+                }
+            });
+        }
+    }
+
+    private void detectBestCosIP(String domain, String region) {
+        final long beginTS = System.currentTimeMillis();
+        try {
+            Response response = ugcClient.detectDomain(domain);
+            if (response != null) {
+                // 服务器有返回认为是检测成功，不需要判断isSuccessful，因为私有域会返回403，检测也是正常的
+                long endTS = System.currentTimeMillis();
+                long timeCost = endTS - beginTS;
+
+                Log.i(TAG, "detectBestCosIP domain = " + domain
+                        + ", region = " + region
+                        + ", timeCos = " + timeCost
+                        + ", response.code = " + response.code());
+
+                sendToCompareCos(domain, region, timeCost, false);
+            }
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+    }
+
+    private void sendToCompareCos(String domain, String region, long timeCost, boolean isQuic) {
+        Bundle data = new Bundle();
+        data.putString(KEY_COS_DOMAIN, domain);
+        data.putString(KEY_COS_REGION, region);
+        data.putLong(KEY_REQUEST_TIME, timeCost);
+        data.putBoolean(KEY_IS_QUIC, isQuic);
+
+        Message message = new Message();
+        message.what = WHAT_UPDATE_BEST_COS;
+        message.setData(data);
+
+        mDetectHandler.sendMessage(message);
+    }
+
+    private void compareBestCos(String domain, String region, long timeCost, boolean isQuic) {
+        synchronized (CosRegionInfo.class) {
+            if (minCosRespTime == 0 || timeCost < minCosRespTime) {
+                minCosRespTime = timeCost;
+                bestCosInfo.region = region;
+                bestCosInfo.domain = domain;
+                bestCosInfo.isQuic = isQuic;
+
+                Log.i(TAG, "detectBestCosIP bestCosDomain = " + bestCosInfo.domain
+                        + ", bestCosRegion = " + bestCosInfo.region
+                        + ", timeCos = " + minCosRespTime
+                        + ", isQuic = " + isQuic);
+            }
+        }
+    }
+
+    private void getCosDNS(final String domain, String ips) {
+        //返回的ip列表为空，首先执行http dns
+        if (TextUtils.isEmpty(ips)) {
+            // 异步转同步
+            final CountDownLatch countDownLatch = new CountDownLatch(1);
+            boolean ret = dnsCache.freshDomain(domain, new Callback() {
+                @Override
+                public void onFailure(Call call, IOException e) {
+                    countDownLatch.countDown();
+                }
+
+                @Override
+                public void onResponse(Call call, Response response) throws IOException {
+                    countDownLatch.countDown();
+                }
+            });
+            if (ret) {
+                try {
+                    countDownLatch.await();
+                } catch (InterruptedException e) {
+                    e.printStackTrace();
+                }
+            }
+        } else { //返回的ip列表不为，首先把ip设置到HttpDnsCache中
+            ArrayList<String> ipLists = new ArrayList<String>();
+            if (ips.contains(";")) {
+                String[] ipArray = ips.split(",");
+                for (int i = 0; i < ipArray.length; ++i) {
+                    ipLists.add(ipArray[i]);
+                }
+            } else {
+                ipLists.add(ips);
+            }
+            dnsCache.addDomainDNS(domain, ipLists);
+        }
+    }
+
+    public boolean useHttpDNS(String host) {
+        return (dnsCache != null && dnsCache.useHttpDNS(host));
+    }
+
+    public List<String> query(String host) {
+        if (dnsCache != null) {
+            return dnsCache.query(host);
+        } else {
+            return null;
+        }
+    }
+
+    public String getCosRegion() {
+        synchronized (bestCosInfo) {
+            return bestCosInfo.region;
+        }
+    }
+
+    /**
+     * 判断当前上传region与探测出来的最优region是否一致，如果一致，返回探测出来的quic开关。
+     * 否则证明没有使用最优探测结果，使用的默认cos region，没有开启quic
+     */
+    public boolean isNeedEnableQuic(String currentRegion) {
+        synchronized (bestCosInfo) {
+            if (TextUtils.isEmpty(currentRegion) || TextUtils.equals(currentRegion, bestCosInfo.region)) {
+                return bestCosInfo.isQuic;
+            }
+            return false;
+        }
+    }
+
+    public void disableQuicIfNeed() {
+        synchronized (bestCosInfo) {
+            if (null != bestCosInfo && bestCosInfo.isQuic) {
+                bestCosInfo.isQuic = false;
+            }
+        }
+    }
+
+    public void addPublishing(String videoPath) {
+        publishingList.put(videoPath, true);
+    }
+
+    public void delPublishing(String videoPath) {
+        publishingList.remove(videoPath);
+    }
+
+    public boolean isPublishing(String videoPath) {
+        if (publishingList.containsKey(videoPath)) {
+            return publishingList.get(videoPath);
+        }
+        return false;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/UGCClient.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/UGCClient.java
new file mode 100644
index 0000000..65b31a2
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/UGCClient.java
@@ -0,0 +1,230 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.text.TextUtils;
+import android.util.Log;
+
+
+import com.tencent.qcloud.ugckit.module.upload.impl.compute.TXOkHTTPEventListener;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.IOException;
+import java.net.InetAddress;
+import java.util.concurrent.TimeUnit;
+
+import okhttp3.Callback;
+import okhttp3.Interceptor;
+import okhttp3.MediaType;
+import okhttp3.OkHttpClient;
+import okhttp3.Request;
+import okhttp3.RequestBody;
+import okhttp3.Response;
+
+
+/**
+ * UGC Client
+ */
+public class UGCClient {
+    private final static String                TAG      = "TVC-UGCClient";
+    private              String                signature;
+    private              OkHttpClient          okHttpClient;
+    private              TXOkHTTPEventListener mTXOkHTTPEventListener;
+    private              String                serverIP = "";
+    private static       UGCClient             ourInstance;
+
+    public static UGCClient getInstance(String signature, int iTimeOut) {
+        synchronized (UGCClient.class) {
+            if (ourInstance == null) {
+                ourInstance = new UGCClient(signature, iTimeOut);
+            } else if (signature != null && !TextUtils.isEmpty(signature)) {
+                ourInstance.updateSignature(signature);
+            }
+        }
+
+        return ourInstance;
+    }
+
+
+    private UGCClient(String signature, int iTimeOut) {
+        this.signature = signature;
+        mTXOkHTTPEventListener = new TXOkHTTPEventListener();
+        okHttpClient = new OkHttpClient().newBuilder()
+                .dns(new HttpDNS())
+                .connectTimeout(iTimeOut, TimeUnit.SECONDS)    // 设置超时时间
+                .readTimeout(iTimeOut, TimeUnit.SECONDS)       // 设置读取超时时间
+                .writeTimeout(iTimeOut, TimeUnit.SECONDS)      // 设置写入超时时间
+                .addNetworkInterceptor(new LoggingInterceptor())
+                .eventListener(mTXOkHTTPEventListener)
+                .build();
+    }
+
+
+    /**
+     * 预上传（UGC接口）
+     */
+    public Response prepareUploadUGC() throws IOException {
+        String reqUrl = "https://" + TVCConstants.VOD_SERVER_HOST + "/v3/index.php?Action=PrepareUploadUGC";
+        Log.d(TAG, "PrepareUploadUGC->request url:" + reqUrl);
+
+        String body = "";
+        try {
+            JSONObject jsonObject = new JSONObject();
+            jsonObject.put("clientVersion", TVCConstants.TVCVERSION);
+            jsonObject.put("signature", signature);
+            body = jsonObject.toString();
+            Log.d(TAG, body);
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        RequestBody requestBody = RequestBody.create(MediaType.parse("application/json"), body);
+        Request request = new Request.Builder().url(reqUrl).post(requestBody).build();
+        return okHttpClient.newCall(request).execute();
+    }
+
+    /**
+     * 发送head请求探测
+     */
+    public Response detectDomain(String domain) throws IOException {
+        String reqUrl = "http://" + domain;
+        Log.d(TAG, "detectDomain->request url:" + reqUrl);
+        Request request = new Request.Builder().url(reqUrl).method("HEAD", null).build();
+        return okHttpClient.newCall(request).execute();
+    }
+
+    /**
+     * 申请上传（UGC接口）
+     *
+     * @param info          文件信息
+     * @param customKey     customKey
+     * @param vodSessionKey vodSessionKey
+     * @param callback      回调  @return
+     */
+    public void initUploadUGC(String domain, TVCUploadInfo info, String customKey, String vodSessionKey,
+                              final Callback callback) {
+        String reqUrl = "https://" + domain + "/v3/index.php?Action=ApplyUploadUGC";
+        Log.d(TAG, "initUploadUGC->request url:" + reqUrl);
+
+        String body = "";
+        try {
+            JSONObject jsonObject = new JSONObject();
+            jsonObject.put("signature", signature);
+            jsonObject.put("videoName", info.getFileName());
+            jsonObject.put("videoType", info.getFileType());
+            jsonObject.put("videoSize", info.getFileSize());
+
+            // 判断是否需要上传封面
+            if (info.isNeedCover()) {
+                jsonObject.put("coverName", info.getCoverName());
+                jsonObject.put("coverType", info.getCoverImgType());
+                jsonObject.put("coverSize", info.getCoverFileSize());
+            }
+            jsonObject.put("clientReportId", customKey);
+            jsonObject.put("clientVersion", TVCConstants.TVCVERSION);
+            if (!TextUtils.isEmpty(vodSessionKey)) {
+                jsonObject.put("vodSessionKey", vodSessionKey);
+            }
+            String region = TXUGCPublishOptCenter.getInstance().getCosRegion();
+            if (!TextUtils.isEmpty(region)) {
+                jsonObject.put("storageRegion", region);
+            }
+            body = jsonObject.toString();
+            Log.d(TAG, body);
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        RequestBody requestBody = RequestBody.create(MediaType.parse("application/json"), body);
+        Request request = new Request.Builder().url(reqUrl).post(requestBody).build();
+        if (TVCDnsCache.useProxy()) {
+            final String host = request.url().host();
+            new Thread(new Runnable() {
+                @Override
+                public void run() {
+                    try {
+                        InetAddress address = InetAddress.getByName(host);
+                        serverIP = address.getHostAddress();
+                    } catch (Exception e) {
+                        e.printStackTrace();
+                    }
+                }
+            }).start();
+        }
+
+        okHttpClient.newCall(request).enqueue(callback);
+    }
+
+    /**
+     * 上传结束(UGC接口)
+     *
+     * @param domain        视频上传的域名
+     * @param vodSessionKey 视频上传的会话key
+     * @param callback      回调
+     */
+    public void finishUploadUGC(String domain, String customKey, String vodSessionKey, final Callback callback) {
+        String reqUrl = "https://" + domain + "/v3/index.php?Action=CommitUploadUGC";
+        Log.d(TAG, "finishUploadUGC->request url:" + reqUrl);
+        String body = "";
+        try {
+            JSONObject jsonObject = new JSONObject();
+            jsonObject.put("signature", signature);
+            jsonObject.put("clientReportId", customKey);
+            jsonObject.put("clientVersion", TVCConstants.TVCVERSION);
+            jsonObject.put("vodSessionKey", vodSessionKey);
+            body = jsonObject.toString();
+            Log.d(TAG, body);
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        RequestBody requestBody = RequestBody.create(MediaType.parse("application/json"), body);
+        Request request = new Request.Builder().url(reqUrl).post(requestBody).build();
+
+        if (TVCDnsCache.useProxy()) {
+            final String host = request.url().host();
+            new Thread(new Runnable() {
+                @Override
+                public void run() {
+                    try {
+                        InetAddress address = InetAddress.getByName(host);
+                        serverIP = address.getHostAddress();
+                    } catch (Exception e) {
+                        e.printStackTrace();
+                    }
+                }
+            }).start();
+        }
+
+        okHttpClient.newCall(request).enqueue(callback);
+    }
+
+    public String getServerIP() {
+        return serverIP;
+    }
+
+    public long getTcpConnTimeCost() {
+        return mTXOkHTTPEventListener.getTCPConnectionTimeCost();
+    }
+
+    public long getRecvRespTimeCost() {
+        return mTXOkHTTPEventListener.getRecvRspTimeCost();
+    }
+
+    public void updateSignature(String signature) {
+        this.signature = signature;
+    }
+
+    private class LoggingInterceptor implements Interceptor {
+        @Override
+        public Response intercept(Chain chain) throws IOException {
+            Request request = chain.request();
+
+            Log.d(TAG, "Sending request " + request.url() + " on " + chain.connection() + "\n" + request.headers());
+            if (!TVCDnsCache.useProxy()) {
+                serverIP = chain.connection().route().socketAddress().getAddress().getHostAddress();
+            }
+
+            Response response = chain.proceed(request);
+
+            return response;
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/UGCReport.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/UGCReport.java
new file mode 100644
index 0000000..eb320c3
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/UGCReport.java
@@ -0,0 +1,265 @@
+package com.tencent.qcloud.ugckit.module.upload.impl;
+
+import android.content.Context;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.basic.TUIBuild;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Timer;
+import java.util.TimerTask;
+import java.util.concurrent.TimeUnit;
+
+import okhttp3.Call;
+import okhttp3.Callback;
+import okhttp3.MediaType;
+import okhttp3.OkHttpClient;
+import okhttp3.Request;
+import okhttp3.RequestBody;
+import okhttp3.Response;
+
+
+public class UGCReport {
+
+    public static class ReportInfo {
+        public int     reqType          = 0;
+        public int     errCode          = 0;
+        public int     vodErrCode       = 0;
+        public String  cosErrCode       = "";
+        public String  errMsg           = "";
+        public long    reqTime          = 0;
+        public long    reqTimeCost      = 0;
+        public long    fileSize         = 0;
+        public String  fileType         = "";
+        public String  fileName         = "";
+        public String  fileId           = "";
+        public int     appId            = 0;
+        public String  reqServerIp      = "";
+        public int     useHttpDNS       = 0;
+        public String  reportId         = "";
+        public String  reqKey           = "";
+        public String  vodSessionKey    = "";
+        public String  cosRegion        = "";
+        public int     useCosAcc        = 0;
+        public long    tcpConnTimeCost  = 0;
+        public long    recvRespTimeCost = 0;
+        public int     retryCount       = 0;
+        public boolean reporting        = false;   // 正在上报
+        public String  requestId        = "";
+
+        public ReportInfo() {
+        }
+
+        public ReportInfo(ReportInfo info) {
+            this.reqType = info.reqType;
+            this.errCode = info.errCode;
+            this.errMsg = info.errMsg;
+            this.vodErrCode = info.vodErrCode;
+            this.cosErrCode = info.cosErrCode;
+            this.reqTime = info.reqTime;
+            this.reqTimeCost = info.reqTimeCost;
+            this.fileSize = info.fileSize;
+            this.fileType = info.fileType;
+            this.fileName = info.fileName;
+            this.fileId = info.fileId;
+            this.appId = info.appId;
+            this.reqServerIp = info.reqServerIp;
+            this.useHttpDNS = info.useHttpDNS;
+            this.reportId = info.reportId;
+            this.reqKey = info.reqKey;
+            this.vodSessionKey = info.vodSessionKey;
+            this.cosRegion = info.cosRegion;
+            this.useCosAcc = info.useCosAcc;
+            this.tcpConnTimeCost = info.tcpConnTimeCost;
+            this.recvRespTimeCost = info.recvRespTimeCost;
+            this.retryCount = 0;
+            this.reporting = false;
+            this.requestId = info.requestId;
+        }
+
+        @Override
+        public String toString() {
+            return "ReportInfo{" +
+                    "reqType=" + reqType +
+                    ", errCode=" + errCode +
+                    ", vodErrCode=" + vodErrCode +
+                    ", cosErrCode='" + cosErrCode + '\'' +
+                    ", errMsg='" + errMsg + '\'' +
+                    ", reqTime=" + reqTime +
+                    ", reqTimeCost=" + reqTimeCost +
+                    ", fileSize=" + fileSize +
+                    ", fileType='" + fileType + '\'' +
+                    ", fileName='" + fileName + '\'' +
+                    ", fileId='" + fileId + '\'' +
+                    ", appId=" + appId +
+                    ", reqServerIp='" + reqServerIp + '\'' +
+                    ", useHttpDNS=" + useHttpDNS +
+                    ", reportId='" + reportId + '\'' +
+                    ", reqKey='" + reqKey + '\'' +
+                    ", vodSessionKey='" + vodSessionKey + '\'' +
+                    ", cosRegion='" + cosRegion + '\'' +
+                    ", useCosAcc=" + useCosAcc +
+                    ", retryCount=" + retryCount +
+                    ", reporting=" + reporting +
+                    ", requestId='" + requestId + '\'' +
+                    ", tcpConnTimeCost=" + tcpConnTimeCost +
+                    ", recvRespTimeCost=" + recvRespTimeCost +
+                    '}';
+        }
+    }
+
+    ;
+
+    private static final String TAG        = "TVC-UGCReport";
+    private static final int    MAX_CACHES = 100;//最多缓存的上报记录条数
+
+    private static UGCReport ourInstance;
+
+    private Context          context;
+    private OkHttpClient     okHttpClient;
+    private List<ReportInfo> reportCaches = new ArrayList<ReportInfo>();
+
+    private TimerTask reportTask = null;
+    private Timer     mTimer;
+
+
+    public static UGCReport getInstance(Context context) {
+        if (ourInstance == null) {
+            synchronized (UGCReport.class) {
+                if (ourInstance == null) {
+                    ourInstance = new UGCReport(context);
+                }
+            }
+        }
+
+        return ourInstance;
+    }
+
+
+    private UGCReport(Context context) {
+        this.context = context;
+        okHttpClient = new OkHttpClient().newBuilder()
+                .connectTimeout(10, TimeUnit.SECONDS)    // 设置超时时间
+                .readTimeout(10, TimeUnit.SECONDS)       // 设置读取超时时间
+                .writeTimeout(10, TimeUnit.SECONDS)      // 设置写入超时时间
+                .build();
+        reportTask = new TimerTask() {
+            @Override
+            public void run() {
+                reportAll();
+            }
+        };
+        if (mTimer == null) {
+            mTimer = new Timer(true);
+            mTimer.schedule(reportTask, 10 * 000, 10 * 1000);
+        }
+    }
+
+    private synchronized void reportAll() {
+        if (!TVCUtils.isNetworkAvailable(context)) {
+            return;
+        }
+
+        synchronized (reportCaches) {
+            Iterator iter = reportCaches.iterator();
+            while (iter.hasNext()) {
+                ReportInfo info = (ReportInfo) iter.next();
+                if (info.retryCount < 4) {
+                    if (!info.reporting)
+                        report(info);
+                } else {
+                    iter.remove();
+                }
+            }
+        }
+    }
+
+    public void addReportInfo(ReportInfo info) {
+        ReportInfo newInfo = new ReportInfo(info);
+
+        synchronized (reportCaches) {
+            if (reportCaches.size() > MAX_CACHES) {
+                reportCaches.remove(0);
+            }
+            reportCaches.add(newInfo);
+        }
+        reportAll();
+    }
+
+    public void report(final ReportInfo info) {
+        Log.i(TAG, "report: info = " + info.toString());
+        try {
+            String body = "";
+            JSONObject jsonObject = new JSONObject();
+            jsonObject.put("version", TVCConstants.TVCVERSION);
+            jsonObject.put("reqType", info.reqType);
+            jsonObject.put("errCode", info.errCode);
+            jsonObject.put("vodErrCode", info.vodErrCode);
+            jsonObject.put("cosErrCode", info.cosErrCode);
+            jsonObject.put("errMsg", info.errMsg);
+            jsonObject.put("reqTimeCost", info.reqTimeCost);
+            jsonObject.put("reqServerIp", info.reqServerIp);
+            jsonObject.put("useHttpDNS", info.useHttpDNS);
+            jsonObject.put("platform", 2000); // 1000 - iOS, 2000 - Android
+//            jsonObject.put("device", TUIBuild.getManufacturer() + TUIBuild.getModel());
+            jsonObject.put("osType", String.valueOf(TUIBuild.getSdkInt()));
+            jsonObject.put("netType", TVCUtils.getNetWorkType(context));
+            jsonObject.put("reqTime", info.reqTime);
+            jsonObject.put("reportId", info.reportId);
+            jsonObject.put("uuid", TVCUtils.getDevUUID(context));
+            jsonObject.put("reqKey", info.reqKey);
+            jsonObject.put("appId", info.appId);
+            jsonObject.put("fileSize", info.fileSize);
+            jsonObject.put("fileType", info.fileType);
+            jsonObject.put("fileName", info.fileName);
+            jsonObject.put("vodSessionKey", info.vodSessionKey);
+            jsonObject.put("fileId", info.fileId);
+            jsonObject.put("cosRegion", info.cosRegion);
+            jsonObject.put("useCosAcc", info.useCosAcc);
+            jsonObject.put("tcpConnTimeCost", info.tcpConnTimeCost);
+            jsonObject.put("recvRespTimeCost", info.recvRespTimeCost);
+            jsonObject.put("packageName", TVCUtils.getPackageName(context));
+            jsonObject.put("appName", TVCUtils.getAppName(context));
+            jsonObject.put("requestId", info.requestId);
+
+            ++info.retryCount;
+            info.reporting = true;
+            body = jsonObject.toString();
+            String reqUrl = "https://vodreport.qcloud.com/ugcupload_new";
+            Log.i(TAG, "reportUGCEvent->request url:" + reqUrl + " body:" + body);
+            RequestBody requestBody = RequestBody.create(MediaType.parse("application/json"), body);
+            Request request = new Request.Builder()
+                    .url(reqUrl)
+                    .post(requestBody)
+                    .build();
+
+            okHttpClient.newCall(request).enqueue(new Callback() {
+                @Override
+                public void onFailure(Call call, IOException e) {
+                    info.reporting = false;
+                }
+
+                @Override
+                public void onResponse(Call call, Response response) throws IOException {
+                    if (response != null && response.isSuccessful()) {
+                        synchronized (reportCaches) {
+                            reportCaches.remove(info);
+                        }
+                    } else {
+                        info.reporting = false;
+                    }
+                }
+            });
+
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+
+    }
+}
\ No newline at end of file
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXHttpTaskMetrics.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXHttpTaskMetrics.java
new file mode 100644
index 0000000..7ca8d3a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXHttpTaskMetrics.java
@@ -0,0 +1,45 @@
+package com.tencent.qcloud.ugckit.module.upload.impl.compute;
+
+import android.util.Log;
+
+import com.tencent.qcloud.core.http.HttpTaskMetrics;
+
+/**
+ * 用于统计 Initiate Multipart Upload 请求耗时
+ */
+public class TXHttpTaskMetrics extends HttpTaskMetrics {
+    private static final String TAG = "TXHttpTaskMetrics";
+
+    private double tcpConnectionTimeCost;
+    private double recvRspTimeCost;
+
+    @Override
+    public void onDataReady() {
+        super.onDataReady();
+
+        recvRspTimeCost = TXHttpTaskMetrics.getRecvRspTimeCost(this);
+
+        tcpConnectionTimeCost = TXHttpTaskMetrics.getTCPConnectionTimeCost(this);
+
+        Log.i(TAG, "onDataReady: tcpConnectionTimeCost = " + tcpConnectionTimeCost + " recvRspTimeCost = " + recvRspTimeCost);
+
+        Log.i(TAG, "onDataReady: " + this.toString());
+    }
+
+    public long getTCPConnectionTimeCost() {
+        return (long) (tcpConnectionTimeCost * 1000);
+    }
+
+    public long getRecvRspTimeCost() {
+        return (long) (recvRspTimeCost * 1000);
+    }
+
+    public static double getTCPConnectionTimeCost(HttpTaskMetrics httpTaskMetrics) {
+        return httpTaskMetrics.dnsLookupTookTime() + httpTaskMetrics.connectTookTime() + httpTaskMetrics.secureConnectTookTime();
+    }
+
+    public static double getRecvRspTimeCost(HttpTaskMetrics httpTaskMetrics) {
+        return getTCPConnectionTimeCost(httpTaskMetrics) + httpTaskMetrics.writeRequestHeaderTookTime() + httpTaskMetrics.writeRequestBodyTookTime() + httpTaskMetrics.readResponseHeaderTookTime();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXOkHTTPEventListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXOkHTTPEventListener.java
new file mode 100644
index 0000000..657b7c6
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXOkHTTPEventListener.java
@@ -0,0 +1,51 @@
+package com.tencent.qcloud.ugckit.module.upload.impl.compute;
+
+import java.io.IOException;
+import java.net.InetSocketAddress;
+import java.net.Proxy;
+
+import okhttp3.Call;
+import okhttp3.EventListener;
+import okhttp3.Protocol;
+
+/**
+ * 利用OKHTTP Event事件，用来统计TCP建立链接耗时 以及 收到收个回包的耗时
+ */
+public class TXOkHTTPEventListener extends EventListener {
+    private long startTime;
+    private long connectFinishTime;
+    private long startRecvRspHeaderTime;
+
+
+    public long getTCPConnectionTimeCost() {
+        return connectFinishTime - startTime;
+    }
+
+    public long getRecvRspTimeCost() {
+        return startRecvRspHeaderTime - startTime;
+    }
+
+    @Override
+    public void callStart(Call call) {
+        super.callStart(call);
+        startTime = System.currentTimeMillis();
+    }
+
+    @Override
+    public void connectEnd(Call call, InetSocketAddress inetSocketAddress, Proxy proxy, Protocol protocol) {
+        super.connectEnd(call, inetSocketAddress, proxy, protocol);
+        connectFinishTime = System.currentTimeMillis();
+    }
+
+    @Override
+    public void connectFailed(Call call, InetSocketAddress inetSocketAddress, Proxy proxy, Protocol protocol, IOException ioe) {
+        super.connectFailed(call, inetSocketAddress, proxy, protocol, ioe);
+        connectFinishTime = System.currentTimeMillis();
+    }
+
+    @Override
+    public void responseHeadersStart(Call call) {
+        super.responseHeadersStart(call);
+        startRecvRspHeaderTime = System.currentTimeMillis();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXOnGetHttpTaskMetrics.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXOnGetHttpTaskMetrics.java
new file mode 100644
index 0000000..6c093ee
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/module/upload/impl/compute/TXOnGetHttpTaskMetrics.java
@@ -0,0 +1,38 @@
+package com.tencent.qcloud.ugckit.module.upload.impl.compute;
+
+import android.util.Log;
+
+import com.tencent.cos.xml.transfer.COSXMLUploadTask;
+import com.tencent.qcloud.core.http.HttpTaskMetrics;
+
+/**
+ * 用于统计 UploadService 第一个请求耗时
+ */
+public class TXOnGetHttpTaskMetrics implements COSXMLUploadTask.OnGetHttpTaskMetrics {
+    private static final String  TAG = "TXOnGetHttpTaskMetrics";
+    private              boolean isGet;
+    private              double  tcpConnectionTimeCost;
+    private              double  recvRspTimeCost;
+
+    public long getTCPConnectionTimeCost() {
+        return (long) (tcpConnectionTimeCost * 1000);
+    }
+
+    public long getRecvRspTimeCost() {
+        return (long) (recvRspTimeCost * 1000);
+    }
+
+    public void onGetHttpMetrics(String s, HttpTaskMetrics httpTaskMetrics) {
+        if (!isGet) {//是否已经获取到过第一个请求
+            isGet = true;
+
+            recvRspTimeCost = TXHttpTaskMetrics.getRecvRspTimeCost(httpTaskMetrics);
+
+            tcpConnectionTimeCost = TXHttpTaskMetrics.getTCPConnectionTimeCost(httpTaskMetrics);
+
+            Log.i(TAG, "onDataReady: tcpConnectionTimeCost = " + tcpConnectionTimeCost + " recvRspTimeCost = " + recvRspTimeCost);
+
+            Log.i(TAG, "onDataReady: " + this.toString());
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/AlbumSaver.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/AlbumSaver.java
new file mode 100644
index 0000000..f2afa2d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/AlbumSaver.java
@@ -0,0 +1,220 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.ContentResolver;
+import android.content.ContentValues;
+import android.content.Context;
+import android.database.Cursor;
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.net.Uri;
+import android.os.Build;
+import android.os.ParcelFileDescriptor;
+import android.provider.MediaStore;
+import androidx.annotation.NonNull;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileOutputStream;
+import java.io.IOException;
+
+/**
+ * 用于将视频保存到本地相册
+ */
+public class AlbumSaver {
+
+    private static final String TAG                     = "AlbumSaver";
+    public static final  String VOLUME_EXTERNAL_PRIMARY = "external_primary";
+    private static final String IS_PENDING              = "is_pending";
+
+    private static AlbumSaver      sInstance;
+    private final  ContentResolver mContentResolver;
+    private final  Context         mContext;
+    private        long            mVideoDuration;
+    private        String          mVideoOutputPath;
+    private        String          mCoverImagePath;
+
+    public static AlbumSaver getInstance(@NonNull Context context) {
+        if (sInstance == null) {
+            sInstance = new AlbumSaver(context);
+        }
+        return sInstance;
+    }
+
+    private AlbumSaver(@NonNull Context context) {
+        mContext = context.getApplicationContext();
+        mContentResolver = context.getApplicationContext().getContentResolver();
+    }
+
+    /**
+     * 设置保存视频的信息
+     *
+     * @param videoPath 视频路径
+     * @param duration  视频时长
+     * @param coverPath 封面路径
+     */
+    public void setOutputProfile(String videoPath, long duration, String coverPath) {
+        mVideoOutputPath = videoPath;
+        mVideoDuration = duration;
+        mCoverImagePath = coverPath;
+    }
+
+    /**
+     * 插入到本地相册
+     */
+    public void saveVideoToDCIM() {
+        if (Build.VERSION.SDK_INT >= 29) {
+            saveVideoToDCIMOnAndroid10();
+        } else {
+            saveVideoToDCIMBelowAndroid10();
+        }
+    }
+
+    private void saveVideoToDCIMBelowAndroid10() {
+        File file = new File(mVideoOutputPath);
+        if (file.exists()) {
+            try {
+                ContentValues values = initCommonContentValues(file);
+                values.put(MediaStore.Video.VideoColumns.DATE_TAKEN, System.currentTimeMillis());
+                values.put(MediaStore.MediaColumns.MIME_TYPE, "video/mp4");
+                values.put(MediaStore.Video.VideoColumns.DURATION, mVideoDuration);
+                mContext.getContentResolver().insert(MediaStore.Video.Media.EXTERNAL_CONTENT_URI, values);
+
+                if (mCoverImagePath != null) {
+                    insertVideoThumb(file.getPath(), mCoverImagePath);
+                }
+                ToastUtil.toastShortMessage("视频已保存到手机相册");
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        } else {
+            Log.d(TAG, "file :" + mVideoOutputPath + " is not exists");
+        }
+    }
+
+    /**
+     * Android 10(Q) 保存视频文件到本地的方法
+     */
+    private void saveVideoToDCIMOnAndroid10() {
+        File file = new File(mVideoOutputPath);
+        if (file.exists()) {
+            ContentValues values = new ContentValues();
+            long currentTimeInSeconds = System.currentTimeMillis();
+            values.put(MediaStore.MediaColumns.TITLE, file.getName());
+            values.put(MediaStore.MediaColumns.DISPLAY_NAME, file.getName());
+            values.put(MediaStore.MediaColumns.DATE_MODIFIED, currentTimeInSeconds);
+            values.put(MediaStore.MediaColumns.DATE_ADDED, currentTimeInSeconds);
+            values.put(MediaStore.MediaColumns.SIZE, file.length());
+            values.put(MediaStore.MediaColumns.MIME_TYPE, "video/mp4");
+            // 时长
+            values.put(MediaStore.Video.VideoColumns.DURATION, mVideoDuration);
+            values.put(MediaStore.Video.VideoColumns.DATE_TAKEN, System.currentTimeMillis());
+            // Android 10 插入到图库标志位
+            values.put(IS_PENDING, 1);
+
+            Uri collection = MediaStore.Video.Media.getContentUri(VOLUME_EXTERNAL_PRIMARY);
+            Uri item = UGCKit.getAppContext().getContentResolver().insert(collection, values);
+            ParcelFileDescriptor pfd = null;
+            FileOutputStream fos = null;
+            FileInputStream fis = null;
+            try {
+                pfd = UGCKit.getAppContext().getContentResolver().openFileDescriptor(item, "w");
+                // Write data into the pending image.
+                fos = new FileOutputStream(pfd.getFileDescriptor());
+                fis = new FileInputStream(file);
+                byte[] data = new byte[1024];
+                int length = -1;
+                while ((length = fis.read(data)) != -1) {
+                    fos.write(data, 0, length);
+                }
+                fos.flush();
+            } catch (IOException e) {
+                e.printStackTrace();
+            } finally {
+                if (pfd != null) {
+                    try {
+                        pfd.close();
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+                }
+                if (fos != null) {
+                    try {
+                        fos.close();
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+                }
+                if (fis != null) {
+                    try {
+                        fos.close();
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+                }
+            }
+            // 插入成功后，更新状态，让其他 app 可以看到新的视频
+            values.clear();
+            values.put(IS_PENDING, 0);
+            UGCKit.getAppContext().getContentResolver().update(item, values, null, null);
+
+            ToastUtil.toastShortMessage("视频已保存到手机相册");
+        } else {
+            Log.d(TAG, "file :" + mVideoOutputPath + " is not exists");
+        }
+    }
+
+    @NonNull
+    private ContentValues initCommonContentValues(@NonNull File saveFile) {
+        ContentValues values = new ContentValues();
+        long currentTimeInSeconds = System.currentTimeMillis();
+        values.put(MediaStore.MediaColumns.TITLE, saveFile.getName());
+        values.put(MediaStore.MediaColumns.DISPLAY_NAME, saveFile.getName());
+        values.put(MediaStore.MediaColumns.DATE_MODIFIED, currentTimeInSeconds);
+        values.put(MediaStore.MediaColumns.DATE_ADDED, currentTimeInSeconds);
+        values.put(MediaStore.MediaColumns.DATA, saveFile.getAbsolutePath());
+        values.put(MediaStore.MediaColumns.SIZE, saveFile.length());
+        return values;
+    }
+
+    /**
+     * 插入视频缩略图
+     *
+     * @param videoPath
+     * @param coverPath
+     */
+    private void insertVideoThumb(String videoPath, String coverPath) {
+        //以下是查询上面插入的数据库Video的id（用于绑定缩略图）
+        //根据路径查询
+        Cursor cursor = mContentResolver.query(MediaStore.Video.Media.EXTERNAL_CONTENT_URI,
+                new String[]{MediaStore.Video.Thumbnails._ID},//返回id列表
+                String.format("%s = ?", MediaStore.Video.Thumbnails.DATA), //根据路径查询数据库
+                new String[]{videoPath}, null);
+        if (cursor != null) {
+            if (cursor.moveToFirst()) {
+                String videoId = cursor.getString(cursor.getColumnIndex(MediaStore.Video.Thumbnails._ID));
+                //查询到了Video的id
+                ContentValues thumbValues = new ContentValues();
+                thumbValues.put(MediaStore.Video.Thumbnails.DATA, coverPath);//缩略图路径
+                thumbValues.put(MediaStore.Video.Thumbnails.VIDEO_ID, videoId);//video的id 用于绑定
+                //Video的kind一般为1
+                thumbValues.put(MediaStore.Video.Thumbnails.KIND, MediaStore.Video.Thumbnails.MINI_KIND);
+                //只返回图片大小信息，不返回图片具体内容
+                BitmapFactory.Options options = new BitmapFactory.Options();
+                options.inJustDecodeBounds = true;
+                Bitmap bitmap = BitmapFactory.decodeFile(coverPath, options);
+                if (bitmap != null) {
+                    thumbValues.put(MediaStore.Video.Thumbnails.WIDTH, bitmap.getWidth());//缩略图宽度
+                    thumbValues.put(MediaStore.Video.Thumbnails.HEIGHT, bitmap.getHeight());//缩略图高度
+                    if (!bitmap.isRecycled()) {
+                        bitmap.recycle();
+                    }
+                }
+                mContentResolver.insert(MediaStore.Video.Thumbnails.EXTERNAL_CONTENT_URI, thumbValues);//缩略图数据库
+            }
+            cursor.close();
+        }
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/BackgroundTasks.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/BackgroundTasks.java
new file mode 100644
index 0000000..c514250
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/BackgroundTasks.java
@@ -0,0 +1,43 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.os.Handler;
+import android.os.Looper;
+import androidx.annotation.NonNull;
+
+
+public class BackgroundTasks {
+
+    private BackgroundTasks() {
+
+    }
+
+    @NonNull
+    private Handler mHandler = new Handler(Looper.getMainLooper());
+
+
+    public void runOnUiThread(Runnable runnable) {
+        mHandler.post(runnable);
+    }
+
+    public boolean postDelayed(Runnable r, long delayMillis) {
+        return mHandler.postDelayed(r, delayMillis);
+    }
+
+    @NonNull
+    public Handler getHandler() {
+        return mHandler;
+    }
+
+    private static BackgroundTasks instance;
+
+    public static BackgroundTasks getInstance() {
+        if (instance == null) {
+            synchronized (BackgroundTasks.class) {
+                if (instance == null) {
+                    instance = new BackgroundTasks();
+                }
+            }
+        }
+        return instance;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/BitmapUtils.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/BitmapUtils.java
new file mode 100644
index 0000000..72eb23f
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/BitmapUtils.java
@@ -0,0 +1,379 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.ContentValues;
+import android.content.Context;
+import android.database.Cursor;
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Matrix;
+import android.graphics.Paint;
+import android.graphics.PorterDuff;
+import android.graphics.PorterDuffColorFilter;
+import android.media.ExifInterface;
+import android.net.Uri;
+import android.os.Build;
+import android.os.ParcelFileDescriptor;
+import android.provider.MediaStore;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.annotation.RequiresApi;
+import androidx.renderscript.Allocation;
+import androidx.renderscript.Element;
+import androidx.renderscript.RenderScript;
+import androidx.renderscript.ScriptIntrinsicBlur;
+import android.text.TextUtils;
+import android.util.Log;
+import android.widget.ImageView;
+
+import com.bumptech.glide.Glide;
+import com.bumptech.glide.RequestManager;
+import com.bumptech.glide.request.target.SimpleTarget;
+import com.bumptech.glide.request.target.Target;
+import com.bumptech.glide.request.transition.Transition;
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.component.circlebmp.TCGlideCircleTransform;
+import com.tencent.qcloud.ugckit.module.effect.VideoEditerSDK;
+
+import java.io.File;
+import java.io.FileDescriptor;
+import java.io.FileNotFoundException;
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 图片工具类
+ */
+public class BitmapUtils {
+    private static final String TAG            = "BitmapUtils";
+    // 默认图片宽高
+    public static final  int    DEFAULT_WIDTH  = 720;
+    public static final  int    DEFAULT_HEIGHT = 1280;
+
+    @NonNull
+    public static ArrayList<Bitmap> decodeFileToBitmap(@NonNull List<String> picPathList) {
+        ArrayList<Bitmap> arrayList = new ArrayList<>();
+        for (int i = 0; i < picPathList.size(); i++) {
+            String filePath = picPathList.get(i);
+            Bitmap bitmap = BitmapUtils.decodeSampledBitmapFromFile(filePath, DEFAULT_WIDTH, DEFAULT_HEIGHT);
+            arrayList.add(bitmap);
+            VideoEditerSDK.getInstance().addThumbnailBitmap(0, bitmap);
+        }
+        return arrayList;
+    }
+
+    @NonNull
+    public static int[] getSize(String picturePath) {
+        if (TextUtils.isEmpty(picturePath)) {
+            return new int[2];
+        }
+        BitmapFactory.Options options = new BitmapFactory.Options();
+        options.inJustDecodeBounds = true;
+        BitmapFactory.decodeFile(picturePath, options);
+        int width = options.outWidth;
+        int height = options.outHeight;
+        int[] size = new int[2];
+        size[0] = width;
+        size[1] = height;
+        return size;
+    }
+
+    public static Bitmap decodeSampledBitmapFromFile(String picPath, int reqWidth, int reqHeight) {
+        boolean isContentUri = picPath != null && picPath.startsWith("content://");
+        // 第一次解析将inJustDecodeBounds设置为true，来获取图片大小
+        final BitmapFactory.Options options = new BitmapFactory.Options();
+        options.inJustDecodeBounds = true;
+        ParcelFileDescriptor pdf = null;
+        if (isContentUri) {
+            try {
+                pdf = UGCKit.getAppContext().getContentResolver().openFileDescriptor(Uri.parse(picPath), "r");
+            } catch (FileNotFoundException e) {
+                e.printStackTrace();
+                pdf = null;
+            }
+            BitmapFactory.decodeFileDescriptor(pdf.getFileDescriptor(), null, options);
+        } else {
+            BitmapFactory.decodeFile(picPath, options);
+        }
+        // 调用上面定义的方法计算inSampleSize值
+        options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
+        // 使用获取到的inSampleSize值再次解析图片
+        options.inJustDecodeBounds = false;
+        Bitmap bitmap = null;
+        if (pdf != null) {
+            bitmap = BitmapFactory.decodeFileDescriptor(pdf.getFileDescriptor(), null, options);
+
+            int orientation = -1;
+            if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) {
+                orientation = getImageOrientation(pdf.getFileDescriptor());
+                Log.d(TAG, "getImageOrientation from fileDescriptor，orientation = " + orientation);
+            }
+            if (orientation == -1) {
+                orientation = getImageOrientation(Uri.parse(picPath));
+                Log.d(TAG, "getImageOrientation from uri，orientation = " + orientation);
+            }
+
+            bitmap = rotateBitmap(bitmap, orientation);
+            try {
+                pdf.close();
+            } catch (IOException e) {
+                e.printStackTrace();
+            }
+        } else {
+            bitmap = BitmapFactory.decodeFile(picPath, options);
+            int orientation = getImageOrientation(picPath);
+            bitmap = rotateBitmap(bitmap, orientation);
+        }
+        return bitmap;
+    }
+
+    private static Bitmap rotateBitmap(Bitmap bitmap, int orientation) {
+        if (bitmap == null) {
+            return null;
+        }
+
+        Log.d(TAG, "getImageOrientation = " + orientation);
+        if (orientation == -1 || orientation == 0) {
+            return bitmap;
+        }
+        Matrix matrix = new Matrix();
+        matrix.postRotate(orientation);
+        Bitmap rotatedBitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(),
+                bitmap.getHeight(), matrix, true);
+        bitmap.recycle();
+        return rotatedBitmap;
+    }
+
+    /**
+     * getImageOrientation
+     *
+     * @param uri
+     * @return -1,0,90,180,270
+     */
+    private static int getImageOrientation(Uri uri) {
+        Cursor cursor = UGCKit.getAppContext().getContentResolver().query(uri,
+                new String[]{MediaStore.Images.ImageColumns.ORIENTATION}, null, null, null);
+
+        if (cursor == null) {
+            return -1;
+        }
+        if (cursor.getCount() != 1) {
+            cursor.close();
+            return -1;
+        }
+
+        cursor.moveToFirst();
+        //orientation here can be 90, 180, 270!
+        int orientation = cursor.getInt(0);
+        cursor.close();
+        return orientation;
+    }
+
+    private static int getImageOrientation(String filePath) {
+        try {
+            ExifInterface exifInterface = new ExifInterface(filePath);
+            int orientation = exifInterface.getAttributeInt(ExifInterface.TAG_ORIENTATION, ExifInterface.ORIENTATION_NORMAL);
+            return getDegree(orientation);
+        } catch (IOException e) {
+            e.printStackTrace();
+            Log.e(TAG, "getImageOrientation-filePath,e=" + e.toString());
+            return 0;
+        }
+    }
+
+    @RequiresApi(api = Build.VERSION_CODES.N)
+    private static int getImageOrientation(FileDescriptor fileDescriptor) {
+        try {
+            ExifInterface exifInterface = new ExifInterface(fileDescriptor);
+            int orientation = exifInterface.getAttributeInt(ExifInterface.TAG_ORIENTATION, ExifInterface.ORIENTATION_NORMAL);
+            return getDegree(orientation);
+        } catch (IOException e) {
+            e.printStackTrace();
+            Log.e(TAG, "getImageOrientation-fileDescriptor,e=" + e.toString());
+            return -1;
+        }
+    }
+
+    private static int getDegree(int orientation) {
+        switch (orientation) {
+            case ExifInterface.ORIENTATION_ROTATE_90:
+                return 90;
+            case ExifInterface.ORIENTATION_ROTATE_180:
+                return 180;
+            case ExifInterface.ORIENTATION_ROTATE_270:
+                return 270;
+            default:
+                return 0;
+        }
+    }
+
+    public static int calculateInSampleSize(@NonNull BitmapFactory.Options options, int reqWidth, int reqHeight) {
+        // 源图片的高度和宽度
+        final int height = options.outHeight;
+        final int width = options.outWidth;
+        int inSampleSize = 1;
+        if (height > reqHeight || width > reqWidth) {
+            // 计算出实际宽高和目标宽高的比率
+            final int heightRatio = Math.round((float) height / (float) reqHeight);
+            final int widthRatio = Math.round((float) width / (float) reqWidth);
+            // 选择宽和高中最小的比率作为inSampleSize的值，这样可以保证最终图片的宽和高
+            // 一定都会大于等于目标的宽和高。
+            inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;
+        }
+        return inSampleSize;
+    }
+
+    /**
+     * 处理图片
+     *
+     * @param bm        所要转换的bitmap
+     * @param newWidth  新的宽
+     * @param newHeight 新的高
+     * @return 指定宽高的bitmap
+     */
+    public static Bitmap zoomImg(@NonNull Bitmap bm, int newWidth, int newHeight) {
+        // 获得图片的宽高
+        int width = bm.getWidth();
+        int height = bm.getHeight();
+        // 计算缩放比例
+        float scaleWidth = ((float) newWidth) / width;
+        float scaleHeight = ((float) newHeight) / height;
+        // 取得想要缩放的matrix参数
+        Matrix matrix = new Matrix();
+        matrix.postScale(scaleWidth, scaleHeight);
+        // 得到新的图片
+        Bitmap newbm = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
+        return newbm;
+    }
+
+    public static void blurBgPic(@Nullable final Context context, @Nullable final ImageView view, final String url, int defResId) {
+        if (context == null || view == null) {
+            return;
+        }
+
+        if (TextUtils.isEmpty(url)) {
+            view.setImageResource(defResId);
+        } else {
+            Glide.with(context.getApplicationContext())
+                    .asBitmap()
+                    .load(url)
+                    .into(new SimpleTarget<Bitmap>(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL) {
+                        @Override
+                        public void onResourceReady(@NonNull Bitmap resource,
+                                                    @Nullable Transition<? super Bitmap> transition) {
+                            if (resource == null) {
+                                return;
+                            }
+
+                            final Bitmap bitmap = blurBitmap(resource, context.getApplicationContext());
+                            view.post(new Runnable() {
+                                @Override
+                                public void run() {
+                                    view.setImageBitmap(bitmap);
+                                }
+                            });
+                        }
+                    });
+        }
+    }
+
+    private static Bitmap blurBitmap(@NonNull Bitmap resource, @NonNull Context context) {
+        Bitmap bitmap = Bitmap.createBitmap(resource.getWidth(), resource.getHeight(), Bitmap.Config.ARGB_8888);
+
+        Canvas canvas = new Canvas(bitmap);
+        Paint paint = new Paint();
+        paint.setFlags(Paint.FILTER_BITMAP_FLAG | Paint.ANTI_ALIAS_FLAG);
+        PorterDuffColorFilter filter =
+                new PorterDuffColorFilter(Color.TRANSPARENT, PorterDuff.Mode.SRC_ATOP);
+        paint.setColorFilter(filter);
+        canvas.drawBitmap(resource, 0, 0, paint);
+
+        RenderScript rs = RenderScript.create(context.getApplicationContext());
+        Allocation input = Allocation.createFromBitmap(rs, bitmap, Allocation.MipmapControl.MIPMAP_NONE,
+                Allocation.USAGE_SCRIPT);
+        Allocation output = Allocation.createTyped(rs, input.getType());
+        ScriptIntrinsicBlur blur = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));
+
+        blur.setInput(input);
+        blur.setRadius(10);
+        blur.forEach(output);
+        output.copyTo(bitmap);
+        rs.destroy();
+
+        return bitmap;
+    }
+
+    /**
+     * 圆角显示图片
+     *
+     * @param context  一般为activtiy
+     * @param view     图片显示类
+     * @param url      图片url
+     * @param defResId 默认图 id
+     */
+    public static void showPicWithUrl(@Nullable Context context, @Nullable ImageView view, String url, int defResId) {
+        if (context == null || view == null) {
+            return;
+        }
+        try {
+            if (TextUtils.isEmpty(url)) {
+                view.setImageResource(defResId);
+            } else {
+                RequestManager req = Glide.with(context);
+                req.load(url).placeholder(defResId).transform(new TCGlideCircleTransform(context)).into(view);
+            }
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * Android10兼容，图片String类型地址先要转换为Uri，再加载
+     *
+     * @param context
+     * @param path
+     * @return
+     */
+    public static Uri getImageContentUri(Context context, String path) {
+        Cursor cursor = context.getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
+                new String[]{MediaStore.Images.Media._ID}, MediaStore.Images.Media.DATA + "=? ",
+                new String[]{path}, null);
+        if (cursor != null && cursor.moveToFirst()) {
+            int id = cursor.getInt(cursor.getColumnIndex(MediaStore.MediaColumns._ID));
+            Uri baseUri = Uri.parse("content://media/external/images/media");
+            return Uri.withAppendedPath(baseUri, "" + id);
+        } else {
+            // 如果图片不在手机的共享图片数据库，就先把它插入。
+            if (new File(path).exists()) {
+                ContentValues values = new ContentValues();
+                values.put(MediaStore.Images.Media.DATA, path);
+                return context.getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);
+            } else {
+                return null;
+            }
+        }
+    }
+
+
+    /**
+     * 通过uri加载图片
+     *
+     * @param context
+     * @param uri
+     * @return
+     */
+    public static Bitmap getBitmapFromUri(Context context, Uri uri) {
+        try {
+            ParcelFileDescriptor parcelFileDescriptor = context.getContentResolver().openFileDescriptor(uri, "r");
+            FileDescriptor fileDescriptor = parcelFileDescriptor.getFileDescriptor();
+            Bitmap image = BitmapFactory.decodeFileDescriptor(fileDescriptor);
+            parcelFileDescriptor.close();
+            return image;
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+        return null;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/CoverUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/CoverUtil.java
new file mode 100644
index 0000000..967deab
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/CoverUtil.java
@@ -0,0 +1,106 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.annotation.SuppressLint;
+import android.graphics.Bitmap;
+import android.os.AsyncTask;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.ugc.TXVideoInfoReader;
+
+import java.io.File;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+
+/**
+ * 封面工具类
+ */
+public class CoverUtil {
+    private String TAG = "CoverUtil";
+
+    @NonNull
+    private static CoverUtil sInstance = new CoverUtil();
+    private        String    mVideoPath;
+
+    private CoverUtil() {
+    }
+
+    @NonNull
+    public static CoverUtil getInstance() {
+        return sInstance;
+    }
+
+
+    public void setInputPath(String path) {
+        mVideoPath = path;
+    }
+
+    /**
+     * 创建缩略图，必须先调用{@link CoverUtil#setInputPath(String)} 设置视频路径
+     */
+    @SuppressLint("StaticFieldLeak")
+    public void createThumbFile(@Nullable final ICoverListener listener) {
+        AsyncTask<Void, String, String> task = new AsyncTask<Void, String, String>() {
+            @Override
+            protected String doInBackground(Void... voids) {
+                File outputVideo = new File(mVideoPath);
+                if (!outputVideo.exists()) {
+                    return null;
+                }
+                Bitmap bitmap = TXVideoInfoReader.getInstance(UGCKit.getAppContext()).getSampleImage(0, mVideoPath);
+                if (bitmap == null) {
+                    Log.e(TAG, "TXVideoInfoReader getSampleImage bitmap is null");
+                    return null;
+                }
+                File sdcardDir = UGCKit.getAppContext().getExternalFilesDir(null);
+                if (sdcardDir == null) {
+                    Log.e(TAG, "sdcardDir is null");
+                    return null;
+                }
+                String folder = sdcardDir + File.separator + UGCKitConstants.DEFAULT_MEDIA_PACK_FOLDER;
+                File appDir = new File(folder);
+                if (!appDir.exists()) {
+                    appDir.mkdirs();
+                }
+                String fileName = "thumbnail" + ".jpg";
+                File file = new File(appDir, fileName);
+                if (file.exists()) {
+                    file.delete();
+                    try {
+                        file.createNewFile();
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+                }
+                try {
+                    FileOutputStream fos = new FileOutputStream(file);
+                    bitmap.compress(Bitmap.CompressFormat.JPEG, 100, fos);
+                    fos.flush();
+                    fos.close();
+                } catch (FileNotFoundException e) {
+                    e.printStackTrace();
+                } catch (IOException e) {
+                    e.printStackTrace();
+                }
+                return file.getAbsolutePath();
+            }
+
+            @Override
+            protected void onPostExecute(String coverImagePath) {
+                if (listener != null) {
+                    listener.onCoverPath(coverImagePath);
+                }
+            }
+
+        };
+        task.execute();
+    }
+
+    public interface ICoverListener {
+        void onCoverPath(String coverPath);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DateTimeUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DateTimeUtil.java
new file mode 100644
index 0000000..caf3c80
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DateTimeUtil.java
@@ -0,0 +1,81 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import androidx.annotation.NonNull;
+
+import java.text.SimpleDateFormat;
+
+/**
+ * 时间工具类
+ */
+public class DateTimeUtil {
+    /**
+     * 时间格式化
+     */
+    public static String formattedTime(long second) {
+        String hs, ms, ss, formatTime;
+
+        long h, m, s;
+        h = second / 3600;
+        m = (second % 3600) / 60;
+        s = (second % 3600) % 60;
+        if (h < 10) {
+            hs = "0" + h;
+        } else {
+            hs = "" + h;
+        }
+
+        if (m < 10) {
+            ms = "0" + m;
+        } else {
+            ms = "" + m;
+        }
+
+        if (s < 10) {
+            ss = "0" + s;
+        } else {
+            ss = "" + s;
+        }
+        formatTime = hs + ":" + ms + ":" + ss;
+        return formatTime;
+    }
+
+    /**
+     * 毫秒转换为 分：秒 ---  00：00形式
+     *
+     * @param millsecond
+     * @return
+     */
+    public static String millsecondToMinuteSecond(int millsecond) {
+        SimpleDateFormat formatter = new SimpleDateFormat("mm:ss");
+        String mmss = formatter.format(millsecond);
+        return mmss;
+    }
+
+    public static String duration(long durationMs) {
+        long duration = durationMs / 1000;
+        long h = duration / 3600;
+        long m = (duration - h * 3600) / 60;
+        long s = duration - (h * 3600 + m * 60);
+
+        String durationValue;
+
+        if (h == 0) {
+            durationValue = asTwoDigit(m) + ":" + asTwoDigit(s);
+        } else {
+            durationValue = asTwoDigit(h) + ":" + asTwoDigit(m) + ":" + asTwoDigit(s);
+        }
+        return durationValue;
+    }
+
+    @NonNull
+    public static String asTwoDigit(long digit) {
+        String value = "";
+
+        if (digit < 10) {
+            value = "0";
+        }
+
+        value += String.valueOf(digit);
+        return value;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DialogUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DialogUtil.java
new file mode 100644
index 0000000..292da41
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DialogUtil.java
@@ -0,0 +1,40 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.app.Dialog;
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.Button;
+import android.widget.TextView;
+
+import com.tencent.qcloud.ugckit.R;
+
+
+/**
+ * 对话框工具类
+ */
+public class DialogUtil {
+
+    public static void showDialog(@NonNull Context context, String title, String content, @Nullable final View.OnClickListener listener) {
+        final Dialog dialog = new Dialog(context, R.style.UGCKitConfirmDialogStyle);
+        final View v = LayoutInflater.from(context).inflate(R.layout.ugckit_dialog_ugc_tip, null);
+        dialog.setContentView(v);
+        TextView tvTitle = (TextView) dialog.findViewById(R.id.tv_title);
+        TextView tvContent = (TextView) dialog.findViewById(R.id.tv_msg);
+        Button btnOk = (Button) dialog.findViewById(R.id.btn_ok);
+        tvTitle.setText(title);
+        tvContent.setText(content);
+        btnOk.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                dialog.dismiss();
+                if (listener != null) {
+                    listener.onClick(view);
+                }
+            }
+        });
+        dialog.show();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DownloadUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DownloadUtil.java
new file mode 100644
index 0000000..e118535
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/DownloadUtil.java
@@ -0,0 +1,137 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import android.text.TextUtils;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStream;
+
+import okhttp3.Call;
+import okhttp3.Callback;
+import okhttp3.OkHttpClient;
+import okhttp3.Request;
+import okhttp3.Response;
+
+public class DownloadUtil {
+    private        Context      mContext;
+    private static DownloadUtil instance;
+    private        OkHttpClient okHttpClient;
+
+    public static DownloadUtil get(Context context) {
+        if (instance == null) {
+            synchronized (DownloadUtil.class) {
+                if (instance == null) {
+                    instance = new DownloadUtil(context);
+                }
+            }
+        }
+        return instance;
+    }
+
+    private DownloadUtil(Context context) {
+        mContext = context;
+        okHttpClient = new OkHttpClient();
+    }
+
+    public void download(@NonNull final String url, @NonNull final String saveDir, @NonNull final DownloadListener downloadListener) {
+        Request request = new Request.Builder().url(url).build();
+        okHttpClient.newCall(request).enqueue(new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+                downloadListener.onDownloadFailed();
+            }
+
+            @Override
+            public void onResponse(Call call, @NonNull Response response) throws IOException {
+                InputStream is = null;
+                byte[] buf = new byte[2048];
+                int len = 0;
+                FileOutputStream fos = null;
+                // 储存下载文件的目录
+                String saveFolder = isExistDir(saveDir);
+                if (TextUtils.isEmpty(saveFolder)) {
+                    return;
+                }
+                String tempPath = saveFolder + File.separator + "temp_" + getNameFromUrl(url);
+                String savePath = saveFolder + File.separator + getNameFromUrl(url);
+                try {
+                    FileUtils.deleteFile(tempPath);
+                    is = response.body().byteStream();
+                    long total = response.body().contentLength();
+                    File file = new File(tempPath);
+                    fos = new FileOutputStream(file);
+                    long sum = 0;
+                    while ((len = is.read(buf)) != -1) {
+                        fos.write(buf, 0, len);
+                        sum += len;
+                        int progress = (int) (sum * 1.0f / total * 100);
+                        // 下载中
+                        downloadListener.onDownloading(progress);
+                    }
+                    fos.flush();
+                    // 下载完成
+                    FileUtils.fileRename(tempPath, savePath);
+                    downloadListener.onDownloadSuccess(savePath);
+                } catch (Exception e) {
+                    downloadListener.onDownloadFailed();
+                } finally {
+                    try {
+                        if (is != null)
+                            is.close();
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+                    try {
+                        if (fos != null)
+                            fos.close();
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+                }
+            }
+        });
+    }
+
+    @NonNull
+    private String isExistDir(@NonNull String saveDir) throws IOException {
+        // 下载位置
+        File sdcardDir = UGCKit.getAppContext().getExternalFilesDir(null);
+        if (sdcardDir == null) {
+            return null;
+        }
+
+        File downloadFile = new File(sdcardDir, saveDir);
+        if (!downloadFile.mkdirs()) {
+            downloadFile.createNewFile();
+        }
+        String savePath = downloadFile.getAbsolutePath();
+        return savePath;
+    }
+
+    @NonNull
+    public static String getNameFromUrl(@NonNull String url) {
+        return url.substring(url.lastIndexOf("/") + 1);
+    }
+
+    public interface DownloadListener {
+        /**
+         * 下载成功
+         */
+        void onDownloadSuccess(String path);
+
+        /**
+         * @param progress 下载进度
+         */
+        void onDownloading(int progress);
+
+        /**
+         * 下载失败
+         */
+        void onDownloadFailed();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/FileUtils.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/FileUtils.java
new file mode 100644
index 0000000..7f9058a
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/FileUtils.java
@@ -0,0 +1,1147 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.Context;
+import android.content.res.AssetManager;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.text.TextUtils;
+import android.util.Log;
+
+import java.io.BufferedOutputStream;
+import java.io.BufferedReader;
+import java.io.ByteArrayOutputStream;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.FileWriter;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+import java.io.OutputStream;
+import java.io.RandomAccessFile;
+import java.security.MessageDigest;
+import java.security.NoSuchAlgorithmException;
+import java.text.DecimalFormat;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * 文件工具类
+ */
+public class FileUtils {
+    private final static int    MD5_FILE_BUFFER_LENGHT = 1 * 1024 * 1024; // 1MB
+    private final static byte[] gSyncCode              = new byte[0];
+
+    @Nullable
+    public static InputStream getInputStream(@NonNull File oFile) {
+        InputStream oIn = null;
+        try {
+            oIn = new FileInputStream(oFile);
+        } catch (FileNotFoundException ex) {
+            oIn = null;
+        }
+
+        return oIn;
+    }
+
+    @Nullable
+    public static byte[] getBytes(@NonNull String filePath) {
+        byte[] buffer = null;
+        FileInputStream fis = null;
+        ByteArrayOutputStream bos = null;
+        try {
+            File file = new File(filePath);
+            fis = new FileInputStream(file);
+            bos = new ByteArrayOutputStream(1000);
+            byte[] b = new byte[1000];
+            int n;
+            while ((n = fis.read(b)) != -1) {
+                bos.write(b, 0, n);
+            }
+            buffer = bos.toByteArray();
+        } catch (FileNotFoundException e) {
+            e.printStackTrace();
+        } catch (IOException e) {
+            e.printStackTrace();
+        } finally {
+            if (fis != null) {
+                try {
+                    fis.close();
+                } catch (IOException e) {
+                    e.printStackTrace();
+                }
+            }
+            if (bos != null) {
+                try {
+                    bos.close();
+                } catch (IOException e) {
+                    e.printStackTrace();
+                }
+            }
+        }
+        return buffer;
+    }
+
+    public static void getFile(@NonNull byte[] bfile, @NonNull String filePath, String fileName) {
+        BufferedOutputStream bos = null;
+        FileOutputStream fos = null;
+        File file = null;
+        try {
+            File dir = new File(filePath);
+            if (!dir.exists()) {// 判断文件目录是否存在
+                boolean mkdirsResult = dir.mkdirs();
+            }
+            file = new File(filePath + fileName);
+            fos = new FileOutputStream(file);
+            bos = new BufferedOutputStream(fos);
+            bos.write(bfile);
+        } catch (Exception e) {
+            e.printStackTrace();
+        } finally {
+            if (bos != null) {
+                try {
+                    bos.close();
+                } catch (IOException e1) {
+                    e1.printStackTrace();
+                }
+            }
+            if (fos != null) {
+                try {
+                    fos.close();
+                } catch (IOException e1) {
+                    e1.printStackTrace();
+                }
+            }
+        }
+    }
+
+    private final static String TAG                      = "FileUtils";
+    public final static  String FILE_EXTENSION_SEPARATOR = ".";
+
+    /**
+     * read file
+     *
+     * @param filePath
+     * @param charsetName The name of a supported {@link java.nio.charset.Charset </code>charset<code>}
+     * @return if file not exist, return null, else return content of file
+     * @throws RuntimeException if an error occurs while operator BufferedReader
+     */
+    public static StringBuilder readFile(@NonNull String filePath, @NonNull String charsetName) {
+        File file = new File(filePath);
+        StringBuilder fileContent = new StringBuilder("");
+        if (file == null || !file.isFile()) {
+            return null;
+        }
+
+        BufferedReader reader = null;
+        try {
+            InputStreamReader is = new InputStreamReader(new FileInputStream(file), charsetName);
+            reader = new BufferedReader(is);
+            String line = null;
+            while ((line = reader.readLine()) != null) {
+                if (!fileContent.toString().equals("")) {
+                    fileContent.append(System.getProperty("line.separator"));
+                }
+                fileContent.append(line);
+            }
+            reader.close();
+            return fileContent;
+        } catch (IOException e) {
+            throw new RuntimeException("IOException occurred. ", e);
+        } finally {
+            if (reader != null) {
+                try {
+                    reader.close();
+                } catch (IOException e) {
+                    throw new RuntimeException("IOException occurred. ", e);
+                }
+            }
+        }
+    }
+
+    /**
+     * write file
+     *
+     * @param filePath
+     * @param content
+     * @param append   is append, if true, write to the end of file, else clear content of file and write into it
+     * @return return false if content is empty, true otherwise
+     * @throws RuntimeException if an error occurs while operator FileWriter
+     */
+    public static boolean writeFile(@NonNull String filePath, @NonNull String content, boolean append) {
+        if (TextUtils.isEmpty(content)) {
+            return false;
+        }
+
+        FileWriter fileWriter = null;
+        try {
+            makeDirs(filePath);
+            fileWriter = new FileWriter(filePath, append);
+            fileWriter.write(content);
+            fileWriter.close();
+            return true;
+        } catch (IOException e) {
+            throw new RuntimeException("IOException occurred. ", e);
+        } finally {
+            if (fileWriter != null) {
+                try {
+                    fileWriter.close();
+                } catch (IOException e) {
+                    throw new RuntimeException("IOException occurred. ", e);
+                }
+            }
+        }
+    }
+
+    /**
+     * write file
+     *
+     * @param filePath
+     * @param contentList
+     * @param append      is append, if true, write to the end of file, else clear content of file and write into it
+     * @return return false if contentList is empty, true otherwise
+     * @throws RuntimeException if an error occurs while operator FileWriter
+     */
+    public static boolean writeFile(@NonNull String filePath, @Nullable List<String> contentList, boolean append) {
+        if (contentList == null || contentList.isEmpty()) {
+            return false;
+        }
+
+        FileWriter fileWriter = null;
+        try {
+            makeDirs(filePath);
+            fileWriter = new FileWriter(filePath, append);
+            for (String line : contentList) {
+                fileWriter.write(line);
+                fileWriter.write(System.getProperty("line.separator"));
+            }
+            fileWriter.close();
+            return true;
+        } catch (IOException e) {
+            throw new RuntimeException("IOException occurred. ", e);
+        } finally {
+            if (fileWriter != null) {
+                try {
+                    fileWriter.close();
+                } catch (IOException e) {
+                    throw new RuntimeException("IOException occurred. ", e);
+                }
+            }
+        }
+    }
+
+    /**
+     * write file, the string will be written to the begin of the file
+     *
+     * @param filePath
+     * @param content
+     * @return
+     */
+    public static boolean writeFile(@NonNull String filePath, @NonNull String content) {
+        return writeFile(filePath, content, false);
+    }
+
+    /**
+     * write file, the string list will be written to the begin of the file
+     *
+     * @param filePath
+     * @param contentList
+     * @return
+     */
+    public static boolean writeFile(@NonNull String filePath, List<String> contentList) {
+        return writeFile(filePath, contentList, false);
+    }
+
+    /**
+     * write file, the bytes will be written to the begin of the file
+     *
+     * @param filePath
+     * @param stream
+     * @return
+     * @see {@link #writeFile(String, InputStream, boolean)}
+     */
+    public static boolean writeFile(String filePath, InputStream stream) {
+        return writeFile(filePath, stream, false);
+    }
+
+    /**
+     * write file
+     *
+     * @param filePath the file to be opened for writing.
+     * @param stream   the input stream
+     * @param append   if <code>true</code>, then bytes will be written to the end of the file rather than the beginning
+     * @return return true
+     * @throws RuntimeException if an error occurs while operator FileOutputStream
+     */
+    public static boolean writeFile(@Nullable String filePath, InputStream stream, boolean append) {
+        return writeFile(filePath != null ? new File(filePath) : null, stream, append);
+    }
+
+    /**
+     * write file, the bytes will be written to the begin of the file
+     *
+     * @param file
+     * @param stream
+     * @return
+     * @see {@link #writeFile(File, InputStream, boolean)}
+     */
+    public static boolean writeFile(File file, InputStream stream) {
+        return writeFile(file, stream, false);
+    }
+
+    /**
+     * write file
+     *
+     * @param file   the file to be opened for writing.
+     * @param stream the input stream
+     * @param append if <code>true</code>, then bytes will be written to the end of the file rather than the beginning
+     * @return return true
+     * @throws RuntimeException if an error occurs while operator FileOutputStream
+     */
+    public static boolean writeFile(@Nullable File file, @Nullable InputStream stream, boolean append) {
+        if (file == null || stream == null) {
+            return false;
+        }
+
+        OutputStream o = null;
+        try {
+            makeDirs(file.getAbsolutePath());
+            o = new FileOutputStream(file, append);
+            byte data[] = new byte[1024];
+            int length = -1;
+            while ((length = stream.read(data)) != -1) {
+                o.write(data, 0, length);
+            }
+            o.flush();
+            return true;
+        } catch (FileNotFoundException e) {
+            throw new RuntimeException("FileNotFoundException occurred. ", e);
+        } catch (IOException e) {
+            throw new RuntimeException("IOException occurred. ", e);
+        } finally {
+            if (o != null) {
+                try {
+                    o.close();
+                    stream.close();
+                } catch (IOException e) {
+                    throw new RuntimeException("IOException occurred. ", e);
+                }
+            }
+        }
+    }
+
+    /**
+     * copy file
+     *
+     * @param sourceFilePath
+     * @param destFilePath
+     * @return
+     * @throws RuntimeException if an error occurs while operator FileOutputStream
+     */
+    public static boolean copyFile(@NonNull String sourceFilePath, String destFilePath) {
+        InputStream inputStream = null;
+        try {
+            inputStream = new FileInputStream(sourceFilePath);
+        } catch (FileNotFoundException e) {
+            throw new RuntimeException("FileNotFoundException occurred. ", e);
+        }
+        return writeFile(destFilePath, inputStream);
+    }
+
+    /**
+     * read file to string list, a element of list is a line
+     *
+     * @param filePath
+     * @param charsetName The name of a supported {@link java.nio.charset.Charset </code>charset<code>}
+     * @return if file not exist, return null, else return content of file
+     * @throws RuntimeException if an error occurs while operator BufferedReader
+     */
+    public static List<String> readFileToList(@NonNull String filePath, @NonNull String charsetName) {
+        File file = new File(filePath);
+        List<String> fileContent = new ArrayList<String>();
+        if (file == null || !file.isFile()) {
+            return null;
+        }
+
+        BufferedReader reader = null;
+        try {
+            InputStreamReader is = new InputStreamReader(new FileInputStream(file), charsetName);
+            reader = new BufferedReader(is);
+            String line = null;
+            while ((line = reader.readLine()) != null) {
+                fileContent.add(line);
+            }
+            reader.close();
+            return fileContent;
+        } catch (IOException e) {
+            throw new RuntimeException("IOException occurred. ", e);
+        } finally {
+            if (reader != null) {
+                try {
+                    reader.close();
+                } catch (IOException e) {
+                    throw new RuntimeException("IOException occurred. ", e);
+                }
+            }
+        }
+    }
+
+    /**
+     * get file name from path, not include suffix
+     *
+     * <pre>
+     *      getFileNameWithoutExtension(null)               =   null
+     *      getFileNameWithoutExtension("")                 =   ""
+     *      getFileNameWithoutExtension("   ")              =   "   "
+     *      getFileNameWithoutExtension("abc")              =   "abc"
+     *      getFileNameWithoutExtension("a.mp3")            =   "a"
+     *      getFileNameWithoutExtension("a.b.rmvb")         =   "a.b"
+     *      getFileNameWithoutExtension("c:\\")              =   ""
+     *      getFileNameWithoutExtension("c:\\a")             =   "a"
+     *      getFileNameWithoutExtension("c:\\a.b")           =   "a"
+     *      getFileNameWithoutExtension("c:a.txt\\a")        =   "a"
+     *      getFileNameWithoutExtension("/home/admin")      =   "admin"
+     *      getFileNameWithoutExtension("/home/admin/a.txt/b.mp3")  =   "b"
+     * </pre>
+     *
+     * @param filePath
+     * @return file name from path, not include suffix
+     * @see
+     */
+    @NonNull
+    public static String getFileNameWithoutExtension(@NonNull String filePath) {
+        if (TextUtils.isEmpty(filePath)) {
+            return filePath;
+        }
+
+        int extenPosi = filePath.lastIndexOf(FILE_EXTENSION_SEPARATOR);
+        int filePosi = filePath.lastIndexOf(File.separator);
+        if (filePosi == -1) {
+            return (extenPosi == -1 ? filePath : filePath.substring(0, extenPosi));
+        }
+        if (extenPosi == -1) {
+            return filePath.substring(filePosi + 1);
+        }
+        return (filePosi < extenPosi ? filePath.substring(filePosi + 1, extenPosi) : filePath.substring(filePosi + 1));
+    }
+
+    /**
+     * get file name from path, include suffix
+     *
+     * <pre>
+     *      getFileName(null)               =   null
+     *      getFileName("")                 =   ""
+     *      getFileName("   ")              =   "   "
+     *      getFileName("a.mp3")            =   "a.mp3"
+     *      getFileName("a.b.rmvb")         =   "a.b.rmvb"
+     *      getFileName("abc")              =   "abc"
+     *      getFileName("c:\\")              =   ""
+     *      getFileName("c:\\a")             =   "a"
+     *      getFileName("c:\\a.b")           =   "a.b"
+     *      getFileName("c:a.txt\\a")        =   "a"
+     *      getFileName("/home/admin")      =   "admin"
+     *      getFileName("/home/admin/a.txt/b.mp3")  =   "b.mp3"
+     * </pre>
+     *
+     * @param filePath
+     * @return file name from path, include suffix
+     */
+    @NonNull
+    public static String getFileName(@NonNull String filePath) {
+        if (TextUtils.isEmpty(filePath)) {
+            return filePath;
+        }
+
+        int filePosi = filePath.lastIndexOf(File.separator);
+        return (filePosi == -1) ? filePath : filePath.substring(filePosi + 1);
+    }
+
+    /**
+     * get folder name from path
+     *
+     * <pre>
+     *      getFolderName(null)               =   null
+     *      getFolderName("")                 =   ""
+     *      getFolderName("   ")              =   ""
+     *      getFolderName("a.mp3")            =   ""
+     *      getFolderName("a.b.rmvb")         =   ""
+     *      getFolderName("abc")              =   ""
+     *      getFolderName("c:\\")              =   "c:"
+     *      getFolderName("c:\\a")             =   "c:"
+     *      getFolderName("c:\\a.b")           =   "c:"
+     *      getFolderName("c:a.txt\\a")        =   "c:a.txt"
+     *      getFolderName("c:a\\b\\c\\d.txt")    =   "c:a\\b\\c"
+     *      getFolderName("/home/admin")      =   "/home"
+     *      getFolderName("/home/admin/a.txt/b.mp3")  =   "/home/admin/a.txt"
+     * </pre>
+     *
+     * @param filePath
+     * @return
+     */
+    @NonNull
+    public static String getFolderName(@NonNull String filePath) {
+
+        if (TextUtils.isEmpty(filePath)) {
+            return filePath;
+        }
+
+        int filePosi = filePath.lastIndexOf(File.separator);
+        return (filePosi == -1) ? "" : filePath.substring(0, filePosi);
+    }
+
+    /**
+     * get suffix of file from path
+     *
+     * <pre>
+     *      getFileExtension(null)               =   ""
+     *      getFileExtension("")                 =   ""
+     *      getFileExtension("   ")              =   "   "
+     *      getFileExtension("a.mp3")            =   "mp3"
+     *      getFileExtension("a.b.rmvb")         =   "rmvb"
+     *      getFileExtension("abc")              =   ""
+     *      getFileExtension("c:\\")              =   ""
+     *      getFileExtension("c:\\a")             =   ""
+     *      getFileExtension("c:\\a.b")           =   "b"
+     *      getFileExtension("c:a.txt\\a")        =   ""
+     *      getFileExtension("/home/admin")      =   ""
+     *      getFileExtension("/home/admin/a.txt/b")  =   ""
+     *      getFileExtension("/home/admin/a.txt/b.mp3")  =   "mp3"
+     * </pre>
+     *
+     * @param filePath
+     * @return
+     */
+    @NonNull
+    public static String getFileExtension(@NonNull String filePath) {
+        if (TextUtils.isEmpty(filePath)) {
+            return filePath;
+        }
+
+        int extenPosi = filePath.lastIndexOf(FILE_EXTENSION_SEPARATOR);
+        int filePosi = filePath.lastIndexOf(File.separator);
+        if (extenPosi == -1) {
+            return "";
+        }
+        return (filePosi >= extenPosi) ? "" : filePath.substring(extenPosi + 1);
+    }
+
+    /**
+     * Creates the directory named by the trailing filename of this file, including the complete directory path required
+     * to create this directory. <br/>
+     * <br/>
+     * <ul>
+     * <strong>Attentions:</strong>
+     * <li>makeDirs("C:\\Users\\Trinea") can only create users folder</li>
+     * <li>makeFolder("C:\\Users\\Trinea\\") can create Trinea folder</li>
+     * </ul>
+     *
+     * @param filePath
+     * @return true if the necessary directories have been created or the target directory already exists, false one of
+     * the directories can not be created.
+     * <ul>
+     * <li>if {@link FileUtils#getFolderName(String)} return null, return false</li>
+     * <li>if target directory already exists, return true</li>
+     * <li>return {@link File#}</li>
+     * </ul>
+     */
+    public static boolean makeDirs(@NonNull String filePath) {
+        String folderName = getFolderName(filePath);
+        if (TextUtils.isEmpty(folderName)) {
+            return false;
+        }
+
+        File folder = new File(folderName);
+        return (folder.exists() && folder.isDirectory()) ? true : folder.mkdirs();
+    }
+
+    /**
+     * @param filePath
+     * @return
+     * @see #makeDirs(String)
+     */
+    public static boolean makeFolders(@NonNull String filePath) {
+        return makeDirs(filePath);
+    }
+
+    /**
+     * Indicates if this file represents a file on the underlying file system.
+     *
+     * @param filePath
+     * @return
+     */
+    public static boolean isFileExist(@NonNull String filePath) {
+        if (TextUtils.isEmpty(filePath)) {
+            return false;
+        }
+
+        File file = new File(filePath);
+        return (file.exists() && file.isFile());
+    }
+
+    public static boolean isFolder(@NonNull String filePath) {
+        if (TextUtils.isEmpty(filePath)) {
+            return false;
+        }
+
+        File file = new File(filePath);
+        return file.isDirectory();
+    }
+
+    /**
+     * Indicates if this file represents a file on the underlying file system.
+     *
+     * @param filePath
+     * @return
+     */
+    public static boolean isFileExist(@NonNull String filePath, long size) {
+        if (TextUtils.isEmpty(filePath)) {
+            return false;
+        }
+
+        File file = new File(filePath);
+        return (file.exists() && file.isFile() && (file.length() == size));
+    }
+
+    /**
+     * Indicates if this file represents a file on the underlying file system.
+     *
+     * @param filePath
+     * @return
+     */
+    public static boolean isFileExist(@NonNull String filePath, long size, @NonNull String checkSum) {
+
+        if (TextUtils.isEmpty(filePath)) {
+            return false;
+        }
+        if (TextUtils.isEmpty(checkSum)) {
+            return false;
+        }
+        File file = new File(filePath);
+        if (!file.exists() || !file.isFile()) {
+            return false;
+        }
+        String fileSum = "";
+        try {
+            fileSum = getMD5FromFile(filePath);
+        } catch (IOException e) {
+            // TODO Auto-generated catch block
+            e.printStackTrace();
+        }
+        return ((file.length() == size) && checkSum.equals(fileSum));
+    }
+
+    /**
+     * Indicates if this file represents a directory on the underlying file system.
+     *
+     * @param directoryPath
+     * @return
+     */
+    public static boolean isFolderExist(@NonNull String directoryPath) {
+        if (TextUtils.isEmpty(directoryPath)) {
+            return false;
+        }
+
+        File dire = new File(directoryPath);
+        return (dire.exists() && dire.isDirectory());
+    }
+
+    /**
+     * delete file or directory
+     * <ul>
+     * <li>if path is null or empty, return true</li>
+     * <li>if path not exist, return true</li>
+     * <li>if path exist, delete recursion. return true</li>
+     * <ul>
+     *
+     * @param path
+     * @return
+     */
+    public static boolean deleteFile(@NonNull String path) {
+
+        synchronized (gSyncCode) {
+            if (TextUtils.isEmpty(path)) {
+                return true;
+            }
+
+            File file = new File(path);
+            if (!file.exists()) {
+                return true;
+            }
+            if (file.isFile()) {
+                return file.delete();
+            }
+            if (!file.isDirectory()) {
+                return false;
+            }
+            File[] filesList = file.listFiles();
+
+            if (filesList != null) {
+                for (File f : filesList) {
+                    if (f.isFile()) {
+                        f.delete();
+                    } else if (f.isDirectory()) {
+                        deleteFile(f.getAbsolutePath());
+                    }
+                }
+            }
+
+            return file.delete();
+        }
+
+    }
+
+    /**
+     * @param fromName 需要重命名的文件，为文件绝对路径
+     * @param toName   要改成的名字，为文件绝对路径
+     * @return boolean 成功或失败
+     * @Method: fileRename
+     * @Description: 将文件从fromName命名为toName，由于使用的是File自带的renameTo()接口，需要注意： <li>读写存储器权限</li> <li>
+     * fromName和toName这两个路径在相同的挂载点。如果不在同一挂载点，重命名失败。</li>
+     */
+    public static boolean fileRename(@NonNull String fromName, @NonNull String toName) {
+        synchronized (gSyncCode) {
+            // TODO: 根据文件名判断是否属于同一挂载点
+            File fromFile = new File(fromName);
+            File toFile = new File(toName);
+            if (!fromFile.exists()) {
+                return false;
+            }
+            boolean result = fromFile.renameTo(toFile);
+            if (result) {
+            }
+            return result;
+        }
+
+    }
+
+    /**
+     * get file size
+     * <ul>
+     * <li>if path is null or empty, return -1</li>
+     * <li>if path exist and it is a file, return file size, else return -1</li>
+     * <ul>
+     *
+     * @param path
+     * @return returns the length of this file in bytes. returns -1 if the file does not exist.
+     */
+    public static long getFileSize(@NonNull String path) {
+        if (TextUtils.isEmpty(path)) {
+            return -1;
+        }
+
+        File file = new File(path);
+        return (file.exists() && file.isFile() ? file.length() : -1);
+    }
+
+    @Nullable
+    public static String getMD5FromFile(@Nullable String filePath) throws IOException {
+        if (filePath == null) {
+            return null;
+        }
+        String digestString = null;
+
+        File file = new File(filePath);
+
+        byte[] buffer = new byte[1024];
+        InputStream inputStream = null;
+        MessageDigest digest = null;
+
+        try {
+            digest = MessageDigest.getInstance("MD5");
+        } catch (NoSuchAlgorithmException e1) {
+            // TODO Auto-generated catch block
+            e1.printStackTrace();
+            Log.e(TAG, new StringBuilder("NoSuchAlgorithmException: ").append(e1).toString());
+        }
+
+        long fileSize = file.length();
+
+        if (fileSize > (3 * MD5_FILE_BUFFER_LENGHT)) {
+            RandomAccessFile raf = null;
+            Log.d(TAG, "fileSize is greater than 3MB");
+            // 大于3MB时，分段，分头、中、尾，各1MB
+            try {
+                raf = new RandomAccessFile(file, "r");
+                raf.seek(0);
+                int bytesRead = 0;
+                int totalRead = 0;
+                int bytesToRead = 3 * MD5_FILE_BUFFER_LENGHT;
+
+                /*
+                 * 计算中、尾部起始位置，头部起始为0，不用计算 ------------------------------------------------- |Head 1MB| 间隔大小 | Mid 1MB| 间隔大小
+                 * | Tail 1MB| ------------------------------------------------- 其中间隔大小计算方式为： (fileSize - 3 *
+                 * MD5_FILE_BUFFER_LENGHT) / 2 所以中部起始位置为：Head + 一个间隔的大小 尾部起始点为：(fileSize - MD5_FILE_BUFFER_LENGHT)
+                 */
+                int midStartPosition = MD5_FILE_BUFFER_LENGHT + (int) (fileSize - 3 * MD5_FILE_BUFFER_LENGHT) / 2;
+                int tailStartPosition = (int) (fileSize - MD5_FILE_BUFFER_LENGHT);
+
+                Log.d(TAG,
+                        String.format("midStartPosition = %d, tailStartPosition = %d", midStartPosition, tailStartPosition));
+                byte[] data = new byte[128 * 1024];
+                while (totalRead < bytesToRead) {
+                    // Log.d(TAG, "count = " + (++count));
+                    bytesRead = raf.read(data);
+                    totalRead += bytesRead;
+
+                    if (totalRead == MD5_FILE_BUFFER_LENGHT) {
+                        // 读完头部，开始读取中部
+                        Log.d(TAG, "totalRead == MD5_FILE_BUFFER_LENGHT");
+                        raf.seek(midStartPosition);
+                    } else if (totalRead == 2 * MD5_FILE_BUFFER_LENGHT) {
+                        // 读完中部，开始读取尾部
+                        Log.d(TAG, "totalRead == 2 * MD5_FILE_BUFFER_LENGHT");
+                        raf.seek(tailStartPosition);
+                    }
+                    digest.update(data);
+                }
+            } catch (Exception e) {
+                e.printStackTrace();
+            } finally {
+                if (raf != null) {
+                    try {
+                        raf.close();
+                    } catch (Exception e2) {
+                        e2.printStackTrace();
+                    }
+                }
+            }
+        } else {
+            Log.d(TAG, "fileSize is smaller than 3MB");
+            try {
+                inputStream = new FileInputStream(file);
+                int readSize = 0;
+                while (readSize != -1) {
+                    readSize = inputStream.read(buffer, 0, buffer.length);
+                    if (readSize > 0) {
+                        digest.update(buffer, 0, readSize);
+                        // Log.d(TAG, "update: " + BytesUtil.byte2hexWithoutSpace(digest.digest()));
+                    }
+                }
+            } catch (Exception e) {
+                e.printStackTrace();
+            } finally {
+                if (inputStream != null) {
+                    try {
+                        inputStream.close();
+                    } catch (Exception e2) {
+                        e2.printStackTrace();
+                    }
+                }
+            }
+        }
+        if (digest != null) {
+            digestString = byte2hexWithoutSpace(digest.digest());
+        }
+        return digestString;
+    }
+
+    @NonNull
+    public static String byte2hexWithoutSpace(@NonNull byte[] buffer) {
+        StringBuilder h = new StringBuilder();
+
+        for (int i = 0; i < buffer.length; i++) {
+            String temp = Integer.toHexString(buffer[i] & 0xFF);
+            if (temp.length() == 1) {
+                temp = "0" + temp;
+            }
+            h.append(temp);
+        }
+
+        return h.toString();
+    }
+
+    /**
+     * @param lenght
+     * @return 返回类型：String
+     * @Method: convertSize
+     * @Description: 将字节换算为B、KB、MB、GB显示
+     */
+    @NonNull
+    public static String convertSize(long lenght) {
+        DecimalFormat df = new DecimalFormat("#.00");
+        String fileSizeString = "";
+        if (lenght < 1024) {
+            fileSizeString = df.format((double) lenght) + " B";
+        } else if (lenght < 1048576) {
+            fileSizeString = df.format((double) lenght / 1024) + " KB";
+        } else if (lenght < 1073741824) {
+            fileSizeString = df.format((double) lenght / 1048576) + " MB";
+        } else {
+            fileSizeString = df.format((double) lenght / 1073741824) + " GB";
+        }
+        return fileSizeString;
+    }
+
+    /**
+     * @param context
+     * @param filePath
+     * @return 返回类型：String
+     * @Method: getConfigFromAsserts
+     * @Description: 从Asset配置文件中读取配置，丢弃#符号注释行，保留=符号所在行
+     */
+    public static String getConfigFromFile(Context context, @NonNull String filePath) {
+        InputStreamReader inputStreamReader = null;
+        BufferedReader bufferedReader = null;
+        try {
+            /*
+             * inputStreamReader = new InputStreamReader(new FileInputStream(filePath), "utf-8");
+             * 构建InputStreamReader是可以指定字符编码格式，如windows下默认的gb2312，常用的utf-8，不指定是默认是utf-8
+             */
+            inputStreamReader = new InputStreamReader(new FileInputStream(filePath));
+            bufferedReader = new BufferedReader(inputStreamReader);
+            String line = "";
+            StringBuilder result = new StringBuilder();
+            while ((line = bufferedReader.readLine()) != null) {
+                line = line.trim();
+                // 过滤首字符带#的，满足带=好的
+                if (!(line.matches("#.*")) && line.matches(".*=.*")) {
+                    // 如果改行中带#，截取#之前部分
+                    if (line.matches(".*#.*")) {
+                        line = line.substring(0, line.indexOf("#"));
+                    }
+                    result.append(line.trim()).append("\n");
+                }
+
+            }
+
+            bufferedReader.close();
+            inputStreamReader.close();
+
+            return result.toString();
+        } catch (IOException e) {
+            // TODO Auto-generated catch block
+            e.printStackTrace();
+        } finally {
+            if (bufferedReader != null) {
+                try {
+                    bufferedReader.close();
+                } catch (IOException e) {
+                    // TODO Auto-generated catch block
+                    e.printStackTrace();
+                } finally {
+                    bufferedReader = null;
+                }
+
+            }
+
+            if (inputStreamReader != null) {
+                try {
+                    inputStreamReader.close();
+                } catch (IOException e) {
+                    // TODO Auto-generated catch block
+                    e.printStackTrace();
+                } finally {
+                    inputStreamReader = null;
+                }
+            }
+
+        }
+        return null;
+    }
+
+    /**
+     * @param context
+     * @param assetFile
+     * @return 返回类型：String
+     * @Method: getConfigFromAsserts
+     * @Description: 从Asset配置文件中读取配置，丢弃#符号注释行，保留=符号所在行
+     */
+    public static String getConfigFromAsserts(@NonNull Context context, String assetFile) {
+        AssetManager assetManager = context.getAssets();
+        InputStreamReader inputStreamReader = null;
+        BufferedReader bufferedReader = null;
+        try {
+            /*
+             * inputStreamReader = new InputStreamReader(assetManager.open(assetFile), "utf-8");
+             * 构建InputStreamReader是可以指定字符编码格式，如windows下默认的gb2312，常用的utf-8，不指定是默认是utf-8
+             */
+            inputStreamReader = new InputStreamReader(assetManager.open(assetFile));
+            bufferedReader = new BufferedReader(inputStreamReader);
+            String line = "";
+            StringBuilder result = new StringBuilder();
+            while ((line = bufferedReader.readLine()) != null) {
+                line = line.trim();
+                // 过滤首字符带#的，满足带=好的
+                if (!(line.matches("#.*")) && line.matches(".*=.*")) {
+                    // 如果改行中带#，截取#之前部分
+                    if (line.matches(".*#.*")) {
+                        line = line.substring(0, line.indexOf("#"));
+                    }
+                    result.append(line.trim()).append("\n");
+                }
+
+            }
+
+            bufferedReader.close();
+            inputStreamReader.close();
+
+            return result.toString();
+        } catch (IOException e) {
+            // TODO Auto-generated catch block
+            e.printStackTrace();
+        } finally {
+            if (bufferedReader != null) {
+                try {
+                    bufferedReader.close();
+                } catch (IOException e) {
+                    // TODO Auto-generated catch block
+                    e.printStackTrace();
+                } finally {
+                    bufferedReader = null;
+                }
+
+            }
+
+            if (inputStreamReader != null) {
+                try {
+                    inputStreamReader.close();
+                } catch (IOException e) {
+                    // TODO Auto-generated catch block
+                    e.printStackTrace();
+                } finally {
+                    inputStreamReader = null;
+                }
+            }
+
+        }
+        return null;
+    }
+
+    /**
+     * @param context
+     * @param assetFilename 需要拷贝的assets文件路径
+     * @param dstPath
+     * @return
+     * @throws IOException
+     * @Method: copyFromAssetToSdcard
+     * @Description: 执行拷贝任务
+     * @返回类型：boolean
+     */
+    public static boolean copyFromAssetToSdcard(@NonNull Context context, @NonNull String assetFilename, String dstPath)
+            throws IOException {
+        InputStream source = null;
+        OutputStream destination = null;
+        try {
+            source = context.getAssets().open(new File(assetFilename).getPath());
+            File destinationFile = new File(dstPath, assetFilename);
+
+            destinationFile.getParentFile().mkdirs();
+            destination = new FileOutputStream(destinationFile);
+            byte[] buffer = new byte[1024];
+            int nread;
+
+            while ((nread = source.read(buffer)) != -1) {
+                if (nread == 0) {
+                    nread = source.read();
+                    if (nread < 0)
+                        break;
+                    destination.write(nread);
+                    continue;
+                }
+                destination.write(buffer, 0, nread);
+            }
+        } finally {
+            if (source != null) {
+                try {
+                    source.close();
+                } catch (Exception e) {
+                    e.printStackTrace();
+                }
+            }
+            if (destination != null) {
+                try {
+                    destination.close();
+                } catch (Exception e) {
+                    e.printStackTrace();
+                }
+            }
+        }
+        return true;
+    }
+
+    /**
+     * 拷贝assets目录下的 指定文件夹 下的所有文件夹及文件到指定文件夹
+     *
+     * @param context
+     * @param assetsPath assets下指定文件夹
+     * @param savePath   目标指定文件夹
+     */
+    public static void copyFilesFromAssets(@NonNull Context context, String assetsPath, @NonNull String savePath) {
+        try {
+            File file = new File(savePath);
+            String fileNames[] = context.getAssets().list(assetsPath);// 获取assets目录下的所有文件及目录名
+            if (fileNames.length > 0) {// 如果是目录
+                file.mkdirs();// 如果文件夹不存在，则递归
+                for (String fileName : fileNames) {
+                    copyFilesFromAssets(context, assetsPath + "/" + fileName,
+                            savePath + "/" + fileName);
+                }
+            } else {// 如果是文件
+                InputStream is = context.getAssets().open(assetsPath);
+                FileOutputStream fos = new FileOutputStream(new File(savePath));
+                byte[] buffer = new byte[1024];
+                int byteCount = 0;
+                while ((byteCount = is.read(buffer)) != -1) {// 循环从输入流读取
+                    // buffer字节
+                    fos.write(buffer, 0, byteCount);// 将读取的输入流写入到输出流
+                }
+                fos.flush();// 刷新缓冲区
+                is.close();
+                fos.close();
+            }
+        } catch (Exception e) {
+            // TODO Auto-generated catch block
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * @param path
+     * @return 返回类型：boolean
+     * @Method: deleteLocalFile
+     * @Description: 删除当前的文件
+     */
+    public static boolean deleteLocalFile(@NonNull String path) {
+
+        File file = new File(path);
+        if (file.exists()) {
+            file.delete();
+        }
+
+        return true;
+    }
+
+    /**
+     * 根据文件路径获取json配置string
+     *
+     * @param filePath 配置文件的绝对路径
+     * @return
+     */
+    public static String getJsonFromFile(@NonNull String filePath) {
+        //获取json数据
+        StringBuilder configJsonStr = new StringBuilder();
+        String tempString;
+        BufferedReader bufferedReader = null;
+        try {
+            FileInputStream fileInputStream = new FileInputStream(filePath);
+            bufferedReader = new BufferedReader(new InputStreamReader(fileInputStream));
+            while ((tempString = bufferedReader.readLine()) != null) {
+                configJsonStr.append(tempString);
+            }
+            bufferedReader.close();
+        } catch (IOException e) {
+            e.printStackTrace();
+        } finally {
+            if (bufferedReader != null) {
+                try {
+                    bufferedReader.close();
+                } catch (IOException e) {
+                    e.printStackTrace();
+                }
+            }
+        }
+        return configJsonStr.toString();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpCommon.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpCommon.java
new file mode 100644
index 0000000..7a5e6b1
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpCommon.java
@@ -0,0 +1,23 @@
+package com.tencent.qcloud.ugckit.utils;
+
+/**
+ * ****************************************************************************
+ * 版权声明：腾讯科技版权所有
+ * Copyright(C)2008-2013 Tencent All Rights Reserved
+ *
+ * @author yonnielu
+ * v 1.0.0
+ * Create at 2013-08-06 5:21 PM
+ * <p/>
+ * *****************************************************************************
+ */
+public abstract class HttpCommon implements Runnable {
+    public static final    int    TIMEOUT              = 30000;
+    public static final    int    TIMEOUT_SHORT        = 10000;
+    public static final    int    TIMEOUT_WIFI_4G      = 8000;
+    public static final    int    TIMEOUT_3G           = 10000;
+    public static final    int    TIMEOUT_2G           = 30000;
+    protected static final int    BUFFERED_READER_SIZE = 8192;
+    protected static final int    SOCKET_BUFFER_SIZE   = 2048;
+    protected              String mEncoding            = "UTF-8";
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpFileListener.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpFileListener.java
new file mode 100644
index 0000000..ecdc14c
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpFileListener.java
@@ -0,0 +1,24 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import java.io.File;
+
+/**
+ * ****************************************************************************
+ * 版权声明：腾讯科技版权所有
+ * Copyright(C)2008-2013 Tencent All Rights Reserved
+ *
+ * @author yonnielu
+ * v 1.0.0
+ * Create at 2013-08-06 8:00 PM
+ * <p/>
+ * *****************************************************************************
+ */
+public interface HttpFileListener {
+    public void onProgressUpdate(int progress);
+
+    public void onSaveSuccess(File file);
+
+    public void onSaveFailed(File file, Exception e);
+
+    public void onProcessEnd();
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpFileUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpFileUtil.java
new file mode 100644
index 0000000..ea1d980
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpFileUtil.java
@@ -0,0 +1,150 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.text.TextUtils;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.net.HttpURLConnection;
+import java.net.URL;
+
+/**
+ * ****************************************************************************
+ * 版权声明：腾讯科技版权所有
+ * Copyright(C)2008-2013 Tencent All Rights Reserved
+ *
+ * @author yonnielu
+ * v 1.0.0
+ * Create at 2013-08-06 5:20 PM
+ * <p/>
+ * *****************************************************************************
+ */
+public class HttpFileUtil extends HttpCommon {
+    private String           mUrl;
+    private String           mFolder;
+    private String           mFilename;
+    private long             mContentLength;
+    private long             mDownloadingSize;
+    private boolean          mNeedProgress;
+    private HttpFileListener mListener;
+
+    public HttpFileUtil(String url, String folder, String filename, HttpFileListener listener, boolean needProgress) {
+        mUrl = url;
+        mFolder = folder;
+        mFilename = filename;
+        mListener = listener;
+        mNeedProgress = needProgress;
+    }
+
+    @Override
+    public void run() {
+        if (!VideoDeviceUtil.isNetworkAvailable(UGCKit.getAppContext()) ||
+                TextUtils.isEmpty(mUrl) || TextUtils.isEmpty(mFolder) || TextUtils.isEmpty(mFilename) || !mUrl.startsWith("http")) {
+            fail(null, 0);
+            return;
+        }
+        File dstFolder = new File(mFolder);
+        if (!dstFolder.exists()) {
+            dstFolder.mkdirs();
+        } else {
+            if (dstFolder.isFile()) {
+                if (mListener != null) {
+                    mListener.onSaveFailed(dstFolder, null);
+                    return;
+                }
+            }
+        }
+        File dstFile = new File(mFolder + File.separator + mFilename);
+        HttpURLConnection client = null;
+        InputStream responseIs = null;
+        FileOutputStream fos = null;
+        int statusCode = -1;
+        boolean success = false;
+        Exception failException = null;
+
+        try {
+            if (dstFile.exists()) {
+                dstFile.delete();
+            }
+            dstFile.createNewFile();
+            client = (HttpURLConnection) new URL(mUrl).openConnection();
+
+            // 设置网络超时参数
+            client.setConnectTimeout(TIMEOUT);
+            client.setReadTimeout(TIMEOUT);
+            client.setDoInput(true);
+            client.setRequestMethod("GET");
+
+            statusCode = client.getResponseCode();
+            success = client.getResponseCode() == HttpURLConnection.HTTP_OK;
+
+            if (success) {
+                if (mNeedProgress) {
+                    mContentLength = client.getContentLength();
+                    if (!VideoDeviceUtil.isExternalStorageSpaceEnough(mContentLength)) {
+                        if (mListener != null) {
+                            mListener.onSaveFailed(dstFile, new Exception("存储空间不足"));
+                        }
+                        return;
+                    }
+                }
+                responseIs = client.getInputStream();
+                int length = -1;
+                byte[] buffer = new byte[BUFFERED_READER_SIZE];
+                fos = new FileOutputStream(dstFile);
+                mDownloadingSize = 0;
+                mListener.onProgressUpdate(0);
+                while ((length = responseIs.read(buffer)) != -1) {
+                    fos.write(buffer, 0, length);
+                    if (mNeedProgress) {
+                        int pre = (int) (mDownloadingSize * 100 / mContentLength);
+                        mDownloadingSize += length;
+                        int now = (int) (mDownloadingSize * 100 / mContentLength);
+                        if (pre != now && mListener != null) {
+                            mListener.onProgressUpdate(now);
+                        }
+                    }
+                }
+                fos.flush();
+                if (mListener != null) {
+                    mListener.onProgressUpdate(100);
+                    mListener.onSaveSuccess(dstFile);
+                }
+            } else {
+                failException = new HttpStatusException("http status got exception. code = " + statusCode);
+            }
+        } catch (Exception e) {
+            failException = e;
+            e.printStackTrace();
+        } finally {
+            try {
+                if (fos != null) {
+                    fos.close();
+                }
+                if (responseIs != null) {
+                    responseIs.close();
+                }
+                if (client != null) {
+                    client.disconnect();
+                }
+                mListener.onProcessEnd();
+            } catch (IOException e) {
+                e.printStackTrace();
+            }
+        }
+
+        if (!success || null != failException) {
+            mListener.onSaveFailed(dstFile, failException);
+        }
+    }
+
+    private void fail(Exception e, int statusCode) {
+        if (mListener != null) {
+            mListener.onSaveFailed(null, e);
+        }
+        mListener = null;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpStatusException.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpStatusException.java
new file mode 100644
index 0000000..b074ccb
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/HttpStatusException.java
@@ -0,0 +1,19 @@
+package com.tencent.qcloud.ugckit.utils;
+
+/**
+ * Version 1.0
+ * <p>
+ * Date: 2013-10-29 17:43
+ * Author: yonnielu
+ * <p>
+ * Copyright © 1998-2013 Tencent Technology (Shenzhen) Company Ltd.
+ */
+
+/**
+ * Http状态异常
+ */
+public class HttpStatusException extends Exception {
+    public HttpStatusException(String detailMessage) {
+        super(detailMessage);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/LogReport.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/LogReport.java
new file mode 100644
index 0000000..159ea49
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/LogReport.java
@@ -0,0 +1,266 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.upload.TXUGCPublishTypeDef;
+import com.tencent.rtmp.TXLiveConstants;
+import com.tencent.ugc.TXRecordCommon;
+import com.tencent.ugc.TXVideoEditConstants;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.IOException;
+import java.util.concurrent.TimeUnit;
+
+import okhttp3.Call;
+import okhttp3.Callback;
+import okhttp3.MediaType;
+import okhttp3.OkHttpClient;
+import okhttp3.Request;
+import okhttp3.RequestBody;
+import okhttp3.Response;
+
+/**
+ * 日志上报模块
+ */
+public class LogReport {
+    private static final String       TAG                            = "LogReport";
+    // ELK统计上报HOST
+    public static final  String       DEFAULT_ELK_HOST               = "https://ilivelog.qcloud.com";
+    /******************************
+     * ELK统计上报事件
+     ******************************/
+    // 程序启动
+    public static final  String       ELK_ACTION_START_UP            = "startup";
+    // 程序使用时长（秒）
+    public static final  String       ELK_ACTION_STAY_TIME           = "staytime";
+    // 图片编辑
+    public static final  String       ELK_ACTION_PICTURE_EDIT        = "pictureedit";
+    // 注册
+    public static final  String       ELK_ACTION_REGISTER            = "register";
+    // 安装
+    public static final  String       ELK_ACTION_INSTALL             = "install";
+    // 登录
+    public static final  String       ELK_ACTION_LOGIN               = "login";
+    // 视频编辑
+    public static final  String       ELK_ACTION_VIDEO_EDIT          = "videoedit";
+    // 视频合成
+    public static final  String       ELK_ACTION_VIDEO_JOINER        = "videojoiner";
+    // 获取视频签名（发布视频前的准备工作）
+    public static final  String       ELK_ACTION_VIDEO_SIGN          = "videosign";
+    // 发布视频到点播系统
+    public static final  String       ELK_ACTION_VIDEO_UPLOAD_VOD    = "videouploadvod";
+    // 发布视频到服务器
+    public static final  String       ELK_ACTION_VIDEO_UPLOAD_SERVER = "videouploadserver";
+    // 开始录制
+    public static final  String       ELK_ACTION_START_RECORD        = "startrecord";
+    // 停止录制
+    public static final  String       ELK_ACTION_VIDEO_RECORD        = "videorecord";
+    // 点播视频
+    public static final  String       ELK_ACTION_VOD_PLAY            = "vodplay";
+    // 合唱
+    public static final  String       ELK_ACTION_VIDEO_CHORUS        = "videochorus";
+    private              OkHttpClient mHttpClient;
+    private              String       mUserId;
+
+    private LogReport() {
+        mHttpClient = new OkHttpClient().newBuilder()
+                .connectTimeout(10, TimeUnit.SECONDS)
+                .readTimeout(10, TimeUnit.SECONDS)
+                .writeTimeout(10, TimeUnit.SECONDS)
+                .build();
+    }
+
+    public void setUserId(String userid) {
+        mUserId = userid;
+    }
+
+    /**
+     * ELK上报：开始录制
+     *
+     * @param retCode
+     */
+    public void reportStartRecord(int retCode) {
+        String desc = null;
+        switch (retCode) {
+            case TXRecordCommon.START_RECORD_OK:
+                desc = UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_start_record_start_record_ok);
+                break;
+            case TXRecordCommon.START_RECORD_ERR_IS_IN_RECORDING:
+                desc = UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_start_record_start_record_err_is_in_recording);
+                break;
+            case TXRecordCommon.START_RECORD_ERR_VIDEO_PATH_IS_EMPTY:
+                desc = UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_start_record_start_record_err_video_path_is_empty);
+                break;
+            case TXRecordCommon.START_RECORD_ERR_API_IS_LOWER_THAN_18:
+                desc = UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_start_record_start_record_err_api_is_lower_than_18);
+                break;
+            case TXRecordCommon.START_RECORD_ERR_NOT_INIT:
+                desc = UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_start_record_start_record_err_not_init);
+                break;
+            case TXRecordCommon.START_RECORD_ERR_LICENCE_VERIFICATION_FAILED:
+                desc = UGCKit.getAppContext().getResources().getString(R.string.ugckit_video_record_activity_start_record_start_record_err_licence_verification_failed);
+                break;
+        }
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_START_RECORD, retCode, desc);
+    }
+
+    /**
+     * ELK上报：视频编辑
+     *
+     * @param retCode
+     */
+    public void reportVideoEdit(int retCode) {
+        String desc = null;
+        switch (retCode) {
+            case TXVideoEditConstants.GENERATE_RESULT_OK:
+                desc = "视频编辑成功";
+                break;
+            case TXVideoEditConstants.GENERATE_RESULT_FAILED:
+                desc = "视频编辑失败";
+                break;
+            case TXVideoEditConstants.GENERATE_RESULT_LICENCE_VERIFICATION_FAILED:
+                desc = "licence校验失败";
+                break;
+        }
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_EDIT, retCode, desc);
+    }
+
+    /**
+     * ELK上报：首次安装成功
+     */
+    public void reportInstall() {
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_INSTALL, 0, "首次安装成功");
+    }
+
+    /**
+     * ELK上报：合唱
+     */
+    public void reportChorus() {
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_CHORUS, 0, "合唱事件");
+    }
+
+    /**
+     * ELK上报：视频合成
+     */
+    public void reportVideoJoin(int retCode) {
+        String desc = null;
+        switch (retCode) {
+            case TXVideoEditConstants.JOIN_RESULT_OK:
+                desc = "视频合成成功";
+                break;
+            case TXVideoEditConstants.JOIN_RESULT_FAILED:
+                desc = "视频合成失败";
+                break;
+            case TXVideoEditConstants.GENERATE_RESULT_LICENCE_VERIFICATION_FAILED:
+                desc = "licence校验失败";
+                break;
+        }
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_JOINER, retCode, desc);
+    }
+
+    /**
+     * ELK上报：视频点播
+     *
+     * @param retCode
+     */
+    public void reportVodPlayFail(int retCode) {
+        String desc = null;
+        switch (retCode) {
+            case TXLiveConstants.PLAY_ERR_GET_RTMP_ACC_URL_FAIL:
+                desc = "获取加速拉流地址失败";
+                break;
+            case TXLiveConstants.PLAY_ERR_FILE_NOT_FOUND:
+                desc = "文件不存在";
+                break;
+            case TXLiveConstants.PLAY_ERR_HEVC_DECODE_FAIL:
+                desc = "h265解码失败";
+                break;
+            case TXLiveConstants.PLAY_ERR_HLS_KEY:
+                desc = "HLS解密key获取失败";
+                break;
+            case TXLiveConstants.PLAY_ERR_GET_PLAYINFO_FAIL:
+                desc = "获取点播文件信息失败";
+                break;
+        }
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VOD_PLAY, retCode, desc);
+    }
+
+    public void reportVodPlaySucc(int retCode) {
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VOD_PLAY, retCode, "点播播放成功", new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+            }
+
+            @Override
+            public void onResponse(Call call, Response response) throws IOException {
+            }
+        });
+    }
+
+    public void reportPublishVideo(@NonNull TXUGCPublishTypeDef.TXPublishResult result) {
+        String desc;
+        if (result.retCode == TXUGCPublishTypeDef.PUBLISH_RESULT_OK) {
+            desc = "视频发布成功";
+        } else {
+            desc = "视频发布失败onPublishComplete:" + result.descMsg;
+        }
+        LogReport.getInstance().uploadLogs(LogReport.ELK_ACTION_VIDEO_UPLOAD_VOD, result.retCode, desc);
+    }
+
+    private static class LogMgrHolder {
+        @NonNull
+        private static LogReport instance = new LogReport();
+    }
+
+    @NonNull
+    public static LogReport getInstance() {
+        return LogMgrHolder.instance;
+    }
+
+    public void uploadLogs(String action, long code, String errorMsg) {
+        String userName = mUserId;
+        Log.i(TAG, "uploadLogs action:" + action + ",userName:" + userName + ",code:" + code + ",errorMsg:" + errorMsg);
+        uploadLogs(action, code, errorMsg, new Callback() {
+            @Override
+            public void onFailure(Call call, IOException e) {
+
+            }
+
+            @Override
+            public void onResponse(Call call, Response response) throws IOException {
+
+            }
+        });
+    }
+
+    public void uploadLogs(String action, long code, String errorMsg, okhttp3.Callback callback) {
+        Log.w(TAG, "uploadLogs: errorMsg " + errorMsg);
+        String reqUrl = DEFAULT_ELK_HOST;
+        String body = "";
+        try {
+            JSONObject jsonObject = new JSONObject();
+            jsonObject.put("action", action);
+            jsonObject.put("action_result_code", code);
+            jsonObject.put("action_result_msg", errorMsg);
+            jsonObject.put("type", "xiaoshipin");
+            jsonObject.put("bussiness", "ugckit");
+            jsonObject.put("appid", UGCKit.getAppContext().getPackageName());
+            jsonObject.put("platform", "android");
+            body = jsonObject.toString();
+            Log.d(TAG, body);
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        Request request = new Request.Builder()
+                .url(reqUrl)
+                .post(RequestBody.create(MediaType.parse("application/json; charset=utf-8"), body))
+                .build();
+        mHttpClient.newCall(request).enqueue(callback);
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/NetworkUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/NetworkUtil.java
new file mode 100644
index 0000000..d00e12d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/NetworkUtil.java
@@ -0,0 +1,93 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.BroadcastReceiver;
+import android.content.Context;
+import android.content.Intent;
+import android.content.IntentFilter;
+import android.net.ConnectivityManager;
+import android.net.NetworkInfo;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+public class NetworkUtil {
+    @Nullable
+    private        NetchangeReceiver mNetchangeReceiver = null;
+    private        Context           mContext;
+    private static NetworkUtil       sInstance;
+    private        NetchangeListener mListener;
+
+    private NetworkUtil(Context context) {
+        mContext = context.getApplicationContext();
+    }
+
+    public static NetworkUtil getInstance(Context context) {
+        if (sInstance == null) {
+            sInstance = new NetworkUtil(context);
+        }
+        return sInstance;
+    }
+
+    /*
+     * 获取网络类型
+     */
+    public static boolean isNetworkAvailable(@NonNull Context context) {
+        ConnectivityManager connectivity = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
+        if (connectivity != null) {
+            NetworkInfo info = connectivity.getActiveNetworkInfo();
+            if (info != null && info.isConnected()) {
+                // 当前网络是连接的
+                if (info.getState() == NetworkInfo.State.CONNECTED) {
+                    // 当前所连接的网络可用
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    /**
+     * 注册网络变化监听器
+     */
+    public void registerNetChangeReceiver() {
+        IntentFilter intentFilter = new IntentFilter();
+        intentFilter.addAction(ConnectivityManager.CONNECTIVITY_ACTION);
+        if (null == mNetchangeReceiver) {
+            mNetchangeReceiver = new NetchangeReceiver();
+        }
+        mContext.registerReceiver(mNetchangeReceiver, intentFilter);
+    }
+
+
+    /**
+     * 取消注册网络变化监听器
+     */
+    public void unregisterNetChangeReceiver() {
+        if (mContext != null && mNetchangeReceiver != null) {
+            mContext.unregisterReceiver(mNetchangeReceiver);
+        }
+    }
+
+    /**
+     * 网络状态监听器，当网络断开时，提示用户
+     */
+    public class NetchangeReceiver extends BroadcastReceiver {
+        @Override
+        public void onReceive(Context context, @NonNull Intent intent) {
+            if (ConnectivityManager.CONNECTIVITY_ACTION.equals(intent.getAction())) {
+                if (!NetworkUtil.isNetworkAvailable(mContext)) {
+                    if (mListener != null) {
+                        mListener.onNetworkAvailable();
+                    }
+                }
+            }
+        }
+    }
+
+    public void setNetchangeListener(NetchangeListener listener) {
+        mListener = listener;
+    }
+
+    public interface NetchangeListener {
+        void onNetworkAvailable();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/ScreenUtils.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/ScreenUtils.java
new file mode 100644
index 0000000..bfa379b
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/ScreenUtils.java
@@ -0,0 +1,44 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.DisplayMetrics;
+
+/**
+ * ScreenUtils
+ */
+public class ScreenUtils {
+    /**
+     * 获取屏幕宽
+     *
+     * @return
+     */
+    public static int getScreenWidth(@Nullable Context context) {
+        if (context == null) return 0;
+        DisplayMetrics dm = context.getResources().getDisplayMetrics();
+        return dm.widthPixels;
+    }
+
+    /**
+     * 获取屏幕高度
+     *
+     * @return
+     */
+    public static int getScreenHeight(@Nullable Context context) {
+        if (context == null) return 0;
+        DisplayMetrics dm = context.getResources().getDisplayMetrics();
+        return dm.heightPixels;
+    }
+
+    public static float dp2px(@NonNull Context context, float dp) {
+        final float scale = context.getResources().getDisplayMetrics().density;
+        return dp * scale + 0.5f;
+    }
+
+    public static float sp2px(@NonNull Context context, float sp) {
+        final float scale = context.getResources().getDisplayMetrics().scaledDensity;
+        return sp * scale;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/SharedPreferenceUtils.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/SharedPreferenceUtils.java
new file mode 100644
index 0000000..3d4cdba
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/SharedPreferenceUtils.java
@@ -0,0 +1,92 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.Context;
+import android.content.SharedPreferences;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import java.util.Map;
+
+/**
+ * 保存信息配置类
+ */
+public class SharedPreferenceUtils {
+    private SharedPreferences        mSharedPreferences;
+    private SharedPreferences.Editor mEditor;
+
+    public SharedPreferenceUtils(@NonNull Context context, String FILE_NAME) {
+        mSharedPreferences = context.getSharedPreferences(FILE_NAME,
+                Context.MODE_PRIVATE);
+        mEditor = mSharedPreferences.edit();
+    }
+
+    /**
+     * 存储
+     */
+    public void put(String key, Object object) {
+        if (object instanceof String) {
+            mEditor.putString(key, (String) object);
+        } else if (object instanceof Integer) {
+            mEditor.putInt(key, (Integer) object);
+        } else if (object instanceof Boolean) {
+            mEditor.putBoolean(key, (Boolean) object);
+        } else if (object instanceof Float) {
+            mEditor.putFloat(key, (Float) object);
+        } else if (object instanceof Long) {
+            mEditor.putLong(key, (Long) object);
+        } else {
+            mEditor.putString(key, object.toString());
+        }
+        mEditor.commit();
+    }
+
+    /**
+     * 获取保存的数据
+     */
+    @Nullable
+    public Object getSharedPreference(String key, Object defaultObject) {
+        if (defaultObject instanceof String) {
+            return mSharedPreferences.getString(key, (String) defaultObject);
+        } else if (defaultObject instanceof Integer) {
+            return mSharedPreferences.getInt(key, (Integer) defaultObject);
+        } else if (defaultObject instanceof Boolean) {
+            return mSharedPreferences.getBoolean(key, (Boolean) defaultObject);
+        } else if (defaultObject instanceof Float) {
+            return mSharedPreferences.getFloat(key, (Float) defaultObject);
+        } else if (defaultObject instanceof Long) {
+            return mSharedPreferences.getLong(key, (Long) defaultObject);
+        } else {
+            return mSharedPreferences.getString(key, null);
+        }
+    }
+
+    /**
+     * 移除某个key值已经对应的值
+     */
+    public void remove(String key) {
+        mEditor.remove(key);
+        mEditor.commit();
+    }
+
+    /**
+     * 清除所有数据
+     */
+    public void clear() {
+        mEditor.clear();
+        mEditor.commit();
+    }
+
+    /**
+     * 查询某个key是否存在
+     */
+    public Boolean contain(String key) {
+        return mSharedPreferences.contains(key);
+    }
+
+    /**
+     * 返回所有的键值对
+     */
+    public Map<String, ?> getAll() {
+        return mSharedPreferences.getAll();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCHttpURLClient.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCHttpURLClient.java
new file mode 100644
index 0000000..ef3df79
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCHttpURLClient.java
@@ -0,0 +1,145 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.os.AsyncTask;
+import android.util.Log;
+
+import java.io.BufferedReader;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+import java.io.OutputStream;
+import java.net.HttpURLConnection;
+import java.net.URL;
+import java.net.URLConnection;
+
+/**
+ * Android 9 已经去掉org.apache.http.legacy 这个库，使用 HTTPURLConnection
+ */
+public class TCHttpURLClient {
+
+    private static class Holder {
+        public static final TCHttpURLClient INSTANCE = new TCHttpURLClient();
+    }
+
+    public static TCHttpURLClient getInstance() {
+        return Holder.INSTANCE;
+    }
+
+    private TCHttpURLClient() {
+    }
+
+
+    /**
+     * get请求
+     *
+     * @param urlStr
+     * @param callback
+     */
+    public void get(final String urlStr, final OnHttpCallback callback) {
+        AsyncTask.execute(new Runnable() {
+            @Override
+            public void run() {
+                BufferedReader bufferedReader = null;
+                try {
+                    URL url = new URL(urlStr);
+                    URLConnection connection = url.openConnection();
+                    connection.setConnectTimeout(15000);
+                    connection.setReadTimeout(15000);
+                    connection.connect();
+                    InputStream in = connection.getInputStream();
+                    if (in == null) {
+                        if (callback != null)
+                            callback.onError();
+                        return;
+                    }
+                    bufferedReader = new BufferedReader(new InputStreamReader(in));
+                    String line = null;
+                    StringBuilder sb = new StringBuilder();
+                    while ((line = bufferedReader.readLine()) != null) {
+                        sb.append(line);
+                    }
+                    if (callback != null)
+                        callback.onSuccess(sb.toString());
+                } catch (IOException e) {
+                    e.printStackTrace();
+                    if (callback != null)
+                        callback.onError();
+                } finally {
+                    if (bufferedReader != null) {
+                        try {
+                            bufferedReader.close();
+                        } catch (IOException e) {
+                            e.printStackTrace();
+                        }
+                    }
+                }
+            }
+        });
+    }
+
+    /**
+     * post json数据请求
+     *
+     * @param urlStr
+     * @param callback
+     */
+    public void postJson(final String urlStr, final String json, final OnHttpCallback callback) {
+        AsyncTask.execute(new Runnable() {
+            @Override
+            public void run() {
+                BufferedReader bufferedReader = null;
+                try {
+                    URL url = new URL(urlStr);
+                    HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+                    connection.setConnectTimeout(15000);
+                    connection.setReadTimeout(15000);
+                    connection.setRequestMethod("POST");
+                    connection.addRequestProperty("Content-Type", "application/json; charset=utf-8");
+                    connection.setDoInput(true);
+                    connection.setDoOutput(true);
+                    connection.connect();
+
+                    OutputStream outputStream = connection.getOutputStream();
+                    outputStream.write(json.getBytes());
+                    outputStream.flush();
+                    outputStream.close();
+
+                    InputStream in = connection.getInputStream();
+                    if (in == null) {
+                        if (callback != null)
+                            callback.onError();
+                        return;
+                    }
+                    bufferedReader = new BufferedReader(new InputStreamReader(in));
+                    String line = null;
+                    StringBuilder sb = new StringBuilder();
+                    while ((line = bufferedReader.readLine()) != null) {
+                        sb.append(line);
+                    }
+                    if (callback != null)
+                        callback.onSuccess(sb.toString());
+                } catch (IOException e) {
+                    e.printStackTrace();
+                    if (callback != null)
+                        callback.onError();
+                } finally {
+                    if (bufferedReader != null) {
+                        try {
+                            bufferedReader.close();
+                        } catch (IOException e) {
+                            e.printStackTrace();
+                        }
+                    }
+                }
+            }
+        });
+    }
+
+
+    public interface OnHttpCallback {
+        void onSuccess(String result);
+
+        void onError();
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCUserMgr.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCUserMgr.java
new file mode 100644
index 0000000..9278b79
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCUserMgr.java
@@ -0,0 +1,548 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.Context;
+import android.content.SharedPreferences;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+import com.tencent.qcloud.ugckit.R;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.IOException;
+import java.util.concurrent.TimeUnit;
+
+import okhttp3.Call;
+import okhttp3.MediaType;
+import okhttp3.OkHttpClient;
+import okhttp3.Request;
+import okhttp3.RequestBody;
+import okhttp3.Response;
+
+/**
+ * 用户管理模块
+ */
+public class TCUserMgr {
+
+    public static final String  TAG          = "TCUserMgr";
+    public static final int     SUCCESS_CODE = 200;
+    private             String  mAppId       = "";
+    private             String  mSubAppId    = "";
+    private             String  mSecretId    = "";
+    private             boolean userid;
+
+    private TCUserMgr() {
+        mHttpClient = new OkHttpClient().newBuilder()
+                .connectTimeout(10, TimeUnit.SECONDS)
+                .readTimeout(10, TimeUnit.SECONDS)
+                .writeTimeout(10, TimeUnit.SECONDS)
+                .build();
+    }
+
+    private static class TCUserMgrHolder {
+        @NonNull
+        private static TCUserMgr instance = new TCUserMgr();
+    }
+
+    @NonNull
+    public static TCUserMgr getInstance() {
+        return TCUserMgrHolder.instance;
+    }
+
+    private OkHttpClient mHttpClient;
+    private Context      mContext;
+    @Nullable
+    private String       mUserId       = "";
+    @Nullable
+    private String       mUserPwd      = "";
+    private String       mToken        = "";
+    private String       mRefreshToken = "";
+    private int          mTokenExpires = 0;
+    private long         mSdkAppID     = 0;
+    private String       mUserSig      = "";
+    private String       mAccountType;
+    private String       mNickName     = "";
+    private String       mUserAvatar   = "";
+    private int          mSex          = -1;//0:male,1:female,-1:unknown
+    private String       mCoverPic;
+    private String       mLocation;
+
+
+    //cos 配置
+    public static class CosInfo {
+        public String bucket   = "";
+        public String appID    = "";
+        public String secretID = "";
+        public String region   = "";
+    }
+
+    @NonNull
+    private CosInfo mCosInfo = new CosInfo();
+
+    @NonNull
+    public CosInfo getCosInfo() {
+        return mCosInfo;
+    }
+
+    public interface Callback {
+
+        /**
+         * 登录成功
+         */
+        void onSuccess(JSONObject data);
+
+        /**
+         * 登录失败
+         *
+         * @param code 错误码
+         * @param msg  错误信息
+         */
+        void onFailure(int code, final String msg);
+
+    }
+
+    public static class HttpCallback implements okhttp3.Callback {
+        private Callback callback;
+        private String   module;
+
+        public HttpCallback(String module, Callback callback) {
+            this.callback = callback;
+            this.module = module;
+        }
+
+        @Override
+        public void onFailure(Call call, IOException e) {
+            if (callback != null) {
+                callback.onFailure(-1, module + " request failure");
+            }
+            Log.w(TAG, "xsp_process: " + module + " failure");
+        }
+
+        @Override
+        public void onResponse(Call call, @NonNull Response response) throws IOException {
+            String body = response.body().string();
+            JSONObject jsonObject = null;
+            int code = -1;
+            String message = "";
+            JSONObject data = null;
+            try {
+                jsonObject = new JSONObject(body);
+                code = jsonObject.getInt("code");
+                message = jsonObject.getString("message");
+                data = jsonObject.optJSONObject("data");
+            } catch (JSONException e) {
+                code = -1;
+                e.printStackTrace();
+            }
+
+            if (code == SUCCESS_CODE) {
+                if (callback != null) callback.onSuccess(data);
+                Log.w(TAG, "xsp_process: " + module + " success");
+            } else {
+                if (callback != null) callback.onFailure(code, message);
+                Log.w(TAG, "xsp_process: " + module + " error " + code + " message " + message);
+            }
+
+            Log.d(TAG, "xsp_process: " + response.toString() + ", Body" + body);
+        }
+    }
+
+    public void initContext(Context context) {
+        mContext = context.getApplicationContext();
+        loadUserInfo();
+    }
+
+    public boolean hasUser() {
+        return !TextUtils.isEmpty(mUserId) && !TextUtils.isEmpty(mUserPwd);
+    }
+
+    public String getUserToken() {
+        return mToken;
+    }
+
+    @Nullable
+    public String getUserId() {
+        return mUserId;
+    }
+
+    public String getNickname() {
+        return mNickName;
+    }
+
+    public void setNickName(String nickName, final Callback callback) {
+        mNickName = nickName;
+        uploadUserInfo(callback);
+    }
+
+    public String getHeadPic() {
+        return mUserAvatar;
+    }
+
+    public void setHeadPic(String pic, final Callback callback) {
+        mUserAvatar = pic;
+        uploadUserInfo(callback);
+    }
+
+    public String getCoverPic() {
+        return mCoverPic;
+    }
+
+    public void setCoverPic(String pic, final Callback callback) {
+        mCoverPic = pic;
+        uploadUserInfo(callback);
+    }
+
+    public String getLocation() {
+        return mLocation;
+    }
+
+    public void setLocation(String location, final Callback callback) {
+        mLocation = location;
+//        uploadUserInfo(callback);
+    }
+
+    public int getUserSex() {
+        return mSex;
+    }
+
+    public void setUserSex(int sex, final Callback callback) {
+        mSex = sex;
+        uploadUserInfo(callback);
+    }
+
+    public long getSDKAppID() {
+        return mSdkAppID;
+    }
+
+    public String getAccountType() {
+        return mAccountType;
+    }
+
+    public void autoLogin(final Callback callback) {
+        loginByToken(mUserId, mUserPwd, callback);
+    }
+
+    public void login(final String userid, @NonNull final String password, final Callback callback) {
+        LogReport.getInstance().setUserId(userid);
+
+        final String pwd = TCUtils.md5(TCUtils.md5(password) + userid);
+        loginByToken(userid, pwd, callback);
+    }
+
+    public void logout() {
+        mUserId = "";
+        mUserPwd = "";
+        mCoverPic = "";
+        mUserAvatar = "";
+        mLocation = "";
+        clearUserInfo();
+    }
+
+    public void refresh(@Nullable final Callback callback) {
+        try {
+            JSONObject body = new JSONObject()
+                    .put("userid", mUserId)
+                    .put("refresh_token", mRefreshToken);
+
+            request("/refresh", body, new HttpCallback("login", new Callback() {
+                @Override
+                public void onSuccess(@NonNull JSONObject data) {
+                    mToken = data.optString("token");
+                    mRefreshToken = data.optString("refresh_token");
+                    mTokenExpires = data.optInt("expires");
+                    if (callback != null) {
+                        callback.onSuccess(data);
+                    }
+                }
+
+                @Override
+                public void onFailure(int code, final String msg) {
+                    if (callback != null) {
+                        callback.onFailure(code, msg);
+                    }
+                }
+            }));
+
+        } catch (Exception e) {
+            if (callback != null) {
+                callback.onFailure(-1, "");
+            }
+        }
+    }
+
+    public void uploadLogs(String action, String userName, long code, String errorMsg, okhttp3.Callback callback) {
+        Log.w(TAG, "uploadLogs: errorMsg " + errorMsg);
+        String reqUrl = LogReport.DEFAULT_ELK_HOST;
+        String body = "";
+        try {
+            JSONObject jsonObject = new JSONObject();
+            jsonObject.put("action", action);
+            jsonObject.put("action_result_code", code);
+            jsonObject.put("action_result_msg", errorMsg);
+            jsonObject.put("type", "xiaoshipin");
+            jsonObject.put("bussiness", "xiaoshipin");
+            jsonObject.put("userName", userName);
+            jsonObject.put("platform", "android");
+            body = jsonObject.toString();
+            Log.d(TAG, body);
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        Request request = new Request.Builder()
+                .url(reqUrl)
+                .post(RequestBody.create(MediaType.parse("application/json; charset=utf-8"), body))
+                .build();
+        mHttpClient.newCall(request).enqueue(callback);
+    }
+
+    public void register(final String userid, @NonNull final String password, final Callback callback) {
+        try {
+            String pwd = TCUtils.md5(TCUtils.md5(password) + userid);
+            String body = new JSONObject()
+                    .put("userid", userid)
+                    .put("password", pwd)
+                    .toString();
+            Log.w(TAG, "xsp_process: start register " + userid);
+            request("/register", body, new HttpCallback("register", callback));
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    public void getCosSig(final Callback callback) {
+        try {
+            JSONObject body = new JSONObject();
+            request("/get_cos_sign", body, new HttpCallback("get_cos_sign", callback));
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    public void getVodSig(final Callback callback) {
+        try {
+            JSONObject body = new JSONObject();
+            request("/get_vod_sign", body, new HttpCallback("get_vod_sign", callback));
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    public void fetchUserInfo(@Nullable final Callback callback) {
+        try {
+            JSONObject body = new JSONObject();
+            request("/get_user_info", body, new HttpCallback("get_user_info", new Callback() {
+                @Override
+                public void onSuccess(@Nullable JSONObject data) {
+                    if (data != null) {
+                        mUserAvatar = data.optString("avatar");
+                        mNickName = data.optString("nickname");
+                        mCoverPic = data.optString("frontcover");
+                        mSex = data.optInt("sex");
+                    }
+                    if (callback != null) {
+                        callback.onSuccess(data);
+                    }
+                    saveUserInfo();
+                }
+
+                @Override
+                public void onFailure(int code, final String msg) {
+                    if (callback != null) {
+                        callback.onFailure(code, msg);
+                    }
+                }
+            }));
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    public void uploadUserInfo(final Callback callback) {
+        try {
+            JSONObject body = new JSONObject()
+                    .put("nickname", mNickName != null ? mNickName : "")
+                    .put("avatar", mUserAvatar != null ? mUserAvatar : "")
+                    .put("sex", mSex)
+                    .put("frontcover", mCoverPic != null ? mCoverPic : "");
+            request("/upload_user_info", body, new HttpCallback("upload_user_info", callback));
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    private void request(String cmd, String body, okhttp3.Callback callback) {
+        String reqUrl = UGCKitConstants.APP_SVR_URL + cmd;
+        Request request = new Request.Builder()
+                .url(reqUrl)
+                .post(RequestBody.create(MediaType.parse("application/json; charset=utf-8"), body))
+                .build();
+        mHttpClient.newCall(request).enqueue(callback);
+    }
+
+    public void request(String cmd, @NonNull JSONObject body, okhttp3.Callback callback) {
+        long now = System.currentTimeMillis() / 1000;
+        try {
+            String strBody = body.put("userid", mUserId)
+                    .put("timestamp", now)
+                    .put("expires", 3000)
+                    .toString();
+
+            String sig = getRequestSig(body);
+
+            Request request = new Request.Builder()
+                    .url(UGCKitConstants.APP_SVR_URL + cmd)
+                    .addHeader("Liteav-Sig", sig)
+                    .post(RequestBody.create(MediaType.parse("application/json; charset=utf-8"), strBody))
+                    .build();
+            mHttpClient.newCall(request).enqueue(callback);
+            Log.d(TAG, "xsp_process: " + request.toString() + ", Body" + strBody);
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+
+    }
+
+    @NonNull
+    public String getRequestSig(@NonNull JSONObject body) {
+        long now = System.currentTimeMillis() / 1000;
+        String strBody = null;
+        try {
+            strBody = body.put("userid", mUserId)
+                    .put("timestamp", now)
+                    .put("expires", 3000)
+                    .toString();
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+
+        String sig = TCUtils.md5(mToken + TCUtils.md5(strBody));
+        return sig;
+    }
+
+    private void loginByToken(final String userid, final String pwd, @Nullable final Callback callback) {
+        try {
+            String body = new JSONObject()
+                    .put("userid", userid)
+                    .put("password", pwd)
+                    .toString();
+
+            request("/login", body, new HttpCallback("login", new Callback() {
+                @Override
+                public void onSuccess(@NonNull JSONObject data) {
+                    mUserId = userid;
+                    mUserPwd = pwd;
+                    mToken = data.optString("token");
+                    mRefreshToken = data.optString("refresh_token");
+                    mTokenExpires = data.optInt("expires");
+                    if (data.has("roomservice_sign")) {
+                        JSONObject serviceSig = data.optJSONObject("roomservice_sign");
+                        mUserSig = serviceSig.optString("userSig");
+//                        mUserId = serviceSig.optString("userID");
+                        mAccountType = serviceSig.optString("accountType");
+                        mSdkAppID = serviceSig.optInt("sdkAppID");
+                    }
+                    JSONObject serviceSig = data.optJSONObject("vod_info");
+                    if (serviceSig != null) {
+                        mAppId = serviceSig.optString("Appid");
+                        mSubAppId = serviceSig.optString("SubAppId");
+                        mSecretId = serviceSig.optString("SecretId");
+                    }
+
+                    JSONObject cosInfo = data.optJSONObject("cos_info");
+                    if (cosInfo != null) {
+                        mCosInfo.bucket = cosInfo.optString("Bucket");
+                        mCosInfo.appID = cosInfo.optString("Appid");
+                        mCosInfo.region = cosInfo.optString("Region");
+                        mCosInfo.secretID = cosInfo.optString("SecretId");
+                    }
+
+                    fetchUserInfo(null);
+
+                    saveUserInfo();
+
+                    // 登录成功上报
+                    uploadLogs(LogReport.ELK_ACTION_LOGIN, userid, SUCCESS_CODE, "登录成功", new okhttp3.Callback() {
+                        @Override
+                        public void onFailure(Call call, IOException e) {
+                            Log.d(TAG, "login uploadLogs onFailure");
+                        }
+
+                        @Override
+                        public void onResponse(Call call, Response response) throws IOException {
+                            Log.d(TAG, "login uploadLogs onResponse");
+                        }
+                    });
+                    if (callback != null) {
+                        callback.onSuccess(data);
+                    }
+
+                }
+
+                @Override
+                public void onFailure(int code, final String msg) {
+                    // 登录失败上报
+                    uploadLogs(LogReport.ELK_ACTION_LOGIN, userid, code, msg, new okhttp3.Callback() {
+                        @Override
+                        public void onFailure(Call call, IOException e) {
+                            Log.d(TAG, "login uploadLogs onFailure");
+                        }
+
+                        @Override
+                        public void onResponse(Call call, Response response) throws IOException {
+                            Log.d(TAG, "login uploadLogs onResponse");
+                        }
+                    });
+                    if (callback != null) {
+                        String errorMsg = msg;
+                        if (code == 620) {
+                            errorMsg = UGCKit.getAppContext().getResources().getString(R.string.ugckit_user_mgr_user_does_not_exist);
+                        } else if (code == 621) {
+                            errorMsg = UGCKit.getAppContext().getResources().getString(R.string.ugckit_user_mgr_wrong_password);
+                        }
+                        callback.onFailure(code, errorMsg);
+                    }
+                    clearUserInfo();
+                }
+            }));
+
+        } catch (Exception e) {
+            if (callback != null) {
+                callback.onFailure(-1, "");
+            }
+        }
+    }
+
+    private void loadUserInfo() {
+        //TODO: decrypt
+        if (mContext == null) return;
+        Log.d(TAG, "xsp_process: load local user info");
+        SharedPreferences settings = mContext.getSharedPreferences("TCUserInfo", Context.MODE_PRIVATE);
+        mUserId = settings.getString(UGCKitConstants.USER_ID, "");
+        mUserPwd = settings.getString(UGCKitConstants.USER_PWD, "");
+    }
+
+    private void saveUserInfo() {
+        //TODO: encrypt
+        if (mContext == null) return;
+        Log.d(TAG, "xsp_process: save local user info");
+        SharedPreferences settings = mContext.getSharedPreferences("TCUserInfo", Context.MODE_PRIVATE);
+        SharedPreferences.Editor editor = settings.edit();
+        editor.putString(UGCKitConstants.USER_ID, mUserId);
+        editor.putString(UGCKitConstants.USER_PWD, mUserPwd);
+        editor.commit();
+    }
+
+    private void clearUserInfo() {
+        if (mContext == null) return;
+        SharedPreferences settings = mContext.getSharedPreferences("TCUserInfo", Context.MODE_PRIVATE);
+        SharedPreferences.Editor editor = settings.edit();
+        editor.putString(UGCKitConstants.USER_ID, "");
+        editor.putString(UGCKitConstants.USER_PWD, "");
+        editor.commit();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCUtils.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCUtils.java
new file mode 100644
index 0000000..4b1b1d1
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TCUtils.java
@@ -0,0 +1,74 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.Context;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.text.TextUtils;
+import android.widget.ImageView;
+
+import com.bumptech.glide.Glide;
+import com.bumptech.glide.RequestManager;
+import com.tencent.qcloud.ugckit.component.circlebmp.TCGlideCircleTransform;
+
+import java.io.UnsupportedEncodingException;
+import java.security.MessageDigest;
+import java.security.NoSuchAlgorithmException;
+
+public class TCUtils {
+
+    public static String md5(@NonNull String string) {
+
+        byte[] hash;
+        try {
+            hash = MessageDigest.getInstance("MD5").digest(string.getBytes("UTF-8"));
+        } catch (NoSuchAlgorithmException e) {
+            throw new RuntimeException("Huh, MD5 should be supported?", e);
+        } catch (UnsupportedEncodingException e) {
+            throw new RuntimeException("Huh, UTF-8 should be supported?", e);
+        }
+
+        StringBuilder hex = new StringBuilder(hash.length * 2);
+
+        for (byte b : hash) {
+            int i = (b & 0xFF);
+            if (i < 0x10) hex.append('0');
+            hex.append(Integer.toHexString(i));
+        }
+
+        return hex.toString();
+    }
+
+    // 字符串截断
+    @Nullable
+    public static String getLimitString(@Nullable String source, int length) {
+        if (null != source && source.length() > length) {
+            return source.substring(0, length) + "...";
+        }
+        return source;
+    }
+
+    /**
+     * 圆角显示图片
+     *
+     * @param context  一般为activtiy
+     * @param view     图片显示类
+     * @param url      图片url
+     * @param defResId 默认图 id
+     */
+    public static void showPicWithUrl(@Nullable Context context, @Nullable ImageView view, String url, int defResId) {
+        if (context == null || view == null) {
+            return;
+        }
+        try {
+            if (TextUtils.isEmpty(url)) {
+                view.setImageResource(defResId);
+            } else {
+                RequestManager req = Glide.with(context);
+                req.load(url).placeholder(defResId).transform(new TCGlideCircleTransform(context)).into(view);
+            }
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TelephonyUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TelephonyUtil.java
new file mode 100644
index 0000000..1152276
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/TelephonyUtil.java
@@ -0,0 +1,88 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.app.Service;
+import androidx.annotation.NonNull;
+import android.telephony.PhoneStateListener;
+import android.telephony.TelephonyManager;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+
+import java.lang.ref.WeakReference;
+
+/**
+ * 电话监听管理
+ */
+public class TelephonyUtil {
+    private TXPhoneStateListener mPhoneListener;
+    private OnTelephoneListener  mOnStopListener;
+
+    @NonNull
+    private static TelephonyUtil instance = new TelephonyUtil();
+
+    private TelephonyUtil() {
+    }
+
+    @NonNull
+    public static TelephonyUtil getInstance() {
+        return instance;
+    }
+
+    public void initPhoneListener() {
+        //设置电话监听
+        if (mPhoneListener == null) {
+            mPhoneListener = new TXPhoneStateListener(this);
+            TelephonyManager tm = (TelephonyManager) UGCKit.getAppContext().getSystemService(Service.TELEPHONY_SERVICE);
+            tm.listen(mPhoneListener, PhoneStateListener.LISTEN_CALL_STATE);
+        }
+    }
+
+    public void uninitPhoneListener() {
+        if (mPhoneListener != null) {
+            TelephonyManager tm = (TelephonyManager) UGCKit.getAppContext().getSystemService(Service.TELEPHONY_SERVICE);
+            tm.listen(mPhoneListener, PhoneStateListener.LISTEN_NONE);
+        }
+    }
+
+    class TXPhoneStateListener extends PhoneStateListener {
+        WeakReference<TelephonyUtil> mWekRef;
+
+        public TXPhoneStateListener(TelephonyUtil context) {
+            mWekRef = new WeakReference<TelephonyUtil>(context);
+        }
+
+        @Override
+        public void onCallStateChanged(int state, String incomingNumber) {
+            super.onCallStateChanged(state, incomingNumber);
+            TelephonyUtil kit = mWekRef.get();
+            if (kit == null) return;
+            switch (state) {
+                case TelephonyManager.CALL_STATE_RINGING:  //电话等待接听
+                    if (mOnStopListener != null) {
+                        mOnStopListener.onRinging();
+                    }
+                case TelephonyManager.CALL_STATE_OFFHOOK:  //电话接听
+                    if (mOnStopListener != null) {
+                        mOnStopListener.onOffhook();
+                    }
+                    break;
+                case TelephonyManager.CALL_STATE_IDLE://电话挂机
+                    if (mOnStopListener != null) {
+                        mOnStopListener.onIdle();
+                    }
+                    break;
+            }
+        }
+    }
+
+    public void setOnTelephoneListener(OnTelephoneListener listener) {
+        mOnStopListener = listener;
+    }
+
+    public interface OnTelephoneListener {
+        void onRinging();
+
+        void onOffhook();
+
+        void onIdle();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/ToastUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/ToastUtil.java
new file mode 100644
index 0000000..113e296
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/ToastUtil.java
@@ -0,0 +1,29 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.widget.Toast;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+
+/**
+ * UI通用方法类
+ */
+public class ToastUtil {
+    public static final void toastLongMessage(final String message) {
+        BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                Toast.makeText(UGCKit.getAppContext(), message, Toast.LENGTH_LONG).show();
+            }
+        });
+    }
+
+
+    public static final void toastShortMessage(final String message) {
+        BackgroundTasks.getInstance().runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                Toast.makeText(UGCKit.getAppContext(), message, Toast.LENGTH_SHORT).show();
+            }
+        });
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/UIAttributeUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/UIAttributeUtil.java
new file mode 100644
index 0000000..a472629
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/UIAttributeUtil.java
@@ -0,0 +1,59 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.drawable.Drawable;
+
+/**
+ * 属性管理
+ */
+public class UIAttributeUtil {
+    /**
+     * 获取主题设置的图片资源的drawable
+     *
+     * @param context           context
+     * @param attrId            style-attr对应的id
+     * @param defaultResourceId 默认的图片id
+     * @return Drawable
+     */
+    public static Drawable getDrawableResources(Context context, int attrId, int defaultResourceId) {
+        TypedArray a = context.obtainStyledAttributes(new int[]{attrId});
+        int resourceId = a.getResourceId(0, defaultResourceId);
+        Drawable drawable = context.getResources().getDrawable(resourceId);
+        a.recycle();
+        return drawable;
+    }
+
+    public static int getColorRes(Context context, int attrId, int defaultColorId) {
+        TypedArray a = context.obtainStyledAttributes(new int[]{attrId});
+        int color = a.getColor(0, context.getResources().getColor(defaultColorId));
+        a.recycle();
+        return color;
+    }
+
+    public static int getTextSizeResources(Context context, int attrId, int defaultTextSize) {
+        TypedArray a = context.obtainStyledAttributes(new int[]{attrId});
+        int textSize = a.getDimensionPixelOffset(0, defaultTextSize);
+        a.recycle();
+        return textSize;
+    }
+
+    public static int getResResources(Context context, int attrId, int defaultResourceId) {
+        TypedArray a = context.obtainStyledAttributes(new int[]{attrId});
+        int resourceId = a.getResourceId(0, defaultResourceId);
+        a.recycle();
+        return resourceId;
+    }
+
+    public static int[] getResResourcsArray(Context context, int[] attrId, int[] defaultResourceId) {
+        int[] resourceIdArray = new int[attrId.length];
+
+        TypedArray a = context.obtainStyledAttributes(attrId);
+        for (int i = 0; i < attrId.length; i++) {
+            resourceIdArray[i] = a.getResourceId(i, defaultResourceId[i]);
+        }
+        a.recycle();
+        return resourceIdArray;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoChecker.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoChecker.java
new file mode 100644
index 0000000..31e4e44
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoChecker.java
@@ -0,0 +1,54 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.app.AlertDialog;
+import android.content.Context;
+import android.media.MediaMetadataRetriever;
+import android.os.Build;
+import android.text.TextUtils;
+
+import com.tencent.qcloud.ugckit.R;
+import com.tencent.qcloud.ugckit.module.picker.data.TCVideoFileInfo;
+
+import java.util.List;
+
+public class VideoChecker {
+
+    public static boolean isVideoDamaged(Context context, TCVideoFileInfo info) {
+        if (info.getDuration() == 0) {
+            //数据库获取到的时间为0，使用Retriever再次确认是否损坏
+            MediaMetadataRetriever retriever = new MediaMetadataRetriever();
+            try {
+                if (Build.VERSION.SDK_INT >= 29) {
+                    retriever.setDataSource(context, info.getFileUri());
+                } else {
+                    retriever.setDataSource(info.getFilePath());
+                }
+            } catch (Exception e) {
+                return true;//无法正常打开，也是错误
+            }
+            String duration = retriever.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DURATION);
+            retriever.release();
+            if (TextUtils.isEmpty(duration))
+                return true;
+            return Integer.valueOf(duration) == 0;
+        }
+        return false;
+    }
+
+    public static boolean isVideoDamaged(Context context, List<TCVideoFileInfo> list) {
+        for (TCVideoFileInfo info : list) {
+            if (isVideoDamaged(context, info)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    public static void showErrorDialog(Context context, String msg) {
+        AlertDialog.Builder normalDialog = new AlertDialog.Builder(context, R.style.UGCKitConfirmDialogStyle);
+        normalDialog.setMessage(msg);
+        normalDialog.setCancelable(false);
+        normalDialog.setPositiveButton("知道了", null);
+        normalDialog.show();
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoDeviceUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoDeviceUtil.java
new file mode 100644
index 0000000..6dcda68
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoDeviceUtil.java
@@ -0,0 +1,131 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.annotation.TargetApi;
+import android.content.Context;
+import android.net.ConnectivityManager;
+import android.net.NetworkInfo;
+import android.os.StatFs;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.util.Log;
+
+import java.io.File;
+
+public class VideoDeviceUtil {
+    private static final String TAG = "VideoDeviceUtil";
+
+    public VideoDeviceUtil() {
+    }
+
+    public static boolean isNetworkAvailable(@NonNull Context context) {
+        ConnectivityManager connectivity = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
+        if (connectivity == null) {
+            return false;
+        } else {
+            NetworkInfo networkInfo = connectivity.getActiveNetworkInfo();
+            return networkInfo != null && networkInfo.isConnectedOrConnecting();
+        }
+    }
+
+    @TargetApi(18)
+    public static long getAvailableSize(@NonNull StatFs statFs) {
+        long availableBytes;
+        if (VideoUtil.hasJellyBeanMR2()) {
+            availableBytes = statFs.getAvailableBytes();
+        } else {
+            availableBytes = (long) statFs.getAvailableBlocks() * (long) statFs.getBlockSize();
+        }
+
+        return availableBytes;
+    }
+
+    public static boolean isExternalStorageSpaceEnough(long fileSize) {
+        return true;
+    }
+
+    @Nullable
+    public static File getExternalFilesDir(@NonNull Context context, String folder) {
+        File sdcardDir = context.getExternalFilesDir(null);
+        if (sdcardDir == null) {
+            Log.e(TAG, "sdcardDir is null");
+            return null;
+        }
+        String path = sdcardDir.getPath();
+
+        File file = new File(path + File.separator + folder);
+
+        try {
+            if (file.exists() && file.isFile()) {
+                file.delete();
+            }
+
+            if (!file.exists()) {
+                file.mkdirs();
+            }
+        } catch (Exception var5) {
+            var5.printStackTrace();
+        }
+
+        return file;
+    }
+
+    public static long getRuntimeRemainSize(int memoryClass) {
+        long remainMemory = Runtime.getRuntime().maxMemory() - getHeapAllocatedSizeInKb() * 1024L;
+        switch (memoryClass) {
+            case 0:
+            default:
+                break;
+            case 1:
+                remainMemory /= 1024L;
+                break;
+            case 2:
+                remainMemory /= 1048576L;
+        }
+
+        return remainMemory;
+    }
+
+    public static long getHeapAllocatedSizeInKb() {
+        long heapAllocated = getRuntimeTotalMemory(1) - getRuntimeFreeMemory(1);
+        return heapAllocated;
+    }
+
+    private static long getRuntimeTotalMemory(int memoryClass) {
+        long totalMemory = 0L;
+        switch (memoryClass) {
+            case 0:
+                totalMemory = Runtime.getRuntime().totalMemory();
+                break;
+            case 1:
+                totalMemory = Runtime.getRuntime().totalMemory() / 1024L;
+                break;
+            case 2:
+                totalMemory = Runtime.getRuntime().totalMemory() / 1024L / 1024L;
+                break;
+            default:
+                totalMemory = Runtime.getRuntime().totalMemory();
+        }
+
+        return totalMemory;
+    }
+
+    private static long getRuntimeFreeMemory(int memoryClass) {
+        long freeMemory = 0L;
+        switch (memoryClass) {
+            case 0:
+                freeMemory = Runtime.getRuntime().freeMemory();
+                break;
+            case 1:
+                freeMemory = Runtime.getRuntime().freeMemory() / 1024L;
+                break;
+            case 2:
+                freeMemory = Runtime.getRuntime().freeMemory() / 1024L / 1024L;
+                break;
+            default:
+                freeMemory = Runtime.getRuntime().freeMemory();
+        }
+
+        return freeMemory;
+    }
+
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoPathUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoPathUtil.java
new file mode 100644
index 0000000..1972d4d
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoPathUtil.java
@@ -0,0 +1,71 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.tencent.qcloud.ugckit.UGCKit;
+import com.tencent.qcloud.ugckit.UGCKitConstants;
+
+import java.io.File;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+
+/**
+ * 视频路径生成器
+ */
+public class VideoPathUtil {
+    private static final String TAG = "VideoPathUtil";
+
+    /**
+     * 生成编辑后输出视频路径
+     *
+     * @return
+     */
+    public static String generateVideoPath() {
+        File sdcardDir = UGCKit.getAppContext().getExternalFilesDir(null);
+        if (sdcardDir == null) {
+            Log.e(TAG, "generateVideoPath sdcardDir is null");
+            return "";
+        }
+        String outputPath = sdcardDir + File.separator + UGCKitConstants.DEFAULT_MEDIA_PACK_FOLDER;
+        File outputFolder = new File(outputPath);
+
+        if (!outputFolder.exists()) {
+            outputFolder.mkdirs();
+        }
+        String current = String.valueOf(System.currentTimeMillis() / 1000);
+        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd_HHmmss");
+        String time = sdf.format(new Date(Long.valueOf(current + "000")));
+        String saveFileName = String.format("TXVideo_%s.mp4", time);
+        return outputFolder + "/" + saveFileName;
+    }
+
+    public static String getCustomVideoOutputPath() {
+        return getCustomVideoOutputPath(null);
+    }
+
+    public static String getCustomVideoOutputPath(String fileNamePrefix) {
+        long currentTime = System.currentTimeMillis();
+        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd_HHmmssSSS");
+        String time = sdf.format(new Date(currentTime));
+
+        File sdcardDir = UGCKit.getAppContext().getExternalFilesDir(null);
+        if (sdcardDir == null) {
+            Log.e(TAG, "sdcardDir is null");
+            return null;
+        }
+
+        String outputDir = sdcardDir + File.separator + UGCKitConstants.OUTPUT_DIR_NAME;
+        File outputFolder = new File(outputDir);
+        if (!outputFolder.exists()) {
+            outputFolder.mkdir();
+        }
+        String tempOutputPath;
+        if (TextUtils.isEmpty(fileNamePrefix)) {
+            tempOutputPath = outputDir + File.separator + "TXUGC_" + time + ".mp4";
+        } else {
+            tempOutputPath = outputDir + File.separator + "TXUGC_" + fileNamePrefix + time + ".mp4";
+        }
+        return tempOutputPath;
+    }
+}
diff --git a/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoUtil.java b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoUtil.java
new file mode 100644
index 0000000..82e8f79
--- /dev/null
+++ b/ugckit/src/main/java/com/tencent/qcloud/ugckit/utils/VideoUtil.java
@@ -0,0 +1,134 @@
+package com.tencent.qcloud.ugckit.utils;
+
+import android.os.Build;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import android.text.TextUtils;
+
+import java.io.BufferedInputStream;
+import java.io.BufferedOutputStream;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.util.Collection;
+import java.util.zip.ZipEntry;
+import java.util.zip.ZipInputStream;
+
+public class VideoUtil {
+    private static final String TAG = "VideoUtil";
+
+    public VideoUtil() {
+    }
+
+    public static boolean isEmpty(@Nullable Collection object) {
+        return null == object || object.isEmpty();
+    }
+
+    public static synchronized String unZip(@NonNull String zipFile, @NonNull String targetDir) {
+        if (TextUtils.isEmpty(zipFile)) {
+            return null;
+        } else {
+            File file = new File(zipFile);
+            if (!file.exists()) {
+                return null;
+            } else {
+                File targetFolder = new File(targetDir);
+                if (!targetFolder.exists()) {
+                    targetFolder.mkdirs();
+                }
+
+                String dataDir = null;
+                short BUFFER = 4096;
+                FileInputStream fis = null;
+                ZipInputStream zis = null;
+                FileOutputStream fos = null;
+                BufferedOutputStream dest = null;
+
+                try {
+                    fis = new FileInputStream(file);
+                    zis = new ZipInputStream(new BufferedInputStream(fis));
+
+                    while (true) {
+                        while (true) {
+                            String strEntry;
+                            ZipEntry entry;
+                            do {
+                                if ((entry = zis.getNextEntry()) == null) {
+                                    return dataDir;
+                                }
+
+                                strEntry = entry.getName();
+                            } while (strEntry.contains("../"));
+
+                            if (entry.isDirectory()) {
+                                String count1 = targetDir + File.separator + strEntry;
+                                File data1 = new File(count1);
+                                if (!data1.exists()) {
+                                    data1.mkdirs();
+                                }
+
+                                if (TextUtils.isEmpty(dataDir)) {
+                                    dataDir = data1.getPath();
+                                }
+                            } else {
+                                byte[] data = new byte[BUFFER];
+                                String targetFileDir = targetDir + File.separator + strEntry;
+                                File targetFile = new File(targetFileDir);
+
+                                try {
+                                    fos = new FileOutputStream(targetFile);
+                                    dest = new BufferedOutputStream(fos, BUFFER);
+
+                                    int count;
+                                    while ((count = zis.read(data)) != -1) {
+                                        dest.write(data, 0, count);
+                                    }
+
+                                    dest.flush();
+                                } catch (IOException var41) {
+                                    ;
+                                } finally {
+                                    try {
+                                        if (dest != null) {
+                                            dest.close();
+                                        }
+
+                                        if (fos != null) {
+                                            fos.close();
+                                        }
+                                    } catch (IOException var40) {
+                                        ;
+                                    }
+
+                                }
+                            }
+                        }
+                    }
+                } catch (IOException e) {
+                    e.printStackTrace();
+                } finally {
+                    try {
+                        if (zis != null) {
+                            zis.close();
+                        }
+
+                        if (fis != null) {
+                            fis.close();
+                        }
+                    } catch (IOException e) {
+                        e.printStackTrace();
+                    }
+
+                }
+
+                return dataDir;
+            }
+        }
+    }
+
+    public static boolean hasJellyBeanMR2() {
+        return Build.VERSION.SDK_INT >= 18;
+    }
+
+}
diff --git a/ugckit/src/main/jniLibs/.gitkeep b/ugckit/src/main/jniLibs/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ugckit/src/main/res/color/ugckit_ic_text_selector.xml b/ugckit/src/main/res/color/ugckit_ic_text_selector.xml
new file mode 100644
index 0000000..d8ecae6
--- /dev/null
+++ b/ugckit/src/main/res/color/ugckit_ic_text_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="?attr/ugckitColorPrimary" android:state_selected="true" />
+    <item android:color="@color/ugckit_white" android:state_selected="false" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/color/ugckit_text_color1.xml b/ugckit/src/main/res/color/ugckit_text_color1.xml
new file mode 100755
index 0000000..d5c9ee4
--- /dev/null
+++ b/ugckit/src/main/res/color/ugckit_text_color1.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_selected="true" android:color="?attr/ugckitColorPrimary" />
+    <item android:color="#ffffff" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/color/ugckit_xml_list_item_text_color.xml b/ugckit/src/main/res/color/ugckit_xml_list_item_text_color.xml
new file mode 100644
index 0000000..ee9f568
--- /dev/null
+++ b/ugckit/src/main/res/color/ugckit_xml_list_item_text_color.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- 激活状态下为白色 -->
+    <item android:state_activated="true" android:color="#ff0accac" />
+    <!-- 默认为黑色 -->
+    <item android:color="#000" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/color/ugckit_xml_music_button_text.xml b/ugckit/src/main/res/color/ugckit_xml_music_button_text.xml
new file mode 100644
index 0000000..2c85093
--- /dev/null
+++ b/ugckit/src/main/res/color/ugckit_xml_music_button_text.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_selected="true" android:color="#ff0accac" /> <!-- pressed -->
+    <item android:color="#ff000000" /> <!-- default -->
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xhdpi/ugckit_color_swipe.9.png b/ugckit/src/main/res/drawable-xhdpi/ugckit_color_swipe.9.png
new file mode 100644
index 0000000..c1f45b1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xhdpi/ugckit_color_swipe.9.png differ
diff --git a/ugckit/src/main/res/drawable-xhdpi/ugckit_loading_circle_progress.png b/ugckit/src/main/res/drawable-xhdpi/ugckit_loading_circle_progress.png
new file mode 100644
index 0000000..52e3fc9
Binary files /dev/null and b/ugckit/src/main/res/drawable-xhdpi/ugckit_loading_circle_progress.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_bailan.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_bailan.png
new file mode 100755
index 0000000..007896e
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_bailan.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_bgm_wave_voice.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_bgm_wave_voice.png
new file mode 100644
index 0000000..c4b2705
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_bgm_wave_voice.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_biaozhun.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_biaozhun.png
new file mode 100755
index 0000000..1e67831
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_biaozhun.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_back_no_shaddow.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_back_no_shaddow.png
new file mode 100644
index 0000000..c686802
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_back_no_shaddow.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_back_shaddowed.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_back_shaddowed.png
new file mode 100644
index 0000000..8bcaa57
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_back_shaddowed.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient.xml
new file mode 100755
index 0000000..e223b46
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_gradient_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_btn_gradient_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient_normal.png
new file mode 100755
index 0000000..36701e7
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient_press.png
new file mode 100755
index 0000000..fe0e6cc
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_gradient_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right.xml
new file mode 100755
index 0000000..ca6ea70
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_left_right_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_btn_left_right_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right_normal.png
new file mode 100755
index 0000000..bae63b8
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right_press.png
new file mode 100755
index 0000000..60f158c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_left_right_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate.xml
new file mode 100755
index 0000000..12d6731
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_rotate_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_btn_rotate_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate_normal.png
new file mode 100755
index 0000000..26b9473
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate_press.png
new file mode 100755
index 0000000..5ea7988
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_rotate_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer.xml
new file mode 100755
index 0000000..bca72db
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_timer_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_btn_timer_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer_normal.png
new file mode 100755
index 0000000..1b76939
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer_press.png
new file mode 100755
index 0000000..6c12724
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_timer_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_ugc_next_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_ugc_next_normal.png
new file mode 100644
index 0000000..3d448d2
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_ugc_next_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_ugc_next_pressed.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_ugc_next_pressed.png
new file mode 100644
index 0000000..1d37f8a
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_ugc_next_pressed.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down.xml
new file mode 100755
index 0000000..80a9c70
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_up_down_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_btn_up_down_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down_normal.png
new file mode 100755
index 0000000..00b1a09
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down_press.png
new file mode 100755
index 0000000..663c083
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_up_down_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in.xml
new file mode 100755
index 0000000..28879e9
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_zoom_in_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_btn_zoom_in_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in_normal.png
new file mode 100755
index 0000000..77cf653
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in_press.png
new file mode 100755
index 0000000..19a2ad6
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_in_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out.xml
new file mode 100755
index 0000000..b20fb6f
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_zoom_out_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_btn_zoom_out_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out_normal.png
new file mode 100755
index 0000000..c9f85b7
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out_press.png
new file mode 100755
index 0000000..8d8d3ed
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_btn_zoom_out_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_chaotuo.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_chaotuo.png
new file mode 100755
index 0000000..e0e5a12
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_chaotuo.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_chunzhen.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_chunzhen.png
new file mode 100755
index 0000000..186af13
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_chunzhen.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part.png
new file mode 100644
index 0000000..4c0ebf3
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part_disable.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part_disable.png
new file mode 100644
index 0000000..3a2fd16
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part_disable.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part_hover.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part_hover.png
new file mode 100644
index 0000000..5c26e07
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_delete_last_part_hover.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_complete_rect_bg.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_complete_rect_bg.xml
new file mode 100644
index 0000000..a259b5c
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_complete_rect_bg.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#7f000000" />
+    <corners
+        android:bottomLeftRadius="10dp"
+        android:bottomRightRadius="10dp"
+        android:topLeftRadius="10dp"
+        android:topRightRadius="10dp" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_gray_rect_bg.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_gray_rect_bg.xml
new file mode 100644
index 0000000..457d630
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_gray_rect_bg.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#7f000000" />
+    <corners
+        android:bottomLeftRadius="30dp"
+        android:bottomRightRadius="30dp"
+        android:topLeftRadius="30dp"
+        android:topRightRadius="30dp" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_publisher_video.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_publisher_video.xml
new file mode 100644
index 0000000..346bdcf
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_publisher_video.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_publisher_video_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_publisher_video" android:state_selected="false" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_ugc_close.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_ugc_close.xml
new file mode 100644
index 0000000..0cfeaa4
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_drawable_ugc_close.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_publisher_close_press" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_publisher_close_normal" android:state_selected="false" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_effect_select.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_effect_select.png
new file mode 100644
index 0000000..ae84297
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_effect_select.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_face.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_face.png
new file mode 100644
index 0000000..93bc8e4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_face.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_fennen.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_fennen.png
new file mode 100755
index 0000000..ced9496
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_fennen.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_bailan.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_bailan.png
new file mode 100755
index 0000000..cd2380a
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_bailan.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_biaozhun.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_biaozhun.png
new file mode 100644
index 0000000..bd4d709
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_biaozhun.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_chaotuo.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_chaotuo.png
new file mode 100755
index 0000000..a22dec0
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_chaotuo.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_chunzhen.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_chunzhen.png
new file mode 100755
index 0000000..a3a84bc
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_chunzhen.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_fennen.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_fennen.png
new file mode 100644
index 0000000..955e731
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_fennen.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_huaijiu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_huaijiu.png
new file mode 100644
index 0000000..c7110c2
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_huaijiu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_landiao.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_landiao.png
new file mode 100644
index 0000000..7cf59a4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_landiao.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_langman.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_langman.png
new file mode 100644
index 0000000..0c0a589
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_langman.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_qingliang.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_qingliang.png
new file mode 100644
index 0000000..1612524
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_qingliang.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_qingxin.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_qingxin.png
new file mode 100644
index 0000000..4eb940c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_qingxin.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_rixi.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_rixi.png
new file mode 100644
index 0000000..54584a5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_rixi.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_selected.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_selected.png
new file mode 100644
index 0000000..3167dc5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_selected.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_weimei.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_weimei.png
new file mode 100644
index 0000000..01995e1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_weimei.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_xiangfen.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_xiangfen.png
new file mode 100644
index 0000000..da46b95
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_xiangfen.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yinghong.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yinghong.png
new file mode 100644
index 0000000..7a9db00
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yinghong.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yuanqi.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yuanqi.png
new file mode 100755
index 0000000..65ad504
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yuanqi.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yunshang.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yunshang.png
new file mode 100755
index 0000000..74bd4e8
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_filter_yunshang.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_fwhite.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_fwhite.png
new file mode 100755
index 0000000..42e33c5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_fwhite.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_huaijiu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_huaijiu.png
new file mode 100755
index 0000000..14fecfb
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_huaijiu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_11.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_11.png
new file mode 100644
index 0000000..94ddb0d
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_11.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_169.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_169.png
new file mode 100644
index 0000000..3d53cd4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_169.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_34.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_34.png
new file mode 100644
index 0000000..e6863dc
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_34.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_43.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_43.png
new file mode 100644
index 0000000..83761ad
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_43.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_916.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_916.png
new file mode 100644
index 0000000..6520b22
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_aspect_916.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beautiful_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beautiful_normal.png
new file mode 100644
index 0000000..f7073b1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beautiful_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beautiful_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beautiful_press.png
new file mode 100644
index 0000000..db1e146
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beautiful_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bigeye.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bigeye.png
new file mode 100644
index 0000000..b16da0c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bigeye.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bottom_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bottom_bg.png
new file mode 100644
index 0000000..2d972b3
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bottom_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bottom_bg2.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bottom_bg2.png
new file mode 100644
index 0000000..fe02c61
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_bottom_bg2.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_chin.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_chin.png
new file mode 100644
index 0000000..ff8869f
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_chin.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_faceshort.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_faceshort.png
new file mode 100644
index 0000000..97b8f32
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_faceshort.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_faceslim.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_faceslim.png
new file mode 100644
index 0000000..9f8657a
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_faceslim.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_facev.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_facev.png
new file mode 100644
index 0000000..f04d432
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_facev.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_goodluck.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_goodluck.png
new file mode 100644
index 0000000..08684d5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_goodluck.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_koubei.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_koubei.png
new file mode 100644
index 0000000..1512fa8
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_koubei.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_natural.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_natural.png
new file mode 100644
index 0000000..6c641fc
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_natural.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_normal.png
new file mode 100644
index 0000000..f7073b1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_noseslim.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_noseslim.png
new file mode 100644
index 0000000..6384310
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_noseslim.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_pitu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_pitu.png
new file mode 100644
index 0000000..a47062b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_pitu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_ruddy.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_ruddy.png
new file mode 100644
index 0000000..3e5d101
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_ruddy.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_smooth.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_smooth.png
new file mode 100644
index 0000000..4f381cf
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_smooth.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_white.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_white.png
new file mode 100644
index 0000000..e5743f4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beauty_white.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beuaty_eyebig.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beuaty_eyebig.png
new file mode 100644
index 0000000..b16da0c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_beuaty_eyebig.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_bottom_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_bottom_bg.png
new file mode 100644
index 0000000..2440ec2
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_bottom_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_close_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_close_normal.png
new file mode 100644
index 0000000..4b31f7f
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_close_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_close_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_close_press.png
new file mode 100644
index 0000000..05fd41b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_close_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_disable.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_disable.png
new file mode 100644
index 0000000..65650d5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_disable.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_normal.png
new file mode 100644
index 0000000..507ab8e
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_press.png
new file mode 100644
index 0000000..d7f5f3b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_choose_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_close_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_close_normal.png
new file mode 100644
index 0000000..ee5b082
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_close_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_close_pressed.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_close_pressed.png
new file mode 100644
index 0000000..8a91190
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_close_pressed.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_complete_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_complete_normal.png
new file mode 100644
index 0000000..e319787
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_complete_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_delete_red.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_delete_red.png
new file mode 100644
index 0000000..dcb3d7b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_delete_red.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_add_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_add_normal.png
new file mode 100644
index 0000000..a385736
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_add_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_add_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_add_press.png
new file mode 100644
index 0000000..518cf33
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_add_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_effect_confirm_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_effect_confirm_normal.png
new file mode 100644
index 0000000..717eb86
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_effect_confirm_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_effect_confirm_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_effect_confirm_press.png
new file mode 100644
index 0000000..100d8be
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_edit_effect_confirm_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_editer_bottom_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_editer_bottom_bg.png
new file mode 100644
index 0000000..9bcd910
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_editer_bottom_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_effect5.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_effect5.png
new file mode 100644
index 0000000..21c63e5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_effect5.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_effect_non.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_effect_non.png
new file mode 100644
index 0000000..8885a96
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_effect_non.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_angle.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_angle.png
new file mode 100644
index 0000000..305a505
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_angle.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_bright.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_bright.png
new file mode 100644
index 0000000..f07d2e6
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_bright.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_distance.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_distance.png
new file mode 100644
index 0000000..17326c6
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_eye_distance.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_faceshape.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_faceshape.png
new file mode 100644
index 0000000..036704b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_faceshape.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_forehead.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_forehead.png
new file mode 100644
index 0000000..26c21b3
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_forehead.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_motion_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_motion_normal.png
new file mode 100644
index 0000000..3552de5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_motion_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_motion_pressed.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_motion_pressed.png
new file mode 100644
index 0000000..4c86bc8
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_motion_pressed.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_mouse_width.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_mouse_width.png
new file mode 100644
index 0000000..affaa5a
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_mouse_width.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_mouseshape.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_mouseshape.png
new file mode 100644
index 0000000..caa08ed
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_mouseshape.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_change_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_change_normal.png
new file mode 100644
index 0000000..7113ac9
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_change_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_change_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_change_press.png
new file mode 100644
index 0000000..3715d99
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_change_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_default.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_default.png
new file mode 100644
index 0000000..4197d8c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_default.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_del_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_del_normal.png
new file mode 100644
index 0000000..b605d89
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_del_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_del_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_del_press.png
new file mode 100644
index 0000000..6a6ee1b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_del_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_left.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_left.png
new file mode 100644
index 0000000..1002385
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_left.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_normal.png
new file mode 100644
index 0000000..386c8dd
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_pressed.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_pressed.png
new file mode 100644
index 0000000..64dae7b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_pressed.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_right.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_right.png
new file mode 100644
index 0000000..fbe2a26
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_music_right.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_nose_position.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_nose_position.png
new file mode 100644
index 0000000..fc509d2
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_nose_position.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_nose_wing.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_nose_wing.png
new file mode 100644
index 0000000..f6ce419
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_nose_wing.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_paster_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_paster_normal.png
new file mode 100644
index 0000000..e2f20f4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_paster_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_paster_pressed.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_paster_pressed.png
new file mode 100755
index 0000000..0dd431a
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_paster_pressed.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pause_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pause_normal.png
new file mode 100644
index 0000000..c5306dc
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pause_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pause_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pause_press.png
new file mode 100644
index 0000000..142d38c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pause_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_play_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_play_normal.png
new file mode 100644
index 0000000..83c2d94
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_play_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_play_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_play_press.png
new file mode 100644
index 0000000..4d47636
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_play_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_player_slider.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_player_slider.png
new file mode 100644
index 0000000..d48f11c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_player_slider.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pounch_remove.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pounch_remove.png
new file mode 100644
index 0000000..9ed7d75
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_pounch_remove.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_left.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_left.png
new file mode 100644
index 0000000..c69ee42
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_left.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_line.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_line.png
new file mode 100644
index 0000000..9165a3c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_line.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_right.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_right.png
new file mode 100644
index 0000000..672f864
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_progress_right.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_repeate_range.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_repeate_range.png
new file mode 100644
index 0000000..a18916c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_repeate_range.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_hall.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_hall.png
new file mode 100644
index 0000000..92828bb
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_hall.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_ktv.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_ktv.png
new file mode 100644
index 0000000..51b4ffd
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_ktv.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_low.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_low.png
new file mode 100644
index 0000000..a96486b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_low.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_magnetic.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_magnetic.png
new file mode 100644
index 0000000..80a7e1c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_magnetic.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_room.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_room.png
new file mode 100644
index 0000000..103c7d6
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_room.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_sonorous.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_sonorous.png
new file mode 100644
index 0000000..71d3bd1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_reverb_sonorous.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_smilelines.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_smilelines.png
new file mode 100644
index 0000000..5f4724c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_smilelines.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_time_effect_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_time_effect_normal.png
new file mode 100644
index 0000000..e6dd0d4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_time_effect_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_time_effect_pressed.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_time_effect_pressed.png
new file mode 100644
index 0000000..9f0db7f
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_time_effect_pressed.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_tooth_white.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_tooth_white.png
new file mode 100644
index 0000000..f6a1798
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_tooth_white.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_ugc_soundeffect.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_ugc_soundeffect.png
new file mode 100644
index 0000000..7d76908
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_ugc_soundeffect.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_undo_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_undo_normal.png
new file mode 100644
index 0000000..db90673
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_undo_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_undo_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_undo_press.png
new file mode 100644
index 0000000..e7235cd
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_undo_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_user_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_user_normal.png
new file mode 100644
index 0000000..0c86736
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_user_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_user_selected.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_user_selected.png
new file mode 100644
index 0000000..461a920
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_user_selected.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_badboy.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_badboy.png
new file mode 100644
index 0000000..fe8f053
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_badboy.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_beast.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_beast.png
new file mode 100644
index 0000000..7178182
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_beast.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_deadfathouse.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_deadfathouse.png
new file mode 100644
index 0000000..d7814c9
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_deadfathouse.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_electric.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_electric.png
new file mode 100644
index 0000000..dfc1be1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_electric.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_ethereal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_ethereal.png
new file mode 100644
index 0000000..b039c2c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_ethereal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_foreigner.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_foreigner.png
new file mode 100644
index 0000000..e4641a6
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_foreigner.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_heavymechanical.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_heavymechanical.png
new file mode 100644
index 0000000..8198650
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_heavymechanical.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_loli.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_loli.png
new file mode 100644
index 0000000..7a680d4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_loli.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_matal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_matal.png
new file mode 100644
index 0000000..912013a
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_matal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_uncle.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_uncle.png
new file mode 100644
index 0000000..e8f8c7c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_voicechange_uncle.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_close.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_close.png
new file mode 100644
index 0000000..3804d60
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_close.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_del_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_del_normal.png
new file mode 100644
index 0000000..463e49d
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_del_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_del_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_del_press.png
new file mode 100644
index 0000000..d1ce963
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_del_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_edit.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_edit.png
new file mode 100644
index 0000000..ef8044c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_edit.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_normal.png
new file mode 100644
index 0000000..c8a6234
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_press.png
new file mode 100644
index 0000000..0d4c7df
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_rotation.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_rotation.png
new file mode 100644
index 0000000..51ec57f
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_word_rotation.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_wrinkles.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_wrinkles.png
new file mode 100644
index 0000000..be86890
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_ic_wrinkles.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_rotate_video_view.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_rotate_video_view.png
new file mode 100644
index 0000000..ddbaf85
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_rotate_video_view.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_add.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_add.png
new file mode 100644
index 0000000..eaf3d97
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_add.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_pause.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_pause.png
new file mode 100644
index 0000000..fd44785
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_pause.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_play.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_play.png
new file mode 100644
index 0000000..47f4e18
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_icon_word_play.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_item_time.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_item_time.png
new file mode 100644
index 0000000..bf75234
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_item_time.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_jointer_btn_cancel.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_jointer_btn_cancel.png
new file mode 100644
index 0000000..4a123d0
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_jointer_btn_cancel.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_landiao.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_landiao.png
new file mode 100755
index 0000000..023cddc
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_landiao.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_langman.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_langman.png
new file mode 100755
index 0000000..ac74b34
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_langman.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_list_empty.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_list_empty.png
new file mode 100644
index 0000000..43520d4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_list_empty.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_login_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_login_bg.png
new file mode 100644
index 0000000..b796656
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_login_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_orginal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_orginal.png
new file mode 100755
index 0000000..67f5867
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_orginal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_pause_record.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_pause_record.png
new file mode 100644
index 0000000..60260ec
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_pause_record.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_play_seekbar_icon.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_play_seekbar_icon.png
new file mode 100644
index 0000000..952fe4e
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_play_seekbar_icon.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_publish_success.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publish_success.png
new file mode 100644
index 0000000..a63f3ea
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publish_success.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_close_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_close_normal.png
new file mode 100644
index 0000000..7fc5a08
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_close_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_close_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_close_press.png
new file mode 100644
index 0000000..44dae21
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_close_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_video.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_video.png
new file mode 100644
index 0000000..a775406
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_video.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_video_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_video_press.png
new file mode 100644
index 0000000..1351c78
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_publisher_video_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_qingliang.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_qingliang.png
new file mode 100755
index 0000000..684f7a9
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_qingliang.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_qingxin.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_qingxin.png
new file mode 100755
index 0000000..8717121
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_qingxin.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_back.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_back.png
new file mode 100644
index 0000000..a8b6530
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_back.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_back_disable.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_back_disable.png
new file mode 100644
index 0000000..8635ab7
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_back_disable.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_beautiful_girl.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_beautiful_girl.png
new file mode 100644
index 0000000..f2d9fa1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_beautiful_girl.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_beautiful_girl_hover.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_beautiful_girl_hover.png
new file mode 100644
index 0000000..90615e4
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_beautiful_girl_hover.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_left_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_left_bg.png
new file mode 100644
index 0000000..b2d5d9d
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_left_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mask_buttom.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mask_buttom.png
new file mode 100644
index 0000000..38e5969
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mask_buttom.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mask_top.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mask_top.png
new file mode 100644
index 0000000..0d79fea
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mask_top.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mid_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mid_bg.png
new file mode 100644
index 0000000..de5a678
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mid_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mode_instruction_bkg.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mode_instruction_bkg.xml
new file mode 100755
index 0000000..4f5d37d
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_mode_instruction_bkg.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval"
+    android:useLevel="false">
+
+    <solid android:color="#fff" />
+    <size
+        android:width="5dp"
+        android:height="5dp" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_music.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_music.png
new file mode 100644
index 0000000..a5b3e35
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_music.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_music_hover.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_music_hover.png
new file mode 100644
index 0000000..9b82b7c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_music_hover.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_right_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_right_bg.png
new file mode 100644
index 0000000..c13e1d6
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_right_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_ring_gray.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_ring_gray.png
new file mode 100644
index 0000000..230e4a0
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_ring_gray.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_ring_light.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_ring_light.png
new file mode 100644
index 0000000..14949e0
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_ring_light.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_sound_effect_hover.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_sound_effect_hover.png
new file mode 100755
index 0000000..47d4e80
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_sound_effect_hover.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_sound_effect_normal.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_sound_effect_normal.png
new file mode 100755
index 0000000..6cfd095
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_sound_effect_normal.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_start.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_start.png
new file mode 100644
index 0000000..3f36e2c
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_start.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_start_press.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_start_press.png
new file mode 100644
index 0000000..f0a3bad
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_record_start_press.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_rixi.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_rixi.png
new file mode 100755
index 0000000..7288a00
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_rixi.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_round_btn_bkg.xml b/ugckit/src/main/res/drawable-xxhdpi/ugckit_round_btn_bkg.xml
new file mode 100755
index 0000000..904d345
--- /dev/null
+++ b/ugckit/src/main/res/drawable-xxhdpi/ugckit_round_btn_bkg.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="true">
+        <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+
+            <solid android:color="#4D0A0A" />
+            <corners android:radius="15dp" />
+            <size android:height="30dp" android:width="70dp" />
+        </shape>
+    </item>
+
+    <item android:state_pressed="false">
+        <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+
+            <solid android:color="#D9534F" />
+            <corners android:radius="15dp" />
+            <size android:height="30dp" android:width="70dp" />
+        </shape>
+    </item>
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_seekbar_line_highlight.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_seekbar_line_highlight.png
new file mode 100644
index 0000000..bb121cd
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_seekbar_line_highlight.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_select_video.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_select_video.png
new file mode 100644
index 0000000..deb33a9
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_select_video.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_splash_pic.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_splash_pic.png
new file mode 100644
index 0000000..7afee3f
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_splash_pic.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_start_record.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_start_record.png
new file mode 100644
index 0000000..95c7464
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_start_record.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_switch_camera.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_switch_camera.png
new file mode 100644
index 0000000..d80c449
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_switch_camera.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_switch_camera_hover.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_switch_camera_hover.png
new file mode 100644
index 0000000..9bb8704
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_switch_camera_hover.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_tcloud_logo.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_tcloud_logo.png
new file mode 100644
index 0000000..b2b6855
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_tcloud_logo.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_close.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_close.png
new file mode 100644
index 0000000..23dff38
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_close.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_close_hover.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_close_hover.png
new file mode 100644
index 0000000..93e75c0
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_close_hover.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_disable.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_disable.png
new file mode 100644
index 0000000..eb1d634
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_disable.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_open.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_open.png
new file mode 100644
index 0000000..ae340e1
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_open.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_open_hover.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_open_hover.png
new file mode 100644
index 0000000..6d4ae81
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_torch_open_hover.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_user_info_next.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_user_info_next.png
new file mode 100644
index 0000000..9bfcb7b
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_user_info_next.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_user_info_top_bg.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_user_info_top_bg.png
new file mode 100644
index 0000000..5038c86
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_user_info_top_bg.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_baby_agetest.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_baby_agetest.png
new file mode 100755
index 0000000..b81df04
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_baby_agetest.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_boom.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_boom.png
new file mode 100755
index 0000000..bf87fbb
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_boom.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_bottle1.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_bottle1.png
new file mode 100755
index 0000000..3aad25e
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_bottle1.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_caidai.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_caidai.png
new file mode 100755
index 0000000..1c272ca
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_caidai.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_cherries.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_cherries.png
new file mode 100755
index 0000000..5907bbe
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_cherries.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_dianshizhixing.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_dianshizhixing.png
new file mode 100755
index 0000000..2653f94
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_dianshizhixing.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_dxxiaochounv.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_dxxiaochounv.png
new file mode 100755
index 0000000..a393f19
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_dxxiaochounv.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_fenfenxia_square.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_fenfenxia_square.png
new file mode 100644
index 0000000..62f4139
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_fenfenxia_square.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_fengkuangdacall.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_fengkuangdacall.png
new file mode 100755
index 0000000..a910594
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_fengkuangdacall.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_guajiezhuang.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_guajiezhuang.png
new file mode 100644
index 0000000..7e7c0af
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_guajiezhuang.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_gufengzhuang.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_gufengzhuang.png
new file mode 100755
index 0000000..809594d
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_gufengzhuang.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_haiyang2.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_haiyang2.png
new file mode 100755
index 0000000..893b240
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_haiyang2.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_huaxianzi.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_huaxianzi.png
new file mode 100755
index 0000000..72b6070
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_huaxianzi.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_kongxue2.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_kongxue2.png
new file mode 100755
index 0000000..cb084f0
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_kongxue2.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_lianpu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_lianpu.png
new file mode 100755
index 0000000..fd32a51
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_lianpu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_liuhaifadai.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_liuhaifadai.png
new file mode 100755
index 0000000..12aa196
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_liuhaifadai.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_liuxingyu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_liuxingyu.png
new file mode 100755
index 0000000..04d05e8
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_liuxingyu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_nihongshu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_nihongshu.png
new file mode 100644
index 0000000..ff2eb08
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_nihongshu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_pikachu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_pikachu.png
new file mode 100644
index 0000000..d19cd01
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_pikachu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_purplecat.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_purplecat.png
new file mode 100755
index 0000000..8c6bbac
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_purplecat.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_qixichun.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_qixichun.png
new file mode 100755
index 0000000..6d76f02
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_qixichun.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_qxingzuo.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_qxingzuo.png
new file mode 100755
index 0000000..149bd63
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_qxingzuo.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_remix1.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_remix1.png
new file mode 100755
index 0000000..159a078
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_remix1.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_starear.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_starear.png
new file mode 100755
index 0000000..ba897f5
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_starear.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_xiaofu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_xiaofu.png
new file mode 100755
index 0000000..aaf8338
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_xiaofu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_yuansufugu.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_yuansufugu.png
new file mode 100644
index 0000000..a623161
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_video_yuansufugu.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_weimei.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_weimei.png
new file mode 100755
index 0000000..85c1322
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_weimei.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_xiangfen.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_xiangfen.png
new file mode 100755
index 0000000..0b5561e
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_xiangfen.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_yinghong.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_yinghong.png
new file mode 100755
index 0000000..8f87fa2
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_yinghong.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_yuanqi.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_yuanqi.png
new file mode 100755
index 0000000..b20c0a0
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_yuanqi.png differ
diff --git a/ugckit/src/main/res/drawable-xxhdpi/ugckit_yunshang.png b/ugckit/src/main/res/drawable-xxhdpi/ugckit_yunshang.png
new file mode 100755
index 0000000..d1b84b8
Binary files /dev/null and b/ugckit/src/main/res/drawable-xxhdpi/ugckit_yunshang.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_normal.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_normal.9.png
new file mode 100755
index 0000000..1467e4c
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_normal.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_pressed.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_pressed.9.png
new file mode 100755
index 0000000..27b74e4
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_pressed.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_selector.xml b/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_selector.xml
new file mode 100755
index 0000000..965abbe
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_actionsheet_bottom_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_actionsheet_bottom_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_actionsheet_bottom_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_normal.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_normal.9.png
new file mode 100755
index 0000000..373ef58
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_normal.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_pressed.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_pressed.9.png
new file mode 100755
index 0000000..ceebc0f
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_pressed.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_selector.xml b/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_selector.xml
new file mode 100755
index 0000000..295dc6a
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_actionsheet_middle_selector.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/ugckit_actionsheet_middle_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_actionsheet_middle_normal" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_single_normal.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_single_normal.9.png
new file mode 100755
index 0000000..59e10ce
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_single_normal.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_single_pressed.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_single_pressed.9.png
new file mode 100755
index 0000000..28b29f1
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_single_pressed.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_single_selector.xml b/ugckit/src/main/res/drawable/ugckit_actionsheet_single_selector.xml
new file mode 100755
index 0000000..ecf5fba
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_actionsheet_single_selector.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/ugckit_actionsheet_single_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_actionsheet_single_normal" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_top_normal.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_top_normal.9.png
new file mode 100755
index 0000000..02c3923
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_top_normal.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_top_pressed.9.png b/ugckit/src/main/res/drawable/ugckit_actionsheet_top_pressed.9.png
new file mode 100755
index 0000000..c20e7be
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_actionsheet_top_pressed.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_actionsheet_top_selector.xml b/ugckit/src/main/res/drawable/ugckit_actionsheet_top_selector.xml
new file mode 100755
index 0000000..131226e
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_actionsheet_top_selector.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/ugckit_actionsheet_top_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_actionsheet_top_normal" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_default_progress.xml b/ugckit/src/main/res/drawable/ugckit_default_progress.xml
new file mode 100644
index 0000000..786b820
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_default_progress.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape>
+            <solid android:color="@color/ugckit_half_white" />
+        </shape>
+    </item>
+
+    <item android:id="@android:id/secondaryProgress">
+        <clip>
+            <shape>
+                <solid android:color="@color/ugckit_color_red2" />
+            </shape>
+        </clip>
+    </item>
+    <item android:id="@android:id/progress">
+        <clip>
+            <shape>
+                <solid android:color="@color/ugckit_color_red2" />
+            </shape>
+        </clip>
+    </item>
+
+</layer-list>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_drawable_ugc_red_next.xml b/ugckit/src/main/res/drawable/ugckit_drawable_ugc_red_next.xml
new file mode 100644
index 0000000..5ba0b89
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_drawable_ugc_red_next.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_btn_ugc_next_normal" android:state_pressed="false" />
+    <item android:drawable="@drawable/ugckit_btn_ugc_next_pressed" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_editor_undo_selector.xml b/ugckit/src/main/res/drawable/ugckit_editor_undo_selector.xml
new file mode 100644
index 0000000..d3804f0
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_editor_undo_selector.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_undo_normal" android:state_pressed="false" />
+
+    <item android:drawable="@drawable/ugckit_ic_undo_press" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_choose_next_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_choose_next_selector.xml
new file mode 100644
index 0000000..45ebdc9
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_choose_next_selector.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_choose_press" android:state_enabled="true" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_choose_disable" android:state_enabled="false" />
+    <item android:drawable="@drawable/ugckit_ic_choose_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_close_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_close_selector.xml
new file mode 100644
index 0000000..3c80771
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_close_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_close_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_close_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_edit_add_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_edit_add_selector.xml
new file mode 100644
index 0000000..7e71da4
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_edit_add_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_edit_add_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_edit_add_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_edit_effect_confirm_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_edit_effect_confirm_selector.xml
new file mode 100644
index 0000000..2a2a1c3
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_edit_effect_confirm_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_edit_effect_confirm_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_edit_effect_confirm_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_filter_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_filter_selector.xml
new file mode 100644
index 0000000..11b0685
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_filter_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_beautiful_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_beautiful_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_motion_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_motion_selector.xml
new file mode 100644
index 0000000..a360d38
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_motion_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_motion_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_motion_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_music_change_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_music_change_selector.xml
new file mode 100644
index 0000000..3d57a13
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_music_change_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_music_change_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_music_change_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_music_del_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_music_del_selector.xml
new file mode 100644
index 0000000..cf4e4f4
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_music_del_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_music_del_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_music_del_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_music_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_music_selector.xml
new file mode 100644
index 0000000..d4be71e
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_music_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_music_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_music_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_paster_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_paster_selector.xml
new file mode 100644
index 0000000..d4df18f
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_paster_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_paster_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_paster_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_pause_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_pause_selector.xml
new file mode 100644
index 0000000..1dfe1e1
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_pause_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_pause_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_pause_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_picker_close.xml b/ugckit/src/main/res/drawable/ugckit_ic_picker_close.xml
new file mode 100755
index 0000000..4f1047c
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_picker_close.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/ugckit_ic_choose_close_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_choose_close_normal" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_play_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_play_selector.xml
new file mode 100644
index 0000000..94d203f
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_play_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_play_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_play_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_time_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_time_selector.xml
new file mode 100644
index 0000000..1d86768
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_time_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_time_effect_pressed" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_time_effect_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_transition_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_transition_selector.xml
new file mode 100644
index 0000000..3d57a13
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_transition_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_music_change_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_music_change_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_ic_word_selector.xml b/ugckit/src/main/res/drawable/ugckit_ic_word_selector.xml
new file mode 100644
index 0000000..c93f623
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_ic_word_selector.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_ic_word_press" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_ic_word_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_icon_seek_bar_cursor.xml b/ugckit/src/main/res/drawable/ugckit_icon_seek_bar_cursor.xml
new file mode 100644
index 0000000..e8d7cb7
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_icon_seek_bar_cursor.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+    <solid android:color="@color/ugckit_color_accent" />
+
+    <size
+        android:height="15dp"
+        android:width="15dp" />
+
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_mix_record_player_seekbar_pic.xml b/ugckit/src/main/res/drawable/ugckit_mix_record_player_seekbar_pic.xml
new file mode 100644
index 0000000..028b220
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_mix_record_player_seekbar_pic.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- 按下状态-->
+    <item android:drawable="@drawable/ugckit_mix_record_seekbar_thum" android:state_pressed="true" />
+
+    <!-- 有焦点状态 -->
+    <item android:drawable="@drawable/ugckit_mix_record_seekbar_thum" android:state_focused="true" />
+
+    <!-- 普通状态 -->
+    <item android:drawable="@drawable/ugckit_mix_record_seekbar_thum" />
+</selector>
diff --git a/ugckit/src/main/res/drawable/ugckit_mix_record_seekbar.xml b/ugckit/src/main/res/drawable/ugckit_mix_record_seekbar.xml
new file mode 100644
index 0000000..972d51a
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_mix_record_seekbar.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape>
+            <corners android:radius="5dp" />
+            <solid android:color="#aaa5a2" />
+        </shape>
+    </item>
+
+    <item android:id="@android:id/secondaryProgress">
+        <clip>
+            <shape>
+                <corners android:radius="5dp" />
+                <solid android:color="#FF584C" />
+            </shape>
+        </clip>
+    </item>
+
+    <item android:id="@android:id/progress">
+        <clip>
+            <shape>
+                <corners android:radius="5dp" />
+                <solid android:color="#FF584C" />
+            </shape>
+        </clip>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_mix_record_seekbar_thum.xml b/ugckit/src/main/res/drawable/ugckit_mix_record_seekbar_thum.xml
new file mode 100644
index 0000000..43bd3c6
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_mix_record_seekbar_thum.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- Larger blue circle in back -->
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="#ffffff" />
+            <size
+                android:width="15dp"
+                android:height="15dp" />
+        </shape>
+    </item>
+    <!-- Smaller red circle in front -->
+    <item>
+        <shape android:shape="oval">
+            <!-- transparent stroke = larger_circle_size - smaller_circle_size -->
+            <stroke
+                android:color="@android:color/transparent"
+                android:width="8dp" />
+            <solid android:color="#f00" />
+            <size
+                android:width="8dp"
+                android:height="8dp" />
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_dark_dream.gif b/ugckit/src/main/res/drawable/ugckit_motion_dark_dream.gif
new file mode 100644
index 0000000..06fd9d3
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_dark_dream.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_ghost.gif b/ugckit/src/main/res/drawable/ugckit_motion_ghost.gif
new file mode 100644
index 0000000..09f2380
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_ghost.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_ghost_shaddow.gif b/ugckit/src/main/res/drawable/ugckit_motion_ghost_shaddow.gif
new file mode 100644
index 0000000..35ab244
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_ghost_shaddow.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_illusion.gif b/ugckit/src/main/res/drawable/ugckit_motion_illusion.gif
new file mode 100644
index 0000000..133cfff
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_illusion.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_lightning.gif b/ugckit/src/main/res/drawable/ugckit_motion_lightning.gif
new file mode 100644
index 0000000..68b8e51
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_lightning.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_mirror.gif b/ugckit/src/main/res/drawable/ugckit_motion_mirror.gif
new file mode 100644
index 0000000..9910fd2
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_mirror.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_phantom_shaddow.gif b/ugckit/src/main/res/drawable/ugckit_motion_phantom_shaddow.gif
new file mode 100644
index 0000000..0030c60
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_phantom_shaddow.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_rock_light.gif b/ugckit/src/main/res/drawable/ugckit_motion_rock_light.gif
new file mode 100644
index 0000000..ed17887
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_rock_light.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_soul_out.gif b/ugckit/src/main/res/drawable/ugckit_motion_soul_out.gif
new file mode 100644
index 0000000..97dc159
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_soul_out.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_split_screen.gif b/ugckit/src/main/res/drawable/ugckit_motion_split_screen.gif
new file mode 100644
index 0000000..6c1d73c
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_split_screen.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_time_normal.gif b/ugckit/src/main/res/drawable/ugckit_motion_time_normal.gif
new file mode 100644
index 0000000..a93824e
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_time_normal.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_time_repeat.gif b/ugckit/src/main/res/drawable/ugckit_motion_time_repeat.gif
new file mode 100644
index 0000000..442fb8f
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_time_repeat.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_time_reverse.gif b/ugckit/src/main/res/drawable/ugckit_motion_time_reverse.gif
new file mode 100644
index 0000000..8b2795d
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_time_reverse.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_time_slow.gif b/ugckit/src/main/res/drawable/ugckit_motion_time_slow.gif
new file mode 100644
index 0000000..49ca4fc
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_time_slow.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_motion_win_shaddow.gif b/ugckit/src/main/res/drawable/ugckit_motion_win_shaddow.gif
new file mode 100644
index 0000000..132c83e
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_motion_win_shaddow.gif differ
diff --git a/ugckit/src/main/res/drawable/ugckit_progress_bg.9.png b/ugckit/src/main/res/drawable/ugckit_progress_bg.9.png
new file mode 100644
index 0000000..409bbcf
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_progress_bg.9.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_record_beauty_selector.xml b/ugckit/src/main/res/drawable/ugckit_record_beauty_selector.xml
new file mode 100644
index 0000000..556dbcf
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_record_beauty_selector.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_record_beautiful_girl" android:state_pressed="false" />
+    <item android:drawable="@drawable/ugckit_record_beautiful_girl_hover" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_record_music_selector.xml b/ugckit/src/main/res/drawable/ugckit_record_music_selector.xml
new file mode 100644
index 0000000..750c19b
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_record_music_selector.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_record_music" android:state_pressed="false" />
+    <item android:drawable="@drawable/ugckit_record_music_hover" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_record_round_bg.xml b/ugckit/src/main/res/drawable/ugckit_record_round_bg.xml
new file mode 100644
index 0000000..353caea
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_record_round_bg.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+    <solid android:color="#7F000000" />
+
+
+</shape>
diff --git a/ugckit/src/main/res/drawable/ugckit_record_soundeffect.xml b/ugckit/src/main/res/drawable/ugckit_record_soundeffect.xml
new file mode 100755
index 0000000..5dc388e
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_record_soundeffect.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_record_sound_effect_hover" android:state_pressed="true" />
+    <item android:drawable="@drawable/ugckit_record_sound_effect_normal" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_record_speed_selector.xml b/ugckit/src/main/res/drawable/ugckit_record_speed_selector.xml
new file mode 100644
index 0000000..033079d
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_record_speed_selector.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="#7f000000" android:state_focused="true" />
+    <item android:color="#7f000000" android:state_checked="true" />
+    <item android:color="#7f000000" android:state_pressed="true" />
+    <item android:color="#7f000000" android:state_selected="true" />
+    <item android:color="@color/ugckit_white" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_record_way_selector_txt_color.xml b/ugckit/src/main/res/drawable/ugckit_record_way_selector_txt_color.xml
new file mode 100755
index 0000000..6b0e0ec
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_record_way_selector_txt_color.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_selected="true" android:color="#ffffff" />
+    <item android:color="#CDC9C9" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_rect_bg_gray.xml b/ugckit/src/main/res/drawable/ugckit_rect_bg_gray.xml
new file mode 100644
index 0000000..1d0bc5c
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_rect_bg_gray.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <stroke
+        android:color="#444444"
+        android:width="1dp" />
+</shape>
diff --git a/ugckit/src/main/res/drawable/ugckit_rect_bg_green.xml b/ugckit/src/main/res/drawable/ugckit_rect_bg_green.xml
new file mode 100644
index 0000000..101e378
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_rect_bg_green.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <stroke
+        android:color="#0accac"
+        android:width="1dp" />
+</shape>
diff --git a/ugckit/src/main/res/drawable/ugckit_round_button.xml b/ugckit/src/main/res/drawable/ugckit_round_button.xml
new file mode 100644
index 0000000..6978a4e
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_round_button.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle"
+    android:padding="10dp">
+    <solid android:color="#A0333333" />
+    <corners android:radius="16dp" />
+</shape>
diff --git a/ugckit/src/main/res/drawable/ugckit_round_button_2.xml b/ugckit/src/main/res/drawable/ugckit_round_button_2.xml
new file mode 100644
index 0000000..8f73296
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_round_button_2.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+
+    <corners android:radius="360dip" />
+
+    <!--<stroke android:width="1dp" android:color="@color/colorGray7"/>-->
+
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_round_button_3.xml b/ugckit/src/main/res/drawable/ugckit_round_button_3.xml
new file mode 100644
index 0000000..983d62e
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_round_button_3.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <solid android:color="@color/color_red" />
+
+    <corners android:radius="360dip" />
+
+    <stroke
+        android:width="1dp"
+        android:color="@color/color_red" />
+
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_seekbar_progress_drawable.xml b/ugckit/src/main/res/drawable/ugckit_seekbar_progress_drawable.xml
new file mode 100644
index 0000000..86563b7
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_seekbar_progress_drawable.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape>
+            <corners android:radius="6dp" />
+            <solid android:color="#ffd8d8d8" />
+        </shape>
+    </item>
+    <item android:id="@android:id/secondaryProgress">
+        <clip>
+            <shape>
+                <corners android:radius="6dp" />
+                <solid android:color="#FF584C" />
+            </shape>
+        </clip>
+    </item>
+    <item android:id="@android:id/progress">
+        <clip>
+            <shape>
+                <corners android:radius="6dp" />
+                <solid android:color="#FF584C" />
+            </shape>
+        </clip>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_selector_delete_last_part.xml b/ugckit/src/main/res/drawable/ugckit_selector_delete_last_part.xml
new file mode 100644
index 0000000..b69d9f8
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_selector_delete_last_part.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_delete_last_part" android:state_pressed="false" />
+
+    <item android:drawable="@drawable/ugckit_delete_last_part_hover" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_selector_radio_bg.xml b/ugckit/src/main/res/drawable/ugckit_selector_radio_bg.xml
new file mode 100644
index 0000000..c4bd629
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_selector_radio_bg.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/ugckit_rect_bg_green" />
+    <!-- not selected -->
+    <item android:state_checked="false" android:drawable="@drawable/ugckit_rect_bg_gray" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_selector_record_back.xml b/ugckit/src/main/res/drawable/ugckit_selector_record_back.xml
new file mode 100644
index 0000000..7cd269d
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_selector_record_back.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_record_back" android:state_pressed="false" />
+
+    <item android:drawable="@drawable/ugckit_record_back_disable" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_selector_switch_camera.xml b/ugckit/src/main/res/drawable/ugckit_selector_switch_camera.xml
new file mode 100644
index 0000000..af258d0
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_selector_switch_camera.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_switch_camera" android:state_pressed="false" />
+    <item android:drawable="@drawable/ugckit_switch_camera_hover" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_selector_time_bg.xml b/ugckit/src/main/res/drawable/ugckit_selector_time_bg.xml
new file mode 100644
index 0000000..2e4b1b4
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_selector_time_bg.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/ugckit_shape_time_bg_selected" android:state_selected="true" />
+    <item android:drawable="@drawable/ugckit_shape_time_bg_normal" android:state_selected="false" />
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_selector_torch_close.xml b/ugckit/src/main/res/drawable/ugckit_selector_torch_close.xml
new file mode 100644
index 0000000..ee99f51
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_selector_torch_close.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_torch_close" android:state_pressed="false" />
+
+    <item android:drawable="@drawable/ugckit_torch_close_hover" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_selector_torch_open.xml b/ugckit/src/main/res/drawable/ugckit_selector_torch_open.xml
new file mode 100644
index 0000000..69639a6
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_selector_torch_open.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/ugckit_torch_open" android:state_pressed="false" />
+
+    <item android:drawable="@drawable/ugckit_torch_open_hover" android:state_pressed="true" />
+
+</selector>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_setting_activity_next.png b/ugckit/src/main/res/drawable/ugckit_setting_activity_next.png
new file mode 100755
index 0000000..9bfcb7b
Binary files /dev/null and b/ugckit/src/main/res/drawable/ugckit_setting_activity_next.png differ
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_input_background.xml b/ugckit/src/main/res/drawable/ugckit_shape_input_background.xml
new file mode 100644
index 0000000..8ee569f
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_input_background.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+
+
+    <corners android:radius="2dp" />
+    <solid android:color="@color/ugckit_white" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_list_divider.xml b/ugckit/src/main/res/drawable/ugckit_shape_list_divider.xml
new file mode 100644
index 0000000..30958dc
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_list_divider.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:centerColor="#181d27"
+        android:endColor="#181d27"
+        android:startColor="#181d27"
+        android:type="linear" />
+    <size
+        android:height="1dp"
+        android:width="1dp" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_dark_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_dark_press.xml
new file mode 100644
index 0000000..c3dadbf
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_dark_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_dark_dream_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_ghost_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_ghost_press.xml
new file mode 100644
index 0000000..65f3444
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_ghost_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_ghost_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_ghost_shadow_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_ghost_shadow_press.xml
new file mode 100644
index 0000000..6a74e7a
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_ghost_shadow_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_ghost_shaddow_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_illusion_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_illusion_press.xml
new file mode 100644
index 0000000..3e4e9ec
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_illusion_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_illusion_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_light_wave_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_light_wave_press.xml
new file mode 100644
index 0000000..fccdbe5
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_light_wave_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_rock_light_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_lightning_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_lightning_press.xml
new file mode 100644
index 0000000..1b957bf
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_lightning_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_lightning_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_mirror_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_mirror_press.xml
new file mode 100644
index 0000000..a4e4fd1
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_mirror_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_mirror_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_phantom_shadow_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_phantom_shadow_press.xml
new file mode 100644
index 0000000..4fc6579
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_phantom_shadow_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_phantom_shaddow_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_spirit_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_spirit_press.xml
new file mode 100644
index 0000000..14ffe73
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_spirit_press.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_soul_out_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_split_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_split_press.xml
new file mode 100644
index 0000000..648086f
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_split_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_screen_split_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_motion_win_shadow_press.xml b/ugckit/src/main/res/drawable/ugckit_shape_motion_win_shadow_press.xml
new file mode 100644
index 0000000..e070cfb
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_motion_win_shadow_press.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_win_shaddow_color_press" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_picker_bg.xml b/ugckit/src/main/res/drawable/ugckit_shape_picker_bg.xml
new file mode 100644
index 0000000..057462e
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_picker_bg.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@android:color/transparent" />
+    <stroke
+        android:width="2dp"
+        android:color="@color/ugckit_color_accent_transparent30" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_time_bg_normal.xml b/ugckit/src/main/res/drawable/ugckit_shape_time_bg_normal.xml
new file mode 100644
index 0000000..0c008c8
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_time_bg_normal.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_time_bg_normal" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_time_bg_selected.xml b/ugckit/src/main/res/drawable/ugckit_shape_time_bg_selected.xml
new file mode 100644
index 0000000..e81997a
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_time_bg_selected.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+
+    <size
+        android:width="15dp"
+        android:height="15dp" />
+
+    <solid android:color="@color/ugckit_time_bg_selected" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_video_bottom_mask.xml b/ugckit/src/main/res/drawable/ugckit_shape_video_bottom_mask.xml
new file mode 100644
index 0000000..7d23c3b
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_video_bottom_mask.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:angle="90"
+        android:startColor="#80000000"
+        android:endColor="#00000000"
+        android:type="linear" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_shape_video_top_mask.xml b/ugckit/src/main/res/drawable/ugckit_shape_video_top_mask.xml
new file mode 100644
index 0000000..3bc9065
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_shape_video_top_mask.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:angle="270"
+        android:startColor="#80000000"
+        android:endColor="#00000000"
+        android:type="linear" />
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/drawable/ugckit_swipe_menu_divider_recycler.xml b/ugckit/src/main/res/drawable/ugckit_swipe_menu_divider_recycler.xml
new file mode 100644
index 0000000..e8b1142
--- /dev/null
+++ b/ugckit/src/main/res/drawable/ugckit_swipe_menu_divider_recycler.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <solid android:color="@android:color/darker_gray" />
+
+    <size android:height="1px" />
+
+</shape>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_activity_bgm_select.xml b/ugckit/src/main/res/layout/ugckit_activity_bgm_select.xml
new file mode 100644
index 0000000..594596b
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_activity_bgm_select.xml
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#181D27">
+
+    <FrameLayout
+        android:id="@+id/layout_top"
+        android:layout_width="match_parent"
+        android:layout_height="55dp"
+        android:background="#181D27">
+
+        <LinearLayout
+            android:id="@+id/back_ll"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical">
+
+            <ImageView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center_vertical"
+                android:layout_marginLeft="15dp"
+                android:gravity="center"
+                android:paddingRight="30dp"
+                android:src="@drawable/ugckit_btn_back_no_shaddow" />
+        </LinearLayout>
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:text="@string/ugckit_select_bgm"
+            android:textColor="@color/ugckit_white"
+            android:textSize="18dp" />
+    </FrameLayout>
+
+    <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
+        android:id="@+id/swipe_refresh_layout"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_below="@+id/layout_top">
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/recycler_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
+
+    <TextView
+        android:id="@+id/tv_bgm_empty"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:drawablePadding="20dp"
+        android:drawableTop="@drawable/ugckit_list_empty"
+        android:gravity="center"
+        android:text="@string/ugckit_no_content"
+        android:textColor="#777"
+        android:textSize="16sp" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_aspect_view.xml b/ugckit/src/main/res/layout/ugckit_aspect_view.xml
new file mode 100644
index 0000000..c38ae73
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_aspect_view.xml
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content">
+
+    <RelativeLayout
+        android:id="@+id/layout_aspect_show"
+        android:layout_width="60dp"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="10dp"
+        android:orientation="vertical">
+
+        <ImageView
+            android:id="@+id/iv_aspect"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_alignParentTop="true"
+            android:layout_centerHorizontal="true"
+            android:src="?attr/recordAspect169Icon" />
+
+        <ImageView
+            android:id="@+id/iv_aspect_mask"
+            android:layout_width="44dp"
+            android:layout_height="44dp"
+            android:layout_centerHorizontal="true"
+            android:background="@drawable/ugckit_record_round_bg"
+            android:visibility="gone" />
+
+        <TextView
+            android:id="@+id/tv_aspect"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/iv_aspect"
+            android:layout_centerHorizontal="true"
+            android:layout_marginTop="4dp"
+            android:gravity="center_horizontal"
+            android:text="@string/ugckit_aspect"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:id="@+id/layout_aspect_select"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_toLeftOf="@id/layout_aspect_show"
+        android:visibility="gone">
+
+        <ImageView
+            android:id="@+id/iv_aspect_first"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_marginRight="@dimen/ugckit_aspect_divider"
+            android:src="?attr/recordAspect11Icon" />
+
+        <ImageView
+            android:id="@+id/iv_aspect_second"
+            android:layout_width="44dp"
+            android:layout_height="44dp"
+            android:layout_marginRight="@dimen/ugckit_aspect_divider"
+            android:layout_toRightOf="@id/iv_aspect_first"
+            android:src="?attr/recordAspect34Icon" />
+
+        <ImageView
+            android:id="@+id/iv_aspect_third"
+            android:layout_width="44dp"
+            android:layout_height="44dp"
+            android:layout_marginRight="@dimen/ugckit_aspect_divider"
+            android:layout_toRightOf="@id/iv_aspect_second"
+            android:src="?attr/recordAspect43Icon" />
+
+        <ImageView
+            android:id="@+id/iv_aspect_fourth"
+            android:layout_width="44dp"
+            android:layout_height="44dp"
+            android:layout_marginRight="@dimen/ugckit_aspect_divider"
+            android:layout_toRightOf="@id/iv_aspect_third"
+            android:src="?attr/recordAspect916Icon" />
+    </RelativeLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_chorus_bottom_layout.xml b/ugckit/src/main/res/layout/ugckit_chorus_bottom_layout.xml
new file mode 100644
index 0000000..10777c6
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_chorus_bottom_layout.xml
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_gravity="bottom"
+    android:background="@drawable/ugckit_record_mask_buttom"
+    android:orientation="vertical">
+
+    <!-- 录制时间 -->
+    <TextView
+        android:id="@+id/record_progress_time"
+        android:layout_width="60dp"
+        android:layout_height="20dp"
+        android:layout_gravity="center_horizontal"
+        android:layout_marginBottom="6dp"
+        android:background="@drawable/ugckit_drawable_gray_rect_bg"
+        android:gravity="center"
+        android:textColor="@color/ugckit_white" />
+
+    <!-- 多段录制进度条 -->
+    <com.tencent.qcloud.ugckit.module.record.RecordProgressView
+        android:id="@+id/record_progress_view"
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:layout_marginBottom="10dp" />
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="80dp">
+
+        <!-- 录制按钮 -->
+        <com.tencent.qcloud.ugckit.module.record.RecordButton
+            android:id="@+id/record_button"
+            android:layout_width="80dp"
+            android:layout_height="80dp"
+            android:layout_centerInParent="true" />
+
+        <LinearLayout
+            android:id="@+id/record_left_panel"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:layout_toLeftOf="@id/record_button"
+            android:orientation="horizontal">
+
+            <!-- 闪光灯 -->
+            <ImageView
+                android:id="@+id/iv_torch"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_gravity="center_vertical"
+                android:layout_weight="1"
+                android:src="@drawable/ugckit_selector_torch_close" />
+
+            <!-- 切换前后摄像头 -->
+            <ImageView
+                android:id="@+id/iv_switch_camera"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_gravity="center_vertical"
+                android:layout_weight="1"
+                android:src="@drawable/ugckit_selector_switch_camera" />
+        </LinearLayout>
+
+        <RelativeLayout
+            android:id="@+id/record_right_panel"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:layout_toRightOf="@id/record_button">
+
+            <!-- 删除上一段 -->
+            <ImageView
+                android:id="@+id/iv_delete_last_part"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_centerHorizontal="true"
+                android:src="@drawable/ugckit_selector_delete_last_part" />
+        </RelativeLayout>
+    </RelativeLayout>
+
+    <!-- 拍摄模式View -->
+    <com.tencent.qcloud.ugckit.module.record.RecordModeView
+        android:id="@+id/record_mode_view"
+        android:layout_width="270dp"
+        android:layout_height="30dp"
+        android:layout_gravity="center_horizontal" />
+
+    <!-- 拍摄模式圆点 -->
+    <View
+        android:id="@+id/record_mode_dot"
+        android:layout_width="5dp"
+        android:layout_height="5dp"
+        android:layout_gravity="center_horizontal"
+        android:layout_marginBottom="5dp"
+        android:background="@drawable/ugckit_record_mode_instruction_bkg" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_chorus_right_layout.xml b/ugckit/src/main/res/layout/ugckit_chorus_right_layout.xml
new file mode 100644
index 0000000..c86f603
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_chorus_right_layout.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:layout_gravity="right"
+    android:gravity="right"
+    android:orientation="vertical">
+
+    <RelativeLayout
+        android:id="@+id/layout_beauty"
+        android:layout_width="60dp"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="10dp"
+        android:layout_marginTop="15dp">
+
+        <ImageView
+            android:id="@+id/iv_beauty"
+            android:layout_width="45dp"
+            android:layout_height="45dp"
+            android:layout_alignParentTop="true"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:onClick="onClick"
+            android:src="@drawable/ugckit_record_beautiful_girl" />
+
+        <TextView
+            android:id="@+id/tv_beauty"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/iv_beauty"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:layout_marginTop="4dp"
+            android:text="@string/ugckit_beauty"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:id="@+id/layout_countdown"
+        android:layout_width="60dp"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_below="@id/layout_beauty"
+        android:layout_marginRight="10dp"
+        android:layout_marginTop="15dp">
+
+        <ImageView
+            android:id="@+id/iv_countdown"
+            android:layout_width="45dp"
+            android:layout_height="45dp"
+            android:layout_alignParentTop="true"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:onClick="onClick"
+            android:src="@drawable/ugckit_btn_timer" />
+
+        <TextView
+            android:id="@+id/tv_countdown"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/iv_countdown"
+            android:layout_centerHorizontal="true"
+            android:layout_marginTop="4dp"
+            android:text="@string/ugckit_activity_video_record_timer"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+    </RelativeLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_countdown_view.xml b/ugckit/src/main/res/layout/ugckit_countdown_view.xml
new file mode 100644
index 0000000..e8c411a
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_countdown_view.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <TextView
+        android:id="@+id/tv_number"
+        android:layout_width="260dp"
+        android:layout_height="300dp"
+        android:layout_centerInParent="true"
+        android:gravity="center"
+        android:text="3"
+        android:textColor="@color/ugckit_color_red2"
+        android:textSize="220dp"
+        android:visibility="gone" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_dialog_ugc_tip.xml b/ugckit/src/main/res/layout/ugckit_dialog_ugc_tip.xml
new file mode 100644
index 0000000..9f1d678
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_dialog_ugc_tip.xml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/ugckit_white"
+    android:orientation="vertical">
+
+    <TextView
+        android:id="@+id/tv_title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:padding="10dp"
+        android:textAlignment="center"
+        android:textColor="@color/ugckit_black"
+        android:textSize="18sp" />
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="2dp"
+        android:background="@color/ugckit_color_accent" />
+
+    <TextView
+        android:id="@+id/tv_msg"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:padding="10dp"
+        android:textAlignment="center"
+        android:textColor="@color/ugckit_black"
+        android:textSize="16sp" />
+
+    <Button
+        android:id="@+id/btn_ok"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@color/ugckit_color_accent"
+        android:padding="10dp"
+        android:text="@string/ugckit_dialog_ugc_tip_already_known"
+        android:textColor="@color/ugckit_white"
+        android:textSize="14sp" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_filter_layout.xml b/ugckit/src/main/res/layout/ugckit_filter_layout.xml
new file mode 100644
index 0000000..fcbf965
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_filter_layout.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginRight="5dp"
+    android:orientation="vertical">
+
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:id="@+id/filter_image"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:layout_centerHorizontal="true"
+        android:background="@color/ugckit_transparent" />
+
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:id="@+id/filter_image_tint"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:layout_centerHorizontal="true"
+        android:background="@drawable/ugckit_ic_effect5"
+        android:visibility="invisible" />
+
+    <TextView
+        android:textSize="12dp"
+        android:id="@+id/filter_tv_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/filter_image"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="5dp"
+        android:textColor="@color/ugckit_white" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_follow_record_player_view.xml b/ugckit/src/main/res/layout/ugckit_follow_record_player_view.xml
new file mode 100644
index 0000000..b4eaf03
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_follow_record_player_view.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.tencent.qcloud.ugckit.module.mixrecord.FollowRecordPlayerViews xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="horizontal"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+</com.tencent.qcloud.ugckit.module.mixrecord.FollowRecordPlayerViews>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_follow_record_player_view_inner.xml b/ugckit/src/main/res/layout/ugckit_follow_record_player_view_inner.xml
new file mode 100644
index 0000000..0c388e7
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_follow_record_player_view_inner.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="horizontal"
+    android:layout_width="match_parent"
+    android:background="#000000"
+    android:layout_height="match_parent">
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.MixRecordPlayerView
+        android:id="@+id/left"
+        android:layout_width="0dp"
+        android:layout_height="match_parent"
+        android:layout_weight="1" />
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.MixRecordPlayerView
+        android:id="@+id/right"
+        android:layout_width="0dp"
+        android:layout_height="match_parent"
+        android:layout_weight="1" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_bgm.xml b/ugckit/src/main/res/layout/ugckit_fragment_bgm.xml
new file mode 100644
index 0000000..38c3c3f
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_bgm.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+
+    <LinearLayout
+        android:id="@+id/bgm_ll_main_panel"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentLeft="true"
+        android:layout_alignParentStart="true"
+        android:layout_below="@+id/bgm_rl_chose"
+        android:layout_centerInParent="true"
+        android:layout_marginEnd="20dp"
+        android:layout_marginLeft="20dp"
+        android:layout_marginRight="20dp"
+        android:layout_marginStart="20dp"
+        android:orientation="vertical"
+        android:visibility="gone">
+
+        <RelativeLayout
+            android:id="@+id/bgm_rl_bgm_info"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="5dp">
+
+            <ImageView
+                android:id="@+id/bgm_iv_music_icon"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_centerVertical="true" />
+
+            <RelativeLayout
+                android:id="@+id/bgm_rl_delete"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_alignParentRight="true"
+                android:layout_centerVertical="true"
+                android:background="#515151"
+                android:padding="5dp">
+
+
+                <ImageView
+                    android:id="@+id/motion_iv_delete"
+                    android:layout_width="15dp"
+                    android:layout_height="15dp"
+                    android:layout_centerVertical="true"
+                    android:layout_marginRight="5dp" />
+
+                <TextView
+                    android:id="@+id/bgm_tv_delete"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_centerVertical="true"
+                    android:layout_toRightOf="@id/motion_iv_delete"
+                    android:text="@string/ugckit_fragment_bgm_cancel"
+                    android:textColor="#dbdbdb"
+                    android:textSize="12sp" />
+            </RelativeLayout>
+
+        </RelativeLayout>
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="45dp"
+            android:layout_marginBottom="5dp"
+            android:layout_marginTop="5dp">
+
+
+            <ImageView
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:overScrollMode="never"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:src="@drawable/ugckit_bgm_wave_voice" />
+
+            <com.tencent.qcloud.ugckit.component.slider.RangeSlider
+                android:id="@+id/bgm_range_slider"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                app:leftThumbDrawable="@drawable/ugckit_ic_progress_left"
+                app:leftThumbIndex="0"
+                app:lineColor="@color/ugckit_color_accent"
+                app:lineHeight="3dp"
+                app:rightThumbDrawable="@drawable/ugckit_ic_progress_right"
+                app:thumbWidth="19dp"
+                app:tickCount="100" />
+        </RelativeLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_gravity="bottom"
+            android:layout_marginTop="5dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <com.tencent.qcloud.ugckit.component.seekbar.TCReversalSeekBar
+                android:id="@+id/bgm_sb_voice"
+                android:layout_width="0dp"
+                android:layout_height="15dp"
+                android:layout_marginEnd="12dp"
+                android:layout_marginLeft="12dp"
+                android:layout_marginRight="12dp"
+                android:layout_marginStart="12dp"
+                android:layout_weight="1"
+                app:rs_backgroundColor="#BBBBBB"
+                app:rs_pointerBackground="@drawable/ugckit_icon_seek_bar_cursor"
+                app:rs_progress="0.5"
+                app:rs_progressColor="@color/ugckit_color_accent" />
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content" />
+        </LinearLayout>
+    </LinearLayout>
+
+    <RelativeLayout
+        android:id="@+id/bgm_rl_chose"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="#0d0d0d"
+        android:orientation="vertical">
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/chose_rv_music"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+
+        <RelativeLayout
+            android:id="@+id/chose_rl_empty"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_centerInParent="true"
+            android:gravity="center"
+            android:visibility="gone">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/ugckit_music_empty"
+                android:visibility="gone" />
+        </RelativeLayout>
+
+        <RelativeLayout
+            android:id="@+id/chose_rl_loading_music"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_centerInParent="true"
+            android:gravity="center"
+            android:visibility="gone">
+
+            <ProgressBar
+                android:id="@+id/chose_progress_bar"
+                style="@style/Widget.AppCompat.ProgressBar"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_centerHorizontal="true" />
+        </RelativeLayout>
+    </RelativeLayout>
+
+    <com.tencent.qcloud.ugckit.module.effect.bgm.view.TCEditMusicPannel
+        android:id="@+id/tc_record_bgm_pannel"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_alignParentBottom="true" />
+
+</RelativeLayout>
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_bubble_subtitle.xml b/ugckit/src/main/res/layout/ugckit_fragment_bubble_subtitle.xml
new file mode 100644
index 0000000..fc4b2bf
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_bubble_subtitle.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="220dp">
+
+    <ImageView
+        android:id="@+id/iv_bubble_del"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="15dp"
+        android:layout_marginTop="15dp"
+        android:src="?attr/editerSubtitleDelIcon" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:layout_alignParentBottom="true"
+        android:background="@color/ugckit_editer_bottom"
+        android:orientation="vertical"
+        android:paddingBottom="18dp">
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:paddingLeft="20dp"
+            android:paddingRight="20dp">
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/bubble_rv_list"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_centerVertical="true" />
+        </RelativeLayout>
+
+    </LinearLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_confirm.xml b/ugckit/src/main/res/layout/ugckit_fragment_confirm.xml
new file mode 100644
index 0000000..299ec58
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_confirm.xml
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@drawable/ugckit_shape_input_background"
+        android:orientation="vertical"
+        android:padding="10dp">
+
+        <TextView
+            android:id="@+id/confirm_tv_title"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@null"
+            android:gravity="center_vertical"
+            android:text="@string/ugckit_fragment_confirm_confirm"
+            android:textColor="@color/ugckit_black"
+            android:textSize="22sp" />
+
+        <TextView
+            android:id="@+id/confirm_et_content"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@null"
+            android:gravity="center_vertical"
+            android:minHeight="50dp"
+            android:text="@string/ugckit_fragment_confirm_input_tip"
+            android:textColor="@color/ugckit_black"
+            android:textSize="18sp" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="right"
+            android:layout_marginBottom="15dp"
+            android:layout_marginTop="15dp">
+
+            <TextView
+                android:id="@+id/confirm_tv_cancel"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginRight="40dp"
+                android:text="@string/ugckit_fragment_bgm_cancel"
+                android:textColor="@color/ugckit_input_text_color"
+                android:textSize="14sp" />
+
+            <TextView
+                android:id="@+id/confirm_tv_done"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginRight="20dp"
+                android:text="@string/ugckit_fragment_confirm_ok"
+                android:textColor="@color/ugckit_input_text_color"
+                android:textSize="14sp" />
+        </LinearLayout>
+    </LinearLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_input_word.xml b/ugckit/src/main/res/layout/ugckit_fragment_input_word.xml
new file mode 100644
index 0000000..c6c6b45
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_input_word.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@drawable/ugckit_shape_input_background"
+        android:orientation="vertical"
+        android:padding="10dp">
+
+        <EditText
+            android:id="@+id/word_et_content"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@null"
+            android:hint="@string/ugckit_fragment_input_word_input_tip"
+            android:gravity="left|top"
+            android:minHeight="100dp"
+            android:textSize="16sp" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="right"
+            android:layout_marginBottom="15dp"
+            android:layout_marginTop="15dp">
+
+            <TextView
+                android:id="@+id/word_tv_cancel"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginRight="40dp"
+                android:text="@string/ugckit_fragment_input_word_cancel"
+                android:textColor="@color/ugckit_color_gray4"
+                android:textSize="14sp"
+                android:visibility="gone" />
+
+            <TextView
+                android:id="@+id/word_tv_done"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginRight="20dp"
+                android:text="@string/ugckit_fragment_input_word_ok"
+                android:textColor="@color/ugckit_input_text_color"
+                android:textSize="14sp" />
+        </LinearLayout>
+    </LinearLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_motion.xml b/ugckit/src/main/res/layout/ugckit_fragment_motion.xml
new file mode 100644
index 0000000..e09de7a
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_motion.xml
@@ -0,0 +1,502 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="220dp">
+
+    <ImageView
+        android:id="@+id/iv_undo"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="15dp"
+        android:layout_marginTop="15dp"
+        android:visibility="gone"
+        android:src="?attr/editerMotionUndoIcon" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:layout_alignParentBottom="true"
+        android:background="@color/ugckit_editer_bottom"
+        android:orientation="vertical"
+        android:paddingBottom="18dp">
+
+        <HorizontalScrollView
+            android:id="@+id/rl_voicechanger"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:scrollbars="none">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_centerVertical="true"
+                android:orientation="horizontal">
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_soul_out"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_spirit_out_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_spirit_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_soul_out"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_soul_out"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_split"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_split_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_split_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_split"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_split"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_rock_light"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_light_wave_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_light_wave_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_rock_light"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_rock_light"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_dark_dream"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_dark_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_dark_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_dark_dream"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_dark_dream"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_win_shadow"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_win_shadow_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_win_shadow_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_win_shadow"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_win_shadow"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_ghost_shadow"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_ghost_shadow_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_ghost_shadow_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_ghost_shadow"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_ghost_shadow"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_phantom_shadow"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_phantom_shadow_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_phantom_shadow_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_phantom_shadow"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_phantom_shadow"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_ghost"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_ghost_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_ghost_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_ghost"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_ghost"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_lightning"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_lightning_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_lightning_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_lightning"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_lightning"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_mirror"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_mirror_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_mirror_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_mirror"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_mirror"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="20dp">
+
+                    <ImageButton
+                        android:id="@+id/btn_illusion"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:layout_centerHorizontal="true"
+                        android:background="@color/ugckit_transparent" />
+
+                    <RelativeLayout
+                        android:id="@+id/rl_illusion_select_container"
+                        android:layout_width="50dp"
+                        android:layout_height="50dp"
+                        android:visibility="gone">
+
+                        <de.hdodenhof.circleimageview.CircleImageView
+                            android:layout_width="50dp"
+                            android:layout_height="50dp"
+                            android:layout_centerHorizontal="true"
+                            android:background="@drawable/ugckit_shape_motion_illusion_press" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_centerInParent="true"
+                            android:background="@drawable/ugckit_effect_select" />
+                    </RelativeLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@+id/btn_illusion"
+                        android:layout_centerHorizontal="true"
+                        android:layout_marginTop="5dp"
+                        android:text="@string/ugckit_motion_illusion"
+                        android:textColor="@color/ugckit_white"
+                        android:textSize="10dp" />
+                </RelativeLayout>
+
+            </LinearLayout>
+
+        </HorizontalScrollView>
+    </LinearLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_paster.xml b/ugckit/src/main/res/layout/ugckit_fragment_paster.xml
new file mode 100644
index 0000000..979eb1e
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_paster.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="220dp"
+    android:orientation="vertical">
+
+    <ImageView
+        android:id="@+id/iv_del"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="15dp"
+        android:layout_marginTop="15dp"
+        android:src="?attr/editerPasterDelIcon" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:layout_alignParentBottom="true"
+        android:background="@color/ugckit_editer_bottom"
+        android:orientation="vertical">
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:paddingLeft="15dp"
+            android:paddingRight="15dp">
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/paster_rv_list"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_centerVertical="true" />
+        </RelativeLayout>
+    </LinearLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_static_filter.xml b/ugckit/src/main/res/layout/ugckit_fragment_static_filter.xml
new file mode 100644
index 0000000..3b50dc3
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_static_filter.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="220dp">
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="105dp"
+        android:layout_alignParentBottom="true"
+        android:background="@color/ugckit_editer_bottom"
+        android:paddingBottom="18dp"
+        android:paddingLeft="20dp"
+        android:paddingRight="20dp">
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/paster_rv_list"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_centerInParent="true" />
+    </RelativeLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_time.xml b/ugckit/src/main/res/layout/ugckit_fragment_time.xml
new file mode 100644
index 0000000..783c62d
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_time.xml
@@ -0,0 +1,165 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="220dp">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginTop="110dp"
+        android:background="@color/ugckit_editer_bottom"
+        android:gravity="bottom"
+        android:orientation="horizontal"
+        android:paddingBottom="18dp"
+        android:paddingLeft="20dp"
+        android:paddingRight="20dp">
+
+        <RelativeLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginRight="20dp">
+
+            <ImageView
+                android:id="@+id/time_tv_cancel"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@color/ugckit_transparent" />
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/time_tv_cancel_select"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@drawable/ugckit_ic_effect5"
+                android:visibility="invisible" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_below="@+id/time_tv_cancel"
+                android:layout_centerHorizontal="true"
+                android:layout_marginTop="5dp"
+                android:text="@string/ugckit_none"
+                android:textColor="@color/ugckit_white"
+                android:textSize="10dp" />
+        </RelativeLayout>
+
+        <RelativeLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginRight="20dp">
+
+            <ImageView
+                android:id="@+id/time_tv_speed"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@color/ugckit_transparent" />
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/time_tv_speed_select"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@drawable/ugckit_ic_effect5"
+                android:visibility="invisible" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_below="@+id/time_tv_speed"
+                android:layout_centerHorizontal="true"
+                android:layout_marginTop="5dp"
+                android:text="@string/ugckit_slow_motion"
+                android:textColor="@color/ugckit_white"
+                android:textSize="10dp" />
+        </RelativeLayout>
+
+        <RelativeLayout
+            android:id="@+id/layout_repeat"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginRight="20dp">
+
+            <ImageView
+                android:id="@+id/time_tv_repeat"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@color/ugckit_transparent" />
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/time_tv_repeat_select"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@drawable/ugckit_ic_effect5"
+                android:visibility="invisible" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_below="@+id/time_tv_repeat"
+                android:layout_centerHorizontal="true"
+                android:layout_marginTop="5dp"
+                android:text="@string/ugckit_repeate"
+                android:textColor="@color/ugckit_white"
+                android:textSize="10dp" />
+
+        </RelativeLayout>
+
+        <RelativeLayout
+            android:id="@+id/layout_reverse"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content">
+
+            <ImageView
+                android:id="@+id/time_tv_reverse"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@color/ugckit_transparent" />
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/time_tv_reverse_select"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_centerHorizontal="true"
+                android:background="@drawable/ugckit_ic_effect5"
+                android:visibility="invisible" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_below="@+id/time_tv_reverse"
+                android:layout_centerHorizontal="true"
+                android:layout_marginTop="5dp"
+                android:text="@string/ugckit_reverse"
+                android:textColor="@color/ugckit_white"
+                android:textSize="10dp" />
+        </RelativeLayout>
+    </LinearLayout>
+    <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:id="@+id/progressbar_layer"
+            android:visibility="gone"
+            android:background="#22ffffff"
+            android:gravity="center"
+            android:orientation="horizontal">
+
+        <ProgressBar
+                style="@style/SuperPlayerAppProgressBarStyle"
+                android:id="@+id/progressbar"
+                android:layout_width="100dp"
+                android:layout_height="2dp"
+                android:layout_marginTop="8dp"
+                android:max="100"
+                android:progress="0"
+                android:layout_centerInParent="true"
+                />
+    </LinearLayout>
+
+</FrameLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_fragment_transition.xml b/ugckit/src/main/res/layout/ugckit_fragment_transition.xml
new file mode 100644
index 0000000..467c5c6
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_fragment_transition.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="220dp">
+
+    <ImageView
+        android:id="@+id/iv_undo"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="15dp"
+        android:layout_marginTop="15dp"
+        android:visibility="invisible"
+        android:src="?attr/editerMotionUndoIcon" />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/transition_recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginTop="10dp"
+        android:background="@color/ugckit_editer_bottom"
+        android:gravity="bottom" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_image_snap_shot_view.xml b/ugckit/src/main/res/layout/ugckit_image_snap_shot_view.xml
new file mode 100644
index 0000000..dc3bebb
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_image_snap_shot_view.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <ImageView
+        android:id="@+id/iv_snapshot_photo"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="#00000000"
+        android:scaleType="fitCenter"
+        android:visibility="invisible" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_item_add.xml b/ugckit/src/main/res/layout/ugckit_item_add.xml
new file mode 100644
index 0000000..363c4b2
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_add.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginRight="20dp"
+    android:orientation="vertical">
+
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:id="@+id/add_paster_image"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:background="@drawable/ugckit_ic_edit_add_selector" />
+
+    <TextView
+        android:id="@+id/add_paster_tv_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/add_paster_image"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="5dp"
+        android:text="@string/ugckit_add"
+        android:textColor="@color/ugckit_white"
+        android:textSize="10dp" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_item_add_paster.xml b/ugckit/src/main/res/layout/ugckit_item_add_paster.xml
new file mode 100644
index 0000000..6d40f02
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_add_paster.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginRight="20dp">
+
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:id="@+id/add_paster_image"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:background="@color/ugckit_transparent" />
+
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:id="@+id/add_paster_tint"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:background="@drawable/ugckit_ic_effect5"
+        android:visibility="invisible" />
+
+    <TextView
+        android:id="@+id/add_paster_tv_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/add_paster_image"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="5dp"
+        android:textColor="@color/ugckit_white"
+        android:textSize="10dp" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_item_bubble_img.xml b/ugckit/src/main/res/layout/ugckit_item_bubble_img.xml
new file mode 100644
index 0000000..86c068b
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_bubble_img.xml
@@ -0,0 +1,14 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="50dp"
+    android:layout_height="50dp"
+    android:paddingBottom="5dp"
+    android:paddingLeft="20dp"
+    android:paddingRight="20dp"
+    android:paddingTop="5dp">
+
+    <ImageView
+        android:id="@+id/bubble_iv_img"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:layout_centerInParent="true" />
+</RelativeLayout>
diff --git a/ugckit/src/main/res/layout/ugckit_item_edit_view.xml b/ugckit/src/main/res/layout/ugckit_item_edit_view.xml
new file mode 100644
index 0000000..237051f
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_edit_view.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:seekbar="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="@dimen/ugckit_item_thumb_height">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:overScrollMode="never"
+        android:layout_marginLeft="@dimen/ugckit_cut_margin"
+        android:layout_marginRight="@dimen/ugckit_cut_margin" />
+
+    <com.tencent.qcloud.ugckit.component.slider.RangeSlider
+        android:id="@+id/range_slider"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        seekbar:leftThumbDrawable="?attr/editerCutSliderLeftIcon"
+        seekbar:leftThumbIndex="0"
+        seekbar:lineColor="?attr/editerCutViewColor"
+        seekbar:lineHeight="3dp"
+        seekbar:rightThumbDrawable="?attr/editerCutSliderRightIcon"
+        seekbar:thumbWidth="10dp"
+        seekbar:tickCount="100" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_item_editer_bgm.xml b/ugckit/src/main/res/layout/ugckit_item_editer_bgm.xml
new file mode 100644
index 0000000..b00ff84
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_editer_bgm.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="80dp"
+    android:background="#1F2531"
+    android:orientation="horizontal"
+    android:padding="10dp">
+
+    <ImageView
+        android:id="@+id/ic_cover"
+        android:layout_width="55dp"
+        android:layout_height="55dp"
+        android:layout_centerVertical="true"
+        android:src="@drawable/ugckit_ic_music_default" />
+
+    <FrameLayout
+        android:id="@+id/layout_use"
+        android:layout_width="90dp"
+        android:layout_height="30dp"
+        android:layout_alignParentRight="true"
+        android:layout_centerVertical="true">
+
+        <com.tencent.qcloud.ugckit.component.progressbutton.SampleProgressButton
+            android:id="@+id/btn_use"
+            android:layout_width="90dp"
+            android:layout_height="30dp"
+            app:sampleProgressButtonBackgroundColor="#6C7B8B"
+            app:sampleProgressButtonForegroundColor="#FF6347"
+            app:sampleProgressButtonText="@string/ugckit_use"
+            app:sampleProgressButtonTextSize="12dp" />
+
+    </FrameLayout>
+
+    <TextView
+        android:id="@+id/bgm_tv_name"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_centerVertical="true"
+        android:layout_marginLeft="20dp"
+        android:layout_marginRight="10dp"
+        android:layout_toLeftOf="@id/layout_use"
+        android:layout_toRightOf="@id/ic_cover"
+        android:ellipsize="middle"
+        android:singleLine="true"
+        android:textColor="@color/ugckit_white"
+        android:textSize="@dimen/ugckit_h8"
+        tools:text="music name" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_item_transition.xml b/ugckit/src/main/res/layout/ugckit_item_transition.xml
new file mode 100644
index 0000000..2f59555
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_transition.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:paddingLeft="10dp"
+    android:paddingRight="10dp">
+
+    <ImageView
+        android:id="@+id/transition_image"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:layout_centerHorizontal="true"
+        android:background="@color/ugckit_transparent" />
+
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:id="@+id/transition_select"
+        android:layout_width="50dp"
+        android:layout_height="50dp"
+        android:layout_centerHorizontal="true"
+        android:background="@drawable/ugckit_ic_effect5"
+        android:visibility="invisible" />
+
+    <TextView
+        android:id="@+id/transition_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@+id/transition_image"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="5dp"
+        android:textColor="@color/ugckit_white"
+        android:textSize="10dp" />
+
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_item_ugc_video.xml b/ugckit/src/main/res/layout/ugckit_item_ugc_video.xml
new file mode 100644
index 0000000..777ee80
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_ugc_video.xml
@@ -0,0 +1,35 @@
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:gravity="center">
+
+    <FrameLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <FrameLayout
+            android:id="@+id/frmQueue"
+            android:layout_width="90dp"
+            android:layout_height="90dp"
+            android:background="@color/ugckit_black">
+
+            <ImageView
+                android:id="@+id/iv_thumb"
+                android:layout_width="90dp"
+                android:layout_height="90dp"
+                android:contentDescription="@string/app_name"
+                android:scaleType="centerCrop" />
+        </FrameLayout>
+
+        <TextView
+            android:id="@+id/tv_duration"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="right|bottom"
+            android:layout_marginRight="5dp"
+            android:layout_marginBottom="5dp"
+            android:textColor="@color/ugckit_white" />
+
+    </FrameLayout>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_item_video_progress_thumbnail.xml b/ugckit/src/main/res/layout/ugckit_item_video_progress_thumbnail.xml
new file mode 100644
index 0000000..61ed3fe
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_item_video_progress_thumbnail.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <RelativeLayout
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent">
+
+        <ImageView
+            android:id="@+id/iv_video_progress_thumbnail"
+            android:layout_width="@dimen/ugckit_video_thumbnail_width"
+            android:layout_height="@dimen/ugckit_video_thumbnail_width"
+            android:layout_centerVertical="true"
+            android:scaleType="centerCrop" />
+    </RelativeLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_bubble_window.xml b/ugckit/src/main/res/layout/ugckit_layout_bubble_window.xml
new file mode 100644
index 0000000..41a4a70
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_bubble_window.xml
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@drawable/ugckit_ic_editer_bottom_bg"
+    android:orientation="vertical">
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="46dp"
+        android:paddingBottom="5dp"
+        android:paddingTop="5dp">
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_centerInParent="true"
+            android:orientation="horizontal">
+
+            <TextView
+                android:id="@+id/bubble_iv_bubble"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/ugckit_bublle_style"
+                android:textColor="@color/ugckit_ic_text_selector"
+                android:textSize="16dp" />
+
+            <TextView
+                android:id="@+id/bubble_iv_color"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginLeft="44dp"
+                android:text="@string/ugckit_text_color"
+                android:textColor="@color/ugckit_ic_text_selector"
+                android:textSize="16dp" />
+        </LinearLayout>
+
+        <ImageView
+            android:id="@+id/iv_close"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentRight="true"
+            android:layout_centerVertical="true"
+            android:layout_marginRight="15dp"
+            android:src="@drawable/ugckit_ic_close_selector" />
+    </RelativeLayout>
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="0.5dp"
+        android:background="@color/ugckit_color_gray5" />
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_gravity="center"
+        android:layout_marginBottom="5dp"
+        android:layout_marginTop="5dp"
+        android:layout_weight="1">
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/bubble_rv_style"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_centerInParent="true" />
+
+        <LinearLayout
+            android:id="@+id/bubble_ll_color"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_centerInParent="true"
+            android:gravity="center_vertical"
+            android:orientation="horizontal"
+            android:visibility="gone">
+
+            <com.tencent.qcloud.ugckit.component.circlebmp.TCCircleView
+                android:id="@+id/bubble_cv_color"
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginLeft="15dp"
+                android:layout_marginRight="15dp" />
+
+            <com.tencent.qcloud.ugckit.component.seekbar.TCColorView
+                android:id="@+id/bubble_color_view"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content" />
+        </LinearLayout>
+
+    </RelativeLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_default_bubble_view.xml b/ugckit/src/main/res/layout/ugckit_layout_default_bubble_view.xml
new file mode 100644
index 0000000..ea9bda9
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_default_bubble_view.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.tencent.qcloud.ugckit.component.bubbleview.BubbleView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/SingleTouchView"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_centerInParent="true"
+    app:controlDrawable="@drawable/ugckit_ic_word_rotation"
+    app:controlLocation="right_bottom"
+    app:deleteDrawable="@drawable/ugckit_ic_word_close"
+    app:editDrawable="@drawable/ugckit_ic_word_edit"
+    app:frameColor="@color/ugckit_white"
+    app:frameWidth="0.5dp"
+    app:scale="1.0" />
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_edit_music.xml b/ugckit/src/main/res/layout/ugckit_layout_edit_music.xml
new file mode 100644
index 0000000..7e2afa5
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_edit_music.xml
@@ -0,0 +1,152 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="#000000"
+    android:gravity="bottom">
+
+    <RelativeLayout
+        android:id="@+id/rl_bgm_operation"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_above="@+id/layout_bottom"
+        android:layout_alignParentRight="true">
+
+        <ImageView
+            android:id="@+id/iv_music_icon"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_alignParentLeft="true"
+            android:layout_gravity="center_vertical"
+            android:layout_marginLeft="10dp"
+            android:scaleType="fitCenter"
+            android:src="@drawable/ugckit_record_music" />
+
+        <TextView
+            android:id="@+id/tx_music_name"
+            android:layout_width="match_parent"
+            android:layout_height="30dp"
+            android:layout_marginRight="20dp"
+            android:layout_toLeftOf="@+id/btn_bgm_replace"
+            android:layout_toRightOf="@id/iv_music_icon"
+            android:ellipsize="marquee"
+            android:gravity="left|center_vertical"
+            android:marqueeRepeatLimit="marquee_forever"
+            android:singleLine="true"
+            android:textColor="@color/ugckit_white" />
+
+        <ImageView
+            android:id="@+id/btn_bgm_replace"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_toLeftOf="@+id/btn_bgm_delete"
+            android:src="@drawable/ugckit_ic_music_change_selector" />
+
+        <ImageView
+            android:id="@+id/btn_bgm_delete"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentRight="true"
+            android:layout_marginLeft="30dp"
+            android:layout_marginRight="15dp"
+            android:src="@drawable/ugckit_ic_music_del_selector" />
+    </RelativeLayout>
+
+    <LinearLayout
+        android:id="@+id/layout_bottom"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:layout_marginTop="10dp"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/tv_mic_volume"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/rl_bgm_operation"
+            android:layout_marginLeft="15dp"
+            android:text="@string/ugckit_mic_volume"
+            android:textColor="@color/ugckit_white" />
+
+        <SeekBar
+            android:id="@+id/seekbar_mic_volume"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_above="@+id/seekBar_voice_volume"
+            android:layout_below="@id/tv_mic_volume"
+            android:layout_marginTop="5dp"
+            android:indeterminate="false"
+            android:max="100"
+            android:maxHeight="4dp"
+            android:minHeight="4dp"
+            android:progress="50"
+            android:progressDrawable="@drawable/ugckit_seekbar_progress_drawable"
+            android:thumb="@drawable/ugckit_play_seekbar_icon" />
+
+        <TextView
+            android:id="@+id/tv_bgm_volume"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/seekbar_mic_volume"
+            android:layout_marginLeft="15dp"
+            android:layout_marginTop="5dp"
+            android:text="@string/ugckit_bgm_volume"
+            android:textColor="@color/ugckit_white" />
+
+        <SeekBar
+            android:id="@+id/seekbar_bgm_volume"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_above="@+id/seekBar_voice_volume"
+            android:layout_below="@id/tv_bgm_volume"
+            android:layout_marginTop="5dp"
+            android:layout_toRightOf="@+id/textView_bgm_volume"
+            android:indeterminate="false"
+            android:max="100"
+            android:maxHeight="4dp"
+            android:minHeight="4dp"
+            android:progress="50"
+            android:progressDrawable="@drawable/ugckit_seekbar_progress_drawable"
+            android:thumb="@drawable/ugckit_play_seekbar_icon" />
+
+        <TextView
+            android:id="@+id/tv_bgm_start_time"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/seekbar_bgm_volume"
+            android:layout_marginLeft="15dp"
+            android:layout_marginTop="5dp"
+            android:textColor="@color/ugckit_white" />
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="45dp"
+            android:layout_below="@id/tv_bgm_start_time"
+            android:layout_marginBottom="10dp"
+            android:layout_marginTop="10dp">
+
+            <ImageView
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:overScrollMode="never"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:src="@drawable/ugckit_bgm_wave_voice" />
+
+            <com.tencent.qcloud.ugckit.component.slider.RangeSlider
+                android:id="@+id/bgm_range_slider"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                app:leftThumbDrawable="@drawable/ugckit_ic_music_left"
+                app:leftThumbIndex="0"
+                app:lineColor="#FF584C"
+                app:lineHeight="3dp"
+                app:rightThumbDrawable="@drawable/ugckit_ic_music_right"
+                app:thumbWidth="19dp"
+                app:tickCount="100" />
+        </RelativeLayout>
+    </LinearLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_joiner_progress.xml b/ugckit/src/main/res/layout/ugckit_layout_joiner_progress.xml
new file mode 100644
index 0000000..a6a2f34
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_joiner_progress.xml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:alpha="0.9"
+    android:background="#000">
+
+    <TextView
+        android:id="@+id/joiner_tv_msg"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:gravity="center"
+        android:paddingBottom="20dp"
+        android:text="@string/ugckit_layout_joiner_progress_video_is_generating"
+        android:textColor="#fff"
+        android:textSize="14sp" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/joiner_tv_msg"
+        android:layout_marginLeft="50dp"
+        android:layout_marginRight="50dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <com.tencent.qcloud.ugckit.component.progressbar.NumberProgressBar
+            android:id="@+id/joiner_pb_loading"
+            style="@style/UGCKitNumberProgressBarStyle"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            app:progress_current="0" />
+
+        <ImageView
+            android:id="@+id/joiner_iv_stop"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginLeft="15dp"
+
+            android:padding="5dp"
+            android:src="@drawable/ugckit_jointer_btn_cancel" />
+    </LinearLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_paster_operation_view.xml b/ugckit/src/main/res/layout/ugckit_layout_paster_operation_view.xml
new file mode 100644
index 0000000..773e33e
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_paster_operation_view.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.tencent.qcloud.ugckit.module.effect.paster.view.PasterView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/SingleTouchView"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_centerInParent="true"
+    app:controlDrawable="@drawable/ugckit_ic_word_rotation"
+    app:controlLocation="right_bottom"
+    app:deleteDrawable="@drawable/ugckit_ic_word_close"
+    app:editDrawable="@drawable/ugckit_ic_word_edit"
+    app:frameColor="@color/ugckit_white"
+    app:frameWidth="0.5dp"
+    app:scale="1.0" />
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_paster_select.xml b/ugckit/src/main/res/layout/ugckit_layout_paster_select.xml
new file mode 100644
index 0000000..546ad03
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_paster_select.xml
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@drawable/ugckit_ic_editer_bottom_bg"
+    android:orientation="vertical">
+
+    <RelativeLayout
+        android:id="@+id/ll_paster_category"
+        android:layout_width="match_parent"
+        android:layout_height="46dp"
+        android:paddingBottom="5dp"
+        android:paddingTop="5dp">
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_centerInParent="true"
+            android:orientation="horizontal">
+
+            <TextView
+                android:id="@+id/tv_animated_paster"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/ugckit_dynamic_paster"
+                android:textColor="@color/ugckit_white"
+                android:textSize="16dp" />
+
+            <TextView
+                android:id="@+id/tv_paster"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginLeft="44dp"
+                android:text="@string/ugckit_static_paster"
+                android:textColor="@color/ugckit_white"
+                android:textSize="16dp" />
+        </LinearLayout>
+
+        <ImageView
+            android:id="@+id/paster_btn_done"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentRight="true"
+            android:layout_centerVertical="true"
+            android:layout_marginRight="15dp"
+            android:src="@drawable/ugckit_ic_close_selector" />
+    </RelativeLayout>
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="0.5dp"
+        android:background="@color/ugckit_color_gray5" />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/paster_recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="6dp">
+
+    </androidx.recyclerview.widget.RecyclerView>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_paster_view.xml b/ugckit/src/main/res/layout/ugckit_layout_paster_view.xml
new file mode 100644
index 0000000..f6927ea
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_paster_view.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:padding="16dp">
+
+    <ImageView
+        android:id="@+id/iv_paster"
+        android:layout_width="70dp"
+        android:layout_height="70dp" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_range_slider.xml b/ugckit/src/main/res/layout/ugckit_layout_range_slider.xml
new file mode 100644
index 0000000..b92b950
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_range_slider.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="horizontal"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <ImageView
+        android:id="@+id/iv_start_view"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@drawable/ugckit_ic_progress_left" />
+
+    <View
+        android:id="@+id/middle_view"
+        android:layout_width="1px"
+        android:layout_height="wrap_content" />
+
+    <ImageView
+        android:id="@+id/iv_end_view"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@drawable/ugckit_ic_progress_right" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_reocrd_music.xml b/ugckit/src/main/res/layout/ugckit_layout_reocrd_music.xml
new file mode 100755
index 0000000..819057e
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_reocrd_music.xml
@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="225dp"
+    android:layout_alignParentBottom="true"
+    android:background="#80000000"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="40dp"
+        android:orientation="horizontal">
+
+        <LinearLayout
+            android:id="@+id/layout_music_name"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_weight="1">
+
+            <ImageView
+                android:id="@+id/iv_music_logo"
+                android:layout_width="30dp"
+                android:layout_height="30dp"
+                android:layout_gravity="center_vertical"
+                android:layout_marginLeft="10dp"
+                android:scaleType="fitCenter"
+                android:src="@drawable/ugckit_record_music" />
+
+            <TextView
+                android:id="@+id/tx_music_name"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_marginRight="20dp"
+                android:layout_weight="1"
+                android:ellipsize="marquee"
+                android:gravity="left|center_vertical"
+                android:marqueeRepeatLimit="marquee_forever"
+                android:singleLine="true"
+                android:textColor="@color/ugckit_white" />
+
+        </LinearLayout>
+
+
+        <Button
+            android:id="@+id/btn_bgm_confirm"
+            android:layout_width="60dp"
+            android:layout_height="25dp"
+            android:layout_gravity="center_vertical"
+            android:layout_marginRight="15dp"
+            android:background="@drawable/ugckit_drawable_ugc_red_next"
+            android:gravity="center"
+            android:text="@string/ugckit_btn_ok"
+            android:textColor="@color/ugckit_white" />
+    </LinearLayout>
+
+    <RelativeLayout
+        android:id="@+id/rl_bgm_operation"
+        android:layout_width="wrap_content"
+        android:layout_height="40dp"
+        android:layout_gravity="right">
+
+        <ImageView
+            android:id="@+id/btn_bgm_replace"
+            android:layout_width="wrap_content"
+            android:layout_height="40dp"
+            android:src="@drawable/ugckit_ic_music_change_selector" />
+
+        <ImageView
+            android:id="@+id/btn_bgm_delete"
+            android:layout_width="wrap_content"
+            android:layout_height="40dp"
+            android:layout_marginLeft="30dp"
+            android:layout_marginRight="15dp"
+            android:layout_toRightOf="@id/btn_bgm_replace"
+            android:src="@drawable/ugckit_ic_music_del_selector" />
+    </RelativeLayout>
+
+    <TextView
+        android:id="@+id/tv_bgm_volume"
+        android:layout_width="wrap_content"
+        android:layout_height="30dp"
+        android:layout_marginLeft="15dp"
+        android:layout_marginTop="5dp"
+        android:gravity="left|center_vertical"
+        android:text="@string/ugckit_bgm_volume"
+        android:textColor="@color/ugckit_white" />
+
+    <SeekBar
+        android:id="@+id/seekbar_bgm_volume"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:indeterminate="false"
+        android:max="100"
+        android:maxHeight="4dp"
+        android:minHeight="4dp"
+        android:progress="50"
+        android:progressDrawable="@drawable/ugckit_seekbar_progress_drawable"
+        android:thumb="@drawable/ugckit_play_seekbar_icon" />
+
+    <TextView
+        android:id="@+id/tv_bgm_start_time"
+        android:layout_width="wrap_content"
+        android:layout_height="20dp"
+        android:layout_marginLeft="15dp"
+        android:layout_marginTop="5dp"
+        android:gravity="left|center_vertical"
+        android:textColor="@color/ugckit_white"
+        android:textSize="14dp" />
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="45dp"
+        android:layout_marginBottom="5dp"
+        android:layout_marginTop="5dp">
+
+        <ImageView
+            android:id="@+id/iv_voice_wave"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:overScrollMode="never"
+            android:paddingLeft="10dp"
+            android:paddingRight="10dp"
+            android:src="@drawable/ugckit_bgm_wave_voice" />
+
+        <com.tencent.qcloud.ugckit.component.slider.RangeSlider
+            android:id="@+id/bgm_range_slider"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:leftThumbDrawable="@drawable/ugckit_ic_music_left"
+            app:leftThumbIndex="0"
+            app:lineColor="#FF584C"
+            app:lineHeight="3dp"
+            app:rightThumbDrawable="@drawable/ugckit_ic_music_right"
+            app:thumbWidth="19dp"
+            app:tickCount="100" />
+    </RelativeLayout>
+
+</LinearLayout>
diff --git a/ugckit/src/main/res/layout/ugckit_layout_repeat_slider.xml b/ugckit/src/main/res/layout/ugckit_layout_repeat_slider.xml
new file mode 100644
index 0000000..ce43a95
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_repeat_slider.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="horizontal"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <ImageView
+        android:id="@+id/iv_slider"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@drawable/ugckit_ic_repeate_range" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_layout_sound_effects.xml b/ugckit/src/main/res/layout/ugckit_layout_sound_effects.xml
new file mode 100755
index 0000000..ef46136
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_sound_effects.xml
@@ -0,0 +1,388 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_alignParentBottom="true"
+    android:background="#80000000"
+    android:clickable="false"
+    android:focusable="false"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:id="@+id/layout_volume"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginLeft="10dp"
+        android:layout_marginRight="10dp"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/tv_mic_volume"
+            android:layout_width="match_parent"
+            android:layout_height="20dp"
+            android:layout_marginLeft="15dp"
+            android:layout_marginTop="5dp"
+            android:gravity="left|center_vertical"
+            android:text="@string/ugckit_mic_volume"
+            android:textColor="@color/ugckit_white" />
+
+        <SeekBar
+            android:id="@+id/seekbar_mic_volume"
+            android:layout_width="match_parent"
+            android:layout_height="30dp"
+            android:indeterminate="false"
+            android:max="100"
+            android:maxHeight="4dp"
+            android:minHeight="4dp"
+            android:progress="50"
+            android:progressDrawable="@drawable/ugckit_seekbar_progress_drawable"
+            android:thumb="@drawable/ugckit_play_seekbar_icon" />
+    </LinearLayout>
+
+    <HorizontalScrollView
+        android:id="@+id/layout_reverb_type"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:scrollbars="none"
+        android:visibility="gone">
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp">
+
+            <TextView
+                android:id="@+id/btn_reverb_default"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectDisabled"
+                android:gravity="center"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_original_sound"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_reverb_1"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectReverbKTV"
+                android:gravity="center"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_ktv"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_reverb_2"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectReverbRoom"
+                android:gravity="center"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_room"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_reverb_3"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectReverbHall"
+                android:gravity="center"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_hall"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_reverb_4"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectReverbLow"
+                android:gravity="center"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_deep"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_reverb_5"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectReverbSonorous"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_loud"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_reverb_6"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectReverbMagnetic"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_magnetic"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+        </LinearLayout>
+    </HorizontalScrollView>
+
+    <HorizontalScrollView
+        android:id="@+id/layout_voicechanger"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:scrollbars="none"
+        android:visibility="gone">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp"
+            android:orientation="horizontal">
+
+            <TextView
+                android:id="@+id/btn_voicechanger_default"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectDisabled"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_original_sound2"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_voicechanger_1"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeBadboy"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_wild_kid"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+
+            <TextView
+                android:id="@+id/btn_voicechanger_2"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeLoli"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_lolita"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_voicechanger_3"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeUncle"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_uncle"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_voicechanger_4"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeHeavymechanical"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_heavy_metal"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+
+            <TextView
+                android:id="@+id/btn_voicechanger_6"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeForeigner"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_foreigner"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+
+            <TextView
+                android:id="@+id/btn_voicechanger_7"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeBeast"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_beast"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_voicechanger_8"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeFatty"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_fat_boy"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_voicechanger_9"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeElectric"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_heavy_current"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_voicechanger_10"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeHeavymechanical"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_heavy_machine"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+
+            <TextView
+                android:id="@+id/btn_voicechanger_11"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="#00000000"
+                android:drawableTop="?attr/audioEffectVoicechangeEthereal"
+                android:focusable="false"
+                android:gravity="center"
+                android:onClick="onClick"
+                android:paddingLeft="10dp"
+                android:paddingRight="10dp"
+                android:text="@string/ugckit_layout_sound_effect_vacant"
+                android:textAllCaps="false"
+                android:textColor="@color/ugckit_text_color1"
+                android:textSize="12dp" />
+        </LinearLayout>
+
+    </HorizontalScrollView>
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal">
+
+        <Button
+            android:id="@+id/btn_volume"
+            android:layout_width="50dp"
+            android:layout_height="wrap_content"
+            android:layout_margin="5dp"
+            android:background="@drawable/ugckit_ic_ugc_soundeffect"
+            android:text="音量"
+            android:textColor="@color/ugckit_white" />
+
+        <Button
+            android:id="@+id/btn_voicechange"
+            android:layout_width="50dp"
+            android:layout_height="wrap_content"
+            android:layout_margin="5dp"
+            android:background="@null"
+            android:text="变声"
+            android:textColor="@color/ugckit_white" />
+
+        <Button
+            android:id="@+id/btn_reverb"
+            android:layout_width="50dp"
+            android:layout_height="wrap_content"
+            android:layout_margin="5dp"
+            android:background="@null"
+            android:text="混响"
+            android:textColor="@color/ugckit_white" />
+    </LinearLayout>
+
+
+</LinearLayout>
+
diff --git a/ugckit/src/main/res/layout/ugckit_layout_video_progress.xml b/ugckit/src/main/res/layout/ugckit_layout_video_progress.xml
new file mode 100644
index 0000000..4fadecc
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_layout_video_progress.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/rv_video_thumbnail"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_listview_ugc_item.xml b/ugckit/src/main/res/layout/ugckit_listview_ugc_item.xml
new file mode 100644
index 0000000..6b434c8
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_listview_ugc_item.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    tools:ignore="contentDescription">
+
+    <ImageView
+        android:id="@+id/cover"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:scaleType="centerCrop" />
+
+    <TextView
+        android:id="@+id/review_status"
+        android:layout_width="wrap_content"
+        android:layout_height="20dp"
+        android:layout_marginLeft="15dp"
+        android:layout_marginTop="15dp"
+        android:background="@drawable/ugckit_item_time"
+        android:gravity="center"
+        android:text="@string/ugckit_video_list_adapter_video_state_normal"
+        android:textColor="@color/ugckit_white"
+        android:textSize="12sp" />
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="52dp"
+        android:layout_alignParentBottom="true"
+        android:background="@drawable/ugckit_shape_video_bottom_mask">
+
+        <ImageView
+            android:id="@+id/avatar"
+            android:layout_width="35dp"
+            android:layout_height="35dp"
+            android:layout_marginLeft="10dp"
+            android:focusable="false"
+            android:focusableInTouchMode="false"
+            android:src="@drawable/ugckit_face"
+            android:visibility="gone" />
+
+        <TextView
+            android:id="@+id/host_name"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentBottom="true"
+            android:layout_marginBottom="15dp"
+            android:layout_marginLeft="15dp"
+            android:layout_toRightOf="@id/avatar"
+            android:text="test"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+
+        <TextView
+            android:id="@+id/create_time"
+            android:layout_width="wrap_content"
+            android:layout_height="20dp"
+            android:layout_alignParentBottom="true"
+            android:layout_alignParentRight="true"
+            android:layout_marginBottom="15dp"
+            android:layout_marginRight="15dp"
+            android:background="@drawable/ugckit_item_time"
+            android:gravity="center"
+            android:text="@string/ugckit_tc_ugc_video_list_adapter_just_now"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+    </RelativeLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_mix_record_player_view.xml b/ugckit/src/main/res/layout/ugckit_mix_record_player_view.xml
new file mode 100644
index 0000000..cac769e
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_mix_record_player_view.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge xmlns:android="http://schemas.android.com/apk/res/android"
+    tools:parentTag="RelativeLayout"
+    android:layout_width="match_parent"
+    android:layout_height="360dp"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:background="#00ffff"
+    android:orientation="vertical">
+
+    <com.tencent.rtmp.ui.TXCloudVideoView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:id="@+id/mix_player_view" />
+
+    <ImageView
+        android:id="@+id/cover"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="#FFFFFF"
+        android:scaleType="centerCrop" />
+</merge>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_mix_record_view.xml b/ugckit/src/main/res/layout/ugckit_mix_record_view.xml
new file mode 100644
index 0000000..1c67b4c
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_mix_record_view.xml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:parentTag="RelativeLayout"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#000000"
+    android:orientation="vertical">
+
+
+    <!--    <com.tencent.qcloud.ugckit.module.triplescreen.TripleRecordPlayerViews-->
+    <!--        android:id="@+id/triple_views"-->
+    <!--        android:layout_width="match_parent"-->
+    <!--        android:layout_height="match_parent"-->
+    <!--        android:layout_centerInParent="true" />-->
+    <!-- 视频预览界面占位 -->
+    <View
+        android:id="@+id/mixrecord_playerview_placeholder"
+        android:layout_centerInParent="true"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <com.tencent.qcloud.ugckit.module.record.ScrollFilterView
+        android:id="@+id/scrollFilterView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.MixRecordRightLayout
+        android:id="@+id/record_right_layout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@+id/titleBar_layout"
+        android:layout_alignParentRight="true" />
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.MixRecordBottomLayout
+        android:id="@+id/record_bottom_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true" />
+
+    <com.tencent.liteav.demo.beauty.view.BeautyPanel
+        android:id="@+id/beauty_pannel"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:clickable="true"
+        android:visibility="gone" />
+
+    <!-- 标题栏 -->
+    <com.tencent.qcloud.ugckit.component.TitleBarLayout
+        android:id="@+id/titleBar_layout"
+        android:layout_width="match_parent"
+        android:layout_height="55dp" />
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.CountDownTimerView
+        android:id="@+id/countdown_timer_view"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true" />
+</merge>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_pic_join_layout.xml b/ugckit/src/main/res/layout/ugckit_pic_join_layout.xml
new file mode 100644
index 0000000..d57526c
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_pic_join_layout.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#0d0d0d"
+    android:orientation="vertical">
+
+    <com.tencent.qcloud.ugckit.component.TitleBarLayout
+        android:id="@+id/titleBar_layout"
+        android:layout_width="match_parent"
+        android:layout_height="55dp" />
+
+    <com.tencent.qcloud.ugckit.module.cut.VideoPlayLayout
+        android:id="@+id/picture_play_layout"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <com.tencent.qcloud.ugckit.module.picturetransition.PictureTransitionLayout
+        android:id="@+id/picture_transition_layout"
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginBottom="10dp" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_pic_transition_layout.xml b/ugckit/src/main/res/layout/ugckit_pic_transition_layout.xml
new file mode 100644
index 0000000..07f92dc
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_pic_transition_layout.xml
@@ -0,0 +1,189 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <RelativeLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1">
+
+        <ImageButton
+            android:id="@+id/transition1"
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentTop="true"
+            android:layout_marginLeft="12dp"
+            android:layout_marginRight="12dp"
+            android:background="#00ffffff"
+            android:scaleType="fitCenter"
+            android:src="?attr/transitionLeftRightIcon" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/transition1"
+            android:layout_centerHorizontal="true"
+            android:gravity="center"
+            android:paddingLeft="2dp"
+            android:paddingRight="2dp"
+            android:text="@string/ugckit_picture_join_left_right"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12dp" />
+
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1">
+
+        <ImageButton
+            android:id="@+id/transition2"
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentTop="true"
+            android:layout_marginLeft="12dp"
+            android:layout_marginRight="12dp"
+            android:background="#00ffffff"
+            android:scaleType="fitCenter"
+            android:src="?attr/transitionUpDownIcon" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/transition2"
+            android:layout_centerHorizontal="true"
+            android:gravity="center"
+            android:paddingLeft="2dp"
+            android:paddingRight="2dp"
+            android:text="@string/ugckit_picture_join_up_down"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12dp" />
+
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1">
+
+        <ImageButton
+            android:id="@+id/transition3"
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentTop="true"
+            android:layout_marginLeft="12dp"
+            android:layout_marginRight="12dp"
+            android:background="#00ffffff"
+            android:scaleType="fitCenter"
+            android:src="?attr/transitionEnlargeIcon" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/transition3"
+            android:layout_centerHorizontal="true"
+            android:gravity="center"
+            android:paddingLeft="2dp"
+            android:paddingRight="2dp"
+            android:text="@string/ugckit_picture_join_zoom_in"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12dp" />
+
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1">
+
+        <ImageButton
+            android:id="@+id/transition4"
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentTop="true"
+            android:layout_marginLeft="12dp"
+            android:layout_marginRight="12dp"
+            android:background="#00ffffff"
+            android:scaleType="fitCenter"
+            android:src="?attr/transitionNarrowIcon" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/transition4"
+            android:layout_centerHorizontal="true"
+            android:gravity="center"
+            android:paddingLeft="2dp"
+            android:paddingRight="2dp"
+            android:text="@string/ugckit_picture_join_zoom_out"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12dp" />
+
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1">
+
+        <ImageButton
+            android:id="@+id/transition5"
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentTop="true"
+            android:layout_marginLeft="12dp"
+            android:layout_marginRight="12dp"
+            android:background="#00ffffff"
+            android:scaleType="fitCenter"
+            android:src="?attr/transitionRotateIcon" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/transition5"
+            android:layout_centerHorizontal="true"
+            android:gravity="center"
+            android:paddingLeft="2dp"
+            android:paddingRight="2dp"
+            android:text="@string/ugckit_picture_join_rotate"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12dp" />
+
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1">
+
+        <ImageButton
+            android:id="@+id/transition6"
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentTop="true"
+            android:layout_marginLeft="12dp"
+            android:layout_marginRight="12dp"
+            android:background="#00ffffff"
+            android:scaleType="fitCenter"
+            android:src="?attr/transitionFadeInOutIcon" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/transition6"
+            android:layout_centerHorizontal="true"
+            android:ellipsize="marquee"
+            android:focusable="true"
+            android:focusableInTouchMode="true"
+            android:gravity="center"
+            android:paddingLeft="2dp"
+            android:paddingRight="2dp"
+            android:singleLine="true"
+            android:text="@string/ugckit_picture_join_fade_in_and_fade_out"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12dp" />
+
+    </RelativeLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_picker_layout.xml b/ugckit/src/main/res/layout/ugckit_picker_layout.xml
new file mode 100644
index 0000000..f2e3bd6
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_picker_layout.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#1F2531"
+    android:orientation="vertical">
+
+    <com.tencent.qcloud.ugckit.component.TitleBarLayout
+        android:id="@+id/titleBar_layout"
+        android:layout_width="match_parent"
+        android:layout_height="55dp" />
+
+    <com.tencent.qcloud.ugckit.module.picker.view.PickerListLayout
+        android:id="@+id/choose_list_layout"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <com.tencent.qcloud.ugckit.module.picker.view.PickedLayout
+        android:id="@+id/choose_pick_layout"
+        android:layout_width="match_parent"
+        android:layout_height="146dp"
+        android:layout_marginLeft="15dp"
+        android:layout_marginRight="15dp"
+        android:layout_marginTop="10dp"
+        android:background="@drawable/ugckit_ic_choose_bottom_bg" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_picture_list_layout.xml b/ugckit/src/main/res/layout/ugckit_picture_list_layout.xml
new file mode 100644
index 0000000..459fc10
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_picture_list_layout.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_picture_pick_layout.xml b/ugckit/src/main/res/layout/ugckit_picture_pick_layout.xml
new file mode 100644
index 0000000..735d349
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_picture_pick_layout.xml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="156dp"
+    android:layout_marginLeft="15dp"
+    android:layout_marginTop="10dp"
+    android:layout_marginRight="15dp"
+    android:background="@drawable/ugckit_ic_choose_bottom_bg">
+
+    <LinearLayout
+        android:id="@+id/layout1"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal">
+
+        <TextView
+            android:id="@+id/tv_drag"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_weight="1"
+            android:ellipsize="end"
+            android:maxLines="2"
+            android:text="@string/ugckit_video_long_drag"
+            android:textColor="@color/ugckit_half_white"
+            android:textSize="14dp" />
+
+        <Button
+            android:id="@+id/btn_next"
+            android:layout_width="50dp"
+            android:layout_height="25dp"
+            android:layout_marginRight="0dp"
+            android:background="@drawable/ugckit_ic_choose_next_selector"
+            android:text="@string/ugckit_next_step"
+            android:textColor="@color/ugckit_white"
+            android:textSize="@dimen/ugckit_h4" />
+
+    </LinearLayout>
+
+    <com.tencent.qcloud.ugckit.component.swipemenu.SwipeMenuRecyclerView
+        android:id="@+id/swipe_menu_recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_below="@+id/layout1"
+        android:layout_marginTop="10dp"
+        android:layout_marginBottom="10dp" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_play_control_view.xml b/ugckit/src/main/res/layout/ugckit_play_control_view.xml
new file mode 100644
index 0000000..4b5ce48
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_play_control_view.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="60dp"
+    android:background="@color/ugckit_editer_bottom"
+    android:orientation="horizontal"
+    android:paddingLeft="15dp">
+
+    <TextView
+        android:id="@+id/tv_current"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerVertical="true"
+        android:text="00：00"
+        android:textColor="@color/ugckit_white" />
+
+    <ImageView
+        android:id="@+id/iv_play"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true"
+        android:paddingLeft="20dp"
+        android:paddingRight="20dp"
+        android:src="?attr/editerPauseIcon" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_publish_video_layout.xml b/ugckit/src/main/res/layout/ugckit_publish_video_layout.xml
new file mode 100644
index 0000000..f91d625
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_publish_video_layout.xml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/ugckit_editer_bottom"
+    android:orientation="vertical">
+
+    <ImageView
+        android:id="@+id/bg_iv"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <ImageView
+        android:id="@+id/btn_back"
+        android:layout_width="50dp"
+        android:layout_height="30dp"
+        android:layout_gravity="right|center_vertical"
+        android:layout_marginLeft="15dp"
+        android:layout_marginTop="15dp"
+        android:src="@drawable/ugckit_ic_close_selector" />
+
+    <ProgressBar
+        android:id="@+id/progressbar"
+        style="?android:attr/progressBarStyleHorizontal"
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginBottom="20dp"
+        android:progressDrawable="@drawable/ugckit_default_progress" />
+
+    <TextView
+        android:id="@+id/tv_progress"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_above="@+id/progressbar"
+        android:layout_marginLeft="15dp"
+        android:layout_marginBottom="10dp"
+        android:textColor="@color/ugckit_white"
+        android:textSize="14dp" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_record_bottom_layout.xml b/ugckit/src/main/res/layout/ugckit_record_bottom_layout.xml
new file mode 100644
index 0000000..6b1a135
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_record_bottom_layout.xml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_gravity="bottom"
+    android:background="@drawable/ugckit_record_mask_buttom"
+    android:orientation="vertical">
+
+    <!-- 录制时间 -->
+    <TextView
+        android:id="@+id/record_progress_time"
+        android:layout_width="60dp"
+        android:layout_height="20dp"
+        android:layout_gravity="center_horizontal"
+        android:layout_marginBottom="6dp"
+        android:background="@drawable/ugckit_drawable_gray_rect_bg"
+        android:gravity="center"
+        android:textColor="@color/ugckit_white" />
+
+    <!-- 多段录制进度条 -->
+    <com.tencent.qcloud.ugckit.module.record.RecordProgressView
+        android:id="@+id/record_progress_view"
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:layout_marginBottom="10dp" />
+
+    <!-- 视频速度View -->
+    <com.tencent.qcloud.ugckit.module.record.RecordSpeedLayout
+        android:id="@+id/record_speed_layout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center_horizontal" />
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="80dp">
+
+        <!-- 录制按钮 -->
+        <com.tencent.qcloud.ugckit.module.record.RecordButton
+            android:id="@+id/record_button"
+            android:layout_width="80dp"
+            android:layout_height="80dp"
+            android:layout_centerInParent="true" />
+
+        <LinearLayout
+            android:id="@+id/record_left_panel"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:layout_toLeftOf="@id/record_button"
+            android:orientation="horizontal">
+
+            <!-- 闪光灯 -->
+            <ImageView
+                android:id="@+id/iv_torch"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_gravity="center_vertical"
+                android:layout_weight="1"
+                android:src="?attr/recordTorchOffIcon" />
+
+            <!-- 切换前后摄像头 -->
+            <ImageView
+                android:id="@+id/iv_switch_camera"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_gravity="center_vertical"
+                android:layout_weight="1"
+                android:src="?attr/recordSwitchCameraIcon" />
+        </LinearLayout>
+
+        <RelativeLayout
+            android:id="@+id/record_right_panel"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_centerVertical="true"
+            android:layout_toRightOf="@id/record_button">
+
+            <!-- 删除上一段 -->
+            <ImageView
+                android:id="@+id/iv_delete_last_part"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_centerHorizontal="true"
+                android:src="?attr/recordDeleteIcon" />
+        </RelativeLayout>
+    </RelativeLayout>
+
+    <!-- 拍摄模式View -->
+    <com.tencent.qcloud.ugckit.module.record.RecordModeView
+        android:id="@+id/record_mode_view"
+        android:layout_width="270dp"
+        android:layout_height="30dp"
+        android:layout_gravity="center_horizontal" />
+
+    <!-- 拍摄模式圆点 -->
+    <View
+        android:id="@+id/record_mode_dot"
+        android:layout_width="5dp"
+        android:layout_height="5dp"
+        android:layout_gravity="center_horizontal"
+        android:layout_marginBottom="5dp"
+        android:background="@drawable/ugckit_record_mode_instruction_bkg" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_record_button.xml b/ugckit/src/main/res/layout/ugckit_record_button.xml
new file mode 100644
index 0000000..184f6e3
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_record_button.xml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/layout_compose_record_btn"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <View
+        android:id="@+id/view_take_photo_bkg"
+        android:layout_width="65dp"
+        android:layout_height="65dp"
+        android:layout_centerInParent="true"
+        android:visibility="gone" />
+
+    <View
+        android:id="@+id/view_take_photo"
+        android:layout_width="55dp"
+        android:layout_height="55dp"
+        android:layout_centerInParent="true"
+        android:visibility="gone" />
+
+    <View
+        android:id="@+id/view_record_click_shot_bkg"
+        android:layout_width="65dp"
+        android:layout_height="65dp"
+        android:layout_centerInParent="true" />
+
+    <View
+        android:id="@+id/view_record_click_shot"
+        android:layout_width="55dp"
+        android:layout_height="55dp"
+        android:layout_centerInParent="true" />
+
+    <View
+        android:id="@+id/view_record_touch_shot_bkg"
+        android:layout_width="65dp"
+        android:layout_height="65dp"
+        android:layout_centerInParent="true"
+        android:visibility="gone" />
+
+    <View
+        android:id="@+id/view_record_touch_shot"
+        android:layout_width="55dp"
+        android:layout_height="55dp"
+        android:layout_centerInParent="true"
+        android:visibility="gone" />
+
+    <ImageView
+        android:id="@+id/iv_record_pause"
+        android:layout_width="20dp"
+        android:layout_height="20dp"
+        android:layout_centerInParent="true"
+        android:background="@drawable/ugckit_pause_record"
+        android:visibility="gone" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_record_mode_layout.xml b/ugckit/src/main/res/layout/ugckit_record_mode_layout.xml
new file mode 100644
index 0000000..f0a17c1
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_record_mode_layout.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/layout_record_mode"
+    android:layout_width="270dp"
+    android:layout_height="30dp"
+    android:layout_gravity="center_horizontal"
+    android:orientation="horizontal">
+
+    <TextView
+        android:id="@+id/tv_photo"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_weight="1"
+        android:gravity="center"
+        android:text="@string/ugckit_activity_video_record_take_photo"
+        android:textColor="@drawable/ugckit_record_way_selector_txt_color"
+        android:textSize="14dp" />
+
+    <TextView
+        android:id="@+id/tv_click"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_weight="1"
+        android:gravity="center"
+        android:text="@string/ugckit_activity_video_record_click_start"
+        android:textColor="@drawable/ugckit_record_way_selector_txt_color"
+        android:textSize="14dp" />
+
+    <TextView
+        android:id="@+id/tv_touch"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_weight="1"
+        android:gravity="center"
+        android:text="@string/ugckit_activity_video_record_long_touch"
+        android:textColor="@drawable/ugckit_record_way_selector_txt_color"
+        android:textSize="14dp" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_record_right_layout.xml b/ugckit/src/main/res/layout/ugckit_record_right_layout.xml
new file mode 100644
index 0000000..89a46e6
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_record_right_layout.xml
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_gravity="right"
+    android:gravity="right"
+    android:orientation="vertical">
+
+    <RelativeLayout
+        android:id="@+id/layout_music"
+        android:layout_width="60dp"
+        android:layout_height="wrap_content"
+        android:layout_marginRight="10dp"
+        android:layout_marginTop="15dp">
+
+        <ImageView
+            android:id="@+id/iv_music"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_alignParentTop="true"
+            android:layout_centerHorizontal="true"
+            android:src="?attr/recordMusicIcon" />
+
+        <ImageView
+            android:id="@+id/iv_music_mask"
+            android:layout_width="44dp"
+            android:layout_height="44dp"
+            android:layout_centerHorizontal="true"
+            android:background="@drawable/ugckit_record_round_bg"
+            android:visibility="gone" />
+
+        <TextView
+            android:id="@+id/tv_music"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/iv_music"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:layout_marginTop="4dp"
+            android:gravity="center"
+            android:text="@string/ugckit_music"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+    </RelativeLayout>
+
+    <com.tencent.qcloud.ugckit.module.record.AspectView
+        android:id="@+id/aspect_view"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/layout_music"
+        android:layout_marginTop="10dp" />
+
+    <RelativeLayout
+        android:id="@+id/layout_beauty"
+        android:layout_width="60dp"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/aspect_view"
+        android:layout_marginRight="10dp"
+        android:layout_marginTop="10dp">
+
+        <ImageView
+            android:id="@+id/iv_beauty"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:src="?attr/recordBeautyIcon" />
+
+        <TextView
+            android:id="@+id/tv_beauty"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/iv_beauty"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:layout_marginTop="4dp"
+            android:gravity="center"
+            android:text="@string/ugckit_beauty"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+    </RelativeLayout>
+
+    <RelativeLayout
+        android:id="@+id/layout_sound_effect"
+        android:layout_width="60dp"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/layout_beauty"
+        android:layout_marginRight="10dp"
+        android:layout_marginTop="10dp">
+
+        <ImageView
+            android:id="@+id/iv_sound_effect"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:src="?attr/recordAudioEffectIcon" />
+
+        <ImageView
+            android:id="@+id/iv_sound_effect_mask"
+            android:layout_width="44dp"
+            android:layout_height="44dp"
+            android:layout_centerHorizontal="true"
+            android:background="@drawable/ugckit_record_round_bg"
+            android:visibility="gone" />
+
+        <TextView
+            android:id="@+id/tv_sound_effect"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/iv_sound_effect"
+            android:layout_centerHorizontal="true"
+            android:layout_gravity="center_horizontal"
+            android:layout_marginTop="4dp"
+            android:gravity="center"
+            android:text="@string/ugckit_activity_video_record_sound_effect"
+            android:textColor="@color/ugckit_white"
+            android:textSize="12sp" />
+
+    </RelativeLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_record_speed_layout.xml b/ugckit/src/main/res/layout/ugckit_record_speed_layout.xml
new file mode 100644
index 0000000..22f0d76
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_record_speed_layout.xml
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_gravity="center_horizontal"
+    android:orientation="vertical">
+
+    <RadioGroup
+        android:id="@+id/rg_record_speed"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:layout_marginBottom="10dp"
+        android:background="@drawable/ugckit_drawable_gray_rect_bg"
+        android:gravity="center"
+        android:orientation="horizontal">
+
+        <RadioButton
+            android:id="@+id/rb_slowest"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:button="@null"
+            android:paddingLeft="15dp"
+            android:paddingTop="10dp"
+            android:paddingRight="15dp"
+            android:paddingBottom="10dp"
+            android:text="@string/ugckit_speed_very_slow"
+            android:textColor="@drawable/ugckit_record_speed_selector"
+            android:textSize="14sp" />
+
+        <RadioButton
+            android:id="@+id/rb_slow"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:button="@null"
+            android:paddingLeft="15dp"
+            android:paddingTop="10dp"
+            android:paddingRight="15dp"
+            android:paddingBottom="10dp"
+            android:text="@string/ugckit_speed_slow"
+            android:textColor="@drawable/ugckit_record_speed_selector"
+            android:textSize="14sp" />
+
+        <RadioButton
+            android:id="@+id/rb_normal"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:button="@null"
+            android:paddingLeft="15dp"
+            android:paddingTop="10dp"
+            android:paddingRight="15dp"
+            android:paddingBottom="10dp"
+            android:text="@string/ugckit_speed_normal"
+            android:textColor="@drawable/ugckit_record_speed_selector"
+            android:textSize="14sp" />
+
+        <RadioButton
+            android:id="@+id/rb_fast"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:button="@null"
+            android:paddingLeft="15dp"
+            android:paddingTop="10dp"
+            android:paddingRight="15dp"
+            android:paddingBottom="10dp"
+            android:text="@string/ugckit_speed_fast"
+            android:textColor="@drawable/ugckit_record_speed_selector"
+            android:textSize="14sp" />
+
+        <RadioButton
+            android:id="@+id/rb_fastest"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:button="@null"
+            android:paddingLeft="15dp"
+            android:paddingTop="10dp"
+            android:paddingRight="15dp"
+            android:paddingBottom="10dp"
+            android:text="@string/ugckit_speed_very_fast"
+            android:textColor="@drawable/ugckit_record_speed_selector"
+            android:textSize="14sp" />
+    </RadioGroup>
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_scroll_filter_view.xml b/ugckit/src/main/res/layout/ugckit_scroll_filter_view.xml
new file mode 100644
index 0000000..4ce5119
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_scroll_filter_view.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <FrameLayout
+        android:id="@+id/mask"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <TextView
+        android:id="@+id/tv_filter"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:text="无"
+        android:textColor="@color/ugckit_white"
+        android:textSize="20sp"
+        android:visibility="invisible" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_swipe_item.xml b/ugckit/src/main/res/layout/ugckit_swipe_item.xml
new file mode 100644
index 0000000..01075ca
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_swipe_item.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.tencent.qcloud.ugckit.component.swipemenu.SwipeMenuLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:swipe="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:clickable="true"
+    swipe:contentViewId="@+id/swipe_content"
+    swipe:leftViewId="@+id/swipe_left"
+    swipe:rightViewId="@+id/swipe_right">
+
+    <com.tencent.qcloud.ugckit.component.swipemenu.SwipeMenuView
+        android:id="@id/swipe_left"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent" />
+
+    <FrameLayout
+        android:id="@id/swipe_content"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content" />
+
+    <com.tencent.qcloud.ugckit.component.swipemenu.SwipeMenuView
+        android:id="@id/swipe_right"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent" />
+</com.tencent.qcloud.ugckit.component.swipemenu.SwipeMenuLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_swipe_menu_item.xml b/ugckit/src/main/res/layout/ugckit_swipe_menu_item.xml
new file mode 100644
index 0000000..18701c8
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_swipe_menu_item.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="100dp"
+    android:layout_height="100dp"
+    android:layout_marginRight="6dp"
+    android:descendantFocusability="beforeDescendants"
+    android:orientation="horizontal">
+
+    <ImageView
+        android:id="@+id/iv_icon"
+        android:layout_width="90dp"
+        android:layout_height="90dp"
+        android:layout_alignParentBottom="true"
+        android:layout_centerVertical="true"
+        android:scaleType="centerCrop" />
+
+    <TextView
+        android:id="@+id/tv_duration"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:layout_alignRight="@+id/iv_icon"
+        android:layout_marginBottom="10dp"
+        android:layout_marginRight="5dp"
+        android:text="0:0"
+        android:textColor="@color/ugckit_white"
+        android:textSize="@dimen/ugckit_h4" />
+
+    <ImageView
+        android:id="@+id/iv_close"
+        android:layout_width="20dp"
+        android:layout_height="20dp"
+        android:layout_alignParentRight="true"
+        android:scaleType="centerCrop"
+        android:src="@drawable/ugckit_ic_picker_close" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_title_bar_layout.xml b/ugckit/src/main/res/layout/ugckit_title_bar_layout.xml
new file mode 100644
index 0000000..8bb2633
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_title_bar_layout.xml
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:background="#000000"
+    android:id="@+id/page_title_layout"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <LinearLayout
+        android:id="@+id/page_title_left_group"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_alignParentLeft="true"
+        android:gravity="center_vertical"
+        android:minWidth="80dp"
+        android:orientation="horizontal"
+        android:paddingLeft="16dp">
+
+        <ImageView
+            android:id="@+id/page_title_left_icon"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginRight="10dp"
+            android:clickable="false"
+            android:src="?attr/backIcon" />
+
+        <TextView
+            android:id="@+id/page_title_left_text"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:textColor="@color/ugckit_black"
+            android:textSize="14sp" />
+
+    </LinearLayout>
+
+    <TextView
+        android:id="@+id/page_title"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true"
+        android:layout_weight="1"
+        android:gravity="center"
+        android:textColor="@color/ugckit_white"
+        android:textSize="?attr/titleTextSize" />
+
+    <LinearLayout
+        android:id="@+id/page_title_right_group"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_alignParentRight="true"
+        android:gravity="center_vertical|right"
+        android:minWidth="80dp"
+        android:orientation="horizontal"
+        android:paddingRight="16dp">
+
+        <TextView
+            android:id="@+id/page_title_right_text"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:gravity="right"
+            android:textColor="@color/ugckit_black"
+            android:textSize="14sp" />
+
+        <ImageView
+            android:id="@+id/page_title_right_icon"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginLeft="10dp" />
+    </LinearLayout>
+
+    <Button
+        android:id="@+id/btn_next"
+        android:layout_width="50dp"
+        android:layout_height="25dp"
+        android:layout_alignParentRight="true"
+        android:layout_centerVertical="true"
+        android:layout_marginRight="15dp"
+        android:background="?attr/nextIcon"
+        android:text="@string/ugckit_next_step"
+        android:textColor="@color/ugckit_white"
+        android:textSize="@dimen/ugckit_h5" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_triple_record_player_view.xml b/ugckit/src/main/res/layout/ugckit_triple_record_player_view.xml
new file mode 100644
index 0000000..ddccd44
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_triple_record_player_view.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.tencent.qcloud.ugckit.module.mixrecord.TripleRecordPlayerViews xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+</com.tencent.qcloud.ugckit.module.mixrecord.TripleRecordPlayerViews>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_triple_record_player_view_inner.xml b/ugckit/src/main/res/layout/ugckit_triple_record_player_view_inner.xml
new file mode 100644
index 0000000..9c6ff03
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_triple_record_player_view_inner.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:parentTag="LinearLayout"
+    android:orientation="vertical"
+    android:layout_width="match_parent"
+    android:background="#000000"
+    android:layout_height="match_parent">
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.MixRecordPlayerView
+        android:id="@+id/triple_first"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.MixRecordPlayerView
+        android:id="@+id/triple_second"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <com.tencent.qcloud.ugckit.module.mixrecord.MixRecordPlayerView
+        android:id="@+id/triple_third"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_cut_kit.xml b/ugckit/src/main/res/layout/ugckit_video_cut_kit.xml
new file mode 100644
index 0000000..9faada1
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_cut_kit.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <com.tencent.qcloud.ugckit.component.slider.VideoCutView
+        android:id="@+id/video_edit_view"
+        android:layout_width="match_parent"
+        android:layout_height="50dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginLeft="10dp"
+        android:layout_marginRight="10dp"
+        android:layout_marginBottom="20dp" />
+
+    <TextView
+        android:id="@+id/tv_choose_duration"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_above="@+id/video_edit_view"
+        android:layout_marginLeft="10dp"
+        android:layout_marginRight="10dp"
+        android:layout_marginBottom="10dp"
+        android:textColor="@color/ugckit_white" />
+
+    <ImageView
+        android:id="@+id/iv_rotate"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_above="@+id/video_edit_view"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="10dp"
+        android:layout_marginBottom="10dp"
+        android:background="@null"
+        android:src="?attr/editerRotateIcon"
+        android:text="rotate" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_cut_layout.xml b/ugckit/src/main/res/layout/ugckit_video_cut_layout.xml
new file mode 100644
index 0000000..22b9272
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_cut_layout.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <com.tencent.qcloud.ugckit.component.TitleBarLayout
+        android:id="@+id/titleBar_layout"
+        android:layout_width="match_parent"
+        android:layout_height="55dp" />
+
+    <com.tencent.qcloud.ugckit.module.cut.VideoPlayLayout
+        android:id="@+id/video_play_layout"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <com.tencent.qcloud.ugckit.module.cut.VideoCutLayout
+        android:id="@+id/video_cut_layout"
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginBottom="10dp" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_cutt_kit.xml b/ugckit/src/main/res/layout/ugckit_video_cutt_kit.xml
new file mode 100644
index 0000000..b783d3f
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_cutt_kit.xml
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginBottom="18dp"
+    android:layout_marginLeft="18dp"
+    android:layout_marginRight="18dp">
+
+    <TextView
+        android:id="@+id/tv_bgm"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:clickable="true"
+        android:drawablePadding="5dp"
+        android:drawableTop="?attr/editerMenuBgmIcon"
+        android:gravity="center"
+        android:text="@string/ugckit_music"
+        android:textColor="@color/ugckit_white" />
+
+    <TextView
+        android:id="@+id/tv_motion"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:clickable="true"
+        android:drawablePadding="5dp"
+        android:drawableTop="?attr/editerMenuMotionIcon"
+        android:gravity="center"
+        android:text="@string/ugckit_motion"
+        android:textColor="@color/ugckit_white" />
+
+    <TextView
+        android:id="@+id/tv_speed"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:clickable="true"
+        android:drawablePadding="5dp"
+        android:drawableTop="?attr/editerMenuSpeedIcon"
+        android:gravity="center"
+        android:text="@string/ugckit_speed"
+        android:textColor="@color/ugckit_white" />
+
+    <TextView
+        android:id="@+id/tv_filter"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:clickable="true"
+        android:drawablePadding="5dp"
+        android:drawableTop="?attr/editerMenuFilterIcon"
+        android:gravity="center"
+        android:text="@string/ugckit_filter"
+        android:textColor="@color/ugckit_white" />
+
+    <TextView
+        android:id="@+id/tv_paster"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:clickable="true"
+        android:drawablePadding="5dp"
+        android:drawableTop="?attr/editerMenuPasterIcon"
+        android:gravity="center"
+        android:text="@string/ugckit_paster"
+        android:textColor="@color/ugckit_white" />
+
+    <TextView
+        android:id="@+id/tv_subtitle"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:clickable="true"
+        android:drawablePadding="5dp"
+        android:drawableTop="?attr/editerMenuSubtitleIcon"
+        android:gravity="center"
+        android:text="@string/ugckit_subtitle"
+        android:textColor="@color/ugckit_white" />
+
+    <TextView
+        android:id="@+id/tv_transition"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:clickable="true"
+        android:drawablePadding="5dp"
+        android:drawableTop="?attr/editerMenuTransitionIcon"
+        android:gravity="center"
+        android:text="@string/ugckit_transition"
+        android:textColor="@color/ugckit_white" />
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_edit_layout.xml b/ugckit/src/main/res/layout/ugckit_video_edit_layout.xml
new file mode 100644
index 0000000..6fafaec
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_edit_layout.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <com.tencent.qcloud.ugckit.module.cut.VideoPlayLayout
+        android:id="@+id/video_play_layout"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <com.tencent.qcloud.ugckit.component.TitleBarLayout
+        android:id="@+id/titleBar_layout"
+        android:layout_width="match_parent"
+        android:layout_height="55dp" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_eff_layout.xml b/ugckit/src/main/res/layout/ugckit_video_eff_layout.xml
new file mode 100644
index 0000000..49945cd
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_eff_layout.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <com.tencent.qcloud.ugckit.module.cut.VideoPlayLayout
+        android:id="@+id/video_play_layout"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_above="@+id/video_bottom_layout" />
+
+    <com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerViewGroup
+        android:id="@+id/paster_container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:visibility="gone" />
+
+    <com.tencent.qcloud.ugckit.component.floatlayer.FloatLayerViewGroup
+        android:id="@+id/bubble_container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:visibility="gone" />
+
+    <RelativeLayout
+        android:id="@+id/video_bottom_layout"
+        android:layout_width="match_parent"
+        android:layout_height="220dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginBottom="10dp"
+        android:background="#0d0d0d"
+        android:orientation="vertical">
+
+        <com.tencent.qcloud.ugckit.module.effect.PlayControlLayout
+            android:id="@+id/play_control_layout"
+            android:layout_width="match_parent"
+            android:layout_height="60dp"
+            android:background="@color/ugckit_editer_bottom"
+            android:orientation="horizontal" />
+
+        <com.tencent.qcloud.ugckit.module.effect.TimeLineView
+            android:id="@+id/timeline_view"
+            android:layout_width="match_parent"
+            android:layout_height="60dp"
+            android:layout_below="@+id/play_control_layout"
+            android:background="@color/ugckit_editer_bottom" />
+    </RelativeLayout>
+
+    <FrameLayout
+        android:id="@+id/fragment_layout"
+        android:layout_width="match_parent"
+        android:layout_height="220dp"
+        android:layout_alignParentBottom="true"
+        android:layout_marginBottom="10dp" />
+
+    <com.tencent.qcloud.ugckit.component.TitleBarLayout
+        android:id="@+id/titleBar_layout"
+        android:layout_width="match_parent"
+        android:layout_height="55dp" />
+
+    <com.tencent.qcloud.ugckit.module.effect.paster.view.PasterPannel
+        android:id="@+id/paster_select_view"
+        android:layout_width="match_parent"
+        android:layout_height="220dp"
+        android:layout_alignParentBottom="true"
+        android:visibility="gone" />
+
+    <com.tencent.qcloud.ugckit.module.effect.bubble.BubbleSubtitlePannel
+        android:id="@+id/bubble_setting_view"
+        android:layout_width="match_parent"
+        android:layout_height="220dp"
+        android:layout_alignParentBottom="true"
+        android:visibility="gone" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_play_layout.xml b/ugckit/src/main/res/layout/ugckit_video_play_layout.xml
new file mode 100644
index 0000000..5519f28
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_play_layout.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/layout_player"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent" />
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_rec_layout.xml b/ugckit/src/main/res/layout/ugckit_video_rec_layout.xml
new file mode 100644
index 0000000..7fb2f6e
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_rec_layout.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#000000"
+    android:orientation="vertical">
+
+    <!-- 视频预览界面 -->
+    <com.tencent.rtmp.ui.TXCloudVideoView
+        android:id="@+id/video_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true" />
+
+    <com.tencent.qcloud.ugckit.module.record.RecordPauseSnapView
+        android:id="@+id/record_pause_snap_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true"/>
+
+    <com.tencent.qcloud.ugckit.module.record.ScrollFilterView
+        android:id="@+id/scrollFilterView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <com.tencent.qcloud.ugckit.module.record.RecordRightLayout
+        android:id="@+id/record_right_layout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_below="@+id/titleBar_layout" />
+
+    <com.tencent.qcloud.ugckit.module.record.RecordBottomLayout
+        android:id="@+id/record_bottom_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true" />
+
+    <com.tencent.qcloud.ugckit.module.record.RecordMusicPannel
+        android:id="@+id/record_music_pannel"
+        android:layout_width="match_parent"
+        android:layout_height="220dp"
+        android:layout_alignParentBottom="true"
+        android:visibility="gone" />
+
+    <com.tencent.liteav.demo.beauty.view.BeautyPanel
+        android:id="@+id/beauty_pannel"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:clickable="true"
+        android:visibility="gone" />
+
+    <com.tencent.qcloud.ugckit.module.effect.bgm.view.SoundEffectsPannel
+        android:id="@+id/sound_effect_pannel"
+        android:layout_width="match_parent"
+        android:layout_height="225dp"
+        android:layout_alignParentBottom="true"
+        android:visibility="gone" />
+
+    <!-- 用于拍照以后生成的图片界面显示-->
+    <com.tencent.qcloud.ugckit.module.record.ImageSnapShotView
+        android:id="@+id/image_snapshot_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="#00000000"
+        android:scaleType="fitCenter" />
+
+    <!-- 标题栏 -->
+    <com.tencent.qcloud.ugckit.component.TitleBarLayout
+        android:id="@+id/titleBar_layout"
+        android:layout_width="match_parent"
+        android:layout_height="55dp" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_video_timeline.xml b/ugckit/src/main/res/layout/ugckit_video_timeline.xml
new file mode 100644
index 0000000..402ed19
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_video_timeline.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="60dp"
+    android:layout_marginBottom="100dp">
+
+    <com.tencent.qcloud.ugckit.component.timeline.VideoProgressView
+        android:id="@+id/video_progress_view"
+        android:layout_width="match_parent"
+        android:layout_height="34dp"
+        android:layout_marginTop="10dp" />
+
+    <ImageView
+        android:id="@+id/iv_player_slider"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_centerHorizontal="true"
+        android:src="@drawable/ugckit_ic_player_slider" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/layout/ugckit_view_actionsheet.xml b/ugckit/src/main/res/layout/ugckit_view_actionsheet.xml
new file mode 100755
index 0000000..0663070
--- /dev/null
+++ b/ugckit/src/main/res/layout/ugckit_view_actionsheet.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    android:padding="8dp">
+
+    <TextView
+        android:id="@+id/txt_title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@drawable/ugckit_actionsheet_top_normal"
+        android:gravity="center"
+        android:minHeight="45dp"
+        android:paddingBottom="10dp"
+        android:paddingLeft="15dp"
+        android:paddingRight="15dp"
+        android:paddingTop="10dp"
+        android:textColor="@color/ugckit_actionsheet_gray"
+        android:textSize="13sp"
+        android:visibility="gone" />
+
+    <ScrollView
+        android:id="@+id/sLayout_content"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:fadingEdge="none">
+
+        <LinearLayout
+            android:id="@+id/lLayout_content"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical" />
+    </ScrollView>
+
+    <TextView
+        android:id="@+id/txt_cancel"
+        android:layout_width="match_parent"
+        android:layout_height="45dp"
+        android:layout_marginTop="8dp"
+        android:background="@drawable/ugckit_actionsheet_single_selector"
+        android:gravity="center"
+        android:text="@string/ugckit_btn_cancel"
+        android:textSize="18sp" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/ugckit/src/main/res/styles.xml b/ugckit/src/main/res/styles.xml
new file mode 100644
index 0000000..bd6d898
--- /dev/null
+++ b/ugckit/src/main/res/styles.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="SuperPlayerAppProgressBarStyle">
+        <item name="android:indeterminateOnly">false</item>
+        <item name="android:progressDrawable">@drawable/superplayer_layer_list_progress_bar</item>
+    </style>
+
+    <declare-styleable name="SuperPlayerTCPointSeekBar">
+        <attr name="psb_thumbBackground" format="reference" />
+        <attr name="psb_backgroundColor" format="color" />
+        <attr name="psb_progressColor" format="color" />
+        <attr name="psb_progress" format="integer" />
+        <attr name="psb_max" format="integer" />
+        <attr name="psb_progressHeight" format="dimension" />
+    </declare-styleable>
+
+</resources>
\ No newline at end of file
diff --git a/ugckit/src/main/res/values-en/strings.xml b/ugckit/src/main/res/values-en/strings.xml
new file mode 100755
index 0000000..2af9296
--- /dev/null
+++ b/ugckit/src/main/res/values-en/strings.xml
@@ -0,0 +1,436 @@
+<resources>
+    <string name="app_name">XiaoShiPin</string>
+
+    <string name="ugckit_btn_back">Back</string>
+    <string name="ugckit_btn_cancel">Cancel</string>
+    <string name="ugckit_btn_ok">OK</string>
+    <string name="ugckit_btn_confirm">OK</string>
+
+
+    <!--loginActivity -->
+    <string name="ugckit_activity_login_login">Log In</string>
+    <string name="ugckit_activity_login_register">Sign Up</string>
+    <string name="ugckit_activity_login_username">Username</string>
+    <string name="ugckit_activity_login_password">Password</string>
+    <!--loginActivity -->
+
+    <!--registerActivity -->
+    <string name="ugckit_activity_register_register">Sign Up</string>
+    <string name="ugckit_activity_register_username">Name (4-24 chars with letters, digits &#038; underlines)</string>
+    <string name="ugckit_activity_register_password">Password (8-16 chars)</string>
+    <string name="ugckit_activity_register_password_verify">Confirm Password</string>
+    <!--registerActivity -->
+
+    <!-- permission check-->
+    <string name="ugckit_float_window_not_allow">Float window not allowed. Please enable in Application-Permissions.</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_app_about">About</string>
+    <string name="ugckit_btn_login_out">Log Out</string>
+
+    <string name="ugckit_video_edit_segment">Set your clip segment</string>
+    <string name="ugckit_music_empty">No content yet</string>
+    <string name="ugckit_music_loading">Loading local music file…</string>
+    <string name="ugckit_follow_shot">Imitate</string>
+
+    <!-- TCVideoRecordActivity -->
+    <string name="ugckit_next_step">Next</string>
+
+    <string name="ugckit_speed_very_slow">Slower</string>
+    <string name="ugckit_speed_slow">Slow</string>
+    <string name="ugckit_speed_normal">Normal</string>
+    <string name="ugckit_speed_fast">Fast</string>
+    <string name="ugckit_speed_very_fast">Faster</string>
+    <string name="ugckit_aspect">Aspect ratio</string>
+    <string name="ugckit_beauty">Beauty</string>
+    <string name="ugckit_music">Music</string>
+    <string name="ugckit_motion">Effect</string>
+    <string name="ugckit_speed">Speed</string>
+    <string name="ugckit_filter">Filter</string>
+    <string name="ugckit_paster">Sticker</string>
+    <string name="ugckit_subtitle">Subtitle</string>
+    <string name="ugckit_transition">Transition</string>
+
+    <string name="ugckit_cancel_record">Cancel Shooting</string>
+    <string name="ugckit_confirm_cancel_edit_content">Discard the current editing?</string>
+    <string name="ugckit_confirm_cancel_record_content">Discard the current shooting?</string>
+    <string name="ugckit_wrong_click">Cancel</string>
+    <string name="ugckit_give_up">Discard</string>
+
+    <!--ShortVideoDialog.java-->
+    <string name="ugckit_video_record_title">Shoot</string>
+    <string name="ugckit_video_editer_title">Edit Video</string>
+    <string name="ugckit_picture_editer_title">Edit Image</string>
+
+    <!--TCPictureChooseActivityvity-->
+    <string name="ugckit_picture_choose">Select Image</string>
+    <string name="ugckit_video_long_drag">Hold and drag videos to change their order</string>
+
+    <string name="ugckit_select_bgm">Select a background music</string>
+    <string name="ugckit_mic_volume">Rec Vol</string>
+    <string name="ugckit_bgm_volume">BGM Vol</string>
+    <string name="ugckit_tips">Note</string>
+    <string name="ugckit_delete_bgm_or_not">Discard the added background music?</string>
+    <string name="ugckit_confirm_delete">Delete</string>
+
+    <string name="ugckit_bgm_start_position">Start from %1$s</string>
+
+    <string name="ugckit_no_content">No content yet</string>
+    <string name="ugckit_none">None</string>
+
+    <string name="ugckit_reverse">Back in Time</string>
+    <string name="ugckit_slow_motion">Slo-Mo</string>
+    <string name="ugckit_repeate">Repeat</string>
+    <string name="ugckit_add">Add</string>
+
+    <string name="ugckit_motion_soul_out">Soul Out</string>
+    <string name="ugckit_motion_split">Screen Split</string>
+    <string name="ugckit_motion_rock_light">Dynamic Light Wave</string>
+    <string name="ugckit_motion_dark_dream">Dark Fantasy</string>
+    <string name="ugckit_motion_win_shadow">Shutter</string>
+    <string name="ugckit_motion_ghost_shadow">Ghost Shadow</string>
+    <string name="ugckit_motion_phantom_shadow">Phantom</string>
+    <string name="ugckit_motion_ghost">Ghost</string>
+    <string name="ugckit_motion_lightning">Lightning</string>
+    <string name="ugckit_motion_mirror">Mirror</string>
+    <string name="ugckit_motion_illusion">Illusion</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_cancel_publish_title">Cancel Uploading</string>
+    <string name="ugckit_cancel_publish_msg">Video uploading will be completed soon. Cancel now?</string>
+
+    <!--TCVideoEffectActivityvity-->
+    <string name="ugckit_revert">Back</string>
+    <string name="ugckit_complete">Complete</string>
+    <string name="ugckit_state_pause">Pause</string>
+    <string name="ugckit_save_success">Saved video successfully</string>
+    <string name="ugckit_download">Download</string>
+    <string name="ugckit_downloaded">Downloaded</string>
+    <string name="ugckit_use">Apply</string>
+    <string name="ugckit_downloading">Downloading</string>
+    <string name="ugckit_dynamic_paster">Dynamic sticker</string>
+    <string name="ugckit_static_paster">Static sticker</string>
+    <string name="ugckit_bublle_style">Bubble style</string>
+    <string name="ugckit_text_color">Font color</string>
+    <string name="ugckit_video_joining">Stitching video…</string>
+    <string name="ugckit_cancel_joining">Cancel video stitching</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_publish_success">Posted successfully</string>
+
+    <!--关于-->
+    <string name="ugckit_about_tip1">XiaoShiPin is a prototype-level App developed by Tencent Video Cloud Team. It helps demonstrate a portfolio of Tencent Cloud video features, such as recording and editing video clips through video cloud SDK, uploading and publishing videos through COS service, and distributing videos by using VOD service.</string>
+
+    <string name="ugckit_language_setting_activity_language">Language</string>
+    <string name="ugckit_language_setting_activity_follow_system">Auto（Restart takes effect）</string>
+    <string name="ugckit_language_setting_activity_save">Save</string>
+
+    <string name="ugckit_user_info_fragment_setting">Setting</string>
+
+    <string name="ugckit_setting_activity_language">Language</string>
+    <string name="ugckit_setting_activity_setting">Setting</string>
+
+    <string name="ugckit_fragment_user_info_please_lonin">Please log in first</string>
+
+    <string name="ugckit_fragment_bgm_cancel">Cancel</string>
+
+    <string name="ugckit_dialog_ugc_tip_already_known">OK</string>
+
+    <string name="ugckit_unit_second">sec</string>
+
+    <string name="ugckit_fragment_confirm_confirm">OK</string>
+    <string name="ugckit_fragment_confirm_cancel">Cancel</string>
+    <string name="ugckit_fragment_confirm_ok">OK</string>
+    <string name="ugckit_fragment_confirm_input_tip">Enter content</string>
+
+    <string name="ugckit_activity_register_register_new_user">Sign Up</string>
+
+    <string name="ugckit_video_list_adapter_video_state_normal">Audited</string>
+    <string name="ugckit_video_list_adapter_video_state_in_audit">Auditing</string>
+    <string name="ugckit_video_list_adapter_video_state_pornographic">Pornographic</string>
+
+    <string name="ugckit_tc_ugc_video_list_adapter_just_now">Just now</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_mins_ago"> minutes ago</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_hours_ago"> hours ago</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_days_ago"> days ago</string>
+
+    <string name="ugckit_video_list_adapter_min_ago"> minute ago</string>
+    <string name="ugckit_video_list_adapter_hour_ago"> hour ago</string>
+    <string name="ugckit_video_list_adapter_day_ago"> day ago</string>
+
+    <string name="ugckit_fragment_videolist_no_content">No content yet</string>
+
+    <string name="ugckit_tc_picture_join_activity_toast_picture_is_abnormal_and_finish_editing">Image editing ends due to exception</string>
+    <string name="ugckit_tc_picture_join_activity_toast_cancel_video_generation">Cancel video creating</string>
+
+
+    <string name="ugckit_picture_join_left_right">Right/Left</string>
+    <string name="ugckit_picture_join_up_down">Up/Down</string>
+    <string name="ugckit_picture_join_zoom_in">Zoom In</string>
+    <string name="ugckit_picture_join_zoom_out">Zoom Out</string>
+    <string name="ugckit_picture_join_rotate">Rotate</string>
+    <string name="ugckit_picture_join_fade_in_and_fade_out">Fade In/Out</string>
+
+
+    <string name="ugckit_fragment_input_word_input_tip">Enter content</string>
+    <string name="ugckit_fragment_input_word_cancel">Cancel</string>
+    <string name="ugckit_fragment_input_word_ok">OK</string>
+
+    <string name="ugckit_layout_joiner_progress_video_is_generating">Creating video…</string>
+
+    <string name="ugckit_audio_ctrl_accompaniment">Music</string>
+    <string name="ugckit_audio_ctrl_finish">Finish</string>
+    <string name="ugckit_audio_ctrl_voice">Vocal</string>
+    <string name="ugckit_audio_ctrl_vol">Volume</string>
+
+    <string name="ugckit_login_activity_login_successfully">Logged in successfully</string>
+    <string name="ugckit_login_activity_auto_login_failed">Unable to log in automatically</string>
+    <string name="ugckit_login_activity_no_network_connection">No network access</string>
+    <string name="ugckit_login_activity_password_length_tip">Password should be 8-16 chars</string>
+    <string name="ugckit_login_activity_username_does_not_meet_specifications">Invalid username</string>
+
+    <string name="ugckit_register_activity_attempt_normal_regist_username_does_not_meet_specifications">Invalid username</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_length_error">Password should be 8-16 chars</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_verify_error">The passwords do not match</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_no_network_connection">No network access</string>
+
+    <string name="ugckit_register_activity_register_callback_register_successfully">Sign-up succeeded</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_successfully">Auto login succeeded</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_failed">Unable to log in automatically</string>
+    <string name="ugckit_register_activity_register_callback_username_format_error">Incorrect username format</string>
+    <string name="ugckit_register_activity_register_callback_password_format_error">Incorrect password format</string>
+    <string name="ugckit_register_activity_register_callback_username_already_exists">Username already exists</string>
+    <string name="ugckit_register_activity_register_callback_register_failed">Unable to sign up:&#160;</string>
+
+    <string name="ugckit_video_record_activity_start_record_start_record_ok">Started recording successfully</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_is_in_recording">You have unfinished recording</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_video_path_is_empty">The path of video file is empty</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_api_is_lower_than_18">App version is lower than 18</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_not_init">Initializing…</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_licence_verification_failed">Unable to verify license</string>
+    <string name="ugckit_video_record_activity_start_record_record_failed_tip">Unable to record. Error code:&#160;</string>
+
+    <string name="ugckit_video_record_activity_on_record_event_evt_camera_cannot_use">Unable to access Camera. Please check the permissions.</string>
+    <string name="ugckit_video_record_activity_on_record_event_evt_mic_cannot_use">Unable to access Microphone. Please check the permissions.</string>
+
+    <string name="ugckit_video_record_activity_on_record_complete_fail_tip">Unable to record. Cause:&#160;</string>
+    <string name="ugckit_video_record_activity_on_record_complete_synthesizing">Creating…</string>
+
+    <string name="ugckit_video_record_activity_on_join_progress_synthesizing">Creating…</string>
+
+    <string name="ugckit_video_record_activity_on_join_complete_synthesis_failed">Unable to create</string>
+
+
+    <string name="ugckit_video_record_activity_on_request_permissions_result_failed_to_get_permission">Unable to obtain permissions</string>
+
+    <string name="ugckit_dialog_title_confirm">OK</string>
+    <string name="ugckit_dialog_title_error">Error</string>
+
+    <string name="ugckit_constants_error_msg_net_disconnecte">Network error. Please check and try again.</string>
+
+    <string name="ugckit_http_engine_get_error_message_connect_server_failed">Unable to connect to server</string>
+    <string name="ugckit_http_engine_get_error_message_no_network_connection">No network access</string>
+    <string name="ugckit_http_engine_get_error_message_network_anomaly">Network error. Please try again later.</string>
+
+
+    <string name="ugckit_http_engine_handle_server_error_connect_server_fail">Unable to connect to server</string>
+    <string name="ugckit_http_engine_handle_server_error_network_anomaly">Network error. Please try again later.</string>
+
+    <string name="ugckit_utils_check_float_window_permission_yes">Enable</string>
+    <string name="ugckit_utils_check_float_window_permission_no">No</string>
+
+
+    <string name="ugckit_static_filter_fragment_original">Original</string>
+    <string name="ugckit_static_filter_fragment_standard">Standard</string>
+    <string name="ugckit_static_filter_fragment_cheery">Cheery</string>
+    <string name="ugckit_static_filter_fragment_cloud">Cloud</string>
+    <string name="ugckit_static_filter_fragment_pure">Pure</string>
+    <string name="ugckit_static_filter_fragment_orchid">Orchid</string>
+    <string name="ugckit_static_filter_fragment_vitality">Vitality</string>
+    <string name="ugckit_static_filter_fragment_super">Super</string>
+    <string name="ugckit_static_filter_fragment_fragrance">Fragrance</string>
+    <string name="ugckit_static_filter_fragment_romantic">Romantic</string>
+    <string name="ugckit_static_filter_fragment_fresh">Fresh</string>
+    <string name="ugckit_static_filter_fragment_beautiful">Aesthetic</string>
+    <string name="ugckit_static_filter_fragment_pink">Rosy</string>
+    <string name="ugckit_static_filter_fragment_reminiscence">Nostalgic</string>
+    <string name="ugckit_static_filter_fragment_blues">Blues</string>
+    <string name="ugckit_static_filter_fragment_cool">Cool</string>
+    <string name="ugckit_static_filter_fragment_Japanese">Sweet</string>
+
+    <string name="ugckit_video_cutter_activity_oncreate_an_unknown_error_occurred_the_path_cannot_be_empty">Unknown error occurred. The path cannot be empty.</string>
+
+    <string name="ugckit_video_cutter_activity_init_work_loading_progress_video_preprocessing">Preprocessing…</string>
+
+    <string name="ugckit_video_cutter_activity_load_video_success_already_picked">Selected&#160;</string>
+
+    <string name="ugckit_video_cutter_activity_video_main_handler_edit_failed">Unable to edit</string>
+    <string name="ugckit_does_not_support_android_version_below_4_3">Android 4.3 or below is not supported</string>
+
+    <string name="ugckit_live_list_fragment_refresh_list_failed">Unable to refresh list</string>
+
+
+    <string name="ugckit_video_editer_activity_oncreate_status_is_abnormal_finish_editing">Editing ends due to exception</string>
+
+    <string name="ugckit_video_editer_activity_show_publish_dialog_save">Save</string>
+    <string name="ugckit_video_editer_activity_show_publish_dialog_publish">Post</string>
+
+    <string name="ugckit_video_editer_activity_cancel_video_generation">Cancel video creating</string>
+
+    <string name="ugckit_video_material_download_progress_material_unzip_failed">Unable to decompress materials</string>
+    <string name="ugckit_video_material_download_progress_download_failed">Unable to download</string>
+    <string name="ugckit_video_material_download_progress_no_enough_storage_space">Insufficient storage</string>
+
+    <string name="ugckit_user_mgr_user_does_not_exist">Username does not exist</string>
+    <string name="ugckit_user_mgr_wrong_password">Incorrect password</string>
+
+    <string name="ugckit_vod_player_activity_download_video_is_downloading">Downloading…</string>
+    <string name="ugckit_vod_player_activity_download_video_download_failed">Unable to download</string>
+
+    <string name="ugckit_picture_choose_activity_the_selected_file_does_not_exist">The selected file does not exist</string>
+    <string name="ugckit_picture_choose_activity_please_select_multiple_images">Select multiple images</string>
+    <string name="ugckit_picture_choose_activity_got_it">OK</string>
+
+    <string name="ugckit_video_choose_activity_contains_corrupted_video_files">The items you selected contain corrupted video file</string>
+    <string name="ugckit_video_choose_activity_the_selected_file_does_not_exist">The selected file does not exist</string>
+    <string name="ugckit_video_choose_activity_got_it">OK</string>
+
+    <string name="ugckit_video_effect_activity_status_is_abnormal_finish_editing">Editing ends due to exception</string>
+
+    <string name="ugckit_video_preprocess_activity_an_unknown_error_occurred_the_path_cannot_be_empty">Unknown error occurred. The path cannot be empty.</string>
+    <string name="ugckit_video_preprocess_activity_video_preprocessing">Preprocessing…</string>
+    <string name="ugckit_video_preprocess_activity_cancel_preprocessing">Cancel preprocessing</string>
+    <string name="ugckit_video_preprocess_activity_edit_failed">Unable to edit</string>
+    <string name="ugckit_video_preprocess_activity_does_not_support_android_version_below_4.3">Android 4.3 or below is not supported</string>
+
+    <string name="ugckit_bgm_setting_fragment_video_edit_failed">Unable to edit video</string>
+    <string name="ugckit_bgm_setting_fragment_background_sound_only_supports_mp3_or_m4a_format">Only MP3 and M4A format are supported now</string>
+
+    <string name="ugckit_bgm_download_progress_download_failed">Unable to download</string>
+    <string name="ugckit_bgm_download_progress_no_enough_storage_space">Insufficient storage</string>
+
+    <string name="ugckit_bubble_fragment_double_click_to_edit_text">Double tap to edit text</string>
+
+    <string name="ugckit_word_input_dialog_please_enter_subtitles">Enter subtitle</string>
+
+    <string name="ugckit_cutter_fragment_left">Left:</string>
+    <string name="ugckit_cutter_fragment_right">Right:</string>
+
+    <string name="ugckit_add_paster_adapter_paster">Sticker</string>
+
+    <string name="ugckit_time_fragment_video_preprocessing">Preprocessing…</string>
+
+    <string name="ugckit_touch_seekbar_low">Low</string>
+    <string name="ugckit_touch_seekbar_mid">Mid</string>
+    <string name="ugckit_touch_seekbar_high">High</string>
+
+    <string name="ugckit_video_repeat_view_tip2">Repetition time: Left: %1$s, Right: %1$s</string>
+    <string name="ugckit_video_repeat_view_tip1">Range Left: %1$s, Right: %1$s</string>
+
+    <string name="ugckit_video_publisher_activity_no_network_connection">No network access</string>
+    <string name="ugckit_video_publisher_activity_is_uploading">Uploading</string>
+    <string name="ugckit_video_publisher_activity_network_connection_is_disconnected_video_upload_failed">Unable to upload video due to network disconnection</string>
+
+    //分割线 2018/7/24
+    --------------------------------------------------------------------------------------------------
+    <string name="ugckit_video_choose">Select Video</string>
+
+    <string name="ugckit_activity_video_record_take_photo">Camera</string>
+    <string name="ugckit_activity_video_record_click_start">Tap to shoot</string>
+    <string name="ugckit_activity_video_record_long_touch">Hold to shoot</string>
+
+    <string name="ugckit_activity_video_record_timer">Count\nDown</string>
+    <string name="ugckit_activity_video_record_sound_effect">Mix</string>
+
+    <string name="ugckit_activity_video_record_take_photo_success">take photo successfully, already saved to the system album</string>
+    <string name="ugckit_activity_video_record_take_photo_fail">take photo failed</string>
+
+    <string name="ugckit_sound_effect_pannel_change_voice">Voice Effects</string>
+    <string name="ugckit_sound_effect_pannel_record_reverb">Mix</string>
+
+    <string name="ugckit_layout_sound_effect_ktv">KTV</string>
+    <string name="ugckit_layout_sound_effect_original_sound">Original</string>
+    <string name="ugckit_layout_sound_effect_room">Room</string>
+    <string name="ugckit_layout_sound_effect_hall">Hall</string>
+    <string name="ugckit_layout_sound_effect_deep">Low</string>
+    <string name="ugckit_layout_sound_effect_loud">Sonorous</string>
+    <string name="ugckit_layout_sound_effect_magnetic">Magnetic</string>
+
+    <string name="ugckit_layout_sound_effect_original_sound2">Original</string>
+    <string name="ugckit_layout_sound_effect_wild_kid">Child</string>
+    <string name="ugckit_layout_sound_effect_lolita">Loli</string>
+    <string name="ugckit_layout_sound_effect_uncle">Uncle</string>
+    <string name="ugckit_layout_sound_effect_heavy_metal">Heavy Metal</string>
+    <string name="ugckit_layout_sound_effect_foreigner">Foreigner</string>
+    <string name="ugckit_layout_sound_effect_beast">Beast</string>
+    <string name="ugckit_layout_sound_effect_fat_boy">Fatty</string>
+    <string name="ugckit_layout_sound_effect_heavy_current">Current</string>
+    <string name="ugckit_layout_sound_effect_heavy_machine">Heavy Machinery</string>
+    <string name="ugckit_layout_sound_effect_vacant">Vacant</string>
+
+    <string name="ugckit_bgm_select_activity_downloading">Downloading</string>
+    <string name="ugckit_bgm_select_activity_download_failed">download failed</string>
+
+    <string name="ugckit_chorus_title">Duet</string>
+    <string name="ugckit_triple_title">Three-screen chorus</string>
+    <string name="ugckit_video_not_review">Video unaudited</string>
+    <string name="ugckit_video_porn">Pornographic</string>
+
+    <string name="ugckit_record_part_exist">There are incomplete recording tasks. Do you want to continue?</string>
+
+    <!--registerActivity  loginActivity-->
+    <string name="ugckit_technical_support">How to get technical support services?</string>
+    <string name="ugckit_follow_public_number">Pay attention to public number "Tencent cloud video"</string>
+    <string name="ugckit_send_msg_to_public_number">Send a "Xiao Shi Pin" to the public number</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_get_technical_support">Get technical support services</string>
+    <string name="ugckit_download_sdk"><a href='https://cloud.tencent.com/document/product/584/9366'>Download SDK</a></string>
+    <string name="ugckit_product_introduction"><a href='https://cloud.tencent.com/product/UGSV'>Product Introduction</a></string>
+
+    <string name="ugckit_follow_and_send_msg_to_public_number">Pay attention to public number "Tencent cloud video"\nSend a "Xiao Shi Pin" to the public number</string>
+
+    <string name="ugckit_triple_volume">Volume</string>
+    <string name="ugckit_triple_replace_file">Replace Video</string>
+
+    <string name="ugckit_start_record_not_init">"Don't worry, the picture hasn't come out yet"</string>
+    <string name="ugckit_start_record_not_finish">recorded mission is not finish</string>
+    <string name="ugckit_start_record_path_empty">Incoming video path is empty</string>
+    <string name="ugckit_start_record_version_below">Version is too low</string>
+
+    <!-- transition fragment -->
+    <string name="trans_none">None</string>
+    <string name="trans_wipeLeft">Wipe Left</string>
+    <string name="trans_wipeRight">Wipe Right</string>
+    <string name="trans_wipeUp">Wipe Up</string>
+    <string name="trans_wipeDown">Wipe Down</string>
+    <string name="trans_fadecolor">Fade Color</string>
+    <string name="trans_SimpleZoom">Simple Zoom</string>
+    <string name="trans_LinearBlur">Linear Blur</string>
+    <string name="trans_WaterDrop">Water Drop</string>
+    <string name="trans_InvertedPageCurl">Inverted Page Curl</string>
+    <string name="trans_GlitchMemories">Glitch Memories</string>
+    <string name="trans_StereoViewer">Stereo Viewer</string>
+    <string name="trans_directionalwarp">Directional Warp</string>
+    <string name="trans_Bounce">Bounce</string>
+    <string name="trans_CircleCrop">Circle Crop</string>
+    <string name="trans_Swirl">Swirl</string>
+    <string name="trans_CrossZoom">Cross Zoom</string>
+    <string name="trans_GridFlip">Grid Flip</string>
+    <string name="trans_Mosaic">Mosaic</string>
+    <string name="trans_kaleidoscope">Kaleido Scope</string>
+    <string name="trans_hexagonalize">Hexagonalize</string>
+    <string name="trans_GlitchDisplace">Glitch Displace</string>
+    <string name="trans_DreamyZoom">Dreamy Zoom</string>
+    <string name="trans_burn">Burn</string>
+    <string name="trans_circle">Circle</string>
+    <string name="trans_crosswarp">Cross Warp</string>
+    <string name="trans_cube">Cube</string>
+    <string name="trans_doorway">Doorway</string>
+    <string name="trans_fadegrayscale">Fade Gray Scale</string>
+    <string name="trans_flyeye">Fly Eye</string>
+    <string name="trans_pixelize">Pixelize</string>
+    <string name="trans_squeeze">Squeeze</string>
+    <string name="trans_swap">Swap</string>
+    <string name="trans_invalid_timestamp">invalid transition timestamp,please set again</string>
+</resources>
diff --git a/ugckit/src/main/res/values-v19/styles.xml b/ugckit/src/main/res/values-v19/styles.xml
new file mode 100644
index 0000000..675cd13
--- /dev/null
+++ b/ugckit/src/main/res/values-v19/styles.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Login and register Activity theme. -->
+    <style name="UGCKitBaseWhiteTransparentTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="colorPrimary">@color/ugckit_color_primary</item>
+        <item name="colorPrimaryDark">@color/ugckit_black</item>
+        <item name="colorAccent">@color/ugckit_color_primary</item>
+        <item name="colorControlNormal">@color/ugckit_color_transparent_gray</item>
+        <item name="android:textColorHint">@color/ugckit_color_transparent_gray</item>
+        <item name="colorControlActivated">@color/ugckit_color_primary</item>
+        <item name="colorControlHighlight">@color/ugckit_color_primary</item>
+        <!--<item name="android:windowTranslucentNavigation">true</item>-->
+        <item name="android:windowTranslucentStatus">true</item>
+        <item name="android:windowBackground">@color/ugckit_color_dark_transparent_gray</item>
+    </style>
+
+    <style name="LoginTheme" parent="UGCKitBaseWhiteTransparentTheme">
+
+    </style>
+</resources>
\ No newline at end of file
diff --git a/ugckit/src/main/res/values-v21/styles.xml b/ugckit/src/main/res/values-v21/styles.xml
new file mode 100644
index 0000000..6a9d7a6
--- /dev/null
+++ b/ugckit/src/main/res/values-v21/styles.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="UGCKitNormalDialog" parent="Base.Theme.AppCompat.Light.Dialog.Alert">
+        <item name="android:windowFrame">@null</item>
+        <item name="android:windowIsFloating">true</item>
+        <item name="android:windowIsTranslucent">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="colorPrimary">@color/ugckit_color_primary</item>
+        <item name="colorPrimaryDark">@color/ugckit_black</item>
+        <item name="colorAccent">@color/ugckit_color_accent</item>
+        <item name="android:windowMinWidthMajor">50%</item>
+        <item name="android:windowMinWidthMinor">90%</item>
+        <item name="android:windowBackground">@color/ugckit_color_activity_background</item>
+    </style>
+
+</resources>
\ No newline at end of file
diff --git a/ugckit/src/main/res/values-zh-rHK/strings.xml b/ugckit/src/main/res/values-zh-rHK/strings.xml
new file mode 100755
index 0000000..a331dc7
--- /dev/null
+++ b/ugckit/src/main/res/values-zh-rHK/strings.xml
@@ -0,0 +1,434 @@
+<resources>
+    <string name="app_name">小視頻</string>
+
+    <string name="ugckit_btn_back">返回</string>
+    <string name="ugckit_btn_cancel">取消</string>
+    <string name="ugckit_btn_ok">確定</string>
+    <string name="ugckit_btn_confirm">確認</string>
+
+    <!--loginActivity -->
+    <string name="ugckit_activity_login_login">登錄</string>
+    <string name="ugckit_activity_login_register">註冊新用戶</string>
+    <string name="ugckit_activity_login_username">用戶名</string>
+    <string name="ugckit_activity_login_password">密碼</string>
+    <!--loginActivity -->
+
+    <!--registerActivity -->
+    <string name="ugckit_activity_register_register">註冊</string>
+    <string name="ugckit_activity_register_username">用戶名(4~24位字母、數字、下劃線）</string>
+    <string name="ugckit_activity_register_password">密碼(8~16位字符)</string>
+    <string name="ugckit_activity_register_password_verify">確認密碼</string>
+    <!--registerActivity -->
+
+    <!-- permission check-->
+    <string name="ugckit_float_window_not_allow">懸浮窗權限未開啟 請在應用-權限中打開懸浮窗權限</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_app_about">關於</string>
+    <string name="ugckit_btn_login_out">退出登錄</string>
+
+    <string name="ugckit_video_edit_segment">設置想要截取的片段</string>
+    <string name="ugckit_music_empty">空空如也</string>
+    <string name="ugckit_music_loading">正在加載本地音樂...</string>
+    <string name="ugckit_follow_shot">合拍</string>
+
+    <!-- TCVideoRecordActivity -->
+    <string name="ugckit_next_step">下一步</string>
+
+    <string name="ugckit_speed_very_slow">極慢</string>
+    <string name="ugckit_speed_slow">慢速</string>
+    <string name="ugckit_speed_normal">標準</string>
+    <string name="ugckit_speed_fast">快速</string>
+    <string name="ugckit_speed_very_fast">極快</string>
+    <string name="ugckit_aspect">屏比</string>
+    <string name="ugckit_beauty">美顏</string>
+    <string name="ugckit_music">音樂</string>
+    <string name="ugckit_motion">動作</string>
+    <string name="ugckit_speed">速度</string>
+    <string name="ugckit_filter">濾鏡</string>
+    <string name="ugckit_paster">貼紙</string>
+    <string name="ugckit_subtitle">字幕</string>
+    <string name="ugckit_transition">轉場</string>
+
+    <string name="ugckit_cancel_record">取消拍攝</string>
+    <string name="ugckit_confirm_cancel_edit_content">確認放棄當前編輯的內容？</string>
+    <string name="ugckit_confirm_cancel_record_content">確認放棄當前拍攝的內容？</string>
+    <string name="ugckit_wrong_click">點錯了</string>
+    <string name="ugckit_give_up">放棄</string>
+
+    <!--ShortVideoDialog.java-->
+    <string name="ugckit_video_record_title">拍攝</string>
+    <string name="ugckit_video_editer_title">編輯</string>
+    <string name="ugckit_picture_editer_title">圖片</string>
+
+    <!--TCPictureChooseActivityvity-->
+    <string name="ugckit_picture_choose">選擇圖片</string>
+    <string name="ugckit_video_long_drag">長按拖拽可調整視頻順序</string>
+
+    <string name="ugckit_select_bgm">選擇背景音樂</string>
+    <string name="ugckit_mic_volume">錄音音量</string>
+    <string name="ugckit_bgm_volume">背景音樂音量</string>
+    <string name="ugckit_tips">提示</string>
+    <string name="ugckit_delete_bgm_or_not">確定清除已添加的背景音樂？</string>
+    <string name="ugckit_confirm_delete">確定清除</string>
+
+    <string name="ugckit_bgm_start_position">當前從%1$s開始</string>
+
+    <string name="ugckit_no_content">暫無內容哦~</string>
+    <string name="ugckit_none">無</string>
+
+    <string name="ugckit_reverse">倒放</string>
+    <string name="ugckit_slow_motion">慢動作</string>
+    <string name="ugckit_repeate">反復</string>
+    <string name="ugckit_add">新增</string>
+
+    <string name="ugckit_motion_soul_out">靈魂出竅</string>
+    <string name="ugckit_motion_split">視頻分裂</string>
+    <string name="ugckit_motion_rock_light">動感光波</string>
+    <string name="ugckit_motion_dark_dream">暗黑幻境</string>
+    <string name="ugckit_motion_win_shadow">百葉窗</string>
+    <string name="ugckit_motion_ghost_shadow">鬼影</string>
+    <string name="ugckit_motion_phantom_shadow">幻影</string>
+    <string name="ugckit_motion_ghost">幽靈</string>
+    <string name="ugckit_motion_lightning">閃電</string>
+    <string name="ugckit_motion_mirror">鏡像</string>
+    <string name="ugckit_motion_illusion">幻覺</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_cancel_publish_title">取消上傳</string>
+    <string name="ugckit_cancel_publish_msg">視頻即將上傳完成，真的要取消上傳嗎？</string>
+
+    <!--TCVideoEffectActivityvity-->
+    <string name="ugckit_revert">撤銷</string>
+    <string name="ugckit_complete">完成</string>
+    <string name="ugckit_state_pause">暫停</string>
+    <string name="ugckit_save_success">保存完成</string>
+    <string name="ugckit_download">下載</string>
+    <string name="ugckit_downloaded">已下載</string>
+    <string name="ugckit_use">使用</string>
+    <string name="ugckit_downloading">下載中</string>
+    <string name="ugckit_dynamic_paster">動態貼紙</string>
+    <string name="ugckit_static_paster">靜態貼紙</string>
+    <string name="ugckit_bublle_style">氣泡樣式</string>
+    <string name="ugckit_text_color">文字顏色</string>
+    <string name="ugckit_video_joining">視頻拼接中...</string>
+    <string name="ugckit_cancel_joining">取消拼接視頻</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_publish_success">發佈成功</string>
+
+    <!--关于-->
+    <string name="ugckit_about_tip1">小視頻是由騰訊云視頻團隊提供的一款原型級別的APP，致力於以DEMO的形式向您展示騰訊視頻云在短視頻領域的各項能力。比如如何利用視頻云SDK進行短視頻的分段錄製和編輯，如何利用對象存儲（COS）服務實現視頻上傳和發佈，如何使用點播（VOD）服務實現視頻的分發</string>
+
+    <string name="ugckit_language_setting_activity_language">語言</string>
+    <string name="ugckit_language_setting_activity_follow_system">跟隨系統（重啟生效）</string>
+    <string name="ugckit_language_setting_activity_save">保存</string>
+
+    <string name="ugckit_user_info_fragment_setting">設置</string>
+
+    <string name="ugckit_setting_activity_language">語言</string>
+    <string name="ugckit_setting_activity_setting">設置</string>
+
+    <string name="ugckit_fragment_user_info_please_lonin">請先登錄</string>
+
+    <string name="ugckit_fragment_bgm_cancel">取消</string>
+
+    <string name="ugckit_dialog_ugc_tip_already_known">知道了</string>
+
+    <string name="ugckit_unit_second">秒</string>
+
+    <string name="ugckit_fragment_confirm_confirm">確定</string>
+    <string name="ugckit_fragment_confirm_cancel">取消</string>
+    <string name="ugckit_fragment_confirm_ok">確定</string>
+    <string name="ugckit_fragment_confirm_input_tip">請輸入內容</string>
+
+    <string name="ugckit_activity_register_register_new_user">註冊新用戶</string>
+
+    <string name="ugckit_video_list_adapter_video_state_normal">正常</string>
+    <string name="ugckit_video_list_adapter_video_state_in_audit">審核中</string>
+    <string name="ugckit_video_list_adapter_video_state_pornographic">涉黃</string>
+
+    <string name="ugckit_tc_ugc_video_list_adapter_just_now">剛剛</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_mins_ago">分鐘前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_hours_ago">小時前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_days_ago">天前</string>
+
+    <string name="ugckit_video_list_adapter_min_ago">分鐘前</string>
+    <string name="ugckit_video_list_adapter_hour_ago">小時前</string>
+    <string name="ugckit_video_list_adapter_day_ago">天前</string>
+
+    <string name="ugckit_fragment_videolist_no_content">暫無內容噢~</string>
+
+    <string name="ugckit_tc_picture_join_activity_toast_picture_is_abnormal_and_finish_editing">圖片異常，結束編輯</string>
+    <string name="ugckit_tc_picture_join_activity_toast_cancel_video_generation">視頻取消生成</string>
+
+    <string name="ugckit_picture_join_left_right">左右</string>
+    <string name="ugckit_picture_join_up_down">上下</string>
+    <string name="ugckit_picture_join_zoom_in">放大</string>
+    <string name="ugckit_picture_join_zoom_out">縮小</string>
+    <string name="ugckit_picture_join_rotate">旋轉</string>
+    <string name="ugckit_picture_join_fade_in_and_fade_out">淡入淡出</string>
+
+
+    <string name="ugckit_fragment_input_word_input_tip">请输入内容</string>
+    <string name="ugckit_fragment_input_word_cancel">取消</string>
+    <string name="ugckit_fragment_input_word_ok">确定</string>
+
+    <string name="ugckit_layout_joiner_progress_video_is_generating">視頻生成中...</string>
+
+    <string name="ugckit_audio_ctrl_accompaniment">伴奏</string>
+    <string name="ugckit_audio_ctrl_finish">結束</string>
+    <string name="ugckit_audio_ctrl_voice">人聲</string>
+    <string name="ugckit_audio_ctrl_vol">音量調節</string>
+
+    <string name="ugckit_login_activity_login_successfully">登錄成功</string>
+    <string name="ugckit_login_activity_auto_login_failed">自動登錄失敗</string>
+    <string name="ugckit_login_activity_no_network_connection">當前無網絡連接</string>
+    <string name="ugckit_login_activity_password_length_tip">密碼長度應為8-16位</string>
+    <string name="ugckit_login_activity_username_does_not_meet_specifications">用戶名不規範</string>
+
+    <string name="ugckit_register_activity_attempt_normal_regist_username_does_not_meet_specifications">用戶名不規範</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_length_error">密碼長度應為8-16位</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_verify_error">兩次輸入密碼不一致</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_no_network_connection">當前無網絡連接</string>
+
+    <string name="ugckit_register_activity_register_callback_register_successfully">註冊成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_successfully">自動登錄成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_failed">自動登錄失败</string>
+    <string name="ugckit_register_activity_register_callback_username_format_error">用戶名格式錯誤</string>
+    <string name="ugckit_register_activity_register_callback_password_format_error">密碼格式錯誤</string>
+    <string name="ugckit_register_activity_register_callback_username_already_exists">用戶名已存在</string>
+    <string name="ugckit_register_activity_register_callback_register_failed">註冊失敗:</string>
+
+
+    <string name="ugckit_video_record_activity_start_record_start_record_ok">開始錄製成功</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_is_in_recording">存在未完成任務</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_video_path_is_empty">視頻文件路徑為空</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_api_is_lower_than_18">版本小於18</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_not_init">還未初始化結束</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_licence_verification_failed">licence校驗失敗</string>
+    <string name="ugckit_video_record_activity_start_record_record_failed_tip">錄製失敗，錯誤碼：</string>
+
+    <string name="ugckit_video_record_activity_on_record_event_evt_camera_cannot_use">攝像頭打開失敗，請檢查權限</string>
+    <string name="ugckit_video_record_activity_on_record_event_evt_mic_cannot_use">麥克風打開失敗，請檢查權限</string>
+
+    <string name="ugckit_video_record_activity_on_record_complete_fail_tip">錄製失敗，原因：</string>
+    <string name="ugckit_video_record_activity_on_record_complete_synthesizing">正在合成...</string>
+
+    <string name="ugckit_video_record_activity_on_join_progress_synthesizing">正在合成</string>
+
+    <string name="ugckit_video_record_activity_on_join_complete_synthesis_failed">合成失敗</string>
+
+
+    <string name="ugckit_video_record_activity_on_request_permissions_result_failed_to_get_permission">獲取權限失敗</string>
+
+    <string name="ugckit_dialog_title_confirm">確認</string>
+    <string name="ugckit_dialog_title_error">錯誤</string>
+
+    <string name="ugckit_constants_error_msg_net_disconnecte">網絡異常，請檢查網絡</string>
+
+    <string name="ugckit_http_engine_get_error_message_connect_server_failed">連接服務器失敗</string>
+    <string name="ugckit_http_engine_get_error_message_no_network_connection">無網絡連接</string>
+    <string name="ugckit_http_engine_get_error_message_network_anomaly">網絡異常，請稍後再試</string>
+
+
+    <string name="ugckit_http_engine_handle_server_error_connect_server_fail">連接服務器失敗</string>
+    <string name="ugckit_http_engine_handle_server_error_network_anomaly">網絡異常，請稍後再試</string>
+
+    <string name="ugckit_utils_check_float_window_permission_yes">開啟</string>
+    <string name="ugckit_utils_check_float_window_permission_no">不，謝謝</string>
+
+    <string name="ugckit_static_filter_fragment_original">原圖</string>
+    <string name="ugckit_static_filter_fragment_standard">標準</string>
+    <string name="ugckit_static_filter_fragment_cheery">櫻紅</string>
+    <string name="ugckit_static_filter_fragment_cloud">雲裳</string>
+    <string name="ugckit_static_filter_fragment_pure">純真</string>
+    <string name="ugckit_static_filter_fragment_orchid">白蘭</string>
+    <string name="ugckit_static_filter_fragment_vitality">元氣</string>
+    <string name="ugckit_static_filter_fragment_super">超脫</string>
+    <string name="ugckit_static_filter_fragment_fragrance">香氛</string>
+    <string name="ugckit_static_filter_fragment_romantic">浪漫</string>
+    <string name="ugckit_static_filter_fragment_fresh">清新</string>
+    <string name="ugckit_static_filter_fragment_beautiful">唯美</string>
+    <string name="ugckit_static_filter_fragment_pink">粉嫩</string>
+    <string name="ugckit_static_filter_fragment_reminiscence">懷舊</string>
+    <string name="ugckit_static_filter_fragment_blues">藍調</string>
+    <string name="ugckit_static_filter_fragment_cool">清涼</string>
+    <string name="ugckit_static_filter_fragment_Japanese">日系</string>
+
+    <string name="ugckit_video_cutter_activity_oncreate_an_unknown_error_occurred_the_path_cannot_be_empty">發生未知錯誤，路徑不能為空</string>
+
+    <string name="ugckit_video_cutter_activity_init_work_loading_progress_video_preprocessing">視頻預處理中...</string>
+
+    <string name="ugckit_video_cutter_activity_load_video_success_already_picked">已選取</string>
+
+    <string name="ugckit_video_cutter_activity_video_main_handler_edit_failed">編輯失敗</string>
+    <string name="ugckit_does_not_support_android_version_below_4_3">暫不支持Android 4.3以下系統或者空視頻文件</string>
+
+    <string name="ugckit_live_list_fragment_refresh_list_failed">刷新列表失敗</string>
+
+
+    <string name="ugckit_video_editer_activity_oncreate_status_is_abnormal_finish_editing">狀態異常，結束編輯</string>
+
+    <string name="ugckit_video_editer_activity_show_publish_dialog_save">保存</string>
+    <string name="ugckit_video_editer_activity_show_publish_dialog_publish">發佈</string>
+
+    <string name="ugckit_video_editer_activity_cancel_video_generation">取消視頻生成</string>
+
+    <string name="ugckit_video_material_download_progress_material_unzip_failed">素材解壓失敗</string>
+    <string name="ugckit_video_material_download_progress_download_failed">下載失敗</string>
+    <string name="ugckit_video_material_download_progress_no_enough_storage_space">存儲空間不足</string>
+
+    <string name="ugckit_user_mgr_user_does_not_exist">用戶名不存在</string>
+    <string name="ugckit_user_mgr_wrong_password">密碼錯誤</string>
+
+    <string name="ugckit_vod_player_activity_download_video_is_downloading">正在下載...</string>
+    <string name="ugckit_vod_player_activity_download_video_download_failed">下載失敗</string>
+
+    <string name="ugckit_picture_choose_activity_the_selected_file_does_not_exist">選擇的文件不存在</string>
+    <string name="ugckit_picture_choose_activity_please_select_multiple_images">請選擇多個圖片</string>
+    <string name="ugckit_picture_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_choose_activity_contains_corrupted_video_files">包含已經損壞的視頻文件</string>
+    <string name="ugckit_video_choose_activity_the_selected_file_does_not_exist">選擇的文件不存在</string>
+    <string name="ugckit_video_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_effect_activity_status_is_abnormal_finish_editing">狀態異常，結束編輯</string>
+
+    <string name="ugckit_video_preprocess_activity_an_unknown_error_occurred_the_path_cannot_be_empty">發生未知錯誤，路徑不能為空</string>
+    <string name="ugckit_video_preprocess_activity_video_preprocessing">視頻預處理中...</string>
+    <string name="ugckit_video_preprocess_activity_cancel_preprocessing">取消預處理</string>
+    <string name="ugckit_video_preprocess_activity_edit_failed">編輯失敗</string>
+    <string name="ugckit_video_preprocess_activity_does_not_support_android_version_below_4.3">暫不支持Android 4.3以下系統</string>
+
+    <string name="ugckit_bgm_setting_fragment_video_edit_failed">視頻編輯失敗</string>
+    <string name="ugckit_bgm_setting_fragment_background_sound_only_supports_mp3_or_m4a_format">背景音僅支持MP3或M4A格式背景</string>
+
+    <string name="ugckit_bgm_download_progress_download_failed">下載失敗</string>
+    <string name="ugckit_bgm_download_progress_no_enough_storage_space">存儲空間不足</string>
+
+    <string name="ugckit_bubble_fragment_double_click_to_edit_text">雙擊修改文字</string>
+
+    <string name="ugckit_word_input_dialog_please_enter_subtitles">請輸入字幕</string>
+
+    <string name="ugckit_cutter_fragment_left">左側：</string>
+    <string name="ugckit_cutter_fragment_right">右側：</string>
+
+    <string name="ugckit_add_paster_adapter_paster">貼紙</string>
+
+    <string name="ugckit_time_fragment_video_preprocessing">視頻預處理中...</string>
+
+    <string name="ugckit_touch_seekbar_low">低</string>
+    <string name="ugckit_touch_seekbar_mid">中</string>
+    <string name="ugckit_touch_seekbar_high">高</string>
+
+    <string name="ugckit_video_repeat_view_tip2">重複時間點 左側 : %1$s， 右側 : %1$s</string>
+    <string name="ugckit_video_repeat_view_tip1">裁剪區間 左側 : %1$s， 右側 : %1$s</string>
+
+    <string name="ugckit_video_publisher_activity_no_network_connection">無網絡連接</string>
+    <string name="ugckit_video_publisher_activity_is_uploading">正在上傳</string>
+    <string name="ugckit_video_publisher_activity_network_connection_is_disconnected_video_upload_failed">網絡連接斷開，視頻上傳失敗</string>
+
+    //分割线 2018/7/24
+    --------------------------------------------------------------------------------------------------
+    <string name="ugckit_video_choose">選擇視頻</string>
+
+    <string name="ugckit_activity_video_record_take_photo">拍照</string>
+    <string name="ugckit_activity_video_record_click_start">單擊拍</string>
+    <string name="ugckit_activity_video_record_long_touch">長按拍</string>
+
+    <string name="ugckit_activity_video_record_timer">倒計時</string>
+    <string name="ugckit_activity_video_record_sound_effect">音效</string>
+
+    <string name="ugckit_activity_video_record_take_photo_success">拍照成功，已存到系統相冊</string>
+    <string name="ugckit_activity_video_record_take_photo_fail">拍照失敗</string>
+
+    <string name="ugckit_sound_effect_pannel_change_voice">變聲</string>
+    <string name="ugckit_sound_effect_pannel_record_reverb">混響</string>
+
+    <string name="ugckit_layout_sound_effect_ktv">KTV</string>
+    <string name="ugckit_layout_sound_effect_original_sound">原聲</string>
+    <string name="ugckit_layout_sound_effect_room">房間</string>
+    <string name="ugckit_layout_sound_effect_hall">會堂</string>
+    <string name="ugckit_layout_sound_effect_deep">低沉</string>
+    <string name="ugckit_layout_sound_effect_loud">洪亮</string>
+    <string name="ugckit_layout_sound_effect_magnetic">磁性</string>
+
+    <string name="ugckit_layout_sound_effect_original_sound2">原聲</string>
+    <string name="ugckit_layout_sound_effect_wild_kid">熊孩子</string>
+    <string name="ugckit_layout_sound_effect_lolita">蘿莉</string>
+    <string name="ugckit_layout_sound_effect_uncle">大叔</string>
+    <string name="ugckit_layout_sound_effect_heavy_metal">重金屬</string>
+    <string name="ugckit_layout_sound_effect_foreigner">外國人</string>
+    <string name="ugckit_layout_sound_effect_beast">困獸</string>
+    <string name="ugckit_layout_sound_effect_fat_boy">死肥仔</string>
+    <string name="ugckit_layout_sound_effect_heavy_current">強電流</string>
+    <string name="ugckit_layout_sound_effect_heavy_machine">重機械</string>
+    <string name="ugckit_layout_sound_effect_vacant">空靈</string>
+
+    <string name="ugckit_bgm_select_activity_downloading">下載中...</string>
+    <string name="ugckit_bgm_select_activity_download_failed">下載失敗</string>
+
+    <string name="ugckit_chorus_title">合唱</string>
+    <string name="ugckit_triple_title">三屏合拍</string>
+    <string name="ugckit_video_not_review">視頻未審核</string>
+    <string name="ugckit_video_porn">視頻涉黃</string>
+
+    <string name="ugckit_record_part_exist">妳有未錄制完成的視頻，是否繼續？</string>
+
+    <!--registerActivity  loginActivity-->
+    <string name="ugckit_technical_support">如何獲取技術支持服務？</string>
+    <string name="ugckit_follow_public_number">關注公衆號“騰訊雲視頻”</string>
+    <string name="ugckit_send_msg_to_public_number">給公衆號發送“小視頻”</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_get_technical_support">獲取技術支持服務</string>
+    <string name="ugckit_download_sdk"><a href='https://cloud.tencent.com/document/product/584/9366'>下載 SDK</a></string>
+    <string name="ugckit_product_introduction"><a href='https://cloud.tencent.com/product/UGSV'>産品介紹</a></string>
+
+    <string name="ugckit_follow_and_send_msg_to_public_number">關注公衆號“騰訊雲視頻”\n給公衆號發送“小視頻”</string>
+
+    <string name="ugckit_triple_volume">音量</string>
+    <string name="ugckit_triple_replace_file">選視頻</string>
+
+    <string name="ugckit_start_record_not_init">別着急，畫面還沒出來</string>
+    <string name="ugckit_start_record_not_finish">還有錄製的任務沒有結束</string>
+    <string name="ugckit_start_record_path_empty">傳入的視頻路徑為空</string>
+    <string name="ugckit_start_record_version_below">版本太低</string>
+
+    <!-- transition fragment -->
+    <string name="trans_none">無</string>
+    <string name="trans_wipeLeft">左劃</string>
+    <string name="trans_wipeRight">右劃</string>
+    <string name="trans_wipeUp">上劃</string>
+    <string name="trans_wipeDown">下劃</string>
+    <string name="trans_fadecolor">顏色漸變</string>
+    <string name="trans_SimpleZoom">放大</string>
+    <string name="trans_LinearBlur">線性模糊</string>
+    <string name="trans_WaterDrop">水滴</string>
+    <string name="trans_InvertedPageCurl">翻頁</string>
+    <string name="trans_GlitchMemories">震動</string>
+    <string name="trans_StereoViewer">分裂</string>
+    <string name="trans_directionalwarp">捲曲</string>
+    <string name="trans_Bounce">跳躍</string>
+    <string name="trans_CircleCrop">圓形變換</string>
+    <string name="trans_Swirl">漩渦</string>
+    <string name="trans_CrossZoom">推進</string>
+    <string name="trans_GridFlip">方格翻轉</string>
+    <string name="trans_Mosaic">馬賽克</string>
+    <string name="trans_kaleidoscope">萬花筒</string>
+    <string name="trans_hexagonalize">蜂巢馬賽克</string>
+    <string name="trans_GlitchDisplace">幻影</string>
+    <string name="trans_DreamyZoom">閃白</string>
+    <string name="trans_burn">燃燒</string>
+    <string name="trans_circle">橢圓變換</string>
+    <string name="trans_crosswarp">交叉捲曲</string>
+    <string name="trans_cube">立方體</string>
+    <string name="trans_doorway">開門</string>
+    <string name="trans_fadegrayscale">灰度</string>
+    <string name="trans_flyeye">磚塊</string>
+    <string name="trans_pixelize">像素化</string>
+    <string name="trans_squeeze">擠壓</string>
+    <string name="trans_swap">立體</string>
+    <string name="trans_invalid_timestamp">轉場時間點無效，請重新設置</string>
+</resources>
diff --git a/ugckit/src/main/res/values-zh-rTW/strings.xml b/ugckit/src/main/res/values-zh-rTW/strings.xml
new file mode 100755
index 0000000..f799b43
--- /dev/null
+++ b/ugckit/src/main/res/values-zh-rTW/strings.xml
@@ -0,0 +1,431 @@
+<resources>
+    <string name="app_name">小視頻</string>
+
+    <string name="ugckit_btn_back">返回</string>
+    <string name="ugckit_btn_cancel">取消</string>
+    <string name="ugckit_btn_ok">確定</string>
+    <string name="ugckit_btn_confirm">確認</string>
+
+    <!--loginActivity -->
+    <string name="ugckit_activity_login_login">登錄</string>
+    <string name="ugckit_activity_login_register">註冊新用戶</string>
+    <string name="ugckit_activity_login_username">用戶名</string>
+    <string name="ugckit_activity_login_password">密碼</string>
+    <!--loginActivity -->
+
+    <!--registerActivity -->
+    <string name="ugckit_activity_register_register">註冊</string>
+    <string name="ugckit_activity_register_username">用戶名(4~24位字母、數字、下劃線）</string>
+    <string name="ugckit_activity_register_password">密碼(8~16位字符)</string>
+    <string name="ugckit_activity_register_password_verify">確認密碼</string>
+    <!--registerActivity -->
+
+    <!-- permission check-->
+    <string name="ugckit_float_window_not_allow">懸浮窗權限未開啟 請在應用-權限中打開懸浮窗權限</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_app_about">關於</string>
+    <string name="ugckit_btn_login_out">退出登錄</string>
+
+    <string name="ugckit_video_edit_segment">設置想要截取的片段</string>
+    <string name="ugckit_music_empty">空空如也</string>
+    <string name="ugckit_music_loading">正在加載本地音樂...</string>
+    <string name="ugckit_follow_shot">合拍</string>
+
+    <!-- TCVideoRecordActivity -->
+    <string name="ugckit_next_step">下一步</string>
+
+    <string name="ugckit_speed_very_slow">極慢</string>
+    <string name="ugckit_speed_slow">慢速</string>
+    <string name="ugckit_speed_normal">標準</string>
+    <string name="ugckit_speed_fast">快速</string>
+    <string name="ugckit_speed_very_fast">極快</string>
+    <string name="ugckit_aspect">屏比</string>
+    <string name="ugckit_beauty">美顏</string>
+    <string name="ugckit_music">音樂</string>
+    <string name="ugckit_motion">動作</string>
+    <string name="ugckit_speed">速度</string>
+    <string name="ugckit_filter">濾鏡</string>
+    <string name="ugckit_paster">貼紙</string>
+    <string name="ugckit_subtitle">字幕</string>
+    <string name="ugckit_transition">轉場</string>
+
+    <string name="ugckit_cancel_record">取消拍攝</string>
+    <string name="ugckit_confirm_cancel_edit_content">確認放棄當前編輯的內容？</string>
+    <string name="ugckit_confirm_cancel_record_content">確認放棄當前拍攝的內容？</string>
+    <string name="ugckit_wrong_click">點錯了</string>
+    <string name="ugckit_give_up">放棄</string>
+
+    <!--ShortVideoDialog.java-->
+    <string name="ugckit_video_record_title">拍攝</string>
+    <string name="ugckit_video_editer_title">編輯</string>
+    <string name="ugckit_picture_editer_title">圖片</string>
+
+    <!--TCPictureChooseActivityvity-->
+    <string name="ugckit_picture_choose">選擇圖片</string>
+    <string name="ugckit_video_long_drag">長按拖拽可調整視頻順序</string>
+
+    <string name="ugckit_select_bgm">選擇背景音樂</string>
+    <string name="ugckit_mic_volume">錄音音量</string>
+    <string name="ugckit_bgm_volume">背景音樂音量</string>
+    <string name="ugckit_tips">提示</string>
+    <string name="ugckit_delete_bgm_or_not">確定清除已添加的背景音樂？</string>
+    <string name="ugckit_confirm_delete">確定清除</string>
+
+    <string name="ugckit_bgm_start_position">當前從%1$s開始</string>
+
+    <string name="ugckit_no_content">暫無內容哦~</string>
+    <string name="ugckit_none">無</string>
+
+    <string name="ugckit_reverse">倒放</string>
+    <string name="ugckit_slow_motion">慢動作</string>
+    <string name="ugckit_repeate">反復</string>
+    <string name="ugckit_add">新增</string>
+
+    <string name="ugckit_motion_soul_out">靈魂出竅</string>
+    <string name="ugckit_motion_split">視頻分裂</string>
+    <string name="ugckit_motion_rock_light">動感光波</string>
+    <string name="ugckit_motion_dark_dream">暗黑幻境</string>
+    <string name="ugckit_motion_win_shadow">百葉窗</string>
+    <string name="ugckit_motion_ghost_shadow">鬼影</string>
+    <string name="ugckit_motion_phantom_shadow">幻影</string>
+    <string name="ugckit_motion_ghost">幽靈</string>
+    <string name="ugckit_motion_lightning">閃電</string>
+    <string name="ugckit_motion_mirror">鏡像</string>
+    <string name="ugckit_motion_illusion">幻覺</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_cancel_publish_title">取消上傳</string>
+    <string name="ugckit_cancel_publish_msg">視頻即將上傳完成，真的要取消上傳嗎？</string>
+
+    <!--TCVideoEffectActivityvity-->
+    <string name="ugckit_revert">撤銷</string>
+    <string name="ugckit_complete">完成</string>
+    <string name="ugckit_state_pause">暫停</string>
+    <string name="ugckit_save_success">保存完成</string>
+    <string name="ugckit_download">下載</string>
+    <string name="ugckit_downloaded">已下載</string>
+    <string name="ugckit_use">使用</string>
+    <string name="ugckit_downloading">下載中</string>
+    <string name="ugckit_dynamic_paster">動態貼紙</string>
+    <string name="ugckit_static_paster">靜態貼紙</string>
+    <string name="ugckit_bublle_style">氣泡樣式</string>
+    <string name="ugckit_text_color">文字顏色</string>
+    <string name="ugckit_video_joining">視頻拼接中...</string>
+    <string name="ugckit_cancel_joining">取消拼接視頻</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_publish_success">發佈成功</string>
+
+    <!--关于-->
+    <string name="ugckit_about_tip1">小視頻是由騰訊云視頻團隊提供的一款原型級別的APP，致力於以DEMO的形式向您展示騰訊視頻云在短視頻領域的各項能力。比如如何利用視頻云SDK進行短視頻的分段錄製和編輯，如何利用對象存儲（COS）服務實現視頻上傳和發佈，如何使用點播（VOD）服務實現視頻的分發</string>
+
+    <string name="ugckit_language_setting_activity_language">語言</string>
+    <string name="ugckit_language_setting_activity_follow_system">跟隨系統（重啟生效）</string>
+    <string name="ugckit_language_setting_activity_save">保存</string>
+
+    <string name="ugckit_user_info_fragment_setting">設置</string>
+
+    <string name="ugckit_setting_activity_language">語言</string>
+    <string name="ugckit_setting_activity_setting">設置</string>
+
+    <string name="ugckit_fragment_user_info_please_lonin">請先登錄</string>
+
+    <string name="ugckit_fragment_bgm_cancel">取消</string>
+
+    <string name="ugckit_dialog_ugc_tip_already_known">知道了</string>
+
+    <string name="ugckit_unit_second">秒</string>
+
+    <string name="ugckit_fragment_confirm_confirm">確定</string>
+    <string name="ugckit_fragment_confirm_cancel">取消</string>
+    <string name="ugckit_fragment_confirm_ok">確定</string>
+    <string name="ugckit_fragment_confirm_input_tip">請輸入內容</string>
+
+    <string name="ugckit_activity_register_register_new_user">註冊新用戶</string>
+
+    <string name="ugckit_video_list_adapter_video_state_normal">正常</string>
+    <string name="ugckit_video_list_adapter_video_state_in_audit">審核中</string>
+    <string name="ugckit_video_list_adapter_video_state_pornographic">涉黃</string>
+
+    <string name="ugckit_tc_ugc_video_list_adapter_just_now">剛剛</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_mins_ago">分鐘前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_hours_ago">小時前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_days_ago">天前</string>
+
+    <string name="ugckit_video_list_adapter_min_ago">分鐘前</string>
+    <string name="ugckit_video_list_adapter_hour_ago">小時前</string>
+    <string name="ugckit_video_list_adapter_day_ago">天前</string>
+
+    <string name="ugckit_fragment_videolist_no_content">暫無內容噢~</string>
+
+    <string name="ugckit_tc_picture_join_activity_toast_picture_is_abnormal_and_finish_editing">圖片異常，結束編輯</string>
+    <string name="ugckit_tc_picture_join_activity_toast_cancel_video_generation">視頻取消生成</string>
+
+    <string name="ugckit_picture_join_left_right">左右</string>
+    <string name="ugckit_picture_join_up_down">上下</string>
+    <string name="ugckit_picture_join_zoom_in">放大</string>
+    <string name="ugckit_picture_join_zoom_out">縮小</string>
+    <string name="ugckit_picture_join_rotate">旋轉</string>
+    <string name="ugckit_picture_join_fade_in_and_fade_out">淡入淡出</string>
+
+
+    <string name="ugckit_fragment_input_word_input_tip">请输入内容</string>
+    <string name="ugckit_fragment_input_word_cancel">取消</string>
+    <string name="ugckit_fragment_input_word_ok">确定</string>
+
+    <string name="ugckit_layout_joiner_progress_video_is_generating">視頻生成中...</string>
+
+    <string name="ugckit_audio_ctrl_accompaniment">伴奏</string>
+    <string name="ugckit_audio_ctrl_finish">結束</string>
+    <string name="ugckit_audio_ctrl_voice">人聲</string>
+    <string name="ugckit_audio_ctrl_vol">音量調節</string>
+
+    <string name="ugckit_login_activity_login_successfully">登錄成功</string>
+    <string name="ugckit_login_activity_auto_login_failed">自動登錄失敗</string>
+    <string name="ugckit_login_activity_no_network_connection">當前無網絡連接</string>
+    <string name="ugckit_login_activity_password_length_tip">密碼長度應為8-16位</string>
+    <string name="ugckit_login_activity_username_does_not_meet_specifications">用戶名不規範</string>
+
+    <string name="ugckit_register_activity_attempt_normal_regist_username_does_not_meet_specifications">用戶名不規範</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_length_error">密碼長度應為8-16位</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_verify_error">兩次輸入密碼不一致</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_no_network_connection">當前無網絡連接</string>
+
+    <string name="ugckit_register_activity_register_callback_register_successfully">註冊成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_successfully">自動登錄成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_failed">自動登錄失败</string>
+    <string name="ugckit_register_activity_register_callback_username_format_error">用戶名格式錯誤</string>
+    <string name="ugckit_register_activity_register_callback_password_format_error">密碼格式錯誤</string>
+    <string name="ugckit_register_activity_register_callback_username_already_exists">用戶名已存在</string>
+    <string name="ugckit_register_activity_register_callback_register_failed">註冊失敗:</string>
+
+
+    <string name="ugckit_video_record_activity_start_record_start_record_ok">開始錄製成功</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_is_in_recording">存在未完成任務</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_video_path_is_empty">視頻文件路徑為空</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_api_is_lower_than_18">版本小於18</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_not_init">還未初始化結束</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_licence_verification_failed">licence校驗失敗</string>
+    <string name="ugckit_video_record_activity_start_record_record_failed_tip">錄製失敗，錯誤碼：</string>
+
+    <string name="ugckit_video_record_activity_on_record_event_evt_camera_cannot_use">攝像頭打開失敗，請檢查權限</string>
+    <string name="ugckit_video_record_activity_on_record_event_evt_mic_cannot_use">麥克風打開失敗，請檢查權限</string>
+
+    <string name="ugckit_video_record_activity_on_record_complete_fail_tip">錄製失敗，原因：</string>
+    <string name="ugckit_video_record_activity_on_record_complete_synthesizing">正在合成...</string>
+
+    <string name="ugckit_video_record_activity_on_join_progress_synthesizing">正在合成</string>
+
+    <string name="ugckit_video_record_activity_on_join_complete_synthesis_failed">合成失敗</string>
+
+
+    <string name="ugckit_video_record_activity_on_request_permissions_result_failed_to_get_permission">獲取權限失敗</string>
+
+    <string name="ugckit_dialog_title_confirm">確認</string>
+    <string name="ugckit_dialog_title_error">錯誤</string>
+
+    <string name="ugckit_constants_error_msg_net_disconnecte">網絡異常，請檢查網絡</string>
+
+    <string name="ugckit_http_engine_get_error_message_connect_server_failed">連接服務器失敗</string>
+    <string name="ugckit_http_engine_get_error_message_no_network_connection">無網絡連接</string>
+    <string name="ugckit_http_engine_get_error_message_network_anomaly">網絡異常，請稍後再試</string>
+
+
+    <string name="ugckit_http_engine_handle_server_error_connect_server_fail">連接服務器失敗</string>
+    <string name="ugckit_http_engine_handle_server_error_network_anomaly">網絡異常，請稍後再試</string>
+
+    <string name="ugckit_utils_check_float_window_permission_yes">開啟</string>
+    <string name="ugckit_utils_check_float_window_permission_no">不，謝謝</string>
+
+    <string name="ugckit_static_filter_fragment_original">原圖</string>
+    <string name="ugckit_static_filter_fragment_standard">標準</string>
+    <string name="ugckit_static_filter_fragment_cheery">櫻紅</string>
+    <string name="ugckit_static_filter_fragment_cloud">雲裳</string>
+    <string name="ugckit_static_filter_fragment_pure">純真</string>
+    <string name="ugckit_static_filter_fragment_orchid">白蘭</string>
+    <string name="ugckit_static_filter_fragment_vitality">元氣</string>
+    <string name="ugckit_static_filter_fragment_super">超脫</string>
+    <string name="ugckit_static_filter_fragment_fragrance">香氛</string>
+    <string name="ugckit_static_filter_fragment_romantic">浪漫</string>
+    <string name="ugckit_static_filter_fragment_fresh">清新</string>
+    <string name="ugckit_static_filter_fragment_beautiful">唯美</string>
+    <string name="ugckit_static_filter_fragment_pink">粉嫩</string>
+    <string name="ugckit_static_filter_fragment_reminiscence">懷舊</string>
+    <string name="ugckit_static_filter_fragment_blues">藍調</string>
+    <string name="ugckit_static_filter_fragment_cool">清涼</string>
+    <string name="ugckit_static_filter_fragment_Japanese">日系</string>
+
+    <string name="ugckit_video_cutter_activity_oncreate_an_unknown_error_occurred_the_path_cannot_be_empty">發生未知錯誤，路徑不能為空</string>
+
+    <string name="ugckit_video_cutter_activity_init_work_loading_progress_video_preprocessing">視頻預處理中...</string>
+
+    <string name="ugckit_video_cutter_activity_load_video_success_already_picked">已選取</string>
+
+    <string name="ugckit_video_cutter_activity_video_main_handler_edit_failed">編輯失敗</string>
+    <string name="ugckit_does_not_support_android_version_below_4_3">暫不支持Android 4.3以下系統或者空視頻文件</string>
+
+    <string name="ugckit_live_list_fragment_refresh_list_failed">刷新列表失敗</string>
+
+
+    <string name="ugckit_video_editer_activity_oncreate_status_is_abnormal_finish_editing">狀態異常，結束編輯</string>
+
+    <string name="ugckit_video_editer_activity_show_publish_dialog_save">保存</string>
+    <string name="ugckit_video_editer_activity_show_publish_dialog_publish">發佈</string>
+
+    <string name="ugckit_video_editer_activity_cancel_video_generation">取消視頻生成</string>
+
+    <string name="ugckit_video_material_download_progress_material_unzip_failed">素材解壓失敗</string>
+    <string name="ugckit_video_material_download_progress_download_failed">下載失敗</string>
+    <string name="ugckit_video_material_download_progress_no_enough_storage_space">存儲空間不足</string>
+
+    <string name="ugckit_user_mgr_user_does_not_exist">用戶名不存在</string>
+    <string name="ugckit_user_mgr_wrong_password">密碼錯誤</string>
+
+    <string name="ugckit_vod_player_activity_download_video_is_downloading">正在下載...</string>
+    <string name="ugckit_vod_player_activity_download_video_download_failed">下載失敗</string>
+
+    <string name="ugckit_picture_choose_activity_the_selected_file_does_not_exist">選擇的文件不存在</string>
+    <string name="ugckit_picture_choose_activity_please_select_multiple_images">請選擇多個圖片</string>
+    <string name="ugckit_picture_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_choose_activity_contains_corrupted_video_files">包含已經損壞的視頻文件</string>
+    <string name="ugckit_video_choose_activity_the_selected_file_does_not_exist">選擇的文件不存在</string>
+    <string name="ugckit_video_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_effect_activity_status_is_abnormal_finish_editing">狀態異常，結束編輯</string>
+
+    <string name="ugckit_video_preprocess_activity_an_unknown_error_occurred_the_path_cannot_be_empty">發生未知錯誤，路徑不能為空</string>
+    <string name="ugckit_video_preprocess_activity_video_preprocessing">視頻預處理中...</string>
+    <string name="ugckit_video_preprocess_activity_cancel_preprocessing">取消預處理</string>
+    <string name="ugckit_video_preprocess_activity_edit_failed">編輯失敗</string>
+    <string name="ugckit_video_preprocess_activity_does_not_support_android_version_below_4.3">暫不支持Android 4.3以下系統</string>
+
+    <string name="ugckit_bgm_setting_fragment_video_edit_failed">視頻編輯失敗</string>
+    <string name="ugckit_bgm_setting_fragment_background_sound_only_supports_mp3_or_m4a_format">背景音僅支持MP3或M4A格式背景</string>
+
+    <string name="ugckit_bgm_download_progress_download_failed">下載失敗</string>
+    <string name="ugckit_bgm_download_progress_no_enough_storage_space">存儲空間不足</string>
+
+    <string name="ugckit_bubble_fragment_double_click_to_edit_text">雙擊修改文字</string>
+
+    <string name="ugckit_word_input_dialog_please_enter_subtitles">請輸入字幕</string>
+
+    <string name="ugckit_cutter_fragment_left">左側：</string>
+    <string name="ugckit_cutter_fragment_right">右側：</string>
+
+    <string name="ugckit_add_paster_adapter_paster">貼紙</string>
+
+    <string name="ugckit_time_fragment_video_preprocessing">視頻預處理中...</string>
+
+    <string name="ugckit_touch_seekbar_low">低</string>
+    <string name="ugckit_touch_seekbar_mid">中</string>
+    <string name="ugckit_touch_seekbar_high">高</string>
+
+    <string name="ugckit_video_repeat_view_tip2">重複時間點 左側 : %1$s， 右側 : %1$s</string>
+    <string name="ugckit_video_repeat_view_tip1">裁剪區間 左側 : %1$s， 右側 : %1$s</string>
+
+    <string name="ugckit_video_publisher_activity_no_network_connection">無網絡連接</string>
+    <string name="ugckit_video_publisher_activity_is_uploading">正在上傳</string>
+    <string name="ugckit_video_publisher_activity_network_connection_is_disconnected_video_upload_failed">網絡連接斷開，視頻上傳失敗</string>
+
+    //分割线 2018/7/24
+    --------------------------------------------------------------------------------------------------
+    <string name="ugckit_video_choose">選擇視頻</string>
+
+    <string name="ugckit_activity_video_record_take_photo">拍照</string>
+    <string name="ugckit_activity_video_record_click_start">單擊拍</string>
+    <string name="ugckit_activity_video_record_long_touch">長按拍</string>
+
+    <string name="ugckit_activity_video_record_timer">倒計時</string>
+    <string name="ugckit_activity_video_record_sound_effect">音效</string>
+
+    <string name="ugckit_activity_video_record_take_photo_success">拍照成功，已存到系統相冊</string>
+    <string name="ugckit_activity_video_record_take_photo_fail">拍照失敗</string>
+
+    <string name="ugckit_sound_effect_pannel_change_voice">變聲</string>
+    <string name="ugckit_sound_effect_pannel_record_reverb">混響</string>
+
+    <string name="ugckit_layout_sound_effect_ktv">KTV</string>
+    <string name="ugckit_layout_sound_effect_original_sound">原聲</string>
+    <string name="ugckit_layout_sound_effect_room">房間</string>
+    <string name="ugckit_layout_sound_effect_hall">會堂</string>
+    <string name="ugckit_layout_sound_effect_deep">低沉</string>
+    <string name="ugckit_layout_sound_effect_loud">洪亮</string>
+    <string name="ugckit_layout_sound_effect_magnetic">磁性</string>
+
+    <string name="ugckit_layout_sound_effect_original_sound2">原聲</string>
+    <string name="ugckit_layout_sound_effect_wild_kid">熊孩子</string>
+    <string name="ugckit_layout_sound_effect_lolita">蘿莉</string>
+    <string name="ugckit_layout_sound_effect_uncle">大叔</string>
+    <string name="ugckit_layout_sound_effect_heavy_metal">重金屬</string>
+    <string name="ugckit_layout_sound_effect_foreigner">外國人</string>
+    <string name="ugckit_layout_sound_effect_beast">困獸</string>
+    <string name="ugckit_layout_sound_effect_fat_boy">死肥仔</string>
+    <string name="ugckit_layout_sound_effect_heavy_current">強電流</string>
+    <string name="ugckit_layout_sound_effect_heavy_machine">重機械</string>
+    <string name="ugckit_layout_sound_effect_vacant">空靈</string>
+
+    <string name="ugckit_bgm_select_activity_downloading">下載中...</string>
+    <string name="ugckit_bgm_select_activity_download_failed">下載失敗</string>
+
+    <string name="ugckit_chorus_title">合唱</string>
+    <string name="ugckit_triple_title">三屏合拍</string>
+    <string name="ugckit_video_not_review">視頻未審核</string>
+    <string name="ugckit_video_porn">視頻涉黃</string>
+
+    <string name="ugckit_record_part_exist">妳有未錄制完成的視頻，是否繼續？</string>
+
+    <!--registerActivity  loginActivity-->
+    <string name="ugckit_technical_support">如何獲取技術支持服務？</string>
+    <string name="ugckit_follow_public_number">關注公衆號“騰訊雲視頻”</string>
+    <string name="ugckit_send_msg_to_public_number">給公衆號發送“小視頻”</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_get_technical_support">獲取技術支持服務</string>
+    <string name="ugckit_download_sdk"><a href='https://cloud.tencent.com/document/product/584/9366'>下載 SDK</a></string>
+    <string name="ugckit_product_introduction"><a href='https://cloud.tencent.com/product/UGSV'>産品介紹</a></string>
+
+    <string name="ugckit_follow_and_send_msg_to_public_number">關注公衆號“騰訊雲視頻”\n給公衆號發送“小視頻”</string>
+
+    <string name="ugckit_start_record_not_init">別着急，畫面還沒出來</string>
+    <string name="ugckit_start_record_not_finish">還有錄製的任務沒有結束</string>
+    <string name="ugckit_start_record_path_empty">傳入的視頻路徑為空</string>
+    <string name="ugckit_start_record_version_below">版本太低</string>
+
+    <!-- transition fragment -->
+    <string name="trans_none">無</string>
+    <string name="trans_wipeLeft">左劃</string>
+    <string name="trans_wipeRight">右劃</string>
+    <string name="trans_wipeUp">上劃</string>
+    <string name="trans_wipeDown">下劃</string>
+    <string name="trans_fadecolor">顏色漸變</string>
+    <string name="trans_SimpleZoom">放大</string>
+    <string name="trans_LinearBlur">線性模糊</string>
+    <string name="trans_WaterDrop">水滴</string>
+    <string name="trans_InvertedPageCurl">翻頁</string>
+    <string name="trans_GlitchMemories">震動</string>
+    <string name="trans_StereoViewer">分裂</string>
+    <string name="trans_directionalwarp">捲曲</string>
+    <string name="trans_Bounce">跳躍</string>
+    <string name="trans_CircleCrop">圓形變換</string>
+    <string name="trans_Swirl">漩渦</string>
+    <string name="trans_CrossZoom">推進</string>
+    <string name="trans_GridFlip">方格翻轉</string>
+    <string name="trans_Mosaic">馬賽克</string>
+    <string name="trans_kaleidoscope">萬花筒</string>
+    <string name="trans_hexagonalize">蜂巢馬賽克</string>
+    <string name="trans_GlitchDisplace">幻影</string>
+    <string name="trans_DreamyZoom">閃白</string>
+    <string name="trans_burn">燃燒</string>
+    <string name="trans_circle">橢圓變換</string>
+    <string name="trans_crosswarp">交叉捲曲</string>
+    <string name="trans_cube">立方體</string>
+    <string name="trans_doorway">開門</string>
+    <string name="trans_fadegrayscale">灰度</string>
+    <string name="trans_flyeye">磚塊</string>
+    <string name="trans_pixelize">像素化</string>
+    <string name="trans_squeeze">擠壓</string>
+    <string name="trans_swap">立體</string>
+    <string name="trans_invalid_timestamp">轉場時間點無效，請重新設置</string>
+</resources>
diff --git a/ugckit/src/main/res/values-zh/strings.xml b/ugckit/src/main/res/values-zh/strings.xml
new file mode 100755
index 0000000..865a3be
--- /dev/null
+++ b/ugckit/src/main/res/values-zh/strings.xml
@@ -0,0 +1,424 @@
+<resources>
+    <string name="app_name">小视频</string>
+
+    <string name="ugckit_btn_back">返回</string>
+    <string name="ugckit_btn_cancel">取消</string>
+    <string name="ugckit_btn_ok">确定</string>
+    <string name="ugckit_btn_confirm">确认</string>
+
+    <!--loginActivity -->
+    <string name="ugckit_activity_login_login">登录</string>
+    <string name="ugckit_activity_login_register">注册新用户</string>
+    <string name="ugckit_activity_login_username">用户名</string>
+    <string name="ugckit_activity_login_password">密码</string>
+    <!--loginActivity -->
+
+    <!--registerActivity -->
+    <string name="ugckit_activity_register_register">注册</string>
+    <string name="ugckit_activity_register_username">用户名(4~24位字母、数字、下划线)</string>
+    <string name="ugckit_activity_register_password">密码(8~16位个字符)</string>
+    <string name="ugckit_activity_register_password_verify">确认密码</string>
+    <!--registerActivity -->
+
+    <!-- permission check-->
+    <string name="ugckit_float_window_not_allow">悬浮窗权限未开启 请在应用-权限中打开悬浮窗权限</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_app_about">关于</string>
+    <string name="ugckit_btn_login_out">退出登录</string>
+
+    <string name="ugckit_video_edit_segment">设置想要截取的片段</string>
+    <string name="ugckit_music_empty">空空如也</string>
+    <string name="ugckit_music_loading">正在加载本地音乐...</string>
+    <string name="ugckit_follow_shot">合拍</string>
+
+    <!-- TCVideoRecordActivity -->
+    <string name="ugckit_next_step">下一步</string>
+
+    <string name="ugckit_speed_very_slow">极慢</string>
+    <string name="ugckit_speed_slow">慢速</string>
+    <string name="ugckit_speed_normal">标准</string>
+    <string name="ugckit_speed_fast">快速</string>
+    <string name="ugckit_speed_very_fast">极快</string>
+    <string name="ugckit_aspect">屏比</string>
+    <string name="ugckit_beauty">美颜</string>
+    <string name="ugckit_music">音乐</string>
+    <string name="ugckit_motion">动作</string>
+    <string name="ugckit_speed">速度</string>
+    <string name="ugckit_filter">滤镜</string>
+    <string name="ugckit_paster">贴纸</string>
+    <string name="ugckit_subtitle">字幕</string>
+    <string name="ugckit_transition">转场</string>
+
+    <string name="ugckit_cancel_record">取消拍摄</string>
+    <string name="ugckit_confirm_cancel_edit_content">确认放弃当前编辑的内容？</string>
+    <string name="ugckit_confirm_cancel_record_content">确认放弃当前拍摄的内容？</string>
+    <string name="ugckit_wrong_click">点错了</string>
+    <string name="ugckit_give_up">放弃</string>
+
+    <!--ShortVideoDialog.java-->
+    <string name="ugckit_video_record_title">拍摄</string>
+    <string name="ugckit_video_editer_title">编辑</string>
+    <string name="ugckit_picture_editer_title">图片</string>
+
+    <!--TCPictureChooseActivityvity-->
+    <string name="ugckit_picture_choose">选择图片</string>
+    <string name="ugckit_video_long_drag">长按拖拽可调整视频顺序</string>
+
+    <string name="ugckit_select_bgm">选择背景音乐</string>
+    <string name="ugckit_mic_volume">录音音量</string>
+    <string name="ugckit_bgm_volume">背景音乐音量</string>
+    <string name="ugckit_tips">提示</string>
+    <string name="ugckit_delete_bgm_or_not">确定清除已添加的背景音乐？</string>
+    <string name="ugckit_confirm_delete">确定清除</string>
+
+    <string name="ugckit_bgm_start_position">当前从%1$s开始</string>
+
+    <string name="ugckit_no_content">暂无内容哦~</string>
+    <string name="ugckit_none">无</string>
+
+    <string name="ugckit_reverse">倒放</string>
+    <string name="ugckit_slow_motion">慢动作</string>
+    <string name="ugckit_repeate">反复</string>
+    <string name="ugckit_add">新增</string>
+
+    <string name="ugckit_motion_soul_out">灵魂出窍</string>
+    <string name="ugckit_motion_split">视频分裂</string>
+    <string name="ugckit_motion_rock_light">动感光波</string>
+    <string name="ugckit_motion_dark_dream">暗黑幻境</string>
+    <string name="ugckit_motion_win_shadow">百叶窗</string>
+    <string name="ugckit_motion_ghost_shadow">鬼影</string>
+    <string name="ugckit_motion_phantom_shadow">幻影</string>
+    <string name="ugckit_motion_ghost">幽灵</string>
+    <string name="ugckit_motion_lightning">闪电</string>
+    <string name="ugckit_motion_mirror">镜像</string>
+    <string name="ugckit_motion_illusion">幻觉</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_cancel_publish_title">取消上传</string>
+    <string name="ugckit_cancel_publish_msg">视频即将上传完成，真的要取消上传吗？</string>
+
+    <!--TCVideoEffectActivityvity-->
+    <string name="ugckit_revert">撤销</string>
+    <string name="ugckit_complete">完成</string>
+    <string name="ugckit_state_pause">暂停</string>
+    <string name="ugckit_save_success">保存完成</string>
+    <string name="ugckit_download">下载</string>
+    <string name="ugckit_downloaded">已下载</string>
+    <string name="ugckit_use">使用</string>
+    <string name="ugckit_downloading">下载中</string>
+    <string name="ugckit_dynamic_paster">动态贴纸</string>
+    <string name="ugckit_static_paster">静态贴纸</string>
+    <string name="ugckit_bublle_style">气泡样式</string>
+    <string name="ugckit_text_color">文字颜色</string>
+    <string name="ugckit_video_joining">视频拼接中...</string>
+    <string name="ugckit_cancel_joining">取消拼接视频</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_publish_success">发布成功</string>
+
+    <!--关于-->
+    <string name="ugckit_about_tip1">小视频是由腾讯视频云团队提供的一款原型级别的 APP，致力于以 DEMO 的形式向您展示腾讯视频云在短视频领域的各项能力。比如如何利用视频云 SDK 进行短视频的分段录制和编辑，如何利用对象存储（COS）服务实现视频上传和发布，如何使用点播（VOD）服务实现视频的分发。</string>
+
+    <string name="ugckit_language_setting_activity_language">语言</string>
+    <string name="ugckit_language_setting_activity_follow_system">跟随系统（重启生效）</string>
+    <string name="ugckit_language_setting_activity_save">保存</string>
+
+    <string name="ugckit_user_info_fragment_setting">设置</string>
+
+    <string name="ugckit_setting_activity_language">语言</string>
+    <string name="ugckit_setting_activity_setting">设置</string>
+
+    <string name="ugckit_fragment_user_info_please_lonin">请先登录</string>
+
+    <string name="ugckit_fragment_bgm_cancel">取消</string>
+
+    <string name="ugckit_dialog_ugc_tip_already_known">知道了</string>
+
+    <string name="ugckit_unit_second">秒</string>
+
+    <string name="ugckit_fragment_confirm_confirm">确定</string>
+    <string name="ugckit_fragment_confirm_cancel">取消</string>
+    <string name="ugckit_fragment_confirm_ok">确定</string>
+    <string name="ugckit_fragment_confirm_input_tip">请输入内容</string>
+
+    <string name="ugckit_activity_register_register_new_user">注册新用户</string>
+
+    <string name="ugckit_video_list_adapter_video_state_normal">已审核</string>
+    <string name="ugckit_video_list_adapter_video_state_in_audit">审核中</string>
+    <string name="ugckit_video_list_adapter_video_state_pornographic">涉黄</string>
+
+    <string name="ugckit_tc_ugc_video_list_adapter_just_now">刚刚</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_mins_ago">分钟前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_hours_ago">小时前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_days_ago">天前</string>
+
+    <string name="ugckit_video_list_adapter_min_ago">分钟前</string>
+    <string name="ugckit_video_list_adapter_hour_ago">小时前</string>
+    <string name="ugckit_video_list_adapter_day_ago">天前</string>
+
+    <string name="ugckit_fragment_videolist_no_content">暂无内容噢~</string>
+
+    <string name="ugckit_tc_picture_join_activity_toast_picture_is_abnormal_and_finish_editing">图片异常，结束编辑</string>
+    <string name="ugckit_tc_picture_join_activity_toast_cancel_video_generation">取消视频生成</string>
+
+    <string name="ugckit_picture_join_left_right">左右</string>
+    <string name="ugckit_picture_join_up_down">上下</string>
+    <string name="ugckit_picture_join_zoom_in">放大</string>
+    <string name="ugckit_picture_join_zoom_out">缩小</string>
+    <string name="ugckit_picture_join_rotate">旋转</string>
+    <string name="ugckit_picture_join_fade_in_and_fade_out">淡入淡出</string>
+
+    <string name="ugckit_fragment_input_word_input_tip">请输入内容</string>
+    <string name="ugckit_fragment_input_word_cancel">取消</string>
+    <string name="ugckit_fragment_input_word_ok">确定</string>
+
+    <string name="ugckit_layout_joiner_progress_video_is_generating">视频生成中...</string>
+
+    <string name="ugckit_audio_ctrl_accompaniment">伴奏</string>
+    <string name="ugckit_audio_ctrl_finish">结束</string>
+    <string name="ugckit_audio_ctrl_voice">人声</string>
+    <string name="ugckit_audio_ctrl_vol">音量调节</string>
+
+    <string name="ugckit_login_activity_login_successfully">登录成功</string>
+    <string name="ugckit_login_activity_auto_login_failed">自动登录失败</string>
+    <string name="ugckit_login_activity_no_network_connection">当前无网络连接</string>
+    <string name="ugckit_login_activity_password_length_tip">密码长度应为8-16位</string>
+    <string name="ugckit_login_activity_username_does_not_meet_specifications">用户名不规范</string>
+
+    <string name="ugckit_register_activity_attempt_normal_regist_username_does_not_meet_specifications">用户名不规范</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_length_error">密码长度应为8-16位</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_verify_error">两次输入密码不一致</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_no_network_connection">当前无网络连接</string>
+
+    <string name="ugckit_register_activity_register_callback_register_successfully">注册成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_successfully">自动登录成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_failed">自动登录失败</string>
+    <string name="ugckit_register_activity_register_callback_username_format_error">用户名格式错误</string>
+    <string name="ugckit_register_activity_register_callback_password_format_error">密码格式错误</string>
+    <string name="ugckit_register_activity_register_callback_username_already_exists">用户名已存在</string>
+    <string name="ugckit_register_activity_register_callback_register_failed">注册失败:</string>
+
+    <string name="ugckit_video_record_activity_start_record_start_record_ok">开始录制成功</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_is_in_recording">存在未完成的任务</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_video_path_is_empty">视频文件路径为空</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_api_is_lower_than_18">版本小于18</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_not_init">还未初始化结束</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_licence_verification_failed">licence校验失败</string>
+    <string name="ugckit_video_record_activity_start_record_record_failed_tip">录制失败，错误码：</string>
+
+    <string name="ugckit_video_record_activity_on_record_event_evt_camera_cannot_use">摄像头打开失败，请检查权限</string>
+    <string name="ugckit_video_record_activity_on_record_event_evt_mic_cannot_use">麦克风打开失败，请检查权限</string>
+
+    <string name="ugckit_video_record_activity_on_record_complete_fail_tip">录制失败，原因：</string>
+    <string name="ugckit_video_record_activity_on_record_complete_synthesizing">正在合成...</string>
+
+    <string name="ugckit_video_record_activity_on_join_progress_synthesizing">正在合成</string>
+
+    <string name="ugckit_video_record_activity_on_join_complete_synthesis_failed">合成失败</string>
+
+
+    <string name="ugckit_video_record_activity_on_request_permissions_result_failed_to_get_permission">获取权限失败</string>
+
+    <string name="ugckit_dialog_title_confirm">确认</string>
+    <string name="ugckit_dialog_title_error">错误</string>
+
+    <string name="ugckit_constants_error_msg_net_disconnecte">网络异常，请检查网络</string>
+
+    <string name="ugckit_http_engine_get_error_message_connect_server_failed">连接服务器失败</string>
+    <string name="ugckit_http_engine_get_error_message_no_network_connection">无网络连接</string>
+    <string name="ugckit_http_engine_get_error_message_network_anomaly">网络异常,请稍后再试</string>
+
+
+    <string name="ugckit_http_engine_handle_server_error_connect_server_fail">连接服务器失败</string>
+    <string name="ugckit_http_engine_handle_server_error_network_anomaly">网络异常,请稍后再试</string>
+
+    <string name="ugckit_utils_check_float_window_permission_yes">开启</string>
+    <string name="ugckit_utils_check_float_window_permission_no">不，谢谢</string>
+
+    <string name="ugckit_static_filter_fragment_original">原图</string>
+    <string name="ugckit_static_filter_fragment_standard">标准</string>
+    <string name="ugckit_static_filter_fragment_cheery">樱红</string>
+    <string name="ugckit_static_filter_fragment_cloud">云裳</string>
+    <string name="ugckit_static_filter_fragment_pure">纯真</string>
+    <string name="ugckit_static_filter_fragment_orchid">白兰</string>
+    <string name="ugckit_static_filter_fragment_vitality">元气</string>
+    <string name="ugckit_static_filter_fragment_super">超脱</string>
+    <string name="ugckit_static_filter_fragment_fragrance">香氛</string>
+    <string name="ugckit_static_filter_fragment_romantic">浪漫</string>
+    <string name="ugckit_static_filter_fragment_fresh">清新</string>
+    <string name="ugckit_static_filter_fragment_beautiful">唯美</string>
+    <string name="ugckit_static_filter_fragment_pink">粉嫩</string>
+    <string name="ugckit_static_filter_fragment_reminiscence">怀旧</string>
+    <string name="ugckit_static_filter_fragment_blues">蓝调</string>
+    <string name="ugckit_static_filter_fragment_cool">清凉</string>
+    <string name="ugckit_static_filter_fragment_Japanese">日系</string>
+
+    <string name="ugckit_video_cutter_activity_oncreate_an_unknown_error_occurred_the_path_cannot_be_empty">发生未知错误,路径不能为空</string>
+
+    <string name="ugckit_video_cutter_activity_init_work_loading_progress_video_preprocessing">视频预处理中...</string>
+
+    <string name="ugckit_video_cutter_activity_load_video_success_already_picked">已选取</string>
+
+    <string name="ugckit_video_cutter_activity_video_main_handler_edit_failed">编辑失败</string>
+    <string name="ugckit_does_not_support_android_version_below_4_3">暂不支持Android 4.3以下的系统或者空视频文件</string>
+
+    <string name="ugckit_live_list_fragment_refresh_list_failed">刷新列表失败</string>
+
+
+    <string name="ugckit_video_editer_activity_oncreate_status_is_abnormal_finish_editing">状态异常，结束编辑</string>
+
+    <string name="ugckit_video_editer_activity_show_publish_dialog_save">保存</string>
+    <string name="ugckit_video_editer_activity_show_publish_dialog_publish">发布</string>
+
+    <string name="ugckit_video_editer_activity_cancel_video_generation">取消视频生成</string>
+
+    <string name="ugckit_video_material_download_progress_material_unzip_failed">素材解压失败</string>
+    <string name="ugckit_video_material_download_progress_download_failed">下载失败</string>
+    <string name="ugckit_video_material_download_progress_no_enough_storage_space">存储空间不足</string>
+
+    <string name="ugckit_user_mgr_user_does_not_exist">用户名不存在</string>
+    <string name="ugckit_user_mgr_wrong_password">密码错误</string>
+
+    <string name="ugckit_vod_player_activity_download_video_is_downloading">正在下载...</string>
+    <string name="ugckit_vod_player_activity_download_video_download_failed">下载失败</string>
+
+    <string name="ugckit_picture_choose_activity_the_selected_file_does_not_exist">选择的文件不存在</string>
+    <string name="ugckit_picture_choose_activity_please_select_multiple_images">请选择多个图片</string>
+    <string name="ugckit_picture_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_choose_activity_contains_corrupted_video_files">包含已经损坏的视频文件</string>
+    <string name="ugckit_video_choose_activity_the_selected_file_does_not_exist">选择的文件不存在</string>
+    <string name="ugckit_video_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_effect_activity_status_is_abnormal_finish_editing">状态异常，结束编辑</string>
+
+    <string name="ugckit_video_preprocess_activity_an_unknown_error_occurred_the_path_cannot_be_empty">发生未知错误,路径不能为空</string>
+    <string name="ugckit_video_preprocess_activity_video_preprocessing">视频预处理中...</string>
+    <string name="ugckit_video_preprocess_activity_cancel_preprocessing">取消预处理</string>
+    <string name="ugckit_video_preprocess_activity_edit_failed">编辑失败</string>
+    <string name="ugckit_video_preprocess_activity_does_not_support_android_version_below_4.3">暂不支持Android 4.3以下的系统</string>
+
+    <string name="ugckit_bgm_setting_fragment_video_edit_failed">视频编辑失败</string>
+    <string name="ugckit_bgm_setting_fragment_background_sound_only_supports_mp3_or_m4a_format">背景音仅支持MP3或M4A格式</string>
+
+    <string name="ugckit_bgm_download_progress_download_failed">下载失败</string>
+    <string name="ugckit_bgm_download_progress_no_enough_storage_space">存储空间不足</string>
+
+    <string name="ugckit_bubble_fragment_double_click_to_edit_text">双击修改文字</string>
+
+    <string name="ugckit_word_input_dialog_please_enter_subtitles">请输入字幕</string>
+
+    <string name="ugckit_cutter_fragment_left">左侧：</string>
+    <string name="ugckit_cutter_fragment_right">右侧：</string>
+
+    <string name="ugckit_add_paster_adapter_paster">贴纸</string>
+
+    <string name="ugckit_time_fragment_video_preprocessing">视频预处理中...</string>
+
+    <string name="ugckit_touch_seekbar_low">低</string>
+    <string name="ugckit_touch_seekbar_mid">中</string>
+    <string name="ugckit_touch_seekbar_high">高</string>
+
+    <string name="ugckit_video_repeat_view_tip2">重复时间点 左侧 : %1$s， 右侧 : %1$s</string>
+    <string name="ugckit_video_repeat_view_tip1">裁剪区间 左侧 : %1$s， 右侧 : %1$s</string>
+
+    <string name="ugckit_video_publisher_activity_no_network_connection">无网络连接</string>
+    <string name="ugckit_video_publisher_activity_is_uploading">正在上传</string>
+    <string name="ugckit_video_publisher_activity_network_connection_is_disconnected_video_upload_failed">网络连接断开，视频上传失败</string>
+
+    //分割线 2018/7/24
+    --------------------------------------------------------------------------------------------------
+    <string name="ugckit_video_choose">选择视频</string>
+
+    <string name="ugckit_activity_video_record_take_photo">拍照</string>
+    <string name="ugckit_activity_video_record_click_start">单击拍</string>
+    <string name="ugckit_activity_video_record_long_touch">长按拍</string>
+
+    <string name="ugckit_activity_video_record_timer">倒计时</string>
+    <string name="ugckit_activity_video_record_sound_effect">音效</string>
+
+    <string name="ugckit_activity_video_record_take_photo_success">拍照成功，已存到系统相册</string>
+    <string name="ugckit_activity_video_record_take_photo_fail">拍照失败</string>
+
+    <string name="ugckit_sound_effect_pannel_change_voice">变声</string>
+    <string name="ugckit_sound_effect_pannel_record_reverb">混响</string>
+
+    <string name="ugckit_layout_sound_effect_ktv">KTV</string>
+    <string name="ugckit_layout_sound_effect_original_sound">原声</string>
+    <string name="ugckit_layout_sound_effect_room">房间</string>
+    <string name="ugckit_layout_sound_effect_hall">会堂</string>
+    <string name="ugckit_layout_sound_effect_deep">低沉</string>
+    <string name="ugckit_layout_sound_effect_loud">洪亮</string>
+    <string name="ugckit_layout_sound_effect_magnetic">磁性</string>
+
+    <string name="ugckit_layout_sound_effect_original_sound2">原声</string>
+    <string name="ugckit_layout_sound_effect_wild_kid">熊孩子</string>
+    <string name="ugckit_layout_sound_effect_lolita">萝莉</string>
+    <string name="ugckit_layout_sound_effect_uncle">大叔</string>
+    <string name="ugckit_layout_sound_effect_heavy_metal">重金属</string>
+    <string name="ugckit_layout_sound_effect_foreigner">外国人</string>
+    <string name="ugckit_layout_sound_effect_beast">困兽</string>
+    <string name="ugckit_layout_sound_effect_fat_boy">死肥仔</string>
+    <string name="ugckit_layout_sound_effect_heavy_current">强电流</string>
+    <string name="ugckit_layout_sound_effect_heavy_machine">重机械</string>
+    <string name="ugckit_layout_sound_effect_vacant">空灵</string>
+
+    <string name="ugckit_bgm_select_activity_downloading">下载中...</string>
+    <string name="ugckit_bgm_select_activity_download_failed">下载失败</string>
+
+    <string name="ugckit_chorus_title">合唱</string>
+    <string name="ugckit_triple_title">三屏合拍</string>
+    <string name="ugckit_video_not_review">视频未审核</string>
+    <string name="ugckit_video_porn">视频涉黄</string>
+
+    <string name="ugckit_record_part_exist">你有未录制完成的视频，是否继续？</string>
+
+    <!--registerActivity  loginActivity-->
+    <string name="ugckit_technical_support">如何获取技术支持服务？</string>
+    <string name="ugckit_follow_public_number">关注公众号“腾讯云视频”</string>
+    <string name="ugckit_send_msg_to_public_number">给公众号发送“小视频”</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_get_technical_support">获取技术支持服务</string>
+    <string name="ugckit_download_sdk"><a href='https://cloud.tencent.com/document/product/584/9366'>下载 SDK</a></string>
+    <string name="ugckit_product_introduction"><a href='https://cloud.tencent.com/product/UGSV'>产品介绍</a></string>
+
+    <string name="ugckit_follow_and_send_msg_to_public_number">关注公众号“腾讯云视频”\n给公众号发送“小视频”</string>
+
+    <!-- transition fragment -->
+    <string name="trans_none">无</string>
+    <string name="trans_wipeLeft">左划</string>
+    <string name="trans_wipeRight">右划</string>
+    <string name="trans_wipeUp">上划</string>
+    <string name="trans_wipeDown">下划</string>
+    <string name="trans_fadecolor">颜色渐变</string>
+    <string name="trans_SimpleZoom">放大</string>
+    <string name="trans_LinearBlur">线性模糊</string>
+    <string name="trans_WaterDrop">水滴</string>
+    <string name="trans_InvertedPageCurl">翻页</string>
+    <string name="trans_GlitchMemories">震动</string>
+    <string name="trans_StereoViewer">分裂</string>
+    <string name="trans_directionalwarp">卷曲</string>
+    <string name="trans_Bounce">跳跃</string>
+    <string name="trans_CircleCrop">圆形变换</string>
+    <string name="trans_Swirl">漩涡</string>
+    <string name="trans_CrossZoom">推进</string>
+    <string name="trans_GridFlip">方格翻转</string>
+    <string name="trans_Mosaic">马赛克</string>
+    <string name="trans_kaleidoscope">万花筒</string>
+    <string name="trans_hexagonalize">蜂巢马赛克</string>
+    <string name="trans_GlitchDisplace">幻影</string>
+    <string name="trans_DreamyZoom">闪白</string>
+    <string name="trans_burn">燃烧</string>
+    <string name="trans_circle">椭圆变换</string>
+    <string name="trans_crosswarp">交叉卷曲</string>
+    <string name="trans_cube">立方体</string>
+    <string name="trans_doorway">开门</string>
+    <string name="trans_fadegrayscale">灰度</string>
+    <string name="trans_flyeye">砖块</string>
+    <string name="trans_pixelize">像素化</string>
+    <string name="trans_squeeze">挤压</string>
+    <string name="trans_swap">立体</string>
+    <string name="trans_invalid_timestamp">转场时间点无效，请重新设置</string>
+</resources>
diff --git a/ugckit/src/main/res/values/attrs.xml b/ugckit/src/main/res/values/attrs.xml
new file mode 100644
index 0000000..0507601
--- /dev/null
+++ b/ugckit/src/main/res/values/attrs.xml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <declare-styleable name="UGCKitSwipeMenuLayout">
+        <attr name="leftViewId" format="reference" />
+        <attr name="rightViewId" format="reference" />
+        <attr name="contentViewId" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitRangeSlider">
+        <attr name="lineHeight" format="dimension" />
+        <attr name="thumbWidth" format="dimension" />
+        <attr name="lineColor" format="color" />
+        <attr name="maskColor" format="color" />
+        <attr name="tickCount" format="integer" />
+        <attr name="leftThumbIndex" format="integer" />
+        <attr name="rightThumbIndex" format="integer" />
+        <attr name="leftThumbDrawable" format="reference" />
+        <attr name="rightThumbDrawable" format="reference" />
+        <attr name="midThumbDrawable" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitTCReversalSeekBar">
+        <attr name="rs_pointerBackground" format="reference" />
+        <attr name="rs_backgroundColor" format="color" />
+        <attr name="rs_progressColor" format="color" />
+        <attr name="rs_progress" format="float" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitRangeSeekBar">
+        <attr name="rsb_pointerBackground" format="reference" />
+        <attr name="rsb_backgroundColor" format="color" />
+        <attr name="rsb_progressColor" format="color" />
+        <attr name="rsb_range" format="integer" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitNumberProgressBar">
+        <attr name="progress_current" format="integer" />
+        <attr name="progress_max" format="integer" />
+        <attr name="progress_unreached_color" format="color" />
+        <attr name="progress_reached_color" format="color" />
+        <attr name="progress_reached_bar_height" format="dimension" />
+        <attr name="progress_unreached_bar_height" format="dimension" />
+        <attr name="progress_text_size" format="dimension" />
+        <attr name="progress_text_color" format="color" />
+        <attr name="progress_text_offset" format="dimension" />
+        <attr name="progress_text_visibility" format="enum">
+            <enum name="visible" value="0" />
+            <enum name="invisible" value="1" />
+        </attr>
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitTCTouchSeekBar">
+        <!--默认刻度图片-->
+        <attr name="tsb_dotDefault" format="reference" />
+        <!--选中的刻度图片-->
+        <attr name="tsb_dotChecked" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitFloatLayerView">
+        <attr name="src" format="reference" />            <!-- 用于缩放旋转的图标 -->
+        <attr name="editable" format="boolean" />          <!-- 是否处于可编辑状态 -->
+        <attr name="frameColor" format="color" />         <!-- 边框颜色 -->
+        <attr name="frameWidth" format="dimension" />     <!-- 边框线宽度 -->
+        <attr name="framePadding" format="dimension" />   <!-- 边框与图片的间距 -->
+        <attr name="degree" format="float" />             <!-- 旋转角度 -->
+        <attr name="scale" format="float" />              <!-- 缩放比例 -->
+        <attr name="controlDrawable" format="reference" /> <!-- 控制图标 -->
+        <attr name="editDrawable" format="reference" />   <!--编辑图标位置-->
+        <attr name="deleteDrawable" format="reference" /> <!--删除图标位置-->
+        <attr name="controlLocation">                     <!-- 控制图标的位置 -->
+            <enum name="left_top" value="0" />
+            <enum name="right_top" value="1" />
+            <enum name="right_bottom" value="2" />
+            <enum name="left_bottom" value="3" />
+        </attr>
+        <attr name="editLocation">                     <!-- 编辑图标的位置 -->
+            <enum name="left_top" value="0" />
+            <enum name="right_top" value="1" />
+            <enum name="right_bottom" value="2" />
+            <enum name="left_bottom" value="3" />
+        </attr>
+        <attr name="deleteLocation">                     <!-- 删除图标的位置 -->
+            <enum name="left_top" value="0" />
+            <enum name="right_top" value="1" />
+            <enum name="right_bottom" value="2" />
+            <enum name="left_bottom" value="3" />
+        </attr>
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitSampleProgressButton">　　
+        <attr name="sampleProgressButtonBackgroundColor" format="color" />
+        <attr name="sampleProgressButtonForegroundColor" format="color" />
+        <attr name="sampleProgressButtonNormalColor" format="color" />
+        <attr name="sampleProgressButtonTextcolor" format="color" />　
+        <attr name="sampleProgressButtonMax" format="integer" />　
+        <attr name="sampleProgressButtonProgress" format="integer" />　
+        <attr name="sampleProgressButtonTextSize" format="dimension" />　
+        <attr name="sampleProgressButtonText" format="string" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitMixRecord">
+        <attr name="layout_id" format="reference" />
+    </declare-styleable>
+</resources>
\ No newline at end of file
diff --git a/ugckit/src/main/res/values/colors.xml b/ugckit/src/main/res/values/colors.xml
new file mode 100644
index 0000000..acd2ff2
--- /dev/null
+++ b/ugckit/src/main/res/values/colors.xml
@@ -0,0 +1,219 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ugckit_tencent_tls_ui_white">#FFFFFF</color>
+    <color name="ugckit_tencent_tls_ui_gray">#444444</color>
+    <color name="ugckit_tencent_tls_ui_shadowgray">#CCCCCC</color>
+    <color name="ugckit_tencent_tls_ui_deepgray">#777777</color>
+    <color name="ugckit_tencent_tls_ui_countryCodeColor">#009900</color>
+    <color name="ugckit_tencent_tls_ui_black">#000000</color>
+    <color name="ugckit_tencent_tls_ui_titleBackground">#FFFFFF</color>
+    <color name="ugckit_tencent_tls_ui_titleFontColor">#000000</color>
+    <color name="ugckit_tencent_tls_ui_defaultButtonColor">#0099FF</color>
+    <color name="ugckit_tencent_tls_ui_pressedButtonColor">#0066CC</color>
+    <color name="ugckit_tencent_tls_ui_background">#EEEEEE</color>
+    <color name="ugckit_tencent_tls_ui_transparent">#9000</color>
+
+    <color name="ugckit_c1">#0ACCAC</color>
+    <color name="ugckit_c2">#222b48</color>
+    <color name="ugckit_c3">#F3F3F3</color>
+    <color name="ugckit_c4">#F5F5F5</color>
+    <color name="ugckit_c5">#D8D8D8</color>
+    <color name="ugckit_c6">#FFFFFF</color>
+    <color name="ugckit_c7">#000000</color>
+    <color name="ugckit_c8">#FFFFFF</color>
+    <color name="ugckit_c9">#777777</color>
+
+    <color name="ugckit_color_bottom_bar_background">#FD5D40</color>
+    <color name="ugckit_color_primary_dark">#21a3f5</color>
+    <color name="ugckit_color_accent">#0accac</color>
+    <color name="ugckit_transparent">#00000000</color>
+    <color name="ugckit_color_blue">#440accac</color>
+    <color name="ugckit_color_activity_background">#F3F3F3</color>
+    <color name="ugckit_color_transparent_gray">#88ffffff</color>
+    <color name="ugckit_color_dark_transparent_gray">#a4000000</color>
+    <color name="ugckit_color_very_dark_transparent_gray">#d4000000</color>
+    <color name="ugckit_color_light_transparent_gray">#22ffffff</color>
+    <color name="color_input_dialog_background">#b4ffffff</color>
+
+    <color name="ugckit_color_transparent_black">#44777777</color>
+
+    <color name="ugckit_color_danmu_msg">#30e7d5</color>
+
+    <color name="ugckit_background">#f3f3f3</color>
+    <color name="ugckit_background_gray1">#EBEBEB</color>
+    <color name="ugckit_background_gray2">#E6E6E6</color>
+    <color name="ugckit_background_gray3">#D4D4D4</color>
+    <color name="ugckit_background_gray4">#EFEFF4</color>
+    <color name="ugckit_line">#DDDDDD</color>
+    <color name="ugckit_line_btn">#BBBBBB</color>
+    <color name="ugckit_text_gray1">#777777</color>
+    <color name="ugckit_text_gray2">#767676</color>
+    <color name="ugckit_text_blue1">#1173CB</color>
+    <color name="ugckit_text_blue2">#1173CA</color>
+    <color name="ugckit_panel_black">#25272A</color>
+    <color name="ugckit_white">#FFFFFF</color>
+    <color name="ugckit_black">#000000</color>
+    <color name="ugckit_half_black">#7F000000</color>
+    <color name="ugckit_half_white">#7FFFFFFF</color>
+    <color name="ugckit_btn_red">#D63F41</color>
+    <color name="ugckit_btn_red_hover">#E8484B</color>
+    <color name="ugckit_btn_blue">#0F73CB</color>
+    <color name="ugckit_btn_blue_hover">#1E86E4</color>
+    <color name="ugckit_btn_text">#FFFFFF</color>
+    <color name="ugckit_btn_text_hover">#CCFFFFFF</color>
+    <color name="ugckit_btn_live">#5F6164</color>
+    <color name="ugckit_btn_live_press">#2F3134</color>
+    <!--蒙版-->
+    <color name="ugckit_color_mask">#66000000</color>
+    <color name="ugckit_dialog_btn_pressed_color">#efefef</color>
+
+    <!--app主色调，背景色-->
+    <color name="ugckit_color_primary">#FFFFFF</color>
+    <!--背景色-->
+    <color name="ugckit_color_background">#F5F5F5</color>
+    <!--app主题色，应用于导航，按钮-->
+    <color name="ugckit_color_theme">#80407A</color>
+    <!--主题色激活态，如按钮高亮-->
+    <color name="ugckit_color_theme_active">#A15C9A</color>
+    <!--红色标签/提示-->
+    <color name="color_label_red">#FF447D</color>
+    <!--红色标签/提示高亮-->
+    <color name="color_label_red_active">#FF89AB</color>
+    <!--黄色色标签/提示-->
+    <color name="color_label_yellow">#FFAE20</color>
+    <!--黄色色标签/提示高亮-->
+    <color name="color_label_yellow_active">#FFCD35</color>
+    <!--黄色蒙版-->
+    <color name="color_label_yellow_mask">#4DFFAE20</color>
+    <!--红色-->
+    <color name="color_red">#FF3333</color>
+    <!--文字白色-->
+    <color name="color_text_white">#FFFFFF</color>
+    <!--文字G1-->
+    <color name="ugckit_color_text_g1">#CCCCCC</color>
+    <!--文字G2-->
+    <color name="ugckit_color_text_g2">#999999</color>
+    <!--文字G3-->
+    <color name="ugckit_color_text_g3">#666666</color>
+    <!--文字G4-->
+    <color name="ugckit_color_text_g4">#333333</color>
+    <!--文字black-->
+    <color name="ugckit_color_text_black">#000000</color>
+    <!--gray1-->
+    <color name="ugckit_color_gray1">#F0F0F0</color>
+    <!--light gray-->
+    <color name="ugckit_color_light_gray">#E6E6E6</color>
+    <!--gray2-->
+    <color name="ugckit_color_gray2">#DCDCDC</color>
+    <!--gray3-->
+    <color name="ugckit_color_gray3">#C8C8C8</color>
+    <!--gray4-->
+    <color name="ugckit_color_gray4">#787878</color>
+    <!--gray5-->
+    <color name="ugckit_color_gray5">#505050</color>
+    <!--gray6-->
+    <color name="ugckit_color_gray6">#141414</color>
+    <!--gray7-->
+    <color name="ugckit_color_gray7">#D8D8D8</color>
+    <!--gray8-->
+    <color name="ugckit_color_gray8">#181818</color>
+    <!--green-->
+    <color name="ugckit_color_green">#0accac</color>
+
+    <color name="ugckit_color_red2">#FF584C</color>
+
+    <color name="ugckit_color_send_name">#9966cc</color>
+    <color name="ugckit_color_send_name1">#F12B5B</color>
+    <color name="ugckit_color_send_name2">#2B7DE2</color>
+    <color name="ugckit_color_send_name3">#006599</color>
+    <color name="ugckit_color_send_name4">#FF7906</color>
+    <color name="ugckit_color_send_name5">#1FBCB6</color>
+    <color name="ugckit_color_send_name6">#FFAE1F</color>
+    <color name="ugckit_color_send_name7">#FF437D</color>
+    <!--蒙版-->
+
+    <color name="ugckit_camera_video_grid_bg_color">#F3F4F6</color>
+    <color name="ugckit_pink">#f90051</color>
+
+    <color name="ugckit_umeng_white">#ffffff</color>
+    <color name="ugckit_umeng_blue">#0086DC</color>
+    <color name="ugckit_umeng_black">#000000</color>
+    <color name="ugckit_umeng_background">#D4E0E5</color>
+    <color name="ugckit_umeng_text_color">#575A5C</color>
+    <color name="ugckit_umeng_divide">#C3C6C9</color>
+
+    <color name="ugckit_edit_red">#f00</color>
+    <color name="ugckit_edit_yellow">#FECD52</color>
+    <color name="ugckit_edit_blue">#145CB9</color>
+    <color name="ugckit_edit_green">#21AE58</color>
+
+    <color name="ugckit_record_progress_bg">#66000000</color> <!-- 40%不透明度 -->
+    <color name="ugckit_record_progress">#ff584c</color>
+    <color name="ugckit_record_progress_pending">#a8002d</color>
+
+    <color name="ugckit_record_speed_text_normal">#ffffff</color>
+    <color name="ugckit_record_speed_text_select">#00f5ac</color>
+
+    <color name="ugckit_record_settings_tip">#999999</color>
+    <color name="ugckit_input_text_color">#00f5ac</color>
+    <color name="ugckit_paster_activity_background_color">#0d0d0d</color>
+    <color name="ugckit_bubble_panel_background_color">#0d0d0d</color>
+
+    <!--动态滤镜的颜色-->
+    <color name="ugckit_spirit_out_color">#EC5F9B</color>
+    <color name="ugckit_soul_out_color_press">#B21FC0CC</color>
+
+    <color name="ugckit_screen_split">#EC8435</color>
+    <color name="ugckit_screen_split_press">#B2FFBB00</color>
+
+    <color name="ugckit_light_wave">#1FBCB6</color>
+    <color name="ugckit_rock_light_press">#B2655CE6</color>
+
+    <color name="ugckit_dark_illusion">#449FF3</color>
+    <color name="ugckit_dark_dream_press">#B2006EFF</color>
+
+    <!--5-->
+    <color name="ugckit_win_shaddow_color">#FF6EA745</color>
+    <color name="ugckit_win_shaddow_color_press">#CC6EA745</color>
+    <!--6-->
+    <color name="ugckit_ghost_shaddow_color">#FF47A9B2</color>
+    <color name="ugckit_ghost_shaddow_color_press">#CC47A9B2</color>
+    <!--7-->
+    <color name="ugckit_phantom_shaddow_color">#FF4368BC</color>
+    <color name="ugckit_phantom_shaddow_color_press">#CC4368BC</color>
+    <!--8-->
+    <color name="ugckit_ghost_color">#FF6A3FC6</color>
+    <color name="ugckit_ghost_color_press">#CC6A3FC6</color>
+    <!--9-->
+    <color name="ugckit_lightning_color">#FFC73AD1</color>
+    <color name="ugckit_lightning_color_press">#CCC73AD1</color>
+    <!--10-->
+    <color name="ugckit_mirror_color">#FFDB347F</color>
+    <color name="ugckit_mirror_color_press">#CCDB347F</color>
+    <!--11-->
+    <color name="ugckit_illusion_color">#FF7F554C</color>
+    <color name="ugckit_illusion_color_press">#CC7F554C</color>
+
+    <color name="ugckit_editer_bottom">#1F2531</color>
+    <color name="ugckit_time_bg_normal">#0accac</color>
+    <color name="ugckit_time_bg_selected">#AA0ACCAC</color>
+
+    <color name="ugckit_follow_shot_bg_normal">#ec766a</color>
+    <color name="ugckit_follow_shot_bg_selected">#ec6455</color>
+
+    <!-- 裁剪范围颜色 -->
+    <color name="ugckit_color_accent_transparent30">#B2FF584C</color>
+    <color name="ugckit_actionsheet_gray">#8F8F8F</color>
+
+    <color name="ugckit_cut_line_color">#FFFF584C</color>
+    <!-- RecordButton-->
+    <color name="ugckit_record_button_take_photo_background_color">#a1ffffff</color>
+    <color name="ugckit_record_button_click_shot_background_color">#BEBEBE</color>
+    <color name="ugckit_record_button_click_shotInner_color">#FF3030</color>
+    <color name="ugckit_record_button_touch_shot_background_color">#a1FF3030</color>
+    <color name="ugckit_record_button_touch_shot_inner_color">#FF3030</color>
+    <!-- 转场 -->
+    <color name="ugckit_transition_mark_color">#9000ff00</color>
+    <!-- timeline slider背景 -->
+    <color name="ugckit_slider_bg">#75FB7B</color>
+</resources>
diff --git a/ugckit/src/main/res/values/dimens.xml b/ugckit/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..b820779
--- /dev/null
+++ b/ugckit/src/main/res/values/dimens.xml
@@ -0,0 +1,117 @@
+<resources>
+    <!-- Default screen margins, per the Android Design guidelines. -->
+    <!-- umeng -->
+    <dimen name="ugckit_title">18sp</dimen>
+    <dimen name="ugckit_subtitle">17sp</dimen>
+    <dimen name="ugckit_main_content">16sp</dimen>
+    <dimen name="ugckit_sub_content">14sp</dimen>
+    <dimen name="ugckit_trivial_content">12sp</dimen>
+    <dimen name="ugckit_text_size">16sp</dimen>
+    <dimen name="ugckit_h4">12sp</dimen>
+    <dimen name="ugckit_h5">13sp</dimen>
+    <dimen name="ugckit_h6">14sp</dimen>
+    <dimen name="ugckit_h8">16sp</dimen>
+    <dimen name="ugckit_toolbar_margin">15dp</dimen>
+    <dimen name="ugckit_live_btn_size">35dp</dimen>
+
+    <dimen name="ugckit_qav_multi_video_friend_item_width">60dp</dimen>
+    <dimen name="ugckit_qav_grid_view_item_width_audio">75dp</dimen>
+    <dimen name="ugckit_qav_grid_view_item_width_video">64dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_icon_width">50dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_item_width">88dp</dimen>
+    <dimen name="ugckit_qav_gaudio_speaking_icon_width">10dp</dimen>
+    <dimen name="ugckit_qav_gaudio_speaking_icon_margin_left">6dp</dimen>
+    <dimen name="ugckit_qav_gaudio_member_name_margin_top">4dp</dimen>
+    <dimen name="ugckit_qav_gaudio_speaking_icon_margin_top">5dp</dimen>
+    <dimen name="ugckit_qav_gaudio_member_name_width">50dp</dimen>
+    <dimen name="ugckit_qav_gaudio_msg_text_width">95dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_margin_top_nor">60dp</dimen>
+    <dimen name="ugckit_qav_gaudio_members_holder_margin_top_large">80dp</dimen>
+    <dimen name="ugckit_qav_gaudio_members_holder_margin_top_small">24dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_net_tip_margin_top_two_line">300dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_net_tip_margin_top_one_line">210dp</dimen>
+    <dimen name="ugckit_qav_gaudio_members_container_two_line">180dp</dimen>
+    <dimen name="ugckit_qav_gaudio_members_container_one_line">90dp</dimen>
+    <dimen name="ugckit_qav_gaudio_members_holder_height_two_line">250dp</dimen>
+    <dimen name="ugckit_qav_gaudio_members_holder_height_one_line">110dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_margin_top_waiting">40dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_margin_members_top">110dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_margin_top_sig">157dp</dimen>
+    <dimen name="ugckit_qav_gaudio_grid_height">300dp</dimen>
+    <dimen name="ugckit_qav_gaudio_indicate_margin_top_two_line">190dp</dimen>
+    <dimen name="ugckit_qav_gaudio_indicate_margin_top_one_line">100dp</dimen>
+    <dimen name="ugckit_gaudio_grid_margin">3dp</dimen>
+    <dimen name="ugckit_gaudio_speaking_width">56dp</dimen>
+    <dimen name="ugckit_gaudio_speaking_margin">1dp</dimen>
+    <dimen name="ugckit_gaudio_spacing">15dp</dimen>
+    <dimen name="ugckit_gaudio_spacing_320">10dp</dimen>
+    <dimen name="ugckit_gaudio_padding">5dp</dimen>
+    <dimen name="ugckit_gaudio_dialog_width">270dp</dimen>
+    <dimen name="ugckit_gaudio_dialog_height_gprs">182dp</dimen>
+    <dimen name="ugckit_gaudio_dialog_btn_margin_top">47dp</dimen>
+    <dimen name="ugckit_gaudio_dialog_height">160dp</dimen>
+    <dimen name="ugckit_gaudio_dialog_textsize">4sp</dimen>
+    <dimen name="ugckit_gaudio_lock_textsize">5sp</dimen>
+    <dimen name="ugckit_gaudio_request_video_text_size">15dp</dimen>
+    <dimen name="ugckit_gaudio_lock_maxwidth">280dp</dimen>
+    <dimen name="ugckit_multi_video_name_max_width">95dp</dimen>
+    <dimen name="ugckit_gaudio_name_maxwidth">162dp</dimen>
+    <dimen name="ugckit_gaudio_tips_name_maxwidth">46dp</dimen>
+    <dimen name="ugckit_gaudio_list_name_maxwidth">120dp</dimen>
+    <dimen name="ugckit_gaudio_bigname_maxwidth">156dp</dimen>
+    <dimen name="ugckit_gaudio_name_maxwidth_dialog">130dp</dimen>
+    <dimen name="ugckit_gaudio_name_maxwidth_inviter">70dp</dimen>
+    <dimen name="ugckit_gaudio_name_maxwidth_title">60dp</dimen>
+    <dimen name="ugckit_qav_double_friend_imgW">95dp</dimen>
+    <dimen name="ugckit_qav_double_video_friend_imgW">50dp</dimen>
+    <dimen name="ugckit_qav_notification_icon">64dp</dimen>
+    <dimen name="ugckit_qav_gaudio_indicator_top">250dp</dimen>
+    <dimen name="ugckit_qav_bottombar_spacing">7dp</dimen>
+    <dimen name="ugckit_qav_invite_btn_right_margin">60dp</dimen>
+    <dimen name="ugckit_qav_bottombar_icon_spacing">1dp</dimen>
+    <dimen name="ugckit_qav_bottombar_btn_width">60dp</dimen>
+    <dimen name="ugckit_qav_bottombar_btn_height">46dp</dimen>
+    <dimen name="ugckit_qav_bottombar_margin">32dp</dimen>
+    <dimen name="ugckit_qav_bottombar_margin_for_ivr">18dp</dimen>
+    <dimen name="ugckit_qav_bottomlayer_margin">20dp</dimen>
+    <dimen name="ugckit_qav_bottombar_normal_margin">16dp</dimen>
+    <dimen name="ugckit_qav_bottombar_height">170dp</dimen>
+    <dimen name="ugckit_qav_bottombar_bg_height">255dp</dimen>
+    <dimen name="ugckit_qav_titlebar_height">25dp</dimen>
+    <dimen name="ugckit_qav_info_margintop">160dp</dimen>
+    <dimen name="ugckit_qav_info_margintop_video">60dp</dimen>
+    <dimen name="ugckit_qav_info_name_margintop">5dp</dimen>
+    <dimen name="ugckit_qav_ring_margintop">130dp</dimen>
+    <dimen name="ugckit_qav_tips_margintop">300dp</dimen>
+    <dimen name="ugckit_qav_info_margintop_ldpi">70dp</dimen>
+    <dimen name="ugckit_qav_tips_margintop_ldpi">240dp</dimen>
+    <dimen name="ugckit_qav_accept_video_margin_top">240dp</dimen>
+    <dimen name="ugckit_qav_waiting_tip_margin_top_two_line">113dp</dimen>
+    <dimen name="ugckit_qav_waiting_tip_margin_top_one_line">54dp</dimen>
+    <dimen name="ugckit_qav_waiting_tip_margin_top">40dp</dimen>
+    <dimen name="ugckit_qav_waiting_tip_margin_top_small">50dp</dimen>
+    <dimen name="ugckit_qav_net_tip_margin_top">350dp</dimen>
+    <dimen name="ugckit_qav_net_tip_margin_top_small">210dp</dimen>
+    <dimen name="ugckit_qav_lock_margin">47dp</dimen>
+    <dimen name="ugckit_qav_lock_bg_w">266dp</dimen>
+    <dimen name="ugckit_qav_lock_right_edge">260dp</dimen>
+    <dimen name="ugckit_qav_lock_left_margin">6dp</dimen>
+    <dimen name="ugckit_qav_invite_btn_trans">40dp</dimen>
+    <dimen name="ugckit_qav_bottombar_left_trans">23dp</dimen>
+    <dimen name="ugckit_qav_bottombar_mid_trans">68dp</dimen>
+    <dimen name="ugckit_qav_bottombar_right_trans">5dp</dimen>
+    <dimen name="ugckit_qav_msg_name_max_width">100dp</dimen>
+    <dimen name="ugckit_qav_msg_text_max_width">226dp</dimen>
+    <dimen name="ugckit_qav_waiting_text_max_width">128dp</dimen>
+    <dimen name="ugckit_qav_smartbar_height">48dp</dimen>
+    <dimen name="ugckit_qav_setting_table_row_height">50dp</dimen>
+    <dimen name="ugckit_item_thumb_height">60dp</dimen>
+    <dimen name="ugckit_cut_margin">10dp</dimen>
+    <dimen name="ugckit_aspect_width">50dp</dimen>
+    <dimen name="ugckit_aspect_divider">18dp</dimen>
+    <dimen name="ugckit_progress_cursor">2dp</dimen>
+    <dimen name="ugckit_progress_min_pos">2dp</dimen>
+    <dimen name="ugckit_progress_divider">1dp</dimen>
+    <dimen name="ugckit_video_progress_height">50dp</dimen>
+    <dimen name="ugckit_video_thumbnail_width">50dp</dimen>
+</resources>
diff --git a/ugckit/src/main/res/values/ids.xml b/ugckit/src/main/res/values/ids.xml
new file mode 100644
index 0000000..b3ea967
--- /dev/null
+++ b/ugckit/src/main/res/values/ids.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <item name="ugckit_mixrecord_playerviews" type="id" />
+</resources>
\ No newline at end of file
diff --git a/ugckit/src/main/res/values/strings.xml b/ugckit/src/main/res/values/strings.xml
new file mode 100644
index 0000000..45b3e70
--- /dev/null
+++ b/ugckit/src/main/res/values/strings.xml
@@ -0,0 +1,430 @@
+<resources>
+    <string name="app_name">小视频</string>
+
+    <string name="ugckit_btn_back">返回</string>
+    <string name="ugckit_btn_cancel">取消</string>
+    <string name="ugckit_btn_ok">确定</string>
+    <string name="ugckit_btn_confirm">确认</string>
+
+    <!--loginActivity -->
+    <string name="ugckit_activity_login_login">登录</string>
+    <string name="ugckit_activity_login_register">注册新用户</string>
+    <string name="ugckit_activity_login_username">用户名</string>
+    <string name="ugckit_activity_login_password">密码</string>
+    <!--loginActivity -->
+
+    <!--registerActivity -->
+    <string name="ugckit_activity_register_register">注册</string>
+    <string name="ugckit_activity_register_username">用户名(4~24位字母、数字、下划线)</string>
+    <string name="ugckit_activity_register_password">密码(8~16位个字符)</string>
+    <string name="ugckit_activity_register_password_verify">确认密码</string>
+    <!--registerActivity -->
+
+    <!-- permission check-->
+    <string name="ugckit_float_window_not_allow">悬浮窗权限未开启 请在应用-权限中打开悬浮窗权限</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_app_about">关于</string>
+    <string name="ugckit_btn_login_out">退出登录</string>
+
+    <string name="ugckit_video_edit_segment">设置想要截取的片段</string>
+    <string name="ugckit_music_empty">空空如也</string>
+    <string name="ugckit_music_loading">正在加载本地音乐...</string>
+    <string name="ugckit_follow_shot">合拍</string>
+
+    <!-- TCVideoRecordActivity -->
+    <string name="ugckit_next_step">下一步</string>
+
+    <string name="ugckit_speed_very_slow">极慢</string>
+    <string name="ugckit_speed_slow">慢速</string>
+    <string name="ugckit_speed_normal">标准</string>
+    <string name="ugckit_speed_fast">快速</string>
+    <string name="ugckit_speed_very_fast">极快</string>
+    <string name="ugckit_aspect">屏比</string>
+    <string name="ugckit_beauty">美颜</string>
+    <string name="ugckit_music">音乐</string>
+    <string name="ugckit_motion">动作</string>
+    <string name="ugckit_speed">速度</string>
+    <string name="ugckit_filter">滤镜</string>
+    <string name="ugckit_paster">贴纸</string>
+    <string name="ugckit_subtitle">字幕</string>
+    <string name="ugckit_transition">转场</string>
+
+    <string name="ugckit_cancel_record">取消拍摄</string>
+    <string name="ugckit_confirm_cancel_edit_content">确认放弃当前编辑的内容？</string>
+    <string name="ugckit_confirm_cancel_record_content">确认放弃当前拍摄的内容？</string>
+    <string name="ugckit_wrong_click">点错了</string>
+    <string name="ugckit_give_up">放弃</string>
+
+    <!--ShortVideoDialog.java-->
+    <string name="ugckit_video_record_title">拍摄</string>
+    <string name="ugckit_video_editer_title">编辑</string>
+    <string name="ugckit_picture_editer_title">图片</string>
+
+    <!--TCPictureChooseActivityvity-->
+    <string name="ugckit_picture_choose">选择图片</string>
+    <string name="ugckit_video_long_drag">长按拖拽可调整视频顺序</string>
+
+    <string name="ugckit_select_bgm">选择背景音乐</string>
+    <string name="ugckit_mic_volume">录音音量</string>
+    <string name="ugckit_bgm_volume">背景音乐音量</string>
+    <string name="ugckit_tips">提示</string>
+    <string name="ugckit_delete_bgm_or_not">确定清除已添加的背景音乐？</string>
+    <string name="ugckit_confirm_delete">确定清除</string>
+
+    <string name="ugckit_bgm_start_position">当前从%1$s开始</string>
+
+    <string name="ugckit_no_content">暂无内容哦~</string>
+    <string name="ugckit_none">无</string>
+
+    <string name="ugckit_reverse">倒放</string>
+    <string name="ugckit_slow_motion">慢动作</string>
+    <string name="ugckit_repeate">反复</string>
+    <string name="ugckit_add">新增</string>
+
+    <string name="ugckit_motion_soul_out">灵魂出窍</string>
+    <string name="ugckit_motion_split">视频分裂</string>
+    <string name="ugckit_motion_rock_light">动感光波</string>
+    <string name="ugckit_motion_dark_dream">暗黑幻境</string>
+    <string name="ugckit_motion_win_shadow">百叶窗</string>
+    <string name="ugckit_motion_ghost_shadow">鬼影</string>
+    <string name="ugckit_motion_phantom_shadow">幻影</string>
+    <string name="ugckit_motion_ghost">幽灵</string>
+    <string name="ugckit_motion_lightning">闪电</string>
+    <string name="ugckit_motion_mirror">镜像</string>
+    <string name="ugckit_motion_illusion">幻觉</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_cancel_publish_title">取消上传</string>
+    <string name="ugckit_cancel_publish_msg">视频即将上传完成，真的要取消上传吗？</string>
+
+    <!--TCVideoEffectActivityvity-->
+    <string name="ugckit_revert">撤销</string>
+    <string name="ugckit_complete">完成</string>
+    <string name="ugckit_state_pause">暂停</string>
+    <string name="ugckit_save_success">保存完成</string>
+    <string name="ugckit_download">下载</string>
+    <string name="ugckit_downloaded">已下载</string>
+    <string name="ugckit_use">使用</string>
+    <string name="ugckit_downloading">下载中</string>
+    <string name="ugckit_dynamic_paster">动态贴纸</string>
+    <string name="ugckit_static_paster">静态贴纸</string>
+    <string name="ugckit_bublle_style">气泡样式</string>
+    <string name="ugckit_text_color">文字颜色</string>
+    <string name="ugckit_video_joining">视频拼接中...</string>
+    <string name="ugckit_cancel_joining">取消拼接视频</string>
+    <string name="ugckit_video_cutting">视频裁剪中...</string>
+
+    <!--TCVideoPublishActivity-->
+    <string name="ugckit_publish_success">发布成功</string>
+
+    <!--关于-->
+    <string name="ugckit_about_tip1">小视频是由腾讯视频云团队提供的一款原型级别的 APP，致力于以 DEMO 的形式向您展示腾讯视频云在短视频领域的各项能力。比如如何利用视频云 SDK 进行短视频的分段录制和编辑，如何利用对象存储（COS）服务实现视频上传和发布，如何使用点播（VOD）服务实现视频的分发。</string>
+
+    <string name="ugckit_language_setting_activity_language">语言</string>
+    <string name="ugckit_language_setting_activity_follow_system">跟随系统（重启生效）</string>
+    <string name="ugckit_language_setting_activity_save">保存</string>
+
+    <string name="ugckit_user_info_fragment_setting">设置</string>
+
+    <string name="ugckit_setting_activity_language">语言</string>
+    <string name="ugckit_setting_activity_setting">设置</string>
+
+    <string name="ugckit_fragment_user_info_please_lonin">请先登录</string>
+
+    <string name="ugckit_fragment_bgm_cancel">取消</string>
+
+    <string name="ugckit_dialog_ugc_tip_already_known">知道了</string>
+
+    <string name="ugckit_unit_second">秒</string>
+
+    <string name="ugckit_fragment_confirm_confirm">确定</string>
+    <string name="ugckit_fragment_confirm_cancel">取消</string>
+    <string name="ugckit_fragment_confirm_ok">确定</string>
+    <string name="ugckit_fragment_confirm_input_tip">请输入内容</string>
+
+    <string name="ugckit_activity_register_register_new_user">注册新用户</string>
+
+    <string name="ugckit_video_list_adapter_video_state_normal">已审核</string>
+    <string name="ugckit_video_list_adapter_video_state_in_audit">审核中</string>
+    <string name="ugckit_video_list_adapter_video_state_pornographic">涉黄</string>
+
+    <string name="ugckit_tc_ugc_video_list_adapter_just_now">刚刚</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_mins_ago">分钟前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_hours_ago">小时前</string>
+    <string name="ugckit_tc_ugc_video_list_adapter_days_ago">天前</string>
+
+    <string name="ugckit_video_list_adapter_min_ago">分钟前</string>
+    <string name="ugckit_video_list_adapter_hour_ago">小时前</string>
+    <string name="ugckit_video_list_adapter_day_ago">天前</string>
+
+    <string name="ugckit_fragment_videolist_no_content">暂无内容噢~</string>
+
+    <string name="ugckit_tc_picture_join_activity_toast_picture_is_abnormal_and_finish_editing">图片异常，结束编辑</string>
+    <string name="ugckit_tc_picture_join_activity_toast_cancel_video_generation">取消视频生成</string>
+
+    <string name="ugckit_picture_join_left_right">左右</string>
+    <string name="ugckit_picture_join_up_down">上下</string>
+    <string name="ugckit_picture_join_zoom_in">放大</string>
+    <string name="ugckit_picture_join_zoom_out">缩小</string>
+    <string name="ugckit_picture_join_rotate">旋转</string>
+    <string name="ugckit_picture_join_fade_in_and_fade_out">淡入淡出</string>
+
+    <string name="ugckit_fragment_input_word_input_tip">请输入内容</string>
+    <string name="ugckit_fragment_input_word_cancel">取消</string>
+    <string name="ugckit_fragment_input_word_ok">确定</string>
+
+    <string name="ugckit_layout_joiner_progress_video_is_generating">视频生成中...</string>
+
+    <string name="ugckit_audio_ctrl_accompaniment">伴奏</string>
+    <string name="ugckit_audio_ctrl_finish">结束</string>
+    <string name="ugckit_audio_ctrl_voice">人声</string>
+    <string name="ugckit_audio_ctrl_vol">音量调节</string>
+
+    <string name="ugckit_login_activity_login_successfully">登录成功</string>
+    <string name="ugckit_login_activity_auto_login_failed">自动登录失败</string>
+    <string name="ugckit_login_activity_no_network_connection">当前无网络连接</string>
+    <string name="ugckit_login_activity_password_length_tip">密码长度应为8-16位</string>
+    <string name="ugckit_login_activity_username_does_not_meet_specifications">用户名不规范</string>
+
+    <string name="ugckit_register_activity_attempt_normal_regist_username_does_not_meet_specifications">用户名不规范</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_length_error">密码长度应为8-16位</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_password_verify_error">两次输入密码不一致</string>
+    <string name="ugckit_register_activity_attempt_normal_regist_no_network_connection">当前无网络连接</string>
+
+    <string name="ugckit_register_activity_register_callback_register_successfully">注册成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_successfully">自动登录成功</string>
+    <string name="ugckit_register_activity_register_callback_auto_login_failed">自动登录失败</string>
+    <string name="ugckit_register_activity_register_callback_username_format_error">用户名格式错误</string>
+    <string name="ugckit_register_activity_register_callback_password_format_error">密码格式错误</string>
+    <string name="ugckit_register_activity_register_callback_username_already_exists">用户名已存在</string>
+    <string name="ugckit_register_activity_register_callback_register_failed">注册失败:</string>
+
+    <string name="ugckit_video_record_activity_start_record_start_record_ok">开始录制成功</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_is_in_recording">存在未完成的任务</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_video_path_is_empty">视频文件路径为空</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_api_is_lower_than_18">版本小于18</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_not_init">还未初始化结束</string>
+    <string name="ugckit_video_record_activity_start_record_start_record_err_licence_verification_failed">licence校验失败</string>
+    <string name="ugckit_video_record_activity_start_record_record_failed_tip">录制失败，错误码：</string>
+
+    <string name="ugckit_video_record_activity_on_record_event_evt_camera_cannot_use">摄像头打开失败，请检查权限</string>
+    <string name="ugckit_video_record_activity_on_record_event_evt_mic_cannot_use">麦克风打开失败，请检查权限</string>
+
+    <string name="ugckit_video_record_activity_on_record_complete_fail_tip">录制失败，原因：</string>
+    <string name="ugckit_video_record_activity_on_record_complete_synthesizing">正在合成...</string>
+
+    <string name="ugckit_video_record_activity_on_join_progress_synthesizing">正在合成</string>
+
+    <string name="ugckit_video_record_activity_on_join_complete_synthesis_failed">合成失败</string>
+
+
+    <string name="ugckit_video_record_activity_on_request_permissions_result_failed_to_get_permission">获取权限失败</string>
+
+    <string name="ugckit_dialog_title_confirm">确认</string>
+    <string name="ugckit_dialog_title_error">错误</string>
+
+    <string name="ugckit_constants_error_msg_net_disconnecte">网络异常，请检查网络</string>
+
+    <string name="ugckit_http_engine_get_error_message_connect_server_failed">连接服务器失败</string>
+    <string name="ugckit_http_engine_get_error_message_no_network_connection">无网络连接</string>
+    <string name="ugckit_http_engine_get_error_message_network_anomaly">网络异常,请稍后再试</string>
+
+
+    <string name="ugckit_http_engine_handle_server_error_connect_server_fail">连接服务器失败</string>
+    <string name="ugckit_http_engine_handle_server_error_network_anomaly">网络异常,请稍后再试</string>
+
+    <string name="ugckit_utils_check_float_window_permission_yes">开启</string>
+    <string name="ugckit_utils_check_float_window_permission_no">不，谢谢</string>
+
+    <string name="ugckit_static_filter_fragment_original">原图</string>
+    <string name="ugckit_static_filter_fragment_standard">标准</string>
+    <string name="ugckit_static_filter_fragment_cheery">樱红</string>
+    <string name="ugckit_static_filter_fragment_cloud">云裳</string>
+    <string name="ugckit_static_filter_fragment_pure">纯真</string>
+    <string name="ugckit_static_filter_fragment_orchid">白兰</string>
+    <string name="ugckit_static_filter_fragment_vitality">元气</string>
+    <string name="ugckit_static_filter_fragment_super">超脱</string>
+    <string name="ugckit_static_filter_fragment_fragrance">香氛</string>
+    <string name="ugckit_static_filter_fragment_romantic">浪漫</string>
+    <string name="ugckit_static_filter_fragment_fresh">清新</string>
+    <string name="ugckit_static_filter_fragment_beautiful">唯美</string>
+    <string name="ugckit_static_filter_fragment_pink">粉嫩</string>
+    <string name="ugckit_static_filter_fragment_reminiscence">怀旧</string>
+    <string name="ugckit_static_filter_fragment_blues">蓝调</string>
+    <string name="ugckit_static_filter_fragment_cool">清凉</string>
+    <string name="ugckit_static_filter_fragment_Japanese">日系</string>
+
+    <string name="ugckit_video_cutter_activity_oncreate_an_unknown_error_occurred_the_path_cannot_be_empty">发生未知错误,路径不能为空</string>
+
+    <string name="ugckit_video_cutter_activity_init_work_loading_progress_video_preprocessing">视频预处理中...</string>
+
+    <string name="ugckit_video_cutter_activity_load_video_success_already_picked">已选取</string>
+
+    <string name="ugckit_video_cutter_activity_video_main_handler_edit_failed">编辑失败</string>
+    <string name="ugckit_does_not_support_android_version_below_4_3">暂不支持Android 4.3以下的系统或者空视频文件</string>
+
+    <string name="ugckit_live_list_fragment_refresh_list_failed">刷新列表失败</string>
+
+
+    <string name="ugckit_video_editer_activity_oncreate_status_is_abnormal_finish_editing">状态异常，结束编辑</string>
+
+    <string name="ugckit_video_editer_activity_show_publish_dialog_save">保存</string>
+    <string name="ugckit_video_editer_activity_show_publish_dialog_publish">发布</string>
+
+    <string name="ugckit_video_editer_activity_cancel_video_generation">取消视频生成</string>
+
+    <string name="ugckit_video_material_download_progress_material_unzip_failed">素材解压失败</string>
+    <string name="ugckit_video_material_download_progress_download_failed">下载失败</string>
+    <string name="ugckit_video_material_download_progress_no_enough_storage_space">存储空间不足</string>
+
+    <string name="ugckit_user_mgr_user_does_not_exist">用户名不存在</string>
+    <string name="ugckit_user_mgr_wrong_password">密码错误</string>
+
+    <string name="ugckit_vod_player_activity_download_video_is_downloading">正在下载...</string>
+    <string name="ugckit_vod_player_activity_download_video_download_failed">下载失败</string>
+
+    <string name="ugckit_picture_choose_activity_the_selected_file_does_not_exist">选择的文件不存在</string>
+    <string name="ugckit_picture_choose_activity_please_select_multiple_images">请选择多个图片</string>
+    <string name="ugckit_picture_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_choose_activity_contains_corrupted_video_files">包含已经损坏的视频文件</string>
+    <string name="ugckit_video_choose_activity_the_selected_file_does_not_exist">选择的文件不存在</string>
+    <string name="ugckit_video_choose_activity_got_it">知道了</string>
+
+    <string name="ugckit_video_effect_activity_status_is_abnormal_finish_editing">状态异常，结束编辑</string>
+
+    <string name="ugckit_video_preprocess_activity_an_unknown_error_occurred_the_path_cannot_be_empty">发生未知错误,路径不能为空</string>
+    <string name="ugckit_video_preprocess_activity_video_preprocessing">视频预处理中...</string>
+    <string name="ugckit_video_preprocess_activity_cancel_preprocessing">取消预处理</string>
+    <string name="ugckit_video_preprocess_activity_edit_failed">编辑失败</string>
+    <string name="ugckit_video_preprocess_activity_does_not_support_android_version_below_4.3">暂不支持Android 4.3以下的系统</string>
+
+    <string name="ugckit_bgm_setting_fragment_video_edit_failed">视频编辑失败</string>
+    <string name="ugckit_bgm_setting_fragment_background_sound_only_supports_mp3_or_m4a_format">背景音仅支持MP3或M4A格式</string>
+
+    <string name="ugckit_bgm_download_progress_download_failed">下载失败</string>
+    <string name="ugckit_bgm_download_progress_no_enough_storage_space">存储空间不足</string>
+
+    <string name="ugckit_bubble_fragment_double_click_to_edit_text">双击修改文字</string>
+
+    <string name="ugckit_word_input_dialog_please_enter_subtitles">请输入字幕</string>
+
+    <string name="ugckit_cutter_fragment_left">左侧：</string>
+    <string name="ugckit_cutter_fragment_right">右侧：</string>
+
+    <string name="ugckit_add_paster_adapter_paster">贴纸</string>
+
+    <string name="ugckit_time_fragment_video_preprocessing">视频预处理中...</string>
+
+    <string name="ugckit_touch_seekbar_low">低</string>
+    <string name="ugckit_touch_seekbar_mid">中</string>
+    <string name="ugckit_touch_seekbar_high">高</string>
+
+    <string name="ugckit_video_repeat_view_tip2">重复时间点 左侧 : %1$s， 右侧 : %1$s</string>
+    <string name="ugckit_video_repeat_view_tip1">裁剪区间 左侧 : %1$s， 右侧 : %1$s</string>
+
+    <string name="ugckit_video_publisher_activity_no_network_connection">无网络连接</string>
+    <string name="ugckit_video_publisher_activity_is_uploading">正在上传</string>
+    <string name="ugckit_video_publisher_activity_network_connection_is_disconnected_video_upload_failed">网络连接断开，视频上传失败</string>
+
+    <string name="ugckit_video_choose">选择视频</string>
+
+    <string name="ugckit_activity_video_record_take_photo">拍照</string>
+    <string name="ugckit_activity_video_record_click_start">单击拍</string>
+    <string name="ugckit_activity_video_record_long_touch">长按拍</string>
+
+    <string name="ugckit_activity_video_record_timer">倒计时</string>
+    <string name="ugckit_activity_video_record_sound_effect">音效</string>
+
+    <string name="ugckit_activity_video_record_take_photo_success">拍照成功，已存到系统相册</string>
+    <string name="ugckit_activity_video_record_take_photo_fail">拍照失败</string>
+
+    <string name="ugckit_sound_effect_pannel_change_voice">变声</string>
+    <string name="ugckit_sound_effect_pannel_record_reverb">混响</string>
+
+    <string name="ugckit_layout_sound_effect_ktv">KTV</string>
+    <string name="ugckit_layout_sound_effect_original_sound">原声</string>
+    <string name="ugckit_layout_sound_effect_room">房间</string>
+    <string name="ugckit_layout_sound_effect_hall">会堂</string>
+    <string name="ugckit_layout_sound_effect_deep">低沉</string>
+    <string name="ugckit_layout_sound_effect_loud">洪亮</string>
+    <string name="ugckit_layout_sound_effect_magnetic">磁性</string>
+
+    <string name="ugckit_layout_sound_effect_original_sound2">原声</string>
+    <string name="ugckit_layout_sound_effect_wild_kid">熊孩子</string>
+    <string name="ugckit_layout_sound_effect_lolita">萝莉</string>
+    <string name="ugckit_layout_sound_effect_uncle">大叔</string>
+    <string name="ugckit_layout_sound_effect_heavy_metal">重金属</string>
+    <string name="ugckit_layout_sound_effect_foreigner">外国人</string>
+    <string name="ugckit_layout_sound_effect_beast">困兽</string>
+    <string name="ugckit_layout_sound_effect_fat_boy">死肥仔</string>
+    <string name="ugckit_layout_sound_effect_heavy_current">强电流</string>
+    <string name="ugckit_layout_sound_effect_heavy_machine">重机械</string>
+    <string name="ugckit_layout_sound_effect_vacant">空灵</string>
+
+    <string name="ugckit_bgm_select_activity_downloading">下载中...</string>
+    <string name="ugckit_bgm_select_activity_download_failed">下载失败</string>
+
+    <string name="ugckit_chorus_title">合唱</string>
+    <string name="ugckit_triple_title">三屏合拍</string>
+    <string name="ugckit_video_not_review">视频未审核</string>
+    <string name="ugckit_video_porn">视频涉黄</string>
+
+    <string name="ugckit_record_part_exist">你有未录制完成的视频，是否继续？</string>
+
+    <!--registerActivity  loginActivity-->
+    <string name="ugckit_technical_support">如何获取技术支持服务？</string>
+    <string name="ugckit_follow_public_number">关注公众号“腾讯云视频”</string>
+    <string name="ugckit_send_msg_to_public_number">给公众号发送“小视频”</string>
+
+    <!-- userinfo fragment-->
+    <string name="ugckit_get_technical_support">获取技术支持服务</string>
+    <string name="ugckit_download_sdk"><a href='https://cloud.tencent.com/document/product/584/9366'>下载 SDK</a></string>
+    <string name="ugckit_product_introduction"><a href='https://cloud.tencent.com/product/UGSV'>产品介绍</a></string>
+
+    <string name="ugckit_follow_and_send_msg_to_public_number">关注公众号“腾讯云视频”\n给公众号发送“小视频”</string>
+    <string name="ugckit_triple_volume">音量</string>
+    <string name="ugckit_triple_replace_file">选视频</string>
+
+    <string name="ugckit_start_record_not_init">别着急，画面还没出来</string>
+    <string name="ugckit_start_record_not_finish">还有录制的任务没有结束</string>
+    <string name="ugckit_start_record_path_empty">传入的视频路径为空</string>
+    <string name="ugckit_start_record_version_below">版本太低</string>
+
+    <!-- transition fragment -->
+    <string name="trans_none">无</string>
+    <string name="trans_wipeLeft">左划</string>
+    <string name="trans_wipeRight">右划</string>
+    <string name="trans_wipeUp">上划</string>
+    <string name="trans_wipeDown">下划</string>
+    <string name="trans_fadecolor">颜色渐变</string>
+    <string name="trans_SimpleZoom">放大</string>
+    <string name="trans_LinearBlur">线性模糊</string>
+    <string name="trans_WaterDrop">水滴</string>
+    <string name="trans_InvertedPageCurl">翻页</string>
+    <string name="trans_GlitchMemories">震动</string>
+    <string name="trans_StereoViewer">分裂</string>
+    <string name="trans_directionalwarp">卷曲</string>
+    <string name="trans_Bounce">跳跃</string>
+    <string name="trans_CircleCrop">圆形变换</string>
+    <string name="trans_Swirl">漩涡</string>
+    <string name="trans_CrossZoom">推进</string>
+    <string name="trans_GridFlip">方格翻转</string>
+    <string name="trans_Mosaic">马赛克</string>
+    <string name="trans_kaleidoscope">万花筒</string>
+    <string name="trans_hexagonalize">蜂巢马赛克</string>
+    <string name="trans_GlitchDisplace">幻影</string>
+    <string name="trans_DreamyZoom">闪白</string>
+    <string name="trans_burn">燃烧</string>
+    <string name="trans_circle">椭圆变换</string>
+    <string name="trans_crosswarp">交叉卷曲</string>
+    <string name="trans_cube">立方体</string>
+    <string name="trans_doorway">开门</string>
+    <string name="trans_fadegrayscale">灰度</string>
+    <string name="trans_flyeye">砖块</string>
+    <string name="trans_pixelize">像素化</string>
+    <string name="trans_squeeze">挤压</string>
+    <string name="trans_swap">立体</string>
+    <string name="trans_invalid_timestamp">转场时间点无效，请重新设置</string>
+</resources>
diff --git a/ugckit/src/main/res/values/styles.xml b/ugckit/src/main/res/values/styles.xml
new file mode 100644
index 0000000..8333ed7
--- /dev/null
+++ b/ugckit/src/main/res/values/styles.xml
@@ -0,0 +1,90 @@
+<resources>
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="colorPrimary">@color/ugckit_color_primary</item>
+        <item name="colorPrimaryDark">@color/ugckit_black</item>
+        <item name="colorAccent">@color/ugckit_color_accent</item>
+        <item name="android:windowBackground">@color/ugckit_color_activity_background</item>
+        <item name="android:listDivider">@drawable/ugckit_shape_list_divider</item>
+    </style>
+
+    <!-- Login and register Activity theme. -->
+    <style name="UGCKitBaseWhiteTransparentTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="colorPrimary">@color/ugckit_color_primary</item>
+        <item name="colorPrimaryDark">@color/ugckit_black</item>
+        <item name="colorAccent">@color/ugckit_color_primary</item>
+        <item name="colorControlNormal">@color/ugckit_color_transparent_gray</item>
+        <item name="android:textColorHint">@color/ugckit_color_transparent_gray</item>
+        <item name="colorControlActivated">@color/ugckit_color_primary</item>
+        <item name="colorControlHighlight">@color/ugckit_color_primary</item>
+        <item name="android:windowBackground">@color/ugckit_color_dark_transparent_gray</item>
+    </style>
+
+    <style name="UGCKitRecordActivityTheme" parent="AppTheme">
+        <item name="android:windowBackground">@color/ugckit_transparent</item>
+        <item name="android:windowIsTranslucent">true</item>
+        <item name="android:background">@color/ugckit_transparent</item>
+    </style>
+
+    <style name="UGCKitNormalDialog" parent="Theme.AppCompat.Light.Dialog.Alert">
+        <item name="android:windowFrame">@null</item>
+        <item name="android:windowIsFloating">true</item>
+        <item name="android:windowIsTranslucent">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowNoTitle">true</item>
+    </style>
+
+    <style name="UGCKitConfirmDialogStyle" parent="UGCKitNormalDialog"></style>
+
+    <style name="UGCKitDialogFragmentStyle">
+        <item name="android:layout_width">match_parent</item>
+        <item name="android:layout_height">match_parent</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+    </style>
+
+    <style name="UGCKitNumberProgressBarStyle">
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:layout_width">match_parent</item>
+
+        <item name="progress_max">100</item>
+        <item name="progress_current">0</item>
+
+        <item name="progress_unreached_color">#fff</item>
+        <item name="progress_reached_color">@color/ugckit_color_red2</item>
+
+        <item name="progress_text_size">10sp</item>
+        <item name="progress_text_color">@color/ugckit_color_red2</item>
+
+        <item name="progress_reached_bar_height">1.5dp</item>
+        <item name="progress_unreached_bar_height">0.75dp</item>
+    </style>
+
+    <style name="UGCKitCustomEditText" parent="Theme.AppCompat.Light">
+        <item name="colorControlNormal">@color/ugckit_color_gray4</item>
+        <item name="colorControlActivated">@color/ugckit_color_accent</item>
+    </style>
+
+    <style name="UGCKitActionSheetDialogStyle" parent="android:Theme.Dialog">
+        <!-- 背景透明 -->
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <!-- 浮于Activity之上 -->
+        <item name="android:windowIsFloating">true</item>
+        <!-- 边框 -->
+        <item name="android:windowFrame">@null</item>
+        <!-- Dialog以外的区域模糊效果 -->
+        <item name="android:backgroundDimEnabled">true</item>
+        <!-- 无标题 -->
+        <item name="android:windowNoTitle">true</item>
+        <!-- 半透明 -->
+        <item name="android:windowIsTranslucent">true</item>
+    </style>
+
+    <style name="SuperPlayerAppProgressBarStyle">
+        <item name="android:indeterminateOnly">false</item>
+        <item name="android:progressDrawable">@drawable/ugckit_seekbar_progress_drawable</item>
+    </style>
+
+</resources>
diff --git a/ugckit/src/main/res/values/theme_attr.xml b/ugckit/src/main/res/values/theme_attr.xml
new file mode 100644
index 0000000..8012c28
--- /dev/null
+++ b/ugckit/src/main/res/values/theme_attr.xml
@@ -0,0 +1,194 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <declare-styleable name="UGCKitBasicStyle">
+        <attr name="titleColor" format="reference" />
+        <attr name="titleTextSize" format="dimension" />
+        <attr name="backIcon" format="reference" />
+        <attr name="nextIcon" format="reference" />
+        <attr name="progressColor" format="reference" />
+        <attr name="sliderColor" format="reference" />
+        <attr name="ugckitColorPrimary" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitPickerStyle">
+        <attr name="pickerDelIcon" format="reference" />
+        <attr name="pickerNextIcon" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitRecordStyle">
+        <!-- 音乐icon -->
+        <attr name="recordMusicIcon" format="reference" />
+        <!-- 屏比icon-->
+        <attr name="recordAspect11Icon" format="reference" />
+        <attr name="recordAspect34Icon" format="reference" />
+        <attr name="recordAspect43Icon" format="reference" />
+        <attr name="recordAspect169Icon" format="reference" />
+        <attr name="recordAspect916Icon" format="reference" />
+
+        <!-- 美颜icon-->
+        <attr name="recordBeautyIcon" format="reference" />
+        <!-- 音效icon-->
+        <attr name="recordAudioEffectIcon" format="reference" />
+        <!-- 回删icon-->
+        <attr name="recordDeleteIcon" format="reference" />
+        <!-- 闪光灯icon-->
+        <attr name="recordTorchOnIcon" format="reference" />
+        <attr name="recordTorchOffIcon" format="reference" />
+        <attr name="recordTorchDisableIcon" format="reference" />
+        <!-- 速度 -->
+        <attr name="recordSpeedSlowestBackgroud" format="reference" />
+        <attr name="recordSpeedSlowBackground" format="reference" />
+        <attr name="recordSpeedNormalBackground" format="reference" />
+        <attr name="recordSpeedFastBackground" format="reference" />
+        <attr name="recordSpeedFastestBackground" format="reference" />
+        <!-- 切换摄像头icon-->
+        <attr name="recordSwitchCameraIcon" format="reference" />
+        <!-- 录制Button-->
+        <attr name="recordButtonPhotoModeOutterBackground" format="reference" />
+        <attr name="recordButtonPhotoModeInnerBackground" format="reference" />
+        <attr name="recordButtonTapModeOutterBackground" format="reference" />
+        <attr name="recordButtonTapModeInnerBackground" format="reference" />
+        <attr name="recordButtonPressModeOutterBackground" format="reference" />
+        <attr name="recordButtonPressModeInnerBackground" format="reference" />
+        <!-- 多段录制进度条-->
+        <attr name="recordTimelineColor" format="reference" />
+        <attr name="recordTimelineSelectionColor" format="reference" />
+        <attr name="recordTimelineSeperatorColor" format="reference" />
+
+        <!-- 美颜面板 -->
+        <attr name="beautyPanelColorPrimary" format="reference" />
+        <attr name="beautyPanelSmoothIcon" format="reference" />
+        <attr name="beautyPanelNaturalIcon" format="reference" />
+        <attr name="beautyPanelPituIcon" format="reference" />
+        <attr name="beautyPanelWhiteIcon" format="reference" />
+        <attr name="beautyPanelRuddyIcon" format="reference" />
+        <attr name="beautyPanelBigeyeIcon" format="reference" />
+        <attr name="beautyPanelFaceslimIcon" format="reference" />
+        <attr name="beautyPanelFacevIcon" format="reference" />
+        <attr name="beautyPanelChinIcon" format="reference" />
+        <attr name="beautyPanelFaceshortIcon" format="reference" />
+        <attr name="beautyPanelNoseslimIcon" format="reference" />
+        <attr name="beautyPanelEyeLightenIcon" format="reference" />
+        <attr name="beautyPanelToothWhiteIcon" format="reference" />
+        <attr name="beautyPanelPounchRemoveIcon" format="reference" />
+        <attr name="beautyPanelSmileLinesRemoveIcon" format="reference" />
+        <attr name="beautyPanelWrinkleIcon" format="reference" />
+        <attr name="beautyPanelForeheadIcon" format="reference" />
+        <attr name="beautyPanelEyeDistanceIcon" format="reference" />
+        <attr name="beautyPanelEyeAngleIcon" format="reference" />
+        <attr name="beautyPanelMouthShapeIcon" format="reference" />
+        <attr name="beautyPanelNoseWingIcon" format="reference" />
+        <attr name="beautyPanelNosePositionIcon" format="reference" />
+        <attr name="beautyPanelMouseWidthIcon" format="reference" />
+        <attr name="beautyPanelFaceShapeIcon" format="reference" />
+
+        <!-- 音效面板 -->
+        <attr name="audioEffectDisabled" format="reference" />
+        <attr name="audioEffectVoicechangeBadboy" format="reference" />
+        <attr name="audioEffectVoicechangeLoli" format="reference" />
+        <attr name="audioEffectVoicechangeUncle" format="reference" />
+        <attr name="audioEffectVoicechangeHeavymechanical" format="reference" />
+        <attr name="audioEffectVoicechangeForeigner" format="reference" />
+        <attr name="audioEffectVoicechangeBeast" format="reference" />
+        <attr name="audioEffectVoicechangeFatty" format="reference" />
+        <attr name="audioEffectVoicechangeElectric" format="reference" />
+        <attr name="audioEffectVoicechangeEthereal" format="reference" />
+        <attr name="audioEffectReverbKTV" format="reference" />
+        <attr name="audioEffectReverbRoom" format="reference" />
+        <attr name="audioEffectReverbHall" format="reference" />
+        <attr name="audioEffectReverbLow" format="reference" />
+        <attr name="audioEffectReverbSonorous" format="reference" />
+        <attr name="audioEffectReverbMagnetic" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitEditerStyle">
+        <!-- 裁剪条-->
+        <attr name="editerCutViewColor" format="color" />
+        <attr name="editerCutSliderLeftIcon" format="reference" />
+        <attr name="editerCutSliderRightIcon" format="reference" />
+        <attr name="editerRotateIcon" format="reference" />
+        <!-- 播放/暂停icon -->
+        <attr name="editerPlayIcon" format="reference" />
+        <attr name="editerPauseIcon" format="reference" />
+        <!-- 进度条-->
+        <attr name="editerCurrentProgressIcon" format="reference" />
+        <!-- 编辑菜单-->
+        <attr name="editerMenuBgmIcon" format="reference" />
+        <attr name="editerMenuMotionIcon" format="reference" />
+        <attr name="editerMenuSpeedIcon" format="reference" />
+        <attr name="editerMenuFilterIcon" format="reference" />
+        <attr name="editerMenuPasterIcon" format="reference" />
+        <attr name="editerMenuSubtitleIcon" format="reference" />
+        <attr name="editerMenuTransitionIcon" format="reference" />
+        <!--动态特效-->
+        <attr name="editerMotionUndoIcon" format="reference" />
+        <attr name="editerMotionSoulOutIcon" format="reference" />
+        <attr name="editerMotionSoulOutCoverColor" format="color" />
+        <attr name="editerMotionSplitScreenIcon" format="reference" />
+        <attr name="editerMotionSplitScreenCoverColor" format="color" />
+        <attr name="editerMotionDarkDreamIcon" format="reference" />
+        <attr name="editerMotionDarkDreamCoverColor" format="color" />
+        <attr name="editerMotionGhostIcon" format="reference" />
+        <attr name="editerMotionGhostCoverColor" format="color" />
+        <attr name="editerMotionGhostShadowIcon" format="reference" />
+        <attr name="editerMotionGhostShadowCoverColor" format="color" />
+        <attr name="editerMotionIllusionIcon" format="reference" />
+        <attr name="editerMotionIllusionCoverColor" format="color" />
+        <attr name="editerMotionLightningIcon" format="reference" />
+        <attr name="editerMotionLightningCoverColor" format="color" />
+        <attr name="editerMotionMirrorIcon" format="reference" />
+        <attr name="editerMotionMirrorCoverColor" format="color" />
+        <attr name="editerMotionPhantomShadowIcon" format="reference" />
+        <attr name="editerMotionPhantomShadowCoverColor" format="color" />
+        <attr name="editerMotionRockLightIcon" format="reference" />
+        <attr name="editerMotionRockLightCoverColor" format="color" />
+        <attr name="editerMotionWinShadowIcon" format="reference" />
+        <attr name="editerMotionWinShadowCoverColor" format="color" />
+
+        <!--速度特效-->
+        <attr name="editerTimeEffectNormalIcon" format="reference" />
+        <attr name="editerTimeEffectSlowMotionIcon" format="reference" />
+        <attr name="editerTimeEffectRepeatIcon" format="reference" />
+        <attr name="editerTimeEffectReverseIcon" format="reference" />
+
+        <!--静态滤镜-->
+        <attr name="editerFilterOriginIcon" format="reference" />
+        <attr name="editerFilterNormalIcon" format="reference" />
+        <attr name="editerFilterYinghongIcon" format="reference" />
+        <attr name="editerFilterYunchangIcon" format="reference" />
+        <attr name="editerFilterChunzhenIcon" format="reference" />
+        <attr name="editerFilterBailanIcon" format="reference" />
+        <attr name="editerFilterYuanqiIcon" format="reference" />
+        <attr name="editerFilterChaotuoIcon" format="reference" />
+        <attr name="editerFilterXiangfenIcon" format="reference" />
+        <attr name="editerFilterLangmanIcon" format="reference" />
+        <attr name="editerFilterQingxinIcon" format="reference" />
+        <attr name="editerFilterWeimeiIcon" format="reference" />
+        <attr name="editerFilterFennenIcon" format="reference" />
+        <attr name="editerFilterHuaijiuIcon" format="reference" />
+        <attr name="editerFilterLandiaoIcon" format="reference" />
+        <attr name="editerFilterQingliangIcon" format="reference" />
+        <attr name="editerFilterRixiIcon" format="reference" />
+
+        <!-- 贴纸 -->
+        <attr name="editerPasterDelIcon" format="reference" />
+        <!-- 气泡字幕 -->
+        <attr name="editerSubtitleDelIcon" format="reference" />
+
+        <attr name="editerConfirmIcon" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitFollowRecordStyle">
+        <attr name="countDownIcon" format="reference" />
+    </declare-styleable>
+
+    <declare-styleable name="UGCKitPictureTransitionStyle">
+        <attr name="transitionLeftRightIcon" format="reference" />
+        <attr name="transitionUpDownIcon" format="reference" />
+        <attr name="transitionEnlargeIcon" format="reference" />
+        <attr name="transitionNarrowIcon" format="reference" />
+        <attr name="transitionRotateIcon" format="reference" />
+        <attr name="transitionFadeInOutIcon" format="reference" />
+    </declare-styleable>
+</resources>
diff --git a/ugckit/src/main/res/values/theme_style.xml b/ugckit/src/main/res/values/theme_style.xml
new file mode 100644
index 0000000..1bca71e
--- /dev/null
+++ b/ugckit/src/main/res/values/theme_style.xml
@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="UGCKitBasicStyle" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <item name="titleColor">@color/color_text_white</item>
+        <item name="titleTextSize">@dimen/ugckit_title</item>
+        <item name="backIcon">@drawable/ugckit_btn_back_no_shaddow</item>
+        <item name="nextIcon">@drawable/ugckit_drawable_ugc_red_next</item>
+        <item name="progressColor">@color/ugckit_color_red2</item>
+        <item name="sliderColor">@color/ugckit_color_red2</item>
+        <item name="ugckitColorPrimary">@color/ugckit_color_red2</item>
+    </style>
+
+    <!-- 视频选择器主题UI配置-->
+    <style name="UGCKitPickerStyle" parent="UGCKitBasicStyle">
+        <item name="pickerDelIcon">@drawable/ugckit_ic_picker_close</item>
+        <item name="pickerNextIcon">@drawable/ugckit_ic_choose_next_selector</item>
+    </style>
+
+    <!-- 短视频录制主题UI配置-->
+    <style name="UGCKitRecordStyle" parent="UGCKitBasicStyle">
+        <!-- 音乐icon -->
+        <item name="recordMusicIcon">@drawable/ugckit_record_music</item>
+        <!-- 屏比icon-->
+        <item name="recordAspect11Icon">@drawable/ugckit_ic_aspect_11</item>
+        <item name="recordAspect34Icon">@drawable/ugckit_ic_aspect_34</item>
+        <item name="recordAspect43Icon">@drawable/ugckit_ic_aspect_43</item>
+        <item name="recordAspect169Icon">@drawable/ugckit_ic_aspect_169</item>
+        <item name="recordAspect916Icon">@drawable/ugckit_ic_aspect_916</item>
+        <!-- 美颜icon-->
+        <item name="recordBeautyIcon">@drawable/ugckit_record_beauty_selector</item>
+        <!-- 音效icon-->
+        <item name="recordAudioEffectIcon">@drawable/ugckit_record_soundeffect</item>
+        <!-- 回删icon-->
+        <item name="recordDeleteIcon">@drawable/ugckit_selector_delete_last_part</item>
+        <!-- 闪光灯icon-->
+        <item name="recordTorchOnIcon">@drawable/ugckit_selector_torch_open</item>
+        <item name="recordTorchOffIcon">@drawable/ugckit_selector_torch_close</item>
+        <!-- 切换摄像头icon-->
+        <item name="recordSwitchCameraIcon">@drawable/ugckit_selector_switch_camera</item>
+        <!-- 速度 -->
+        <item name="recordSpeedSlowestBackgroud">@drawable/ugckit_record_left_bg</item>
+        <item name="recordSpeedSlowBackground">@drawable/ugckit_record_mid_bg</item>
+        <item name="recordSpeedNormalBackground">@drawable/ugckit_record_mid_bg</item>
+        <item name="recordSpeedFastBackground">@drawable/ugckit_record_mid_bg</item>
+        <item name="recordSpeedFastestBackground">@drawable/ugckit_record_right_bg</item>
+        <!-- 录制Button-->
+        <item name="recordButtonPhotoModeOutterBackground">
+            @color/ugckit_record_button_take_photo_background_color
+        </item>
+        <item name="recordButtonPhotoModeInnerBackground">@color/color_text_white</item>
+        <item name="recordButtonTapModeOutterBackground">
+            @color/ugckit_record_button_click_shot_background_color
+        </item>
+        <item name="recordButtonTapModeInnerBackground">
+            @color/ugckit_record_button_click_shotInner_color
+        </item>
+        <item name="recordButtonPressModeOutterBackground">
+            @color/ugckit_record_button_touch_shot_background_color
+        </item>
+        <item name="recordButtonPressModeInnerBackground">
+            @color/ugckit_record_button_touch_shot_inner_color
+        </item>
+        <!-- 多段录制进度条-->
+        <item name="recordTimelineColor">@color/ugckit_record_progress</item>
+        <item name="recordTimelineSelectionColor">@color/ugckit_record_progress_pending</item>
+        <item name="recordTimelineSeperatorColor">@color/ugckit_white</item>
+        <!-- 美颜面板 -->
+        <item name="beautyPanelColorPrimary">@color/color_red</item>
+        <item name="beautyPanelSmoothIcon">@drawable/ugckit_ic_beauty_smooth</item>
+        <item name="beautyPanelNaturalIcon">@drawable/ugckit_ic_beauty_natural</item>
+        <item name="beautyPanelPituIcon">@drawable/ugckit_ic_beauty_pitu</item>
+        <item name="beautyPanelWhiteIcon">@drawable/ugckit_ic_beauty_white</item>
+        <item name="beautyPanelRuddyIcon">@drawable/ugckit_ic_beauty_ruddy</item>
+        <item name="beautyPanelBigeyeIcon">@drawable/ugckit_ic_beauty_bigeye</item>
+        <item name="beautyPanelFaceslimIcon">@drawable/ugckit_ic_beauty_faceslim</item>
+        <item name="beautyPanelFacevIcon">@drawable/ugckit_ic_beauty_facev</item>
+        <item name="beautyPanelChinIcon">@drawable/ugckit_ic_beauty_chin</item>
+        <item name="beautyPanelFaceshortIcon">@drawable/ugckit_ic_beauty_faceshort</item>
+        <item name="beautyPanelNoseslimIcon">@drawable/ugckit_ic_beauty_noseslim</item>
+        <item name="beautyPanelEyeLightenIcon">@drawable/ugckit_ic_eye_bright</item>
+        <item name="beautyPanelToothWhiteIcon">@drawable/ugckit_ic_tooth_white</item>
+        <item name="beautyPanelPounchRemoveIcon">@drawable/ugckit_ic_pounch_remove</item>
+        <item name="beautyPanelSmileLinesRemoveIcon">@drawable/ugckit_ic_smilelines</item>
+        <item name="beautyPanelWrinkleIcon">@drawable/ugckit_ic_wrinkles</item>
+        <item name="beautyPanelForeheadIcon">@drawable/ugckit_ic_forehead</item>
+        <item name="beautyPanelEyeDistanceIcon">@drawable/ugckit_ic_eye_distance</item>
+        <item name="beautyPanelEyeAngleIcon">@drawable/ugckit_ic_eye_angle</item>
+        <item name="beautyPanelMouthShapeIcon">@drawable/ugckit_ic_mouseshape</item>
+        <item name="beautyPanelNoseWingIcon">@drawable/ugckit_ic_nose_wing</item>
+        <item name="beautyPanelNosePositionIcon">@drawable/ugckit_ic_nose_position</item>
+        <item name="beautyPanelMouseWidthIcon">@drawable/ugckit_ic_mouse_width</item>
+        <item name="beautyPanelFaceShapeIcon">@drawable/ugckit_ic_faceshape</item>
+
+        <!-- 音效面板 -->
+        <item name="audioEffectDisabled">@drawable/ugckit_ic_effect_non</item>
+        <item name="audioEffectVoicechangeBadboy">@drawable/ugckit_ic_voicechange_badboy</item>
+        <item name="audioEffectVoicechangeLoli">@drawable/ugckit_ic_voicechange_loli</item>
+        <item name="audioEffectVoicechangeUncle">@drawable/ugckit_ic_voicechange_uncle</item>
+        <item name="audioEffectVoicechangeHeavymechanical">
+            @drawable/ugckit_ic_voicechange_heavymechanical
+        </item>
+        <item name="audioEffectVoicechangeForeigner">@drawable/ugckit_ic_voicechange_foreigner
+        </item>
+        <item name="audioEffectVoicechangeBeast">@drawable/ugckit_ic_voicechange_beast</item>
+        <item name="audioEffectVoicechangeFatty">@drawable/ugckit_ic_voicechange_deadfathouse
+        </item>
+        <item name="audioEffectVoicechangeElectric">@drawable/ugckit_ic_voicechange_electric</item>
+        <item name="audioEffectVoicechangeEthereal">@drawable/ugckit_ic_voicechange_ethereal</item>
+        <item name="audioEffectReverbKTV">@drawable/ugckit_ic_reverb_ktv</item>
+        <item name="audioEffectReverbRoom">@drawable/ugckit_ic_reverb_room</item>
+        <item name="audioEffectReverbHall">@drawable/ugckit_ic_reverb_hall</item>
+        <item name="audioEffectReverbLow">@drawable/ugckit_ic_reverb_low</item>
+        <item name="audioEffectReverbSonorous">@drawable/ugckit_ic_reverb_sonorous</item>
+        <item name="audioEffectReverbMagnetic">@drawable/ugckit_ic_reverb_magnetic</item>
+    </style>
+
+    <!-- 短视频编辑主题UI配置-->
+    <style name="UGCKitEditerStyle" parent="UGCKitBasicStyle">
+        <!-- 裁剪条-->
+        <item name="editerCutViewColor">@color/ugckit_color_red2</item>
+        <item name="editerCutSliderLeftIcon">@drawable/ugckit_ic_progress_left</item>
+        <item name="editerCutSliderRightIcon">@drawable/ugckit_ic_progress_right</item>
+        <item name="editerRotateIcon">@drawable/ugckit_icon_rotate_video_view</item>
+        <!-- 播放/暂停icon -->
+        <item name="editerPlayIcon">@drawable/ugckit_ic_play_normal</item>
+        <item name="editerPauseIcon">@drawable/ugckit_ic_pause_normal</item>
+        <!-- 进度条-->
+        <item name="editerCurrentProgressIcon">@drawable/ugckit_ic_player_slider</item>
+        <!-- 编辑菜单-->
+        <item name="editerMenuBgmIcon">@drawable/ugckit_ic_music_selector</item>
+        <item name="editerMenuMotionIcon">@drawable/ugckit_ic_motion_selector</item>
+        <item name="editerMenuSpeedIcon">@drawable/ugckit_ic_time_selector</item>
+        <item name="editerMenuFilterIcon">@drawable/ugckit_ic_filter_selector</item>
+        <item name="editerMenuPasterIcon">@drawable/ugckit_ic_paster_selector</item>
+        <item name="editerMenuSubtitleIcon">@drawable/ugckit_ic_word_selector</item>
+        <item name="editerMenuTransitionIcon">@drawable/ugckit_ic_transition_selector</item>
+        <!--动态特效-->
+        <item name="editerMotionUndoIcon">@drawable/ugckit_editor_undo_selector</item>
+        <item name="editerMotionSoulOutIcon">@drawable/ugckit_motion_soul_out</item>
+        <item name="editerMotionSoulOutCoverColor">@color/ugckit_soul_out_color_press</item>
+        <item name="editerMotionSplitScreenIcon">@drawable/ugckit_motion_split_screen</item>
+        <item name="editerMotionSplitScreenCoverColor">@color/ugckit_screen_split_press</item>
+        <item name="editerMotionDarkDreamIcon">@drawable/ugckit_motion_dark_dream</item>
+        <item name="editerMotionDarkDreamCoverColor">@color/ugckit_dark_dream_press</item>
+        <item name="editerMotionGhostIcon">@drawable/ugckit_motion_ghost</item>
+        <item name="editerMotionGhostCoverColor">@color/ugckit_ghost_color_press</item>
+        <item name="editerMotionGhostShadowIcon">@drawable/ugckit_motion_ghost_shaddow</item>
+        <item name="editerMotionGhostShadowCoverColor">@color/ugckit_ghost_shaddow_color_press
+        </item>
+        <item name="editerMotionIllusionIcon">@drawable/ugckit_motion_illusion</item>
+        <item name="editerMotionIllusionCoverColor">@color/ugckit_illusion_color_press</item>
+        <item name="editerMotionLightningIcon">@drawable/ugckit_motion_lightning</item>
+        <item name="editerMotionLightningCoverColor">@color/ugckit_lightning_color_press</item>
+        <item name="editerMotionMirrorIcon">@drawable/ugckit_motion_mirror</item>
+        <item name="editerMotionMirrorCoverColor">@color/ugckit_mirror_color_press</item>
+        <item name="editerMotionPhantomShadowIcon">@drawable/ugckit_motion_phantom_shaddow</item>
+        <item name="editerMotionPhantomShadowCoverColor">@color/ugckit_phantom_shaddow_color_press
+        </item>
+        <item name="editerMotionRockLightIcon">@drawable/ugckit_motion_rock_light</item>
+        <item name="editerMotionRockLightCoverColor">@color/ugckit_rock_light_press</item>
+        <item name="editerMotionWinShadowIcon">@drawable/ugckit_motion_win_shaddow</item>
+        <item name="editerMotionWinShadowCoverColor">@color/ugckit_win_shaddow_color_press</item>
+
+        <!--速度特效-->
+        <item name="editerTimeEffectNormalIcon">@drawable/ugckit_motion_time_normal</item>
+        <item name="editerTimeEffectSlowMotionIcon">@drawable/ugckit_motion_time_slow</item>
+        <item name="editerTimeEffectRepeatIcon">@drawable/ugckit_motion_time_repeat</item>
+        <item name="editerTimeEffectReverseIcon">@drawable/ugckit_motion_time_reverse</item>
+
+        <!--静态滤镜-->
+        <item name="editerFilterOriginIcon">@drawable/ugckit_orginal</item>
+        <item name="editerFilterNormalIcon">@drawable/ugckit_biaozhun</item>
+        <item name="editerFilterYinghongIcon">@drawable/ugckit_yinghong</item>
+        <item name="editerFilterYunchangIcon">@drawable/ugckit_yunshang</item>
+        <item name="editerFilterChunzhenIcon">@drawable/ugckit_chunzhen</item>
+        <item name="editerFilterBailanIcon">@drawable/ugckit_bailan</item>
+        <item name="editerFilterYuanqiIcon">@drawable/ugckit_yuanqi</item>
+        <item name="editerFilterChaotuoIcon">@drawable/ugckit_chaotuo</item>
+        <item name="editerFilterXiangfenIcon">@drawable/ugckit_xiangfen</item>
+        <item name="editerFilterLangmanIcon">@drawable/ugckit_langman</item>
+        <item name="editerFilterQingxinIcon">@drawable/ugckit_qingxin</item>
+        <item name="editerFilterWeimeiIcon">@drawable/ugckit_weimei</item>
+        <item name="editerFilterFennenIcon">@drawable/ugckit_fennen</item>
+        <item name="editerFilterHuaijiuIcon">@drawable/ugckit_huaijiu</item>
+        <item name="editerFilterLandiaoIcon">@drawable/ugckit_landiao</item>
+        <item name="editerFilterQingliangIcon">@drawable/ugckit_qingliang</item>
+        <item name="editerFilterRixiIcon">@drawable/ugckit_rixi</item>
+
+        <!-- 贴纸 -->
+        <item name="editerPasterDelIcon">@drawable/ugckit_ic_word_del_normal</item>
+        <!-- 气泡字幕 -->
+        <item name="editerSubtitleDelIcon">@drawable/ugckit_ic_word_del_normal</item>
+
+        <!-- 特效确认按钮-->
+        <item name="editerConfirmIcon">@drawable/ugckit_ic_edit_effect_confirm_selector</item>
+    </style>
+
+    <style name="UGCKitMixRecordStyle" parent="UGCKitRecordStyle">
+        <item name="countDownIcon">@drawable/ugckit_btn_timer</item>
+    </style>
+
+    <style name="UGCKitPictureTransitionStyle" parent="UGCKitBasicStyle">
+        <item name="transitionLeftRightIcon">@drawable/ugckit_btn_left_right</item>
+        <item name="transitionUpDownIcon">@drawable/ugckit_btn_up_down</item>
+        <item name="transitionEnlargeIcon">@drawable/ugckit_btn_zoom_in</item>
+        <item name="transitionNarrowIcon">@drawable/ugckit_btn_zoom_out</item>
+        <item name="transitionRotateIcon">@drawable/ugckit_btn_rotate</item>
+        <item name="transitionFadeInOutIcon">@drawable/ugckit_btn_gradient</item>
+    </style>
+
+</resources>
diff --git a/uniappWWW/unipluginDemo/pages/sample/ext-module-vue.vue b/uniappWWW/unipluginDemo/pages/sample/ext-module-vue.vue
index 2952bed..d67ce7b 100755
--- a/uniappWWW/unipluginDemo/pages/sample/ext-module-vue.vue
+++ b/uniappWWW/unipluginDemo/pages/sample/ext-module-vue.vue
@@ -1,5 +1,9 @@
 <template>
 	<div class="content">
+		
+		<button class="btn" type="primary" @click="getDownloadFilePath()">[短视频getFilePath]</button>
+			
+			
 		<button class="btn" type="primary" @click="getFileList">getFileList</button>
 		<button class="btn" type="primary" @click="deleteAndroidFaceImage">deleteAndroidFaceImage</button>
 		
@@ -27,6 +31,9 @@
 		
 		<button class="btn" type="primary" @click="liveInit">[短视频SDK测试]</button>
 		<button class="btn" type="primary" @click="gotoLiveNativePage()">[短视频gotoLiveNativePage]</button>
+		<button class="btn" type="primary" @click="getLicenceInfo()">[短视频getLicenceInfo]</button>
+		<button class="btn" type="primary" @click="joinerVideo()">[短视频joinerVideo]</button>
+	
 		
 	</div>
 </template>
@@ -55,6 +62,7 @@
 		},
 		onReady() {
 			this.logs.push("当前时间:"+this.getTime())
+			console.log("当前时间:"+this.getTime())
 		},
 		data() {
 			return {
@@ -62,6 +70,12 @@
 			}
 		},
 		methods: {
+			async getDownloadFilePath(){
+				console.log("getFilePath")
+				let res = await FileOperate.getJoinSaveFilePath()
+				this.log(res)
+				return res
+			},
 			async getFileList(){
 				let name = "33信息2"	
 				
@@ -116,6 +130,34 @@
 						this.log(JSON.stringify(ret))
 					})
 			},
+			getLicenceInfo() {
+				// 调用异步方法
+				TXLiveModule.getLicenceInfo({
+						'name': 'unimp',
+						'age': 1
+					},
+					(ret) => {
+						modal.toast({
+							message: ret,
+							duration: 1.5
+						});
+						this.log(JSON.stringify(ret))
+					})
+			},
+			joinerVideo() {
+				// 调用异步方法
+				TXLiveModule.joinerVideo({
+						'filePath': this.getDownloadFilePath(),
+						'joinList':['/test1.mp4','test2.mp4'] //传入需要拼接的视频文件列表
+					},
+					(ret) => {
+						modal.toast({
+							message: ret,
+							duration: 1.5
+						});
+						this.log(JSON.stringify(ret))
+					})
+			},
 			//百度人脸SDK,初始化,并申请授权(授权码写死在android端 faceClass)
 			faceAsyncFunc() {
 				this.log("执行faceModule.faceAsyncFunc");
diff --git a/uniappWWW/unipluginDemo/utils/8inFileOperate.js b/uniappWWW/unipluginDemo/utils/8inFileOperate.js
index 1574782..b11b570 100644
--- a/uniappWWW/unipluginDemo/utils/8inFileOperate.js
+++ b/uniappWWW/unipluginDemo/utils/8inFileOperate.js
@@ -7,6 +7,16 @@ import downloadImg from "./download.js"
 *更新日期:2022/06/09
 */
 
+async function getJoinSaveFilePath(){
+	let fs = await downloadImg.requestFileSystem(plus.io.PUBLIC_DOWNLOADS); //获取所要操作根目录File System
+	let vsEntry = await downloadImg.getDirectory({
+		//在PUBLIC_DOWNLOADS下定义视频存储文件夹"VideoSave"
+		OriginPathEntry: fs.root,
+		newFileName: "OXVideoSave"
+	});    
+	console.log("存储路径:",vsEntry.fullPath)
+	return vsEntry.fullPath 
+}
 /*
 fileName: 需要查询的目录名
 */
@@ -249,5 +259,6 @@ module.exports = {
 	getDataForPlugin,
 	asyncSetTimeOut,
 	deleteAndroidFaceImage,
-	getFileChildrenList
+	getFileChildrenList,
+	getJoinSaveFilePath
 }
diff --git a/uniplugin_module_TXLiveAVSDK/build.gradle b/uniplugin_module_TXLiveAVSDK/build.gradle
index ca62354..a2e6e53 100644
--- a/uniplugin_module_TXLiveAVSDK/build.gradle
+++ b/uniplugin_module_TXLiveAVSDK/build.gradle
@@ -52,4 +52,6 @@ dependencies {
 //    implementation 'com.tencent.iot.hub:hub-device-android:3.3.5'
     //腾讯liveSDK
     implementation 'com.tencent.liteav:LiteAVSDK_UGC:latest.release'
+    implementation project(path: ':ugckit')
+
 }
diff --git a/uniplugin_module_TXLiveAVSDK/src/main/java/io/dcloud/txLive/TXLiveModule.java b/uniplugin_module_TXLiveAVSDK/src/main/java/io/dcloud/txLive/TXLiveModule.java
index 8c70a2a..f7cadd3 100644
--- a/uniplugin_module_TXLiveAVSDK/src/main/java/io/dcloud/txLive/TXLiveModule.java
+++ b/uniplugin_module_TXLiveAVSDK/src/main/java/io/dcloud/txLive/TXLiveModule.java
@@ -6,9 +6,13 @@ import android.content.Intent;
 import android.util.Log;
 
 import com.alibaba.fastjson.JSONObject;
+//import com.tencent.qcloud.ugckit.utils.VideoPathUtil;
+import com.tencent.qcloud.ugckit.module.upload.TXUGCPublish;
+import com.tencent.qcloud.ugckit.module.upload.TXUGCPublishTypeDef;
 import com.tencent.rtmp.TXLiveBase;
 import com.tencent.ugc.TXUGCBase;
 import com.tencent.ugc.TXVideoEditConstants;
+import com.tencent.ugc.TXVideoEditer;
 import com.tencent.ugc.TXVideoJoiner;
 
 import java.util.List;
@@ -18,11 +22,12 @@ import io.dcloud.feature.uniapp.bridge.UniJSCallback;
 import io.dcloud.feature.uniapp.common.UniModule;
 
 
+
 public class TXLiveModule extends UniModule {
 
     String TAG = "TXLiveModule";
     public static int REQUEST_CODE = 1000;
-    public Context mcontext = this.mUniSDKInstance.getContext();
+//    public Context mcontext = this.mWXSDKInstance.getContext();
 
     //run ui thread
     @UniJSMethod(uiThread = true)
@@ -68,15 +73,21 @@ public class TXLiveModule extends UniModule {
 
         callback.invokeAndKeepAlive(licenceInfoData); //回调授权信息
 
+//       String mVideoOutputPath = VideoPathUtil.generateVideoPath();
+
+//        Log.d(TAG, "getLicenceInfo: "+mVideoOutputPath);
     }
 
     @UniJSMethod(uiThread = true)
     public void joinerVideo(JSONObject options, final UniJSCallback callback) {
 
-        List<String> mVideoSourceList = null;
-        String mVideoOutputPath = null;
+        String mList = options.getString("joinList");
+        List<String> mVideoSourceList = JSONObject.parseArray(mList,String.class); //需要拼接参数列表
+        String mVideoOutputPath = options.getString("filePath"); //文件存储路径
 
-        String mList = options.getString("videoList");
+
+        System.out.println("joinerVideo88888:"+mVideoSourceList);
+//        mVideoSourceList = JSONObject.parseArray(mList);
 
         //准备预览 View
         TXVideoEditConstants.TXPreviewParam param = new TXVideoEditConstants.TXPreviewParam();
@@ -84,7 +95,7 @@ public class TXLiveModule extends UniModule {
         param.renderMode = TXVideoEditConstants.PREVIEW_RENDER_MODE_FILL_EDGE;
 
         // 创建 TXUGCJoiner 对象并设置预览 view
-        TXVideoJoiner mTXVideoJoiner = new TXVideoJoiner(mcontext);
+        TXVideoJoiner mTXVideoJoiner = new TXVideoJoiner(this.mUniSDKInstance.getContext());
 //        mTXVideoJoiner.setTXVideoPreviewListener((TXVideoJoiner.TXVideoPreviewListener) mcontext); //设置预览监听
         mTXVideoJoiner.initWithPreview(param);
         // 设置待拼接的视频文件组 mVideoSourceList，也就是第一步中选择的若干个文件
@@ -99,10 +110,11 @@ public class TXLiveModule extends UniModule {
 
             @Override
             public void onJoinComplete(TXVideoEditConstants.TXJoinerResult txJoinerResult) {
-                Log.e(TAG+" onJoinComplete",txJoinerResult.toString());
+                Log.e(TAG+" onJoinComplete",txJoinerResult.descMsg);
 
                 JSONObject JoinerData = new JSONObject();
-                JoinerData.put("code", "1");
+                JoinerData.put("code", txJoinerResult.retCode);
+                JoinerData.put("descMsg", txJoinerResult.descMsg);
                 callback.invokeAndKeepAlive(JoinerData); //回调授权信息
             }
         });
@@ -113,6 +125,65 @@ public class TXLiveModule extends UniModule {
 
     //run JS thread
     @UniJSMethod (uiThread = false)
+    public void uploadFileToSDK(JSONObject options, final UniJSCallback callback){
+
+        String customKey = ""; //上传文件的短期有效上传签名
+        String mCosSignature = ""; //需要填写第四步中计算的上传签名
+        String mVideoPath = ""; //制生成的视频文件路径
+        String mCoverPath = ""; //录制生成的视频首帧预览图
+
+        TXUGCPublish mVideoPublish = new TXUGCPublish(this.mUniSDKInstance.getContext(), customKey);
+
+        mVideoPublish.setListener(new TXUGCPublishTypeDef.ITXVideoPublishListener() {
+            @Override
+            public void onPublishProgress(long uploadBytes, long totalBytes) {
+//                mProgress.setProgress((int) (100*uploadBytes/totalBytes));
+            }
+
+            @Override
+            public void onPublishComplete(TXUGCPublishTypeDef.TXPublishResult result) {
+//                mResultMsg.setText(result.retCode + " Msg:" + (result.retCode == 0 ? result.videoURL : result.descMsg));
+            }
+        });
+
+//        mVideoPublish = new TXUGCPublish(TCVideoPublisherActivity.this.getApplicationContext());
+        // 文件发布默认是采用断点续传
+        TXUGCPublishTypeDef.TXPublishParam param = new TXUGCPublishTypeDef.TXPublishParam();
+        param.signature = mCosSignature;                        // 需要填写第四步中计算的上传签名
+        // 录制生成的视频文件路径, ITXVideoRecordListener 的 onRecordComplete 回调中可以获取
+        param.videoPath = mVideoPath;
+        // 录制生成的视频首帧预览图，ITXVideoRecordListener 的 onRecordComplete 回调中可以获取
+        param.coverPath = mCoverPath;
+        mVideoPublish.publishVideo(param);
+
+        JSONObject data = new JSONObject();
+        data.put("code", "success uniplugin_module");
+
+    }
+
+    //run JS thread
+    @UniJSMethod (uiThread = false)
+    public void uploadFileToSDK2(JSONObject options, final UniJSCallback callback){
+
+//        TXVideoEditer.generateVideo(int videoCompressed, String videoOutputPath)
+//
+//        mVideoPublish = new TXUGCPublish(TCVideoPublisherActivity.this.getApplicationContext());
+//// 文件发布默认是采用断点续传
+//        TXUGCPublishTypeDef.TXPublishParam param = new TXUGCPublishTypeDef.TXPublishParam();
+//        param.signature = mCosSignature;                        // 需要填写第四步中计算的上传签名
+//// 录制生成的视频文件路径, ITXVideoRecordListener 的 onRecordComplete 回调中可以获取
+//        param.videoPath = mVideoPath;
+//// 录制生成的视频首帧预览图，ITXVideoRecordListener 的 onRecordComplete 回调中可以获取
+//        param.coverPath = mCoverPath;
+//        mVideoPublish.publishVideo(param);
+
+        JSONObject data = new JSONObject();
+        data.put("code", "success uniplugin_module");
+
+    }
+
+    //run JS thread
+    @UniJSMethod (uiThread = false)
     public JSONObject testSyncFunc(){
         JSONObject data = new JSONObject();
         data.put("code", "success uniplugin_module");