Skip to content

ymoage/RotateScreen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RotateScreen

YouTube動画を任意の角度に回転表示するChrome拡張機能です。

横向きで撮影された動画を正しい向きで視聴できます。

機能

  • 動画を90度、180度、270度に回転
  • フリー回転: ボタン長押しで任意の角度に回転(斜め撮影動画対応)
  • 左右反転(ミラー): Hキーで動画を左右反転(iPhoneインカメラ動画対応)
  • キーボードショートカット(Rキー / Hキー)で素早く操作
  • 動画プレイヤー上のボタンで操作
  • ボタン表示位置を選択可能(オーバーレイ / YouTubeコントロールバー)
  • 動画ごとの回転設定を記憶
  • 動画切り替え時の回転リセット設定
  • 顔検出による自動回転(実験機能)
  • AI判定による回転検出(Gemini API使用、手動実行)

インストール方法

方法1: Releasesからダウンロード(推奨)

  1. Releasesから最新のRotateScreen-vX.X.X.zipをダウンロード
  2. ZIPファイルを解凍
  3. Chromeで chrome://extensions を開く
  4. 右上の「デベロッパーモード」をONにする
  5. 「パッケージ化されていない拡張機能を読み込む」をクリック
  6. 解凍したフォルダを選択

方法2: ソースコードから直接インストール

  1. このリポジトリをクローンまたはダウンロード
  2. Chromeで chrome://extensions を開く
  3. 右上の「デベロッパーモード」をONにする
  4. 「パッケージ化されていない拡張機能を読み込む」をクリック
  5. srcフォルダを選択(リポジトリのルートではなくsrcフォルダを選んでください)

方法3: ビルドして使用

PowerShell (Windows):

# リポジトリをクローン
git clone https://github.com/ymoage/RotateScreen.git
cd RotateScreen

# ビルド(distフォルダに出力)
.\scripts\build.ps1

# ZIP作成も含める場合
.\scripts\build.ps1 -Zip

Node.js:

npm run build      # distフォルダに出力
npm run package    # ZIP作成も含める

ビルド後、distフォルダまたは生成されたRotateScreen-vX.X.X.zipを使用してインストールできます。

使い方

  1. YouTubeで動画を開く
  2. 動画プレイヤーの左上に表示される回転ボタンをクリック、またはRキーを押す
  3. クリックするたびに90度ずつ回転します
  4. ダブルクリックで回転をリセット

操作一覧

操作 動作
クリック / Rキー 90度ずつ回転
長押し フリー回転(任意角度にゆっくり回転)
右クリック AI判定(Gemini APIで向きを自動判定)
ダブルクリック 回転・ミラーをリセット
Hキー 左右反転(ミラー)を切り替え

設定

拡張機能アイコンを右クリック → 「オプション」で設定画面を開けます。

  • ボタンの表示位置: オーバーレイ(動画左上)またはコントロールバー(YouTube UIに統合)
  • 回転ショートカットキー: Rキー / Alt+R / Ctrl+Shift+R から選択
  • 左右反転ショートカットキー: Hキー / Alt+H / Ctrl+Shift+H / 無効 から選択
  • 自動回転検出: 顔検出により動画の向きを自動判定(実験機能)
  • 別の動画に切り替えたときに回転をリセット: オン/オフ
  • 動画ごとの回転設定を記憶: オン/オフ

AI判定機能

回転ボタンを右クリックすると、AIが動画の向きを判定して自動回転します。

接続方式

方式 特徴
Gemini API直接(簡単) APIキーを設定するだけで利用可能。モデル選択可能。
Cloudflare Worker経由(上級者向け) 自前のWorkerをデプロイして使用。APIキーをローカルに保存しない。

Gemini API直接の設定

  1. Google AI Studio でAPIキーを取得
  2. オプション画面で「Gemini API直接」を選択
  3. APIキーを入力
  4. 🔄ボタンでモデル一覧を取得し、使用するモデルを選択

Cloudflare Worker経由の設定

詳細は cloudflare-worker/README.md を参照してください。

ライセンス

MIT License

About

YouTube動画を回転表示するChrome拡張機能

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •