360度動画をブラウザ上で再生する方法 | フロントエンドBlog | ミツエーリンクス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
