動画共有サービスから360度動画を埋め込み配信

動画共有サービスから360度動画を埋め込み配信
安城デンパークにて Insta360 Airで撮影

 
=ウェブ埋め込みで提示した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で構築して配信
 
 
<備考>最初の動画の再生では Progress barが表示されない不具合がソフトにあるので、ダミーのスタート画像を示した後に再生するようにした。
別記「Panotour Proで360度映像をプレイリスト付き配信」を参照。
 
  =ブラウザの対応状況=
マシンパワーと適切な通信環境が必要。微力だとガク々再生となり動画が呼び込まれずスルーしてしまう場合がある。
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未対応
サイトへは こちら
 
   
2) Facebookへ投稿埋め込みページ
サイトへは こちら
 
   
3) Dailymotionへ投稿埋め込みページ
サイトへは こちら
 
   
4) Vimeoへ投稿埋め込みページ
サイトへは こちら
 
   
5) ハコスコストアへ投稿埋め込みページ
サイトへは こちら
 
   
6) PanoPlaza Movieへ投稿 埋め込みページ
サイトへは こちら
 
   
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
 
Windows
10
(CF-AX2)
IE11
X
,h)
X
X
X
X
Edge40
X a)
,h)
b
Firefox53/64
bcXa
b
Opera44
b)
bb
bb
b
Chrome58
b)
bb
bb
b
MacOSX
10.12
(Macmin)
Safari11.0.1
X
X
X
Safari11.0.2
m
再生進
行せず
X
X
m
再生進
行せず
Firefox53
X
Opera47
q)
Chrome61
Ubuntu
16.0.4
(x32,EGG)
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
iOS
10.3.3
(iPad
mini4)
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度ビュー可能 ) ┓(´_`)┏

 最上段へ