fix_feedback

README.md

@@ -1,10 +1,329 @@
----
-title: JusTalk
-emoji: ⚡
-colorFrom: gray
-colorTo: blue
-sdk: docker
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: JusTalk
+emoji: ⚡
+colorFrom: gray
+colorTo: blue
+sdk: docker
+pinned: false
+---
+
+## <app.py>
+---
+
+## グローバル変数と主要な設定
+
+- **`users`**  
+  登録されたユーザー名のリスト。  
+- **`transcription_text`**  
+  音声から作成された書き起こしのファイルパスまたは内容。  
+- **`total_audio`**  
+  音声セグメントをマージした結果の音声ファイルパス。  
+- **`harassment_keywords`**  
+  ハラスメントとして検出するキーワードのリスト（例："バカ", "死ね" など）。
+
+また、外部ライブラリとして `pydub`、および独自の `AudioProcessor`、`TranscriptionMaker`、`TextAnalyzer` を用いて音声処理や解析を行います。
+
+---
+
+## 各エンドポイントの概要
+
+### 1. トップページ／ユーザー登録画面
+
+- **URL:** `/index`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - テンプレート `index.html` を表示。  
+  - 現在の `users` リストをテンプレートに渡す。
+
+- **URL:** `/` または `/userregister`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - ユーザー登録用の画面を表示するため、`userRegister.html` テンプレートを返す。
+
+---
+
+### 2. フィードバックおよび会話詳細画面
+
+- **URL:** `/feedback`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - フィードバック画面（テンプレート：`feedback.html`）を表示。
+
+- **URL:** `/talk_detail`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - 会話の詳細を表示する画面（テンプレート：`talkDetail.html`）を返す。
+
+---
+
+### 3. ユーザーとファイルのリセット関連
+
+- **URL:** `/reset_html`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - リセット画面（テンプレート：`reset.html`）を表示。
+
+- **URL:** `/reset_member`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - 指定されたメンバー（ユーザー）とその関連の参照音声ファイルを削除する。  
+  - リクエストボディ内で `"names"` キーが必須。  
+  - `/tmp/data/base_audio` 内の各ユーザーの音声ファイル（`{name}.wav`）を削除。  
+  - 削除後、`users` リストから対象ユーザーを除外する。  
+  - 加えて、累積音声ファイル（`total_audio`）や、書き起こしファイル（`transcription_text`）も削除する処理を実施。
+
+- **URL:** `/reset`  
+  **メソッド:** GET  
+  **機能:**  
+  - `users` リストを空にリセットし、成功レスポンスを返す。
+
+---
+
+### 4. 状態確認エンドポイント
+
+- **URL:** `/confirm`  
+  **メソッド:** GET  
+  **機能:**  
+  - 現在登録されているメンバー（`users`）を JSON 形式で返す。
+
+---
+
+### 5. 音声アップロード・解析関連
+
+#### a. 基本の音声アップロードと参照音声との照合
+
+- **URL:** `/upload_audio`  
+  **メソッド:** POST  
+  **機能:**  
+  - クライアントから受け取った Base64 形式の音声データをデコードし、一時ファイル（`/tmp/data/tmp.wav`）として保存。  
+  - リクエストボディ内には、`audio_data` とともに、`name` または `users`（登録済みユーザーの情報）が必要。  
+  - 各ユーザーの参照音声ファイル（`/tmp/data/base_audio/{user}.wav`）とアップロードされた音声を比較し、  
+    - 複数ユーザーの場合：`process_multi_audio` を使用して各ユーザー毎の一致時間を計算し、その比率（パーセンテージ）を返す。  
+    - 単一ユーザーの場合：`process_audio` を用いて一致時間と非一致時間から比率（パーセンテージ）を計算して返す。  
+  - また、処理後に複数の音声セグメントをマージし、その結果を `total_audio` に格納する。
+
+#### b. 基準音声のアップロード（ユーザー登録時に使用）
+
+- **URL:** `/upload_base_audio`  
+  **メソッド:** POST  
+  **機能:**  
+  - リクエストボディ内の `audio_data`（Base64形式）と `name` を受け取り、  
+  - `users` リストに名前を追加（重複排除を実施）。  
+  - `/tmp/data/base_audio/` 内に、`{name}.wav` という名前で保存。  
+  - 登録成功時に、状態とファイルパスを返す。
+
+---
+
+### 6. 書き起こし生成およびテキスト解析
+
+#### a. 書き起こし作成
+
+- **URL:** `/transcription`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - グローバル変数 `transcription_text` に書き起こし済みのファイルが存在しない場合、  
+    - `total_audio`（マージ済み音声ファイル）が存在しているかをチェック。  
+    - `TranscriptionMaker` ��� `merge_segments` メソッドでセグメントをマージし、`create_transcription` で書き起こしファイルを生成。  
+  - 書き起こしファイルを読み込み、内容を JSON 形式で返す。  
+  - エラー発生時には適切な HTTP ステータスコード（400, 404, 500）とエラーメッセージを返す。
+
+#### b. AI によるテキスト解析
+
+- **URL:** `/analyze`  
+  **メソッド:** GET, POST  
+  **機能:**  
+  - `/transcription` と同様に、書き起こしファイルの存在を確認し、必要なら再生成する。  
+  - `TextAnalyzer` クラスを使って、書き起こしテキストとハラスメントキーワードをもとに解析を実施。  
+  - 環境変数 `DEEPSEEK` を API キーとして取得し、DeepSeek 解析を呼び出す。  
+  - 解析結果（会話レベル、ハラスメントの有無や種類、繰り返しの程度、会話の心地よさ、非難やハラスメントの程度など）をコンソール出力し、JSON 形式で返す。
+
+---
+
+## エンドポイント間の流れとポイント
+
+- **ユーザー登録:**  
+  `/upload_base_audio` でユーザーごとの基準音声を登録し、`users` リストに名前を追加。
+
+- **音声解析:**  
+  `/upload_audio` によりアップロードされた音声を、登録された参照音声と照合。  
+  - 複数ユーザーの場合、各ユーザーの一致時間を計算し、パーセンテージとして返す。  
+  - 単一ユーザーの場合、一致時間と非一致時間から比率を返す。  
+  - この段階で、音声セグメントをマージし、後続の書き起こし・解析に利用するために `total_audio` に格納。
+
+- **書き起こしの生成と利用:**  
+  `/transcription` で `total_audio` から書き起こしファイルを生成し、その内容を取得可能。  
+  `/analyze` では、生成済みの書き起こしテキストをもとに、DeepSeek API を用いた AI 解析が実行される。
+
+- **リセット機能:**  
+  `/reset_member` で指定ユーザーの音声ファイル、累積音声、書き起こしファイルを削除。  
+  `/reset` で `users` リストを完全にクリアする。
+
+---
+
+## ＜process.py＞
+---
+
+## 全体概要
+
+- **目的:**  
+  音声ファイルの前処理、セグメント分割、音声特徴量（エンベディング）計算、類似度算出、さらに Base64 形式の音声データの保存など、音声データの様々な操作を行うための機能を提供します。
+
+- **利用ライブラリ:**  
+  - `pydub`：音声ファイルの読み込み、書き出し、セグメント分割に使用  
+  - `pyannote.audio`：事前学習済みモデルを用いて音声のエンベディング（特徴量）を計算  
+  - `numpy`：数値計算およびベクトル演算（コサイン類似度計算など）  
+  - その他、`os`, `shutil`, `base64`, `datetime` など、ファイル操作や乱数生成に利用
+
+- **初期設定:**  
+  コンストラクタ (`__init__`) では、環境変数 `HF` から Hugging Face のトークンを取得し、`pyannote` のモデルをロード。標準の音声長さ（秒）も設定します。
+
+---
+
+## 各関数の詳細
+
+### 1. `normalize_audio_duration`
+- **目的:**  
+  指定された音声ファイルの長さを、ターゲットの秒数に合わせて正規化（短い場合は無音でパディング、長い場合は切り詰め）します。
+
+- **引数:**  
+  - `input_path`：入力音声ファイルのパス  
+  - `target_duration_seconds`：目標とする音声の長さ（秒）。未指定の場合は標準値（`self.standard_duration`）を使用  
+  - `output_path`：出力先のパス（未指定の場合は一時ファイルとして生成）
+
+- **戻り値:**  
+  正規化された音声ファイルのパス
+
+---
+
+### 2. `batch_normalize_audio_duration`
+- **目的:**  
+  指定したディレクトリ内のすべての音声ファイルに対して、`normalize_audio_duration` を適用し、ファイルの長さを統一します。
+
+- **引数:**  
+  - `input_directory`：入力音声ファイルが格納されているディレクトリ  
+  - `target_duration_seconds`：目標とする音声の長さ（秒）  
+  - `output_directory`：出力先ディレクトリ（未指定の場合は入力ディレクトリと同じ場所）
+
+- **戻り値:**  
+  処理後の音声ファイルパスのリスト
+
+---
+
+### 3. `cosine_similarity`
+- **目的:**  
+  2つのベクトル間のコサイン類似度を計算します。  
+- **引数:**  
+  - `vec1`, `vec2`：比較対象となる numpy 配列  
+- **処理:**  
+  次元が一致しているかを確認し、各ベクトルを正規化した後、内積を計算  
+- **戻り値:**  
+  コサイン類似度（-1～1の範囲）
+
+---
+
+### 4. `segment_audio`
+- **目的:**  
+  入力音声ファイルを指定した秒数のセグメントに分割し、各セグメン���を出力ディレクトリに保存します。  
+- **引数:**  
+  - `path`：入力音声ファイルのパス  
+  - `target_path`：分割されたセグメントの保存先ディレクトリ  
+  - `seg_duration`：各セグメントの長さ（秒）  
+- **戻り値:**  
+  分割されたセグメントのディレクトリパスと、元の音声の総時間（ミリ秒）
+
+---
+
+### 5. `calculate_embedding`
+- **目的:**  
+  指定した音声ファイルからエンベディング（特徴量）を計算します。  
+- **引数:**  
+  - `audio_path`：音声ファイルのパス  
+- **処理:**  
+  - まず音声の長さを `normalize_audio_duration` で標準化  
+  - `pyannote.audio` の推論機能を使い、エンベディングを計算  
+  - 処理後に一時ファイルを削除（必要に応じて）  
+- **戻り値:**  
+  エンベディング（flattened な numpy 配列）
+
+---
+
+### 6. `calculate_similarity`
+- **目的:**  
+  2つの音声ファイル間の類似度（コサイン類似度）を計算します。  
+- **引数:**  
+  - `path1`, `path2`：比較対象となる2つの音声ファイルのパス  
+- **処理:**  
+  - 各音声のエンベディングを計算し、次元チェックを実施  
+  - `cosine_similarity` を利用して類似度を求める  
+- **戻り値:**  
+  類似度（float 値、エラー時は None）
+
+---
+
+### 7. `process_audio`
+- **目的:**  
+  リファレンス音声と入力音声を比較し、リファレンスに類似したセグメントを抽出します。  
+- **引数:**  
+  - `reference_path`：リファレンス音声のパス  
+  - `input_path`：入力音声のパス  
+  - `output_folder`：マッチしたセグメントの出力先ディレクトリ  
+  - `seg_duration`：セグメントの長さ（秒）  
+  - `threshold`：類似度の閾値  
+- **処理:**  
+  - リファレンス音声のエンベディングを計算  
+  - 入力音声をセグメントに分割し、各セグメントのエンベディングを計算  
+  - 各セグメントとリファレンス間のコサイン類似度を計算し、閾値以上なら出力フォルダへコピー  
+  - マッチしたセグメントの総時間と、マッチしなかった時間を計算  
+- **戻り値:**  
+  タプル (マッチ時間[ms], 非マッチ時間[ms], 出力フォルダパス)
+
+---
+
+### 8. `process_multi_audio`
+- **目的:**  
+  複数のリファレンス音声に対して、入力音声内の各セグメントの類似度を計算し、各リファレンスごとの一致時間を集計します。  
+- **引数:**  
+  - `reference_pathes`：リファレンス音声のパスのリスト  
+  - `input_path`：入力音声のパス  
+  - `output_folder`：マッチしたセグメントの出力先ディレクトリ  
+  - `seg_duration`：各セグメントの長さ（秒）  
+  - `threshold`：類似度の閾値  
+- **処理:**  
+  - 各リファレンス音声のエンベディングを先に計算  
+  - 入力音声をセグメントに分割し、各セグメントのエンベディングを計算  
+  - リファレンス毎に各セグメントとの類似度を算出し、最も高い類似度が閾値以上ならそのリファレンスとマッチと判断  
+  - 各リファレンスごとにマッチしたセグメントの時間（秒）を集計  
+- **戻り値:**  
+  タプル (各リファレンスごとの一致時間のリスト, セグメントが保存されたディレクトリパス)
+
+---
+
+### 9. `save_audio_from_base64`
+- **目的:**  
+  Base64 形式でエンコードされた音声データをデコードし、WAV ファイルとして保存します。  
+- **引数:**  
+  - `base64_audio`：Base64 エンコードされた音声データ  
+  - `output_dir`：出力先ディレクトリ  
+  - `output_filename`：出力するファイル名  
+  - `temp_format`：一時ファイルのフォーマット（デフォルトは 'webm'）  
+- **処理:**  
+  - Base64 文字列をデコードし、一時ファイルに保存  
+  - `pydub` を用いてファイルを読み込み、WAV 形式に変換して保存  
+  - 一時ファイルは処理後に削除  
+- **戻り値:**  
+  保存された WAV ファイルのパス
+
+---
+
+### 10. `delete_files_in_directory`
+- **目的:**  
+  指定したディレクトリ内に存在するすべてのファイルを削除します。  
+- **引数:**  
+  - `directory_path`：対象のディレクトリパス  
+- **処理:**  
+  - ディレクトリ内の各ファイルを走査し、ファイルのみ削除  
+  - 削除結果やエラーはコンソールに出力
+
+---
+
+

app.py

@@ -1,240 +1,273 @@
-from flask import Flask, request, jsonify, render_template, send_from_directory
-import base64
-from pydub import AudioSegment  # 変換用にpydubをインポート
-import os
-import shutil
-from process import AudioProcessor
-from transcription import TranscriptionMaker
-from analyze import TextAnalyzer
-import json
-
-process=AudioProcessor()
-transcripter = TranscriptionMaker()
-app = Flask(__name__)
-
-users = []
-transcription_text=""
-harassment_keywords = [
-        "バカ", "馬鹿", "アホ", "死ね", "クソ", "うざい",
-        "きもい", "キモい", "ブス", "デブ", "ハゲ",
-        "セクハラ", "パワハラ", "モラハラ"
-    ]
-total_audio = ""
-
-# トップページ（テンプレート: index.html）
-@app.route('/index', methods=['GET', 'POST'])
-def index():
-    return render_template('index.html', users = users)
-
-# フィードバック画面（テンプレート: feedback.html）
-@app.route('/feedback', methods=['GET', 'POST'])
-def feedback():
-    return render_template('feedback.html')
-
-# 会話詳細画面（テンプレート: talkDetail.html）
-@app.route('/talk_detail', methods=['GET', 'POST'])
-def talk_detail():
-    return render_template('talkDetail.html')
-
-# 音声登録画面（テンプレート: userRegister.html）
-@app.route('/')
-@app.route('/userregister', methods=['GET', 'POST'])
-def userregister():
-    return render_template('userRegister.html')
-
-#人数確認
-@app.route('/confirm', methods=['GET'])  # 基本的にGETで取得する想定なので、GETのみに変更
-def confirm():
-    return jsonify({'members': users}), 200
-
-#リセット画面（テンプレート: reset.html）
-@app.route('/reset_html', methods=['GET', 'POST']) 
-def reset_html():
-    return render_template('reset.html')
-
-#メンバー削除&累積音声削除
-@app.route('/reset_member', methods=['GET', 'POST'])
-def reset_member():
-    global users
-    global total_audio
-    print(total_audio)
-    process.delete_files_in_directory(total_audio)
-    try:
-        data = request.get_json()
-        if not data or "names" not in data:
-            return jsonify({"status": "error", "message": "Invalid request body"}), 400  # 400 Bad Request
-
-        names = data.get("names", [])
-        base_audio_dir = "/tmp/data/base_audio"
-
-        for name in names:
-            file_path = os.path.join(base_audio_dir, f"{name}.wav")
-            if os.path.exists(file_path):
-                try:
-                    os.remove(file_path)
-                    print(f"{file_path} を削除しました。")
-                except Exception as e:
-                    print(f"削除中にエラーが発生しました: {e}")
-                    # ファイル削除に失敗した場合も、エラーを返す
-                    return jsonify({"status": "error", "message": f"Failed to delete {name}: {e}"}), 500
-
-            else:
-                print(f"ファイルが存在しません: {file_path}")
-
-        # usersリストを更新
-        users = [u for u in users if u not in names]
-
-        # 成功した場合のレスポンス
-        return jsonify({"status": "success", "message": "Members deleted successfully", "users": users}), 200 # 200 OK
-
-    except Exception as e:
-        print(f"An unexpected error occurred: {e}")
-        return jsonify({"status": "error", "message": f"Internal server error: {e}"}), 500  # 500 Internal Server Error
-
-# 書き起こし作成エンドポイント
-@app.route('/transcription',methods =['GET','POST'])
-def transcription():
-    global transcription_text
-    global total_audio
-    try: 
-        audio_directory = transcripter.merge_segments(total_audio)
-        transcription_text = transcripter.create_transcription(audio_directory)
-        with open(transcription_text,'r',encoding='utf-8') as file:
-            file_content = file.read()
-            print(file_content)
-        return jsonify({'transcription': file_content}),200
-    except Exception as e:
-        return jsonify({"error": str(e)}),500
-
-# AI分析エンドポイント
-@app.route('/analyze',methods =['GET','POST'])
-def analyze():
-    global transcription_text
-    analyzer = TextAnalyzer(transcription_text, harassment_keywords)
-    api_key = os.environ.get("DEEPSEEK")
-    if api_key is None:
-        raise ValueError("DEEPSEEK_API_KEY が設定されていません。")
-    
-    results = analyzer.analyze(api_key=api_key)
-
-    print(json.dumps(results, ensure_ascii=False, indent=2))
-
-    if "deepseek_analysis" in results and results["deepseek_analysis"]:
-        deepseek_data = results["deepseek_analysis"]
-        conversation_level = deepseek_data.get("conversationLevel")
-        harassment_present = deepseek_data.get("harassmentPresent")
-        harassment_type = deepseek_data.get("harassmentType")
-        repetition = deepseek_data.get("repetition")
-        pleasantConversation = deepseek_data.get("pleasantConversation")
-        blameOrHarassment = deepseek_data.get("blameOrHarassment")
-
-        print("\n--- DeepSeek 分析結果 ---")
-        print(f"会話レベル: {conversation_level}")
-        print(f"ハラスメントの有無: {harassment_present}")
-        print(f"ハラスメントの種類: {harassment_type}")
-        print(f"繰り返しの程度: {repetition}")
-        print(f"会話の心地よさ: {pleasantConversation}")
-        print(f"非難またはハラスメントの程度: {blameOrHarassment}")
-    return jsonify({"results": results}),200
-
-
-# 音声アップロード＆解析エンドポイント
-@app.route('/upload_audio', methods=['POST'])
-def upload_audio():
-    global total_audio
-    try:
-        data = request.get_json()
-        # name か users のいずれかが必須。どちらも無い場合はエラー
-        if not data or 'audio_data' not in data or ('name' not in data and 'users' not in data):
-            return jsonify({"error": "音声データまたは名前がありません"}), 400
-
-        # Base64デコードして音声バイナリを取得
-        audio_binary = base64.b64decode(data['audio_data'])
-        
-        upload_name = 'tmp'
-        audio_dir = "/tmp/data"
-        os.makedirs(audio_dir, exist_ok=True)
-        audio_path = os.path.join(audio_dir, f"{upload_name}.wav")
-        with open(audio_path, 'wb') as f:
-            f.write(audio_binary)
-        print(users)
-        # 各ユーザーの参照音声ファイルのパスをリストに格納
-        reference_paths = []
-        base_audio_dir = "/tmp/data/base_audio"
-        for user in users:
-            ref_path = os.path.abspath(os.path.join(base_audio_dir, f"{user}.wav"))
-            if not os.path.exists(ref_path):
-                return jsonify({"error": "参照音声ファイルが見つかりません", "details": ref_path}), 500
-            reference_paths.append(ref_path)
-        
-        # 複数人の場合は参照パスのリストを、1人の場合は単一のパスを渡す
-        if len(users) > 1:
-            print("複数人の場合の処理")
-            matched_times, segments_dir = process.process_multi_audio(reference_paths, audio_path, threshold=0.05)
-            total_audio = transcripter.merge_segments(segments_dir)
-            # 各メンバーのrateを計算
-            total_time = sum(matched_times)
-            rates = [(time / total_time) * 100 if total_time > 0 else 0 for time in matched_times]
-            return jsonify({"rates": rates}), 200
-        else:
-            matched_time, unmatched_time, segments_dir = process.process_audio(reference_paths[0], audio_path, threshold=0.05)
-            total_audio = transcripter.merge_segments(segments_dir)
-            total_time = matched_time + unmatched_time
-            rate = (matched_time / total_time) * 100 if total_time > 0 else 0
-            return jsonify({"rate": rate}), 200
-    except Exception as e:
-        print("Error in /upload_audio:", str(e))
-        return jsonify({"error": "サーバーエラー", "details": str(e)}), 500
-    
-@app.route('/reset', methods=['GET'])
-def reset():
-    global users
-    users = []
-    return jsonify({"status": "success", "message": "Users reset"}), 200
-
-@app.route('/login', methods=['POST', 'GET'])
-def login():
-    global users#グローバル変数を編集できるようにする
-    try:
-        data = request.get_json()
-        name = data['name']  # 名前を取得
-        if name in users:
-            print("名前はリストに存在します。")
-            index()
-        else:
-            print("名前はリストに存在しません。")
-
-    except Exception as e:
-        print("Error in /upload_base_audio:", str(e))
-        return jsonify({"error": "サーバーエラー", "details": str(e)}), 500
-
-
-@app.route('/upload_base_audio', methods=['POST'])
-def upload_base_audio():
-    global users#グローバル変数を編集できるようにする
-    try:
-        data = request.get_json()
-        if not data or 'audio_data' not in data or 'name' not in data:
-            return jsonify({"error": "音声データまたは名前がありません"}), 400
-        name = data['name']  # 名前を取得
-        print(name)
-        
-        
-        users.append(name)
-        users=list(set(users))#重複排除
-        print(users)
-        
-        
-        audio_path=process.save_audio_from_base64(
-            base64_audio=data['audio_data'],    # 音声データ
-            output_dir= "/tmp/data/base_audio",    #保存先
-            output_filename=f"{name}.wav"    # 固定ファイル名（必要に応じて generate_filename() で一意のファイル名に変更可能）
-        )
-        return jsonify({"state": "Registration Success!", "path": audio_path}), 200
-    except Exception as e:
-        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))
+from flask import Flask, request, jsonify, render_template, send_from_directory
+import base64
+from pydub import AudioSegment  # 変換用にpydubをインポート
+import os
+import shutil
+from process import AudioProcessor
+from transcription import TranscriptionMaker
+from analyze import TextAnalyzer
+import json
+
+process=AudioProcessor()
+transcripter = TranscriptionMaker()
+app = Flask(__name__)
+
+users = []
+transcription_text=""
+harassment_keywords = [
+        "バカ", "馬鹿", "アホ", "死ね", "クソ", "うざい",
+        "きもい", "キモい", "ブス", "デブ", "ハゲ",
+        "セクハラ", "パワハラ", "モラハラ"
+    ]
+total_audio = ""
+
+# トップページ（テンプレート: index.html）
+@app.route('/index', methods=['GET', 'POST'])
+def index():
+    return render_template('index.html', users = users)
+
+# フィードバック画面（テンプレート: feedback.html）
+@app.route('/feedback', methods=['GET', 'POST'])
+def feedback():
+    return render_template('feedback.html')
+
+# 会話詳細画面（テンプレート: talkDetail.html）
+@app.route('/talk_detail', methods=['GET', 'POST'])
+def talk_detail():
+    return render_template('talkDetail.html')
+
+# 音声登録画面（テンプレート: userRegister.html）
+@app.route('/')
+@app.route('/userregister', methods=['GET', 'POST'])
+def userregister():
+    return render_template('userRegister.html')
+
+#人数確認
+@app.route('/confirm', methods=['GET'])  # 基本的にGETで取得する想定なので、GETのみに変更
+def confirm():
+    return jsonify({'members': users}), 200
+
+#リセット画面（テンプレート: reset.html）
+@app.route('/reset_html', methods=['GET', 'POST']) 
+def reset_html():
+    return render_template('reset.html')
+
+@app.route('/login', methods=['POST', 'GET'])
+def login():
+    global users#グローバル変数を編集できるようにする
+    try:
+        data = request.get_json()
+        name = data['name']  # 名前を取得
+        if name in users:
+            print("名前はリストに存在します。")
+            index()
+        else:
+            print("名前はリストに存在しません。")
+
+    except Exception as e:
+        print("Error in /upload_base_audio:", str(e))
+        return jsonify({"error": "サーバーエラー", "details": str(e)}), 500
+
+#メンバー削除&累積音声削除
+@app.route('/reset_member', methods=['GET', 'POST'])
+def reset_member():
+    global users
+    global total_audio
+    global transcription_text
+    process.delete_files_in_directory(total_audio)
+    process.delete_files_in_directory('/tmp/data/transcription_audio')
+    try:
+        if os.path.exists(transcription_text):
+            os.remove(transcription_text)
+            print(f"{transcription_text} を削除しました。")
+        else:
+            print(f"{transcription_text} は存在しません。")
+    except Exception as e:
+        print(f"エラーが発生しました: {e}")
+    transcription_text = ""
+    try:
+        data = request.get_json()
+        if not data or "names" not in data:
+            return jsonify({"status": "error", "message": "Invalid request body"}), 400  # 400 Bad Request
+
+        names = data.get("names", [])
+        base_audio_dir = "/tmp/data/base_audio"
+
+        for name in names:
+            file_path = os.path.join(base_audio_dir, f"{name}.wav")
+            if os.path.exists(file_path):
+                try:
+                    os.remove(file_path)
+                    print(f"{file_path} を削除しました。")
+                except Exception as e:
+                    print(f"削除中にエラーが発生しました: {e}")
+                    # ファイル削除に失敗した場合も、エラーを返す
+                    return jsonify({"status": "error", "message": f"Failed to delete {name}: {e}"}), 500
+
+            else:
+                print(f"ファイルが存在しません: {file_path}")
+
+        # usersリストを更新
+        users = [u for u in users if u not in names]
+
+        # 成功した場合のレスポンス
+        return jsonify({"status": "success", "message": "Members deleted successfully", "users": users}), 200 # 200 OK
+
+    except Exception as e:
+        print(f"An unexpected error occurred: {e}")
+        return jsonify({"status": "error", "message": f"Internal server error: {e}"}), 500  # 500 Internal Server Error
+
+# 書き起こし作成エンドポイント
+@app.route('/transcription',methods =['GET','POST'])
+def transcription():
+    global transcription_text
+    global total_audio
+    if not os.path.exists(transcription_text) or not transcription_text:
+        try: 
+            if not total_audio or not os.path.exists(total_audio):
+                return jsonify({"error": "No audio segments provided"}),400
+            audio_directory = transcripter.merge_segments(total_audio,'/tmp/data/transcription_audio')
+            transcription_text = transcripter.create_transcription(audio_directory)
+            print("transcription")
+            print(transcription_text)
+        except Exception as e:
+            return jsonify({"error": str(e)}),500
+    try:
+        with open(transcription_text,'r',encoding='utf-8') as file:
+            file_content = file.read()
+            print(file_content)
+            return jsonify({'transcription': file_content}),200
+    except FileNotFoundError:
+        return jsonify({"error": "Transcription file not found"}), 404
+    except Exception as e:
+        return jsonify({"error": f"Unexpected error: {str(e)}"}), 500
+
+
+# AI分析エンドポイント
+@app.route('/analyze',methods =['GET','POST'])
+def analyze():
+    global transcription_text
+    global total_audio
+    if not os.path.exists(transcription_text) or not transcription_text:
+        try: 
+            if not total_audio:
+                return jsonify({"error": "No audio segments provided"}),400
+            audio_directory = transcripter.merge_segments(total_audio,'/tmp/data/transcription_audio')
+            transcription_text = transcripter.create_transcription(audio_directory)
+        except Exception as e:
+            return jsonify({"error": str(e)}),500    
+        
+    analyzer = TextAnalyzer(transcription_text, harassment_keywords)
+    api_key = os.environ.get("DEEPSEEK")
+    if api_key is None:
+        raise ValueError("DEEPSEEK_API_KEY が設定されていません。")
+    
+    results = analyzer.analyze(api_key=api_key)
+
+    print(json.dumps(results, ensure_ascii=False, indent=2))
+
+    if "deepseek_analysis" in results and results["deepseek_analysis"]:
+        deepseek_data = results["deepseek_analysis"]
+        conversation_level = deepseek_data.get("conversationLevel")
+        harassment_present = deepseek_data.get("harassmentPresent")
+        harassment_type = deepseek_data.get("harassmentType")
+        repetition = deepseek_data.get("repetition")
+        pleasantConversation = deepseek_data.get("pleasantConversation")
+        blameOrHarassment = deepseek_data.get("blameOrHarassment")
+
+        print("\n--- DeepSeek 分析結果 ---")
+        print(f"会話レベル: {conversation_level}")
+        print(f"ハラスメントの有無: {harassment_present}")
+        print(f"ハラスメントの種類: {harassment_type}")
+        print(f"繰り返しの程度: {repetition}")
+        print(f"会話の心地よさ: {pleasantConversation}")
+        print(f"非難またはハラスメントの程度: {blameOrHarassment}")
+    return jsonify({"results": results}),200
+
+
+# 音声アップロード＆解析エンドポイント
+@app.route('/upload_audio', methods=['POST'])
+def upload_audio():
+    global total_audio
+    try:
+        data = request.get_json()
+        # name か users のいずれかが必須。どちらも無い場合はエラー
+        if not data or 'audio_data' not in data or ('name' not in data and 'users' not in data):
+            return jsonify({"error": "音声データまたは名前がありません"}), 400
+
+        # Base64デコードして音声バイナリを取得
+        audio_binary = base64.b64decode(data['audio_data'])
+        
+        upload_name = 'tmp'
+        audio_dir = "/tmp/data"
+        os.makedirs(audio_dir, exist_ok=True)
+        audio_path = os.path.join(audio_dir, f"{upload_name}.wav")
+        with open(audio_path, 'wb') as f:
+            f.write(audio_binary)
+        print(users)
+        # 各ユーザーの参照音声ファイルのパスをリストに格納
+        reference_paths = []
+        base_audio_dir = "/tmp/data/base_audio"
+        for user in users:
+            ref_path = os.path.abspath(os.path.join(base_audio_dir, f"{user}.wav"))
+            if not os.path.exists(ref_path):
+                return jsonify({"error": "参照音声ファイルが見つかりません", "details": ref_path}), 500
+            reference_paths.append(ref_path)
+        
+        # 複数人の場合は参照パスのリストを、1人の場合は単一のパスを渡す
+        if len(users) > 1:
+            print("複数人の場合の処理")
+            matched_times, segments_dir = process.process_multi_audio(reference_paths, audio_path, threshold=0.05)
+            total_audio = transcripter.merge_segments(segments_dir)
+            # 各メンバーのrateを計算
+            total_time = sum(matched_times)
+            rates = [(time / total_time) * 100 if total_time > 0 else 0 for time in matched_times]
+            return jsonify({"rates": rates}), 200
+        else:
+            matched_time, unmatched_time, segments_dir = process.process_audio(reference_paths[0], audio_path, threshold=0.05)
+            total_audio = transcripter.merge_segments(segments_dir)
+            print("solo")
+            print(total_audio)
+            total_time = matched_time + unmatched_time
+            rate = (matched_time / total_time) * 100 if total_time > 0 else 0
+            return jsonify({"rate": rate}), 200
+    except Exception as e:
+        print("Error in /upload_audio:", str(e))
+        return jsonify({"error": "サーバーエラー", "details": str(e)}), 500
+    
+@app.route('/reset', methods=['GET'])
+def reset():
+    global users
+    users = []
+    return jsonify({"status": "success", "message": "Users reset"}), 200
+
+
+@app.route('/upload_base_audio', methods=['POST'])
+def upload_base_audio():
+    global users#グローバル変数を編集できるようにする
+    try:
+        data = request.get_json()
+        if not data or 'audio_data' not in data or 'name' not in data:
+            return jsonify({"error": "音声データまたは名前がありません"}), 400
+        name = data['name']  # 名前を取得
+        print(name)
+        
+        
+        users.append(name)
+        users=list(set(users))#重複排除
+        print(users)
+        
+        
+        audio_path=process.save_audio_from_base64(
+            base64_audio=data['audio_data'],    # 音声データ
+            output_dir= "/tmp/data/base_audio",    #保存先
+            output_filename=f"{name}.wav"    # 固定ファイル名（必要に応じて generate_filename() で一意のファイル名に変更可能）
+        )
+        return jsonify({"state": "Registration Success!", "path": audio_path}), 200
+    except Exception as e:
+        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)

static/feedback.js

@@ -15,8 +15,6 @@ async function getAnalysis() {
   const loader = document.getElementById("loader");
   loader.style.display = "block";
   try {
-    await getTranscription();
-
     const response = await fetch("/analyze");
 
     if (!response.ok) {
@@ -35,16 +33,6 @@ async function getAnalysis() {
     const pleasantConversation = analysis.pleasantConversation;
     const blameOrHarassment = analysis.blameOrHarassment;
 
-    if (harassmentPresent) {
-      harassmentPresent = "あり";
-    } else {
-      harassmentPresent = "なし";
-    }
-
-    if (harassmentType == null) {
-      harassmentType = "該当なし";
-    }
-
     loader.style.display = "none";
     // DOMに表示
     document.getElementById(

static/register_record.js

@@ -1,150 +1,150 @@
-let mediaRecorder;
-let audioChunks = [];
-let userCount = 0; // 追加されたメンバー数を保持
-let isRecording = false; // 録音中かどうかを判定するフラグ
-let currentRecordingButton = null; // 現在録音中のボタンを保持
-let userNames = [];
-
-function toggleRecording(button) {
-  button.classList.toggle("recording");
-}
-
-async function startRecording(button) {
-  if (isRecording && currentRecordingButton !== button) return; // 他の人が録音中なら何もしない
-  isRecording = true; // 録音中に設定
-  currentRecordingButton = button; // 録音中のボタンを記録
-
-  try {
-    const stream = await navigator.mediaDevices.getUserMedia({
-      audio: true,
-    });
-    mediaRecorder = new MediaRecorder(stream, { mimeType: "audio/webm" });
-    audioChunks = [];
-    mediaRecorder.ondataavailable = (e) => audioChunks.push(e.data);
-    mediaRecorder.onstop = () => {
-      sendAudioChunks(audioChunks, button); // ボタン情報を渡す
-      audioChunks = [];
-      isRecording = false; // 録音停止後はフラグを戻す
-      currentRecordingButton = null; // 録音ボタンを解除
-    };
-    mediaRecorder.start();
-    toggleRecording(button);
-  } catch (err) {
-    console.error("マイクアクセスに失敗しました:", err);
-    isRecording = false; // エラー発生時もフラグを戻す
-    currentRecordingButton = null;
-  }
-}
-
-function stopRecording(button) {
-  if (!isRecording) return; // 録音中でない場合は停止しない
-  mediaRecorder.stop();
-  toggleRecording(button);
-}
-
-function handleRecording(e) {
-  const button = e.target.closest(".record-button");
-  if (button) {
-    if (isRecording && currentRecordingButton !== button) {
-      // 他の人が録音中なら反応しない
-      return;
-    }
-    if (mediaRecorder && mediaRecorder.state === "recording") {
-      stopRecording(button);
-    } else {
-      startRecording(button);
-    }
-  }
-}
-
-function sendAudioChunks(chunks, button) {
-  // 引数に button を追加
-  const audioBlob = new Blob(chunks, { type: "audio/wav" });
-  const reader = new FileReader();
-  reader.onloadend = () => {
-    const base64String = reader.result.split(",")[1]; // Base64エンコードされた音声データ
-    // フォームの取得方法を変更
-    const form = button.closest(".user-item")?.querySelector("form")
-    const nameInput = form?.querySelector('input[name="name"]');
-    const name = nameInput ? nameInput.value : "unknown"; // 名前がない
-    fetch("/upload_base_audio", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({ audio_data: base64String, name: name }),
-    })
-      .then((response) => response.json())
-      .then((data) => {
-        // エラー処理のみ残す
-        if (data.error) {
-          alert("エラー: " + data.error);
-          console.error(data.details);
-        }
-        // 成功時の処理（ボタンの有効化など）
-        else {
-          console.log("音声データ送信成功:", data);
-          userNames.push(name);
-          // 必要に応じて、ここでUIの変更（ボタンの有効化など）を行う
-          // 例: button.disabled = true; // 送信ボタンを無効化
-          // 例: button.classList.remove("recording"); //録音中のスタイルを解除
-        }
-      })
-      .catch((error) => {
-        console.error("エラー:", error);
-      });
-  };
-  reader.readAsDataURL(audioBlob);
-}
-
-// 前の画面に戻る
-function goBack() {
-  window.location.href = "index";
-}
-
-// Add user function
-function addUser() {
-  const userName = prompt("ユーザー名を入力してください");
-  if (userName) {
-    const userList = document.getElementById("people-list");
-    const userDiv = document.createElement("div");
-    userDiv.classList.add(
-      "user-item", // 追加
-      "bg-gray-700",
-      "p-4",
-      "rounded-lg",
-      "text-white",
-      "flex",
-      "justify-between",
-      "items-center",
-      "flex-wrap", // 追加
-      "gap-3" // 追加
-    );
-    userDiv.innerHTML = `
-      <form
-        action="/submit"
-        method="POST"
-        class="flex items-center space-x-2 w-full sm:w-auto"
-        onsubmit="event.preventDefault();"
-      >
-        <input
-          type="text"
-          name="name"
-          placeholder="名前を入力"
-          value="${userName}"
-          class="flex-1 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-700 text-white"
-        />
-        <button type="button" class="record-button" aria-label="音声録音開始">
-          <div class="record-icon"></div>
-        </button>
-      </form>
-    `;
-    userDiv
-      .querySelector(".record-button")
-      .addEventListener("click", handleRecording);
-    userList.appendChild(userDiv);
-    userCount++;
-  }
-}
-
-document.getElementById("add-btn").addEventListener("click", addUser);
+let mediaRecorder;
+let audioChunks = [];
+let userCount = 0; // 追加されたメンバー数を保持
+let isRecording = false; // 録音中かどうかを判定するフラグ
+let currentRecordingButton = null; // 現在録音中のボタンを保持
+let userNames = [];
+
+function toggleRecording(button) {
+  button.classList.toggle("recording");
+}
+
+async function startRecording(button) {
+  if (isRecording && currentRecordingButton !== button) return; // 他の人が録音中なら何もしない
+  isRecording = true; // 録音中に設定
+  currentRecordingButton = button; // 録音中のボタンを記録
+
+  try {
+    const stream = await navigator.mediaDevices.getUserMedia({
+      audio: true,
+    });
+    mediaRecorder = new MediaRecorder(stream, { mimeType: "audio/webm" });
+    audioChunks = [];
+    mediaRecorder.ondataavailable = (e) => audioChunks.push(e.data);
+    mediaRecorder.onstop = () => {
+      sendAudioChunks(audioChunks, button); // ボタン情報を渡す
+      audioChunks = [];
+      isRecording = false; // 録音停止後はフラグを戻す
+      currentRecordingButton = null; // 録音ボタンを解除
+    };
+    mediaRecorder.start();
+    toggleRecording(button);
+  } catch (err) {
+    console.error("マイクアクセスに失敗しました:", err);
+    isRecording = false; // エラー発生時もフラグを戻す
+    currentRecordingButton = null;
+  }
+}
+
+function stopRecording(button) {
+  if (!isRecording) return; // 録音中でない場合は停止しない
+  mediaRecorder.stop();
+  toggleRecording(button);
+}
+
+function handleRecording(e) {
+  const button = e.target.closest(".record-button");
+  if (button) {
+    if (isRecording && currentRecordingButton !== button) {
+      // 他の人が録音中なら反応しない
+      return;
+    }
+    if (mediaRecorder && mediaRecorder.state === "recording") {
+      stopRecording(button);
+    } else {
+      startRecording(button);
+    }
+  }
+}
+
+function sendAudioChunks(chunks, button) {
+  // 引数に button を追加
+  const audioBlob = new Blob(chunks, { type: "audio/wav" });
+  const reader = new FileReader();
+  reader.onloadend = () => {
+    const base64String = reader.result.split(",")[1]; // Base64エンコードされた音声データ
+    // フォームの取得方法を変更
+    const form = button.closest(".user-item")?.querySelector("form")
+    const nameInput = form?.querySelector('input[name="name"]');
+    const name = nameInput ? nameInput.value : "unknown"; // 名前がない
+    fetch("/upload_base_audio", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ audio_data: base64String, name: name }),
+    })
+      .then((response) => response.json())
+      .then((data) => {
+        // エラー処理のみ残す
+        if (data.error) {
+          alert("エラー: " + data.error);
+          console.error(data.details);
+        }
+        // 成功時の処理（ボタンの有効化など）
+        else {
+          console.log("音声データ送信成功:", data);
+          userNames.push(name);
+          // 必要に応じて、ここでUIの変更（ボタンの有効化など）を行う
+          // 例: button.disabled = true; // 送信ボタンを無効化
+          // 例: button.classList.remove("recording"); //録音中のスタイルを解除
+        }
+      })
+      .catch((error) => {
+        console.error("エラー:", error);
+      });
+  };
+  reader.readAsDataURL(audioBlob);
+}
+
+// 録音画面に移動
+function showRecorder() {
+  window.location.href = "index";
+}
+
+// Add user function
+function addUser() {
+  const userName = prompt("ユーザー名を入力してください");
+  if (userName) {
+    const userList = document.getElementById("people-list");
+    const userDiv = document.createElement("div");
+    userDiv.classList.add(
+      "user-item", // 追加
+      "bg-gray-700",
+      "p-4",
+      "rounded-lg",
+      "text-white",
+      "flex",
+      "justify-between",
+      "items-center",
+      "flex-wrap", // 追加
+      "gap-3" // 追加
+    );
+    userDiv.innerHTML = `
+      <form
+        action="/submit"
+        method="POST"
+        class="flex items-center space-x-2 w-full sm:w-auto"
+        onsubmit="event.preventDefault();"
+      >
+        <input
+          type="text"
+          name="name"
+          placeholder="名前を入力"
+          value="${userName}"
+          class="flex-1 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-700 text-white"
+        />
+        <button type="button" class="record-button" aria-label="音声録音開始">
+          <div class="record-icon"></div>
+        </button>
+      </form>
+    `;
+    userDiv
+      .querySelector(".record-button")
+      .addEventListener("click", handleRecording);
+    userList.appendChild(userDiv);
+    userCount++;
+  }
+}
+
+document.getElementById("add-btn").addEventListener("click", addUser);

templates/reset.html

@@ -1,39 +1,162 @@
-<!DOCTYPE html>
-<html lang="ja" class="dark">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>リセット画面</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-  </head>
-  <body
-    class="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen flex items-center justify-center"
-  >
-    <div
-      class="container mx-auto p-6 bg-white dark:bg-gray-800 shadow-lg rounded-2xl"
-    >
-      <h2 class="text-2xl font-semibold mb-4">メンバーを消去しますか？</h2>
-      <input type="button" id="select-all" value="全選択" />
-      <div id="memberCheckboxes">
-        <!--ここにチャックボックスを表示してほしい-->
-      </div>
-
-      <div class="flex justify-center gap-4">
-        <button
-          id="reset_btn"
-          class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"
-        >
-          メンバー削除
-        </button>
-
-        <button
-          class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          onclick="showRecorder()"
-        >
-          録音画面を表示
-        </button>
-      </div>
-    </div>
-    <script src="{{ url_for('static', filename='reset.js') }}"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="ja" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>リセット画面</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://use.fontawesome.com/releases/v5.10.0/js/all.js"></script>
+    <style>
+      /* Main Container */
+      body {
+        background: linear-gradient(135deg, #2c3e50, #1f2937);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        font-family: "Arial", sans-serif;
+        color: #fff;
+      }
+      
+      .main-content {
+        border: 5px solid rgba(255, 255, 255, 0.2);
+        border-radius: 1rem;
+        margin: 1rem auto; /* 中央揃え */
+        width: 90%;
+        max-width: 500px;
+        /*width: 100%; */ /* 枠線全体を広げる */
+        /*max-width: 90%;*/ /* 最大幅を画面の90%に設定 */
+      }
+
+      /* Hamburger Menu Button */
+      #menuButton {
+        background-color: rgba(255, 255, 255, 0.1);
+        border: none;
+        border-radius: 50%;
+        padding: 0.5rem;
+        cursor: pointer;
+        transition: background-color 0.2s ease;
+      }
+
+      #menuButton:hover {
+        background-color: rgba(255, 255, 255, 0.2);
+      }
+
+      /* Hamburger Menu Styles */
+      #menu {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 10;
+        transform: translateX(-100%);
+        visibility: hidden;
+        opacity: 0;
+        background-color: rgb(31, 41, 55);
+        transition: transform 0.3s ease-in-out, visibility 0s 0.3s,
+          opacity 0.3s ease-in-out;
+        backdrop-filter: blur(10px);
+        border-right: 1px solid rgba(255, 255, 255, 0.2);
+      }
+
+      #menu.open {
+        transform: translateX(0);
+        visibility: visible;
+        opacity: 1;
+        transition: transform 0.3s ease-in-out, visibility 0s 0s,
+          opacity 0.3s ease-in-out;
+      }
+
+      #menu button {
+        transition: background-color 0.2s ease;
+        background-color: rgba(0, 0, 0, 0.1);
+        margin: 2px;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        gap: 10px;
+        padding: 0.75rem 1rem;
+        width: 100%;
+        text-align: left;
+        border: none;
+        color: #fff;
+        font-size: 1rem;
+        cursor: pointer;
+      }
+
+      #menu button:hover {
+        background-color: rgba(55, 65, 81, 0.7);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="main-content relative">
+      <div class="p-6 bg-white dark:bg-gray-800 shadow-lg rounded-2xl">
+        <h2 class="text-2xl font-semibold mb-4 text-center">
+          メンバーを消去しますか？
+        </h2>
+
+        <!-- Hamburger Menu -->
+        <div class="absolute top-4 left-4">
+          <button
+            id="menuButton"
+            class="text-white text-2xl focus:outline-none"
+            onclick="toggleMenu(event)"
+          >
+            <i class="fas fa-bars"></i>
+          </button>
+
+          <!-- Menu Content -->
+          <div
+            id="menu"
+            class="absolute top-0 left-0 h-full w-64 bg-gray-800 text-white transform -translate-x-full transition-transform duration-300 ease-in-out opacity-0 visibility-hidden"
+          >
+            <div class="px-4 py-2 text-lg font-semibold">メニュー</div>
+            <button onclick="showUserRegister()">
+              <i class="fas fa-user-plus"></i> メンバーを追加
+            </button>
+            <button onclick="showRecorder()">
+              <i class="fas fa-microphone"></i> 録音画面を表示
+            </button>
+            <button onclick="showResults()">
+              <i class="fas fa-chart-bar"></i> フィードバックを表示
+            </button>
+            <button onclick="showTalkDetail()">
+              <i class="fas fa-comments"></i> 会話詳細を表示
+            </button>
+            <button onclick="resetAction()">
+              <i class="fas fa-redo"></i> リセット
+            </button>
+            <button onclick="toggleMenu(event)">
+              <i class="fas fa-times"></i> 閉じる
+            </button>
+          </div>
+        </div>
+        <!-- Hamburger Menu End -->
+
+        <input type="button" id="select-all" value="全選択" />
+        <div id="memberCheckboxes">
+          <!--ここにチャックボックスを表示してほしい-->
+        </div>
+
+        <div class="flex justify-center gap-4">
+          <button
+            id="reset_btn"
+            class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"
+          >
+            メンバー削除
+          </button>
+
+          <button
+            class="px-6 py-2 bg-[#607d8b] text-white rounded-lg hover:bg-[#546e7a] transition-colors"
+            onclick="showRecorder()"
+          >
+            録音画面を表示
+          </button>
+        </div>
+      </div>
+    </div>
+    <script src="{{ url_for('static', filename='reset.js') }}"></script>
+    <script src="{{ url_for('static', filename='menu.js') }}"></script>
+  </body>
+</html>

templates/talkDetail.html

@@ -1,49 +1,160 @@
-<!DOCTYPE html>
-<html lang="ja" class="dark">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>会話詳細画面</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link
-      rel="stylesheet"
-      href="{{ url_for('static', filename='loading.css') }}"
-    />
-  </head>
-  <body
-    class="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen flex items-center justify-center"
-  >
-    <div class="loader" id="loader">
-      <div class="one"></div>
-      <div class="two"></div>
-      <div class="three"></div>
-      <div class="four"></div>
-    </div>
-    <div
-      class="container mx-auto p-6 bg-white dark:bg-gray-800 shadow-lg rounded-2xl"
-    >
-      <h2 class="text-2xl font-semibold mb-4">会話の文字起こし表示</h2>
-      <div
-        id="transcription"
-        class="p-4 bg-gray-200 dark:bg-gray-700 rounded-lg mb-4 max-h-96 overflow-y-auto"
-      >
-        ここに会話内容が表示されます。
-      </div>
-      <div class="flex justify-center gap-4">
-        <button
-          class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          onclick="showRecorder()"
-        >
-          録音画面を表示
-        </button>
-        <button
-          class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          onclick="showFeedback()"
-        >
-          フィードバック画面を表示
-        </button>
-      </div>
-    </div>
-    <script src="{{ url_for('static', filename='talk_detail.js') }}"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="ja" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>会話詳細画面</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://use.fontawesome.com/releases/v5.10.0/js/all.js"></script>
+    <link
+      rel="stylesheet"
+      href="{{ url_for('static', filename='loading.css') }}"
+    />
+    <style>
+      /* Main Container */
+      body {
+        background: linear-gradient(135deg, #2c3e50, #1f2937);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        font-family: "Arial", sans-serif;
+        color: #fff;
+      }
+
+      .main-content {
+        border: 5px solid rgba(255, 255, 255, 0.2);
+        border-radius: 1rem;
+        margin: 1rem; /* 外側の余白 */
+        width: 90%;
+        max-width: 500px;
+        /*width: 100%; */ /* 枠線全体を広げる */
+        /*max-width: 90%;*/ /* 最大幅を画面の90%に設定 */
+      }
+
+      /* Hamburger Menu Button */
+      #menuButton {
+        background-color: rgba(255, 255, 255, 0.1);
+        border: none;
+        border-radius: 50%;
+        padding: 0.5rem;
+        cursor: pointer;
+        transition: background-color 0.2s ease;
+      }
+
+      #menuButton:hover {
+        background-color: rgba(255, 255, 255, 0.2);
+      }
+
+      /* Hamburger Menu Styles */
+      #menu {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 10;
+        transform: translateX(-100%);
+        visibility: hidden;
+        opacity: 0;
+        background-color: rgb(31, 41, 55);
+        transition: transform 0.3s ease-in-out, visibility 0s 0.3s,
+          opacity 0.3s ease-in-out;
+        backdrop-filter: blur(10px);
+        border-right: 1px solid rgba(255, 255, 255, 0.2);
+      }
+
+      #menu.open {
+        transform: translateX(0);
+        visibility: visible;
+        opacity: 1;
+        transition: transform 0.3s ease-in-out, visibility 0s 0s,
+          opacity 0.3s ease-in-out;
+      }
+
+      #menu button {
+        transition: background-color 0.2s ease;
+        background-color: rgba(0, 0, 0, 0.1);
+        margin: 2px;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        gap: 10px;
+        padding: 0.75rem 1rem;
+        width: 100%;
+        text-align: left;
+        border: none;
+        color: #fff;
+        font-size: 1rem;
+        cursor: pointer;
+      }
+
+      #menu button:hover {
+        background-color: rgba(55, 65, 81, 0.7);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="main-content relative">
+      <div class="loader" id="loader">
+        <div class="one"></div>
+        <div class="two"></div>
+        <div class="three"></div>
+        <div class="four"></div>
+      </div>
+      <div
+        class="container mx-auto p-6 bg-white dark:bg-gray-800 shadow-lg rounded-2xl w-full max-w-none"
+      >
+        <h2 class="text-2xl font-semibold mb-4 text-center">
+          会話の文字起こし表示
+        </h2>
+
+        <!-- Hamburger Menu -->
+        <div class="absolute top-4 left-4">
+          <button
+            id="menuButton"
+            class="text-white text-2xl focus:outline-none"
+            onclick="toggleMenu(event)"
+          >
+            <i class="fas fa-bars"></i>
+          </button>
+
+          <!-- Menu Content -->
+          <div
+            id="menu"
+            class="absolute top-0 left-0 h-full w-64 bg-gray-800 text-white transform -translate-x-full transition-transform duration-300 ease-in-out opacity-0 visibility-hidden"
+          >
+            <div class="px-4 py-2 text-lg font-semibold">メニュー</div>
+            <button onclick="showUserRegister()">
+              <i class="fas fa-user-plus"></i> メンバーを追加
+            </button>
+            <button onclick="showRecorder()">
+              <i class="fas fa-microphone"></i> 録音画面を表示
+            </button>
+            <button onclick="showResults()">
+              <i class="fas fa-chart-bar"></i> フィードバックを表示
+            </button>
+            <button onclick="showTalkDetail()">
+              <i class="fas fa-comments"></i> 会話詳細を表示
+            </button>
+            <button onclick="resetAction()">
+              <i class="fas fa-redo"></i> リセット
+            </button>
+            <button onclick="toggleMenu(event)">
+              <i class="fas fa-times"></i> 閉じる
+            </button>
+          </div>
+        </div>
+        <!-- Hamburger Menu End -->
+
+        <div
+          id="transcription"
+          class="p-4 bg-gray-200 dark:bg-gray-700 rounded-lg mb-4 max-h-96 overflow-y-auto"
+        >
+          ここに会話内容が表示されます。
+        </div>
+      </div>
+      <script src="{{ url_for('static', filename='talk_detail.js') }}"></script>
+      <script src="{{ url_for('static', filename='menu.js') }}"></script>
+    </div>
+  </body>
+</html>

templates/userRegister.html

@@ -1,151 +1,148 @@
-<!DOCTYPE html>
-<html lang="ja">
-  <head>
-    <meta charset="UTF-8" />
-    <title>ユーザー音声登録</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://use.fontawesome.com/releases/v5.10.0/js/all.js"></script>
-    <style>
-      @keyframes pulse-scale {
-        0%,
-        100% {
-          transform: scale(1);
-        }
-        50% {
-          transform: scale(1.1);
-        }
-      }
-      .animate-pulse-scale {
-        animation: pulse-scale 1s infinite;
-      }
-
-      /* Record Button Styles */
-      .record-button {
-        width: 50px;
-        height: 50px;
-        background-color: transparent;
-        border-radius: 50%;
-        border: 2px solid white;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
-        transition: all 0.3s ease;
-      }
-      .record-icon {
-        width: 35px;
-        height: 35px;
-        background-color: #d32f2f;
-        border-radius: 50%;
-        transition: all 0.3s ease;
-      }
-      .record-button.recording .record-icon {
-        background-color: #f44336; /* 録音中は赤色 */
-        border-radius: 4px; /* 録音時に赤い部分だけ四角にする */
-      }
-      .recording .record-icon {
-        width: 20px;
-        height: 20px;
-        border-radius: 50%;
-      }
-
-      /* Main Container */
-      body {
-        background: linear-gradient(135deg, #2c3e50, #1f2937);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        min-height: 100vh;
-        font-family: "Arial", sans-serif;
-      }
-
-      /* Main Content Wrapper */
-      .main-content {
-        border: 5px solid rgba(255, 255, 255, 0.2);
-        padding: 2rem;
-        border-radius: 1rem;
-        width: 90%;
-        max-width: 500px;
-        background-color: rgba(0, 0, 0, 0.3);
-        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
-        text-align: center;
-      }
-
-      /* Title */
-      .main-title {
-        font-size: 2.5rem;
-        font-weight: bold;
-        margin-bottom: 1.5rem;
-        color: #fff;
-        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-      }
-
-      /* Buttons */
-      .action-button {
-        margin-top: 1rem;
-        padding: 0.75rem 1.5rem;
-        border-radius: 0.5rem;
-        cursor: pointer;
-        transition: background-color 0.2s ease;
-        width: 100%;
-      }
-
-      .action-button:hover {
-        background-color: rgba(55, 65, 81, 0.7);
-      }
-
-      .back-button {
-        background-color: #607d8b; /* 落ち着いたグレー */
-        color: white;
-      }
-
-      .add-button {
-        background-color: #4caf50; /* 落ち着いた緑色 */
-        color: white;
-      }
-
-      /* Disabled State */
-      .disabled {
-        opacity: 0.5;
-        pointer-events: none;
-      }
-
-      /* Responsive Design */
-      @media (max-width: 640px) {
-        .main-content {
-          padding: 1.5rem;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <!-- Main Content Wrapper -->
-    <div class="main-content relative">
-      <!-- Title -->
-      <div class="main-title">ユーザー音声登録</div>
-
-      <!-- User List -->
-      <div id="people-list" class="space-y-4"></div>
-
-      <!-- Add Button -->
-      <button id="add-btn" class="action-button add-button">
-        <i class="fas fa-user-plus"></i> メンバーを追加
-      </button>
-
-      <!-- Back Button -->
-      <button
-        id="backButton"
-        onclick="goBack()"
-        class="action-button back-button"
-      >
-        戻る
-      </button>
-    </div>
-
-    <script src="{{ url_for('static', filename='register_record.js') }}"></script>
-    
-
-    
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <title>ユーザー音声登録</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://use.fontawesome.com/releases/v5.10.0/js/all.js"></script>
+    <style>
+      @keyframes pulse-scale {
+        0%,
+        100% {
+          transform: scale(1);
+        }
+        50% {
+          transform: scale(1.1);
+        }
+      }
+      .animate-pulse-scale {
+        animation: pulse-scale 1s infinite;
+      }
+
+      /* Record Button Styles */
+      .record-button {
+        width: 50px;
+        height: 50px;
+        background-color: transparent;
+        border-radius: 50%;
+        border: 2px solid white;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
+        transition: all 0.3s ease;
+      }
+      .record-icon {
+        width: 35px;
+        height: 35px;
+        background-color: #d32f2f;
+        border-radius: 50%;
+        transition: all 0.3s ease;
+      }
+      .record-button.recording .record-icon {
+        background-color: #f44336; /* 録音中は赤色 */
+        border-radius: 4px; /* 録音時に赤い部分だけ四角にする */
+      }
+      .recording .record-icon {
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+      }
+
+      /* Main Container */
+      body {
+        background: linear-gradient(135deg, #2c3e50, #1f2937);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        font-family: "Arial", sans-serif;
+      }
+
+      /* Main Content Wrapper */
+      .main-content {
+        border: 5px solid rgba(255, 255, 255, 0.2);
+        padding: 2rem;
+        border-radius: 1rem;
+        width: 90%;
+        max-width: 500px;
+        background-color: rgba(0, 0, 0, 0.3);
+        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
+        text-align: center;
+      }
+
+      /* Title */
+      .main-title {
+        font-size: 2.5rem;
+        font-weight: bold;
+        margin-bottom: 1.5rem;
+        color: #fff;
+        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+      }
+
+      /* Buttons */
+      .action-button {
+        margin-top: 1rem;
+        padding: 0.75rem 1.5rem;
+        border-radius: 0.5rem;
+        cursor: pointer;
+        transition: background-color 0.2s ease;
+        width: 100%;
+      }
+
+      .action-button:hover {
+        background-color: rgba(55, 65, 81, 0.7);
+      }
+
+      .back-button {
+        background-color: #607d8b; /* 落ち着いたグレー */
+        color: white;
+      }
+
+      .add-button {
+        background-color: #4caf50; /* 落ち着いた緑色 */
+        color: white;
+      }
+
+      /* Disabled State */
+      .disabled {
+        opacity: 0.5;
+        pointer-events: none;
+      }
+
+      /* Responsive Design */
+      @media (max-width: 640px) {
+        .main-content {
+          padding: 1.5rem;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Main Content Wrapper -->
+    <div class="main-content relative">
+      <!-- Title -->
+      <div class="main-title">JustTalk</div>
+
+      <!-- User List -->
+      <div id="people-list" class="space-y-4"></div>
+
+      <!-- Add Button -->
+      <button id="add-btn" class="action-button add-button">
+        <i class="fas fa-user-plus"></i> メンバーを追加
+      </button>
+
+      <!-- 録音画面へ移動ボタン(Back Buttonから変更) -->
+      <button
+        id="backButton"
+        onclick="showRecorder()"
+        class="action-button back-button"
+      >
+        <i class="fas fa-microphone"></i> 録音画面を表示
+      </button>
+    </div>
+
+    <script src="{{ url_for('static', filename='register_record.js') }}"></script>
+  </body>
+</html>

transcription.py

@@ -4,6 +4,7 @@ from pydub import AudioSegment
 import string
 import random
 from datetime import datetime
+import shutil
 
 # Matplotlibのキャッシュディレクトリを変更
 os.environ["MPLCONFIGDIR"] = "/tmp/matplotlib"
@@ -19,7 +20,6 @@ class TranscriptionMaker():
         self.output_dir = output_dir
         os.makedirs(self.output_dir, exist_ok=True)
 
-
     #音声ファイルのディレクトリを受け取り、書き起こしファイルを作成する
     def create_transcription(self,audio_directory):
         results = []
@@ -45,6 +45,7 @@ class TranscriptionMaker():
                     "end": segment.end,
                     "text": segment.text
                 })
+
         #ファイルの書き込み。ファイル名は"transcription.txt"
         output_file=os.path.join(self.output_dir,"transcription.txt")
         try:
@@ -56,54 +57,34 @@ class TranscriptionMaker():
             raise
         return output_file
     
-    #ファイル名が連続しているならくっつける
-    def merge_segments(self,segments_dir,output_dir = "/tmp/data/merged_segment"):
+    #ディレクトリ内の音声ファイルをくっつける
+    def merge_segments(self, segments_dir, output_dir="/tmp/data/merged_segment"):
         if not os.path.exists(output_dir):
             os.makedirs(output_dir, exist_ok=True)
 
         files = sorted([f for f in os.listdir(segments_dir) if f.endswith('.wav')])
 
-        merged_files = []
-        current_group = []
-        previous_index = None
+        if len(files) <= 1:
+            print('No need to merge')
+            single_file_path = os.path.join(segments_dir, files[0])
+            destination_path = os.path.join(output_dir, files[0])
+            shutil.copy(single_file_path, destination_path)
+            print(f"ファイル {files[0]} を {output_dir} に移動しました。")
+            return output_dir
+
+        combined_audio = AudioSegment.empty()
 
         for file in files:
-            # ファイル名から番号を抽出（例: "0.wav" -> 0）
-            file_index = int(file.split('.')[0])
-        
-            # 番号が連続していない場合、新しいグループを作成
-            if previous_index is not None and file_index != previous_index + 1:
-                # 現在のグループを結合して保存
-                if current_group:
-                    merged_files.append(current_group)
-                current_group = []
-        
-            # 現在のファイルをグループに追加
-            current_group.append(file)
-            previous_index = file_index
+            file_path = os.path.join(segments_dir, file)
+            segment = AudioSegment.from_file(file_path)
+            combined_audio += segment
 
-        # 最後のグループを追加
-        if current_group:
-            merged_files.append(current_group)
-    
-        # グループごとに結合して保存
-        for i, group in enumerate(merged_files):
-            combined_audio = AudioSegment.empty()
-            for file in group:
-                file_path = os.path.join(segments_dir, file)
-                segment = AudioSegment.from_file(file_path)
-                combined_audio += segment
-            # 出力ファイル名を設定して保存
-            output_file = os.path.join(output_dir, self.generate_filename(3))
-            combined_audio.export(output_file, format='wav')
+        output_file = os.path.join(output_dir, self.generate_filename())
 
+        combined_audio.export(output_file, format="wav")
         return output_dir
-    
-    def generate_random_string(self,length):
-        letters = string.ascii_letters + string.digits
-        return ''.join(random.choice(letters) for i in range(length))
 
-    def generate_filename(self,random_length):
+    def generate_filename(self):
         current_time = datetime.now().strftime("%Y%m%d%H%M%S")
         filename = f"{current_time}.wav"
         return filename