Spaces:

Justtalk
/

JusTalk

Running

App Files Files Community

buletomato25 commited on Mar 18

Commit

4fe2183

1 Parent(s): 74cdf57

fix_login

Browse files

Files changed (3) hide show

.gitignore +1 -0
app.py +45 -11
templates/new_person.html +35 -70

.gitignore CHANGED Viewed

@@ -2,3 +2,4 @@
 __pycache__".env"
 ".env"
 ".env"

 __pycache__".env"
 ".env"
 ".env"
+".env"

app.py CHANGED Viewed

@@ -39,7 +39,7 @@ app.config['SECRET_KEY'] = os.urandom(24)
 os.environ["OAUTHLIB_INSECURE_TRANSPORT"] = "1"
 GOOGLE_CLIENT_ID = "228160683186-6u7986qsfhcv3kd9iqtv08iphpl4gdk2.apps.googleusercontent.com"
 GOOGLE_CLIENT_SECRET = "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"
-REDIRECT_URI = "http://127.0.0.1:7860/callback"
 flow = Flow.from_client_secrets_file(
     'client_secret.json',
@@ -161,6 +161,8 @@ def talk_detail():
     return render_template('talkDetail.html', user=user_info)
    # インデックス画面（テンプレート: index.html）
 @app.route('/index', methods=['GET', 'POST'])
 def index():
@@ -175,16 +177,13 @@ def index():
 # 登録画面（テンプレート: new_person.html）
 @app.route('/new_person', methods=['GET', 'POST'])
 def new_person():
-    if request.method == "POST":
-        username = request.form.get('username')
-        password = request.form.get('password')
-        # Userのインスタンスを作成
-        user = Users(username=username, password=generate_password_hash(password, method='sha256'), email=username)
-        db.session.add(user)
-        db.session.commit()
-        return redirect('login')
-    else:
-        return render_template('new_person.html')
 @app.before_request
 def before_request():
@@ -262,6 +261,41 @@ def upload_base_audio():
         print("Error in /upload_base_audio:", str(e))
         return jsonify({"error": "サーバーエラー", "details": str(e)}), 500
 if __name__ == '__main__':
     port = int(os.environ.get("PORT", 7860))
     app.run(debug=True, host="0.0.0.0", port=port)

 os.environ["OAUTHLIB_INSECURE_TRANSPORT"] = "1"
 GOOGLE_CLIENT_ID = "228160683186-6u7986qsfhcv3kd9iqtv08iphpl4gdk2.apps.googleusercontent.com"
 GOOGLE_CLIENT_SECRET = "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"
+REDIRECT_URI = "https://huggingface.co/spaces/Justtalk/JusTalk/callbacck"
 flow = Flow.from_client_secrets_file(
     'client_secret.json',
     return render_template('talkDetail.html', user=user_info)
    # インデックス画面（テンプレート: index.html）
 @app.route('/index', methods=['GET', 'POST'])
 def index():
 # 登録画面（テンプレート: new_person.html）
 @app.route('/new_person', methods=['GET', 'POST'])
 def new_person():
+    if 'google_id' not in session:
+        return redirect(url_for('login'))
+    user_info = {
+        'name': session.get('name'),
+        'email': session.get('email')
+    }
+    return render_template('new_person.html', user=user_info)
 @app.before_request
 def before_request():
         print("Error in /upload_base_audio:", str(e))
         return jsonify({"error": "サーバーエラー", "details": str(e)}), 500
+@app.route('/upload_audio', methods=['POST'])
+def upload_audio():
+    try:
+        if 'name' not in session:
+            return jsonify({"error": "ユーザーが認証されていません"}), 401
+        data = request.get_json()
+        if not data or 'audio_data' not in data:
+            return jsonify({"error": "音声データがありません"}), 400
+        # Base64デコードして音声バイナリを取得
+        audio_binary = base64.b64decode(data['audio_data'])
+        # ユーザー名を取得してファイル名を作成
+        user_name = session['name']
+        sanitized_name = "".join(c for c in user_name if c.isalnum())  # 特殊文字を除去
+        audio_filename = f"{sanitized_name}.wav"
+        # 保存ディレクトリを設定
+        audio_dir = "record_data"
+        os.makedirs(audio_dir, exist_ok=True)
+        audio_path = os.path.join(audio_dir, audio_filename)
+        # 音声データをファイルに保存
+        with open(audio_path, 'wb') as f:
+            f.write(audio_binary)
+        print(f"音声データを {audio_path} に保存しました。")
+        return jsonify({"success": True, "message": f"音声が {audio_filename} に保存されました。"}), 200
+    except Exception as e:
+        print("Error in /upload_audio:", str(e))
+        return jsonify({"error": "サーバーエラー", "details": str(e)}), 500
 if __name__ == '__main__':
     port = int(os.environ.get("PORT", 7860))
     app.run(debug=True, host="0.0.0.0", port=port)

templates/new_person.html CHANGED Viewed

@@ -132,54 +132,23 @@
         display: flex;
         justify-content: center;
       }
     </style>
     <title>ユーザー登録画面</title>
   </head>
   <body>
     <form method="POST">
       <div class="container">
-        <h2>ユーザー登録</h2>
         <div class="flex">
-          <div>
-            <label for="">ユーザー名</label>
-            <br />
-            <input
-              type="text"
-              id="username"
-              name="username"
-              placeholder="例：技育 太郎"
-              required
-              oninput="validateForm()"
-            />
-            <br />
-            <br />
-            <label for="">パスワード</label>
-            <br />
-            <input
-              type="password"
-              id="password"
-              name="password"
-              placeholder="半角数字8文字以上20文字以内"
-              maxlength="20"
-              required
-              oninput="validateForm()"
-            />
-            <br />
-            <br />
-            <label for=""> パスワード再入力</label>
-            <br />
-            <input
-              type="password"
-              id="repassword"
-              name="repassword"
-              placeholder="再入力してください"
-              maxlength="20"
-              required
-              oninput="validateForm()"
-            />
-            <p id="passwordError" class="error-message"></p>
-            <br />
-          </div>
           <div class="new-person-right-container">
             <label for="">
               録音ボタンを押した後、10秒間声を録音してください</label
@@ -199,19 +168,18 @@
               </button>
             </div>
-            <p id="countdownDisplay"></p>
           </div>
         </div>
         <div class="flex">
-          <input
-            type="submit"
-            value="会員登録を行う"
-            name="submit"
-            id="submit"
             class="history-button disabled"
-            disabled
-          />
         </div>
       </div>
     </form>
@@ -299,10 +267,17 @@
           })
             .then((response) => response.json())
             .then((data) => {
-              alert("音声がサーバーに送信されました。");
             })
             .catch((error) => {
               console.error("送信エラー:", error);
             });
         };
         reader.readAsDataURL(audioBlob);
@@ -310,28 +285,9 @@
       // フォームの入力状態をチェック
       function validateForm() {
-        const username = document.getElementById("username").value.trim();
-        const password = document.getElementById("password").value.trim();
-        const repassword = document.getElementById("repassword").value.trim();
         const submitButton = document.getElementById("submit");
-        const passwordError = document.getElementById("passwordError");
-        if (password !== repassword) {
-          passwordError.textContent = "パスワードが一致しません。";
-          submitButton.classList.add("disabled");
-          submitButton.disabled = true;
-          return;
-        } else {
-          passwordError.textContent = "";
-        }
-        if (
-          username !== "" &&
-          password.length >= 8 &&
-          password.length <= 20 &&
-          password === repassword &&
-          isAudioRecorded
-        ) {
           submitButton.classList.remove("disabled");
           submitButton.disabled = false;
         } else {
@@ -339,6 +295,15 @@
           submitButton.disabled = true;
         }
       }
     </script>
   </body>
 </html>

         display: flex;
         justify-content: center;
       }
+      .tc {
+        text-align: center;
+      }
     </style>
     <title>ユーザー登録画面</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
   </head>
   <body>
+    <h1>ようこそ, {{ user.name }} さん!</h1>
     <form method="POST">
       <div class="container">
+        <h2>音声登録</h2>
         <div class="flex">
           <div class="new-person-right-container">
             <label for="">
               録音ボタンを押した後、10秒間声を録音してください</label
               </button>
             </div>
+            <p id="countdownDisplay" class="tc"></p>
           </div>
         </div>
         <div class="flex">
+          <button
             class="history-button disabled"
+            id="detailButton submit"
+            onclick="showRecorder()"
+          >
+            音声登録完了
+          </button>
         </div>
       </div>
     </form>
           })
             .then((response) => response.json())
             .then((data) => {
+              if (data.success) {
+                alert("音声がサーバーに送信されました。");
+                isAudioRecorded = true; // サーバーからの成功レスポンスを受け取った後に設定
+                validateForm(); // フォームの状態を更新
+              } else {
+                alert("音声の送信に失敗しました。");
+              }
             })
             .catch((error) => {
               console.error("送信エラー:", error);
+              alert("音声の送信中にエラーが発生しました。");
             });
         };
         reader.readAsDataURL(audioBlob);
       // フォームの入力状態をチェック
       function validateForm() {
         const submitButton = document.getElementById("submit");
+        if (isAudioRecorded) {
           submitButton.classList.remove("disabled");
           submitButton.disabled = false;
         } else {
           submitButton.disabled = true;
         }
       }
+      // 初期化処理
+      displayTranscription();
+      //画面遷移
+      function showRecorder() {
+        // 録音画面へ遷移
+        window.location.href = "/index";
+      }
     </script>
   </body>
 </html>