Youtube VR

YouTube-Vr

YouTube 360​​ビデオにブラウザ、PC VRサポートを追加します。

https://addons.mozilla.org/en-us/firefox/addon/youtube-vr/にインストールできます（注バージョン0.3.0のみ、および以降はこのリポジトリで同期します）

この拡張機能を使用するには：

1. YouTubeの360ビデオに移動します。
2. ブラウザの右上にある拡張機能アイコン（VRヘッドセット）をクリックします（VRヘッドセット：2つの白い正方形と下部にノッチが付いた黒い長方形）。
3. 左上隅にポップアップが表示されている場合は、ページにVRを許可する必要がある場合があります（そのポップアップをチェックして、常にVRを許可することができます）。
4. 画面の右側に表示される小さなビデオプレーヤーの360ボタンをクリックします。
5. そのビデオのコントロールのVRヘッドセットボタンをクリックします。
6. PC VRヘッドセットでビデオをお楽しみください。ここにリストされているサポートされているヘッドセット：https：//github.com/videojs/videojs-vr#oculus-rift-and-htc-vive-support
7. VRを終了するには、小さなビデオのコントロールで同じVRヘッドセットボタンをクリックします。
8. 既に小さなビデオプレーヤーを持っているページの新しいビデオに移動する場合、アドオンのアイコンを再度クリックするのではなく、「ビデオの更新」ボタンをクリックしてVRの新しいビデオを視聴し始める必要があります。ステップ7に記載されているように、VRを終了して更新する必要があります。

トラブルシューティング：正方形にごちゃごちゃに見えるビデオが表示されている場合は、「EAC（デフォルト））ドロップダウン（小さなビデオプレーヤーの下）をクリックして「360、Sphere、または」を選択して、360（Equirectangular）形式に切り替える必要があります。 equirectangular "オプション。同様に、上部と下部に向かってくすくすビデオが表示されている場合は、同じボタンでEAC形式に戻ります。いくつかの機能が複数回表示されているビデオが表示されている場合、またはタイトルに3Dが記載されている場合は、3Dオプションを試すことができます。これは、名前の最後に_LRまたは_TBがあるオプションです。

クローニングリポジトリと開発：クローニング後、アドオンのルートフォルダーで「npmインストール」を実行します（ノードバージョン> 10とnpmが必要です（ノード14.14.0およびnpm 6.14.8を使用しましたが、古いバージョンは機能するはずです）。これにより、依存関係（video.jsおよびvideojs-vr）が取得され、インストールスクリプトはvideo.min.js、video-js.min.css、videojs-vr.min.js、およびvideojs-vr.cssをコピーします。 node_modulesとルートに。インストールスクリプトはWindowsで動作し、他のOSで動作するはずですが、動作させることができない場合は、もちろんそれらのファイルを自分でコピーすることができます（場所についてはinstallscript.jsを参照）。

Firefoxアドオンストアにバージョンをリリースします：すべてのファイルとアイコンフォルダー（既に持っている場合は.git、node_modules、zipファイルを除くすべて）を選択し、zipファイル（youtubevr.zip）に追加/送信します。 zipをFirefoxアドオンストアにアップロードします。