🎞️

Youtubeの再生速度を変更できるスライダー(Chrome拡張機能)を作ってみた

に公開

Google AI StudioとCursorを使ってYoutubeの再生速度を変更できるスライダー(Chrome拡張機能)を作ってみた話

Chromeウェブストアで公開されています!

YouTube Speed Slider

きっかけ

  • 普段から見る動画によって再生速度を変更するので、すぐに再生速度を変更できる拡張機能が欲しかった
  • 既に公開されている拡張機能はどのサイトでも使えて多機能だったが、上部の拡張機能ボタンを押さないといけなくて面倒だった

言語

JavaScript/CSS

AIツール

  • Google AI Studio
  • Cursor

作成時間

20分+

機能

  • 再生速度を直感的に変更できる
  • 0.25x ~ 3.0xまで変更可能
    • アップデートで0.1x ~ 5.0xまで変更できるようにしました

  • 再生速度をダブルクリックすると再生速度がリセットされて1.0xになります

強み

  • フルスクリーンでも使える

弱み

  • Youtubeでしか使えない

嬉しい誤算

Youtube標準の0.25x ~ 2.0xで考えていたが、3.0xまで上限突破できた
なんならもっといけそう
→いけました。0.1x ~ 5.0xまで対応

Chrome Web Storeに審査を出しました

  • 5ドル払ってDevとして登録し、審査を出しました(2025/06/09)
  • 審査が通りました(2025/6/11)

GitHub(YoutubeSpeedSlider)

Discussion