|
|
|
＝ウェブ埋め込みで提示した360度全天球動画への各ブラウザの対応＝
|
|
（2017.06.04作成）
|
|
|
|
| |
Insta360
Airを用いて、Androidスマホ（GALAXY Note Edge SC-01G)で
360度全天球動画（960P、8Mbps)を撮影した（別記「Insta360
Airで360度全天球の静止画と動画を撮影」を参照)。撮影動画を
PCへ持ってきて、AVS Video ReMakerを用いて無劣化で編集（カット/結合)した。編集後は
360用メタデータが消失するので、360 Video Metadata Toolでメタデータを挿入して、7種類の動画共有サービスへ投稿した（THETA
S動画の場合と同じ。 こちらを参照)。
そして、一般公開としてウェブ埋め込み方式で配信し、各種ディバイスのブラウザの対応状況を比較した。
|
|
＜参考1＞GALAXY
Note Edge SC-01Gのスペック
|
| |
プロセッサ：Qualcomm
APQ8084 2.7GHz（クアッドコア)
OS: Android 6.0.1
ディスプレイサイズ：5.6型、解像度：(1440+160）×2560 ドット
メモリ：ROM 32GB、RAM 3GB
カメラ機能：静止画 5312×2988、動画 3840×2160
|
|
|
＜参考2＞Insta360
STUDIOで編集した 2D動画 ⇒ 個別ページへ
|
| |
画面の視点を自在に変えた
2D動画の作成が可能なので、撮影した人が視聴者に注視して欲しい視野の方向をプレゼンテーションするのに利用出来る（こちらを参照)。
|
| |
|
|
|
|
|
| |
| |
|
I.
自前サイトから配信
|
| |
1)
Google VR View（iframe方式)で構築して配信：IE,
Edgeは 未対応
|
| |
シークバーは再生中消せないので邪魔だが、カードボードモードでは非表示となる。
|
| |
タップしてスタート。タップ毎に
[再生] ⇔ [一時停止] します。
|
|
| |
|
|
| |
| |
|
| |
1)
Windowsブラウザ （Windows10,
タッチパネル液晶付きCF-AX2)
・IExplorer11は、再生すら出来ない。
・MS
Edge40は、360度ビュー形式で再生するのだが、ナッ何んと！マウスでのドラッグ操作に反応しない（視点を変更させる操作が出来ない)
┓(´_`)┏
・Firefox53は、360度ビュー可能だが、「タップするたびに再生/
一時停止」操作に反応しない。
・Opera44, Chrome58は、360度ビュー可能だが、指でのドラッグ操作に反応しない。
2) Macブラウザ （MacOSX10.12.6、Mac
mini Late 2014)
・Safari11.0, Firefox55,
Opera47, Chrome61は、360度ビュー可能。
3) Ubuntuブラウザ （Ubuntu
16.04 LTS 、EGGマシン)
・Firefox54,Vivaldi1.13,
Chromium62, Midori0.5.11は、360度ビュー可能。
・Opera45（HTML5ビデオMP4に未対応)は、再生すら出来ない。
4) Androidブラウザ（Android
6.0.1、GALAXY Note Edge
SC-01G)
・標準ブラウザ4.0, Opera42, Chrome58は、360度ビュー可能。本体を傾けると視点が同じ方向に追従して移動する事も可能だ
＼(^o^)／
・Firefox55は、映像を描画出来ない（PCサイトモードでもダメ) 。
・Edge1.0.0は、360度ビュー形式で再生するが
ドラッグ操作に反応しない。
カードボードモードに変更して
VRゴーグルで 3D視聴が出来る機能を搭載
|
|
・ 標準ブラウザ,
Opera, Chromeは、問題なく 360度全方向に奥行きのある仮想現実感（バーチャルリアリティ)が楽しめる。
5) iOSブラウザ（iOS
10.3.3、iPad mini4)
・Safari10.0, Chrome60は、360度ビュー可能だが一時停止出来ない。
・Puffin5.2.0は、再生すら出来ない。
|
|
|
|
| |
|
| |
| |
2)
Panotour Pro 2.5で構築して配信
|
|
|
| |
|
| |
|
| |
マシンパワーと適切な通信環境が必要。微力だとガク々再生となり動画が呼び込まれずスルーしてしまう場合がある。
1) Windowsブラウザ
（Windows10、タッチパネル液晶付きCF-AX2)
・IExplorer11,
MS Edge40は、360度ビュー可能だが、パワー不足の機種ではガク々再生となる。
・ Firefox53,
Opera44,
Chrome58は、問題なく360度ビュー可能。
いずれも指でのドラッグ操作可能！
＜注意＞Opera57,
Chrome71でタッチ操作するには、Chrome://flags等で
[Touch
Events
API]を有効化する必要があった（こちらを参照)。
2) Macブラウザ
（MacOSX10.12.6、Mac
mini
Late
2014)
・Safari11.0.1,
Firefox55,
Chrome61,Edge1.0.0は、問題なく360度ビュー可能。
・Opera47は、動画によっては再生エラーとなる場合がある。
＊Safari11.0.2は、再生が進行しなくなってしまった
┓(´_`)┏
3) Ubuntuブラウザ
（Ubuntu
16.04
LTS
、EGGマシン)
・Firefox54,
Vivaldi1.13,
Chromium62,
Midori0.5.11は、360度ビュー可能。
・Opera45（HTML5ビデオMP4に未対応)は、再生すら出来ない。
4) Androidブラウザ（Android
6.0.1、GALAXY
Note
Edge
SC-01G)
・標準ブラウザ4.0,
Opera42,
Chrome58は、360度ビュー可能。本体を傾けると視点が同じ方向に追従して移動する事も可能。
カードボードモードへ変更するとバーチャルリアリティが楽しめるが、標準ブラウザはプレイが停止してしまう。
・Firefox55は、360度ビュー可能だが再生が進行しない
。
5) iOSブラウザ（iOS
10.3.3、iPad
mini
4)
・Safari10.0,
Chrome60は、360度ビューも視点の追従移動も可能。
・Puffin5.2.0は、[モバイル向け表示]では再生すら出来ないが、[PC版サイトを見る]にすれば
360度ビューも出来るようになる。
|
|
|
|
|
|
| |
|
| |
|
| |
II. 動画共有サービスから配信
|
|
|
| |
|
1) YouTubeへ投稿
⇒ 埋め込みページへ
Androidブラウザ, Safari未対応
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
|
|
|
|
|
| |
|
7) Littlstar
Japanへ投稿 ⇒ 埋め込みページへ
⇒ ⇒ 何時の間にか、一般公開の受信が可能となっていた！
|
|
|
|
|
| |
|
＜成績＞各ブラウザの
360度全天球動画再生の可否
|
| |
◯印:360度ビュー可能、X印:360度ビュー不可、△印:ビューに問題あり、X印:再生不可
|
|
|
| |
|
ディバイス
|
ブラウザ
|
|
I. 自前配信
|
II. 動画共有サイト
|
|
Google
VR
View
|
Pano-
tour
Pro 2.5
|
You-
Tube
|
Face-
book
|
Daily-
motion
|
Vimeo
|
ハコスコ
ストア
|
Pano-
Plaza
Movie
|
Littl-
star
Japan
|
|
|
IE11
|
X
|
◯,△h)
|
◯
|
X
|
X
|
X
|
◯
|
◯
|
X
|
|
Edge40
|
X
a)
|
◯,△h)
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯b
|
|
Firefox53/64
|
◯bc→Xa
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯b
|
|
Opera44
|
◯ b)
|
◯bb
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯bb
|
◯b
|
|
Chrome58
|
◯ b)
|
◯bb
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯bb
|
◯b
|
|
|
Safari11.0.1
|
◯
|
◯
|
X
|
◯
|
X
|
X
|
◯
|
◯
|
◯
|
|
Safari11.0.2
|
◯
|
▼m
再生進
行せず
|
◯
|
◯
|
X
|
X
|
◯
|
▼m
再生進
行せず
|
◯
|
|
Firefox53
|
◯
|
◯
|
◯
|
X
|
◯
|
◯
|
◯
|
◯
|
◯
|
|
Opera47
|
◯
|
◯ q)
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
|
Chrome61
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
|
|
Firefox54
|
◯
|
◯
|
◯
|
X
|
◯
|
◯
|
◯
|
◯
|
△h)
|
|
Opera45
|
X
|
X
|
◯
|
X
|
X
|
Xd)
|
X
|
X
|
X
|
|
Vivaldi1.13
|
◯
|
◯
|
◯
|
◯
|
XSite◯
|
◯
|
◯
|
◯
|
◯
|
|
Chromium62
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
|
Midori0.5.11
|
◯
|
◯
|
X
|
X
|
XCrash
|
◯SiteX
|
X
|
X
|
△h)
|
|
Android
6.0.1
（GALAXY
SC-01G)
|
|
ブラウザ4.0
|
◯
e)
|
△ee)
|
X
f)
|
◯
|
◯
|
◯
|
Xd,f)
|
X
d,f)
|
X
a)
|
|
Firefox55
|
X
d,i)
|
▼m,i)
|
X
d,i)
|
X
i)
|
X
d,i)
|
Xd,i)
|
Xd,i)
|
X
d,i)
|
X
|
|
Opera42
|
◯
e)
|
◯
e)
|
◯
|
△k)
|
◯
|
◯
|
Xd,l)
|
X
d,l)
|
X
a)
|
|
Chrome58
|
◯
e)
|
◯
e)
|
◯
|
◯
|
◯
|
◯
|
◯
|
◯
|
X
a)
|
|
Edge1.0.0
|
X
a)
|
◯
e)
|
◯
|
X四分
|
◯
|
◯
|
Xd)
|
X
d)
|
X
|
|
|
Safari10.0
|
△p)
|
◯
n)
|
X
|
X
|
X
|
X
|
◯
|
◯
|
X
|
|
Chrome60
|
△p)
|
◯
n)
|
X
|
X
|
X
|
X
|
◯
|
◯
|
X
|
|
Puffin5.2
|
X
|
△oo)
|
X
|
X
|
X
|
X
|
X
|
△o)
|
X
|
|
| |
|
|
|
|
| |
a)
|
360度ビュー形式で再生するが、ナッ何んと！ドラッグ操作に反応しない
|
| |
b)
|
タッチパネル液晶付きPC（CF-AX2)で、指でのドラッグ操作に反応しない
|
| |
bb)
|
Opera57, Chrome71でタッチ操作するには、Chrome://flags等で
[Touch Events API]を有効化する必要があった（ こちらを参照)。但し、YouTubes～ハコスコストアは、Touch
Events APIが Disabledのままでもドラッグ操作可能だ
?(゜_。)? |
| |
c)
|
「タップするたびに再生/ 一時停止」操作に反応しない
|
| |
d)
|
描画不可
|
| |
e)
|
カードボードモードに変更して
3D視聴も可能
|
| |
ee)
|
カードボードモードで 3D視聴可能だが、プレイが停止してしまう
|
| |
f)
|
PC版を表示でもダメ
|
| |
g)
|
再生は可能だが上手く360度ビュー出来ない
|
| |
h)
|
ガク々ツアー/ガク々再生
|
| |
i)
|
PCサイトモードでもダメ（△PCサイトモードなら再生)
|
| |
j)
|
本体を傾けても視点を同じ方向に追従して移動出来ない
|
| |
k)
|
タブレットにする必要あり、 l：タブレットでもダメ
|
| |
m)
|
360度ビューも視点の追従移動も可能だが、再生が進行しない
|
| |
n)
|
自動ループ再生不可
|
| |
0)
|
PC版サイトを見るにする必要あり
|
| |
oo)
|
[PC版サイトを見る]にすれば
再生可能。エラー表示されるが、サムネイル
からならスタート可能となる！
|
| |
p)
|
一時停止出来ない
|
| |
q)
|
自動ツアーの際、動画によっては再生出来ない場合がある。
|
|
|
|
|
|
|
|
|
|
|
＜追記＞ 360度全天球映像を含んだ写真集のスライドショー
|
| |
| |
|
1)
Googleフォトへ投稿して提示
⇒ こちら
から入場
|
| |
＜成績＞360度ビュー可能なブラウザは、スライドショー時にも
360度ビューが可能だ ＼(^o^)／
但し、Androidブラウザなら
[PC版を表示]にして閲覧、iOSの Safariなら [デスクトップ用サイトを表示]にして閲覧する等の前準備が必要。
なお、アプリ「Googleフォト」がインストールされていると、スマートフォンのブラウザはリンク部位をロングタップして
[新規タブで開く]で実行しないと、「Googleフォト」が起動してしまうので注意。
|
|
|
2) Flickrへ投稿して提示
⇒ こちら
から入場 |
| |
＜成績＞
スライドショー時に360度ビュー出来ない（コマ送りなら360度ビュー可能
) ┓(´_`)┏
|
|
|
|
