delete_login

app.py

@@ -14,8 +14,7 @@ from dotenv import load_dotenv
 from google.oauth2 import id_token
 from google_auth_oauthlib.flow import Flow
 from google.auth.transport import requests as google_requests
-from new_record import record_bp
-from login import login_bp 
+
 
 
 # Hugging Face のトークン取得（環境変数 HF に設定）
@@ -94,14 +93,12 @@ def generate_filename(random_length):
     filename = f"{current_time}_{random_string}.wav"
     return filename
 
-app.register_blueprint(record_bp)
-app.register_blueprint(login_bp) 
-
 # トップページ（テンプレート: index.html）
 @app.route('/')
 def top():
     return redirect('index')
 
+
 # フィードバック画面（テンプレート: feedback.html）
 @app.route('/feedback', methods=['GET', 'POST'])
 def feedback():
@@ -142,17 +139,6 @@ def index():
    """
     return render_template('index.html')
 
-# 登録画面（テンプレート: 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():
     # リクエストのたびにセッションの寿命を更新する

client_secret.json

@@ -1,11 +0,0 @@
-{
-  "web": {
-    "client_id": "228160683186-6u7986qsfhcv3kd9iqtv08iphpl4gdk2.apps.googleusercontent.com",
-    "project_id": "justtalk-454100",
-    "auth_uri": "https://accounts.google.com/o/oauth2/auth",
-    "token_uri": "https://oauth2.googleapis.com/token",
-    "auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
-    "client_secret": "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",
-    "redirect_uris": "http://127.0.0.1:7860/callback"
-  }
-}

login.py

@@ -1,51 +0,0 @@
-from flask import Blueprint, request, redirect, session, url_for, render_template
-import os
-from google.oauth2 import id_token
-from google_auth_oauthlib.flow import Flow
-from google.auth.transport import requests as google_requests
-
-login_bp = Blueprint('login', __name__)
-
-# Google OAuth 2.0 の設定
-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',
-    scopes=["openid", "https://www.googleapis.com/auth/userinfo.profile", "https://www.googleapis.com/auth/userinfo.email"],
-    redirect_uri=REDIRECT_URI
-)
-
-@login_bp.route('/login')
-def login():
-    authorization_url, state = flow.authorization_url()
-    session['state'] = state
-    return redirect(authorization_url)
-
-@login_bp.route('/callback')
-def callback():
-    flow.fetch_token(authorization_response=request.url)
-
-    session_state = session.get('state')
-    request_state = request.args.get('state')
-
-    if session_state is None or session_state != request_state:
-        print(f"State mismatch error: session_state={session_state}, request_state={request_state}")
-        return 'State mismatch error', 400
-
-    credentials = flow.credentials
-    request_session = google_requests.Request()
-
-    id_info = id_token.verify_oauth2_token(
-        credentials.id_token, request_session, GOOGLE_CLIENT_ID
-    )
-
-    session['google_id'] = id_info.get("sub")
-    session['email'] = id_info.get("email")
-    session['name'] = id_info.get("name")
-
-    return redirect(url_for('new_person'))
-
-

new_record.py

@@ -1,43 +0,0 @@
-from flask import Blueprint, request, jsonify
-import os
-import base64
-from pydub import AudioSegment
-
-record_bp = Blueprint('record', __name__)
-
-# 録音データの保存先ディレクトリ
-record_data_dir = "record_data"
-os.makedirs(record_data_dir, exist_ok=True)
-
-@record_bp.route('/upload_audio', methods=['POST'])
-def upload_audio():
-    try:
-        data = request.get_json()
-        if not data or 'audio_data' not in data or 'user_name' not in data:
-            return jsonify({"error": "音声データまたはユーザー名がありません"}), 400
-        
-        user_name = data['user_name'].replace(" ", "_")  # 空白をアンダースコアに変換
-        audio_binary = base64.b64decode(data['audio_data'])
-
-        # 保存先のファイルパス
-        audio_path = os.path.join(record_data_dir, f"{user_name}.wav")
-
-        # 一時ファイルとして保存
-        temp_audio_path = os.path.join(record_data_dir, "temp_audio")
-        with open(temp_audio_path, 'wb') as f:
-            f.write(audio_binary)
-
-        # pydub を使って WAV に変換
-        try:
-            audio = AudioSegment.from_file(temp_audio_path, format="webm")
-        except Exception:
-            audio = AudioSegment.from_file(temp_audio_path)
-        
-        audio.export(audio_path, format="wav")
-        os.remove(temp_audio_path)
-
-        return jsonify({"success": True, "message": f"音声が {audio_path} に保存されました"}), 200
-
-    except Exception as e:
-        print("Error in /upload_audio:", str(e))
-        return jsonify({"error": "サーバーエラー", "details": str(e)}), 500

templates/index.html

@@ -128,15 +128,6 @@
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   </head>
   <body>
-    <header>
-      <div></div>
-      <div>
-        <button class="result-button" id="historyButton" onclick="showLogin()">
-          ログイン
-        </button>
-      </div>
-    </header>
-
     <!-- トグルスイッチ：基準音声保存モード -->
     <div class="toggle-container">
       <span class="toggle-label">基準音声を保存</span>

templates/login.html

@@ -1,209 +0,0 @@
-<!DOCTYPE html>
-<html lang="ja">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>ログイン画面</title>
-   <style>
-    @charset "UTF-8";
-body {
-  font-family: Arial, sans-serif;
-  padding: 20px;
-  background-color: #f4f4f4;
-  height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-h2 {
-  margin-bottom: 20px;
-  text-align: center;
-}
-
-a {
-  text-decoration: none;
-  color: #000000cc;
-}
-a:hover {
-  text-decoration: underline;
-}
-.container {
-  max-width: 800px;
-
-  background-color: #fff;
-  padding: 20px 80px;
-  border-radius: 8px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-}
-
-#transcription {
-  white-space: pre-wrap;
-  padding: 10px;
-  background-color: #e9e9e9;
-  border-radius: 4px;
-  margin-bottom: 20px;
-  max-height: 400px;
-  overflow-y: auto;
-}
-button {
-  margin: 5px;
-  padding: 10px 10px;
-  border: none;
-  border-radius: 4px;
-  background-color: #007bff;
-  color: #fff;
-  cursor: pointer;
-}
-.history-button {
-  margin-top: 20px;
-
-  padding: 10px 20px;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-}
-history-button:hover {
-  background-color: #0056b3;
-}
-
-.flex {
-  display: flex;
-  justify-content: center;
-}
-.new-person {
-  text-align: center;
-}
-
-.controls {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.record-button {
-  width: 80px;
-  height: 80px;
-  background-color: transparent;
-  border-radius: 50%;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
-  transition: all 0.2s ease;
-}
-
-.record-icon {
-  width: 60px;
-  height: 60px;
-  background-color: #d32f2f;
-  border-radius: 50%;
-  transition: all 0.2s ease;
-}
-
-.recording .record-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 10%;
-}
-
-.record-p {
-  border: 2px dashed #0000008c;
-}
-
-.disabled {
-  background-color: gray;
-  cursor: not-allowed;
-}
-
-.record-icon.recording {
-  width: 40px;
-  height: 40px;
-  border-radius: 0;
-}
-
-.new-person-right-container {
-  padding-left: 20px;
-}
-
-.record-container {
-  display: flex;
-  justify-content: center;
-}
-
-   </style>
-    
-  </head>
-  <body>
-    <form method="POST">
-      <div class="container">
-        <h2>Googleあかうんとでログイン</h2>
-        <div>
-          <label for="">ユーザ名</label>
-          <input type="text" name="username" />
-          <br />
-          <br />
-          <label for="">パスワード</label>
-          <input type="password" name="password" />
-          <br />
-        </div>
-        <div class="flex">
-          <button id="login-btn" class="history-button">Googleでログイン</button>
-          <input
-            type="submit"
-            class="history-button"
-            id="loginButton"
-            onclick="showRecorder()"
-            value="ログイン"
-          />
-        </div>
-    </form>
-    <div class="new-person">
-        <p><a href="new_person.php" class="new-person">新規会員登録をする</a></p>
-    </div>
-    </div>
-   
-    
-    
-    <script>
-      // 会話データを表示
-      async function displayTranscription() {
-        const transcriptionElement = document.getElementById("transcription");
-
-        try {
-          // バックエンドからデータを取得（デモ用のURLを指定）
-          const response = await fetch("/api/transcription");
-          if (!response.ok) throw new Error("データ取得に失敗しました。");
-
-          const data = await response.json();
-
-          // 会話内容を整形して表示
-          const formattedText = data.conversations
-            .map((conv, index) => `【${conv.speaker}】 ${conv.text}`)
-            .join("\n");
-
-          transcriptionElement.textContent = formattedText;
-        } catch (error) {
-          transcriptionElement.textContent = `エラー: ${error.message}`;
-          console.error("データ取得エラー:", error);
-        }
-      }
-
-      // 初期化処理
-      displayTranscription();
-
-      //画面遷移
-      function showRecorder() {
-        // 録音画面へ遷移
-        window.location.href = "/index";
-      }
-      function showFeedback() {
-        // フィードバック画面へ遷移
-        window.location.href = "/feedback";
-      }
-    </script>
-  </body>
-</html>

templates/new_person.html

@@ -1,303 +0,0 @@
-<!DOCTYPE html>
-<html lang="ja">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <style>
-      @charset "UTF-8";
-      body {
-        font-family: Arial, sans-serif;
-        padding: 20px;
-        background-color: #f4f4f4;
-        height: 100vh;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-
-      h2 {
-        margin-bottom: 20px;
-        text-align: center;
-      }
-
-      a {
-        text-decoration: none;
-        color: #000000cc;
-      }
-      a:hover {
-        text-decoration: underline;
-      }
-      .container {
-        max-width: 800px;
-
-        background-color: #fff;
-        padding: 20px 80px;
-        border-radius: 8px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      }
-
-      #transcription {
-        white-space: pre-wrap;
-        padding: 10px;
-        background-color: #e9e9e9;
-        border-radius: 4px;
-        margin-bottom: 20px;
-        max-height: 400px;
-        overflow-y: auto;
-      }
-      button {
-        margin: 5px;
-        padding: 10px 10px;
-        border: none;
-        border-radius: 4px;
-        background-color: #007bff;
-        color: #fff;
-        cursor: pointer;
-      }
-      .history-button {
-        margin-top: 20px;
-
-        padding: 10px 20px;
-        background-color: #007bff;
-        color: white;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-      }
-      history-button:hover {
-        background-color: #0056b3;
-      }
-
-      .flex {
-        display: flex;
-        justify-content: center;
-      }
-      .new-person {
-        text-align: center;
-      }
-
-      .controls {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-      }
-      .record-button {
-        width: 80px;
-        height: 80px;
-        background-color: transparent;
-        border-radius: 50%;
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
-        transition: all 0.2s ease;
-      }
-
-      .record-icon {
-        width: 60px;
-        height: 60px;
-        background-color: #d32f2f;
-        border-radius: 50%;
-        transition: all 0.2s ease;
-      }
-
-      .recording .record-icon {
-        width: 40px;
-        height: 40px;
-        border-radius: 10%;
-      }
-
-      .record-p {
-        border: 2px dashed #0000008c;
-      }
-
-      .disabled {
-        background-color: gray;
-        cursor: not-allowed;
-      }
-
-      .record-icon.recording {
-        width: 40px;
-        height: 40px;
-        border-radius: 0;
-      }
-
-      .new-person-right-container {
-        padding-left: 20px;
-      }
-
-      .record-container {
-        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
-            >
-            <br />
-            <p class="record-p">
-              例文：昔々、あるところにおばあさんとおじいさんがいました。<br />
-              おばあさんは川に洗濯に、おじいさんは山に芝刈りに行きました。
-            </p>
-            <div class="record-container">
-              <button
-                class="record-button"
-                id="recordButton"
-                onclick="toggleRecording()"
-              >
-                <div class="record-icon" id="recordIcon"></div>
-              </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>
-    <script>
-      let mediaRecorder;
-      let audioChunks = [];
-      let countdownTimer;
-      let isAudioRecorded = false;
-      sessionStorage.setItem("userName", "{{ user.name }}");
-      async function toggleRecording() {
-        const recordButton = document.getElementById("recordButton");
-        const countdownDisplay = document.getElementById("countdownDisplay");
-
-        recordButton.disabled = true; // ボタンを無効化（連打防止）
-        countdownDisplay.textContent = "録音中…"; // 初期表示
-        isAudioRecorded = false;
-
-        try {
-          const stream = await navigator.mediaDevices.getUserMedia({
-            audio: true,
-          });
-          mediaRecorder = new MediaRecorder(stream);
-          audioChunks = [];
-
-          mediaRecorder.ondataavailable = (event) => {
-            if (event.data.size > 0) {
-              audioChunks.push(event.data);
-            }
-          };
-
-          mediaRecorder.onstop = () => {
-            sendAudioChunks([...audioChunks]); // 録音データをサーバーに送信
-            audioChunks = [];
-            recordButton.disabled = false;
-            countdownDisplay.textContent = "";
-            isAudioRecorded = true;
-            validateForm();
-          };
-
-          mediaRecorder.start();
-          startCountdown(10, countdownDisplay);
-
-          setTimeout(() => {
-            if (mediaRecorder.state === "recording") {
-              mediaRecorder.stop();
-            }
-          }, 10000);
-        } catch (error) {
-          console.error("マイクのアクセスに失敗しました:", error);
-          recordButton.disabled = false;
-          countdownDisplay.textContent = "";
-        }
-      }
-
-      function startCountdown(seconds, displayElement) {
-        let remaining = seconds;
-        displayElement.textContent = `録音終了まで: ${remaining}秒`;
-
-        countdownTimer = setInterval(() => {
-          remaining--;
-          displayElement.textContent = `録音終了まで: ${remaining}秒`;
-
-          if (remaining <= 0) {
-            clearInterval(countdownTimer);
-          }
-        }, 1000);
-      }
-
-      function sendAudioChunks(chunks) {
-        const userName = sessionStorage.getItem("userName"); // ユーザー名を取得
-        if (!userName) {
-          alert("ユーザー名が取得できません。ログインしてください。");
-          return;
-        }
-
-        const audioBlob = new Blob(chunks, { type: "audio/wav" });
-        const reader = new FileReader();
-        reader.onloadend = () => {
-          const base64String = reader.result.split(",")[1]; // Base64 に変換
-          fetch("/upload_audio", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              audio_data: base64String,
-              user_name: userName,
-            }),
-          })
-            .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 setUserName(userName) {
-        sessionStorage.setItem("userName", userName);
-      }
-
-      // 初期化処理
-      displayTranscription();
-
-      //画面遷移
-      function showRecorder() {
-        // 録音画面へ遷移
-        window.location.href = "/index";
-      }
-    </script>
-  </body>
-</html>