エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス
VR元年と呼ばれた2016年から早くも1年が経過し現在では多くのVRコンテンツが提供されています。その中で... VR元年と呼ばれた2016年から早くも1年が経過し現在では多くのVRコンテンツが提供されています。その中でも比較的簡単に導入できるコンテンツとして360度動画があります。今ではRICHOのTHETAやハコスコのinsta360を使えば簡単に360度動画を撮影しSNSでシェアすることが可能です。今回は360度動画をWebページに埋め込みブラウザ上での視聴を実現する方法をいくつかご紹介します。 A-Frame A-Frameは以前当社のブログでも紹介したことがあるライブラリです。A-Frameにはvideosphereというコンポーネントが用意されています。下記のようにHTMLファイルに記述するだけで360度動画を表示させることができます。 <a-scene embedded> <a-assets> <video id="video" autoplay loop="true" playsinl