Skip to content

Conversation

@sigprogramming
Copy link
Collaborator

内容

以下を行います。

  • 再生ヘッド(再生位置インジケータ)の描画処理を実装
    • DOM + translateで実装
  • 再生時の再生ヘッド位置の更新をストア側で行うように
    • requestAnimationFrameを使用して更新(最大60fps)
  • オートスクロールを実装
    • 再生ヘッドが表示範囲の外に出たらスクロール
    • 停止時でも再生ヘッド移動(シーク)時にスクロール
  • リファクタリング

関連 Issue

VOICEVOX/voicevox_project#15

スクリーンショット・動画など

2023-11-11.234147.mp4

その他

@sigprogramming sigprogramming requested a review from a team as a code owner November 11, 2023 15:21
Copy link
Member

@Hiroshiba Hiroshiba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

再生位置がしっかり追従していてすごいなと思いました!!!!

いくつかコメントしていますが、ドキュメント(というよりメモ)の追加と質問のとこが主です!

Comment on lines +50 to +55
<div
class="sequencer-ruler-playhead"
:style="{
transform: `translateX(${playheadX - offset}px)`,
}"
></div>
Copy link
Member

@Hiroshiba Hiroshiba Nov 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

将来的にルーラー部分とシーケンサー部分の共通の親にplayheadを1つだけもたせる形にしても良いかもですね!

Copy link
Member

@Hiroshiba Hiroshiba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!!

レビューが遅れてしまってすみませんでした 🙇
スピード優先なはずなので、次からは大問題がなければコメントしつつとりあえずマージさせて頂く形にしようかなと・・・!

@Hiroshiba Hiroshiba merged commit e4a308b into VOICEVOX:project-s Nov 20, 2023
@sigprogramming sigprogramming deleted the playhead branch December 1, 2023 15:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants