RotateScreen

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

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

機能

• 動画を90度、180度、270度に回転
• フリー回転: ボタン長押しで任意の角度に回転（斜め撮影動画対応）
• 左右反転（ミラー）: Hキーで動画を左右反転（iPhoneインカメラ動画対応）
• ズーム: マウスホイールまたは+/-キーで動画を拡大/縮小（0.5x〜5x）
• パン: ズーム中にドラッグで表示位置を移動
• キーボードショートカット（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キー	左右反転（ミラー）を切り替え
マウスホイール	ズームイン/アウト（動画上で操作）
+キー / -キー	ズームイン/アウト
0キー	ズームを等倍にリセット
ドラッグ	ズーム中に表示位置を移動

ズーム機能

• ズーム範囲: 0.5x〜5x
• 動画上でマウスホイールを回すとズームイン/アウト
• キーボードの+/-キーでもズーム操作可能
• 0キーでズームを等倍にリセット
• ズーム中は動画をドラッグして表示位置を調整可能
• 回転・ミラーと組み合わせて使用可能

設定

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

• ボタンの表示位置: オーバーレイ（動画左上）またはコントロールバー（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