ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2