THETA_GL sample page

RICHO THETA S の映像をWebGL(three.js)とUVマッピングを用いて、全天球動画としてブラウザで表示するTHETA_GLのサンプルです

録画した映像ファイルを表示

HETA Sで録画した映像ファイルを表示するサンプルです
movie_360.html

USBカメラとして接続して利用

navigator.getUserMedia()を利用してカメラ映像を取り込んだものを表示するサンプルです
theta_360.html

WebRTC SFU 配信映像を利用

WebRTC SFU as a Service Anzuの配信映像を表示するサンプルです
配信: theta_anzu_uphtml
視聴: theta_anzu_360.html
~~※Anzuダッシュボードで配信を開始してから、チャネルIDを指定して接続してください~~

AnzuダッシュボードでチャンネルIDと配信用トークンを確認してください
配信用ページ theta_anzu_up.htmlでチャンネルIDと配信用トークンを指定して配信を開始してください
視聴用ページ theta_anzu_360.htmlでチャンネルIDを指定して接続してください

動作環境

次の環境で動作確認しています
- Mac OS X用 Chrome 47.0.2526.106 (64-bit)
- Mac OS X用 Firefox 43.0.
- Windows用 Chrome 47.0.2526.106 m
- Windows用 Firefox 43.0.2
※Android用Firefoxでは、m4v形式のためか録画した映像ファイルは再生できていません