Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

録音画面

基本情報

項目内容
画面IDSCR-003
画面名録音画面
URL/パス/recording
認証要否要(ログイン済みユーザー)

画面概要

音声メモを録音するための画面。リアルタイムで音声波形を表示し、録音の一時停止・再開が可能。録音完了後はAIによる整形処理へ遷移する。

画面イメージ

録音中

録音画面

一時停止中

録音画面一時停止

画面要素一覧

ヘッダー部

要素ID要素名種別必須説明
btn_back戻るボタンアイコン-前画面へ戻る(録音破棄確認あり)
recording_indicator録音インジケーターバッジ-赤い●と経過時間を表示(MM:SS形式)

波形表示エリア

要素ID要素名種別必須説明
waveform_area波形表示エリアコンテナ-音声波形を表示するエリア
waveform音声波形グラフィック-リアルタイムで音声入力レベルを波形で可視化(青→ピンクのグラデーション)

操作ボタン

要素ID要素名種別必須説明
btn_pause一時停止ボタンアイコン-録音を一時停止(⏸アイコン)
btn_resume再開ボタンアイコン-一時停止中に表示、録音を再開(▷アイコン)
btn_complete完了ボタンボタン-「完了してAI整形する」録音を終了しAI処理開始

画面遷移

遷移元

遷移元条件/アクション
ホーム画面音声入力ボタン(FAB)押下

遷移先

遷移先条件/アクション
ホーム画面完了してAI整形するボタン押下(通知トーストを表示して遷移)

API連携

メソッドエンドポイント用途
POST/api/voice/memos音声アップロード・文字起こし・AI整形を一括処理する

バリデーション

項目ルールエラーメッセージ例
録音時間最低1秒以上の録音が必要録音時間が短すぎます
録音時間最大60分まで録音時間の上限に達しました
マイク権限マイクへのアクセス許可が必要マイクへのアクセスを許可してください

状態

状態説明画像
録音中波形がアニメーションし、経過時間が更新されるSCR-003_録音画面.png
一時停止中波形が静止し、再開ボタンが表示されるSCR-003_録音画面一時停止.png

備考

  • ログイン済みユーザー専用画面
  • 録音中は画面スリープを無効化
  • バックグラウンド移行時は録音を自動的に一時停止
  • 録音データはローカルに一時保存され、完了時にサーバーへアップロード
  • 戻るボタン押下時は録音破棄確認ダイアログを表示
  • 録音インジケーターの●は録音中に点滅アニメーション