首頁 探索 說明
註冊 登入
choozmo
/
AI_anchor_openshot
2
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
瀏覽代碼

add avatar gui

ming 3 年之前
父節點
d5b9290732
當前提交
2f85f3ec28
共有 4 個文件被更改，包括 118 次插入 和 9 次删除
分割檢視 顯示文件統計
  1. 89 0
      gen_avatar.html
  2. 6 6
      main.py
  3. 21 1
      script_msg.js
  4. 2 2
      util/swap_face.py

+ 89 - 0
gen_avatar.html
查看文件 

@@ -0,0 +1,89 @@
 
+<!DOCTYPE html>
 
+<html lang="en" >
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>AI ANCHOR GO</title>
 
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
 
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
 
+    crossorigin="anonymous">
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
 
+  <link rel="stylesheet" href="style.css">
 
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+  <style>
 
+    body {
 
+      font-family: "Lato", sans-serif;
 
+    }
 
+    
+    .sidenav {
 
+      height: 100%;
 
+      width: 0;
 
+      position: fixed;
 
+      z-index: 1;
 
+      top: 0;
 
+      left: 0;
 
+      background-color: #111;
 
+      overflow-x: hidden;
 
+      transition: 0.5s;
 
+      padding-top: 60px;
 
+    }
 
+    
+    .sidenav a {
 
+      padding: 8px 8px 8px 32px;
 
+      text-decoration: none;
 
+      font-size: 25px;
 
+      color: #818181;
 
+      display: block;
 
+      transition: 0.3s;
 
+    }
 
+    
+    .sidenav a:hover {
 
+      color: #f1f1f1;
 
+    }
 
+    
+    .sidenav .closebtn {
 
+      position: absolute;
 
+      top: 0;
 
+      right: 25px;
 
+      font-size: 36px;
 
+      margin-left: 50px;
 
+    }
 
+    
+    @media screen and (max-height: 450px) {
 
+      .sidenav {padding-top: 15px;}
 
+      .sidenav a {font-size: 18px;}
 
+    }
 
+    </style>
 
+</head>
 
+<body>
 
+  <div class="container">
 
+    <div id="mySidenav" class="sidenav">
 
+      <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 
+    </div>
 
+    <form action="/step_questions/submit" method="post" id="msform">
 
+     
+      <!-- fieldsets -->
 
+      <fieldset>
 
+        <h2 class="fs-title">AI ANCHOR</h2>
 
+        <h3  class="fs-subtitle">影像來源</h3>
 
+        <input id=title type="text" name='t1' class='img_src' value="" placeholder="1" /> <br/>
 
+      
+        <input id="checker" type="button" name="gen_avatar" class="next action-button" value="送出" />
 
+        
+        
+      </fieldset>
 
+    </form>
 
+        
+    
+  </div>
 
+  
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
 
+  <script src="script_msg.js"></script>
 
+
 
+  <body>
 
+
 
+</div>
 
+
 
+</body>
 
+</html>

+ 6 - 6
main.py
查看文件 

@@ -92,19 +92,19 @@ async def root():
 
 @app.get("/index2")
 
 async def index2():
 
     return FileResponse('index2.html')
 
-@app.get("/index3")
 
-async def index2():
 
-    return FileResponse('index3.html')
 
+
 
 @app.get("/script_msg.js")
 
 async def index2():
 
     return FileResponse('script_msg.js')
 
-@app.get("/script_msg2.js")
 
-async def index2():
 
-    return FileResponse('script_msg2.js')
 
+
 
 @app.get("/style.css")
 
 async def index2():
 
     return FileResponse('style.css')
 
 
+@app.get("/gen_avatar")
 
+async def index2():
 
+    return FileResponse('gen_avatar.html')
 
+
 
 @app.get("/progress_page")
 
 async def progress_page():
 
     return FileResponse('progress.html')

+ 21 - 1
script_msg.js
查看文件 

@@ -3,8 +3,28 @@ var current_fs, next_fs, previous_fs; //fieldsets
 
 var left, opacity, scale; //fieldset properties which we will animate
 
 var animating; //flag to prevent quick multi-click glitasdaches
 
 
-$(".next").click(function(){
 
+$(".gen_avatar").click(function(){
 
+  imsrc = $('.img_src').val();
 
+  srcObj = {'imgurl':imsrc}
 
+  srcObjstr = JSON.stringify(srcObj);
 
+  $.ajax({
 
+    url: 'http://www.choozmo.com:8888/swapFace',
 
+    //url: 'http://www.choozmo.com:8888/qqreq',
 
+    dataType : 'json', // 預期從server接收的資料型態
 
+    contentType : 'application/json; charset=utf-8', // 要送到server的資料型態
 
+    type: 'post',
 
+    data: srcObjstr,
 
+    success: function(suc_data) {
 
+      alert(suc_data.msg)
 
+      },
 
+    //data:JSON.stringify({n1:"12",n2:"22"}),
 
+    error: function (error) {
 
+      alert(error)
 
+    }
 
+  });
 
+});
 
 
+$(".next").click(function(){
 
   avatar = $('.avatar').val();
 
   name_title = $('.title_new').val();
 
   txtARR=[];

+ 2 - 2
util/swap_face.py
查看文件 

@@ -27,8 +27,8 @@ class swap_face():
 
                 break
 
             time.sleep(5)
 
             print('waiting...')
 
-        self.notify_group('成功，影片在:www.choozmo.com:8168/swap_save/'+name_hash+'.avi')
 
-        return '生成中請稍候'
 
+        self.notify_group('人物生成成功，在:www.choozmo.com:8168/swap_save/'+name_hash+'.avi')
 
+        return '生成中請稍候，成果會在line中展示'
 
 
     def runthreadswap(self,src_img,sv_path):
 
         os.system('python3 FaceSwap/main_video.py --src_img '+src_img+' --video_path ./FaceSwap/nina_noGesture_adj.mp4 --correct_color --save_path '+sv_path)