| 要素名 | 説明 | イベント | 備考 | トルツメ | |
|---|---|---|---|---|---|
| 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 で指定しました」緑トースト 失敗時：「歌唱日時を指定できませんでした。しばらく経ってから再度お試しください」赤トースト | |