✅️ [仕様] 曲別の歌唱日時指定画面(詳細)
✅️ [仕様] 曲別の歌唱日時指定画面(詳細)
| 要素名 | 説明 | イベント | 備考 | トルツメ | |
|---|---|---|---|---|---|
| 1.1 | ヘッダ:タイトル | 歌唱日時指定 (曲名…) | 曲名は…詰め | ||
| 2 | 指定曲の選び方 ラジオボタン | ・最新の歌唱を選択する ・自分で選択して固定する | 常に最新曲を選ぶがデフォ 指定したあとは指定するがデフォ | ||
| 3.1 | プレビュー | 選択した歌唱のプレビューが表示される 映像・音声・OBS別にUI表示(Figma参照) 読み込み中はくるくる | プレビューの再生ボタンを押せば再生され、停止ボタンを押せば停止される | ||
| 3.3 | 再生 ↔ 一時停止ボタン | タップすると一時停止↔再生 | |||
| 3.4 | 再生バー | Figma参照 | タップするとそこまで移動 | ||
| 4a | 日時一覧モーダル | 指定中のものがある場合は、1版上は指定中で固定、仕切りも太くし、開いたときはそれがActive(ピンク背景・プレビュー読み込み開始) その下は最新順に並ぶ 指定中のものがない場合は、最新順に並び、一番上がActive状態(ピンク背景・プレビュー読み込み開始) UIそのものは↓参照 | タップすると プレビューが変わり、自動再生される | 曲がない場合は非表示 |
■ 日時一覧の各表示要素
| 例 | イベント | トルツメ | ||
|---|---|---|---|---|
| 0 | 全体 | - | タップすると プレビューが変わり、自動再生される | |
| 1 | 日付 (YYYY/MM/dd HH:mm) | 2025/01/25 18:25 | ー | |
| 1.1 | 声出し/ビデオ/OBSかのマーク | ー | ||
| 2 | その時の配信タイトル | 『MISIA歌うよ〜』 | ー | データなければなし |
| 3.1 | 切取箇所変更ボタン | 切取箇所変更 | タップで日時一覧モーダル部分が、 に遷移する | アクティブじゃないときは無し |
| 3.2 | 指定中 ↔ 指定ボタン | 指定中のときは 指定中 そうでないときは 指定 | タップすると指定中 ↔ 指定が切り替わり、指定中の場合はトースト出す ■ トースト表示(新規追記) 成功時:「歌唱日時を YYYY/MM/DD HH:mm で指定しました」緑トースト 失敗時:「歌唱日時を指定できませんでした。しばらく経ってから再度お試しください」赤トースト |