Googleストリートビューあたりからマウスで視点を変更できるサービスが増えてきたように思います。そしてさらにスマートフォンでパノラマ写真が撮れるようになり、単にフルスクリーン表示するだけではない写真コンテンツが増えています。 そこにきてさらに360度視野を実現する動画コンテンツが出てきました。そのためのビューワーがPaView.jsです。

PaView.jsの使い方

こちらがデモです。動画が再生する中、視点やズームができます。

動画なので動きながら色々なところを見ていけます。

ズームもできます。

PaView.jsに対応したコンテンツを作るのはGoProを6台組み合わせた360度カメラになります。それを使って動画を撮ることで、PaView.jsで自由に視点が変更できる動画が出来上がる仕組みです。デモをぜひ見てください！

PaView.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

PaView.js - JavaScript Spherical Movie Viewer Demo Page aike/paview.js