SublimeVideoの使い方(「HTML5 ビデオ配信」コーナーの 該当セクションを参照)
「SublimeVideoを利用したH.264ビデオの配信」へ
「MP4, WebMを字幕付き配信」へ
「プレイリスト表示の設定」へ
「プレイリスト右側表示の設定」へ
「HD Switching試験:サーバーで相違」へ

SublimeVideoを利用したH.264ビデオの配信

SublimeVideoを利用したH.264ビデオの配信

 
スマフォは横画面表示専用ページ
 
=SublimeVideoは特異設定のHTML5 ビデオ配信用プレイヤー=
(2013.06.02作成)
I. SublimeVideoの設定方法
SublimeVideoを利用するには、他のHTML5 Video Player(HTML5ビデオプレイヤーツール)とは異なり、先ずは本家サイトにアクセスして右上の [SIGN UP]ボタンからEmailとPasswodを入力後、自分の配信サイトを登録してHOSTNAME(8文字から成るID)を取得する必要がある。
即ち、多くのHTML5 Video Playerは 配信用プレイヤーツールをダウンロードして自分のサイトにアップする方式なのだが、 SublimeVideoは認証を受けたサイトでのみ配信用プレイヤーの利用が可能となると云うややこしいサイト登録方式なのだ。
残念ながら、専用のグローバルIPアドレスを持たない自宅サーバは登録出来ない
┓(´_`)┏
・・・しかし、動画の配信元としての利用は可能だ。

登録時のSetup assistantで、
(1) 配信するサイトを登録
(2) 利用するアドオンを選択(No SublimeVideo logoとAuto embedは有料)
(3) デフォルトのプレーヤーの基本的デザインを設定(ここではスキンの変更は不可)
(4) 公開予定のビデオの指定(素材のパス、大きさ、Autoresizeの可否等。ここで指定する必要はなく、後にHTML編集時に指定すればよい)
(5) Summaryで、loader code in the headerの内容をメモしておく事!!
<script type="text/javascript" src="//cdn.sublimevideo.net/js/xxxxxxxx.js"></script>
(xxxxxxxxは、登録して取得したサイトのHOSTNAMEで8ッから成るID文字)を <head>タッグ内に記述しないと、
”Invalid license SublimeVideo Player is not properly registered for this site.” となって作動しないので注意。
しかし、レンタルサーバ Xserverでは HOSTNAMEは取得されるも ”Invalid license...”となって登録されておらず、なかなか配信出来るようにならなかった ?(゜_。)?
・・・[ PUBLISH VIDEO ]>[ Settings ]で「Custom path」を「/ path」に設定し直す等をしたら、正しく「Loader code」に登録されて再生出来るようになった
\(^_^)/
 
II. SublimeVideoでWebVTT字幕とHD Switching付きで配信
⇒配信方法とデモは「SublimeVideoでMP4, WebMを字幕付き配信」に提示
 
III. SublimeVideoでプレイリスト表示
プレイリスト作成用のウィザードは用意されていないので、本家の Documentation> Playlists コーナーを参考に(こちら)、HTMLコードとPlaylist用の JavaScript、CSSを記載し、jQuery libraryを埋め込んで構築した。
⇒ 配信方法とデモは「SublimeVideoでプレイリスト表示の設定」に提示
 
IV. 成績
 
他のプレイリスト表示機能搭載のHTML5 Video Playerとの比較
検証は、「HTML5 ビデオとHTML5 オーディオの配信」で試験した。
 
LeanBack Player
0.7.2
JW Player
6
Flow
player
5.4
 
Sublime
Video
入手先
 

サイト登録方式
ツールの設定方法
このページ
を参照
このページ
を参照
このページ
を参照
 
このページ
も参照
今回使用した動画素材
MP4/H.264,
WebM/VP8,
OGG/Theora
MP4/H.264,
WebM/VP8
MP4/H.264,
(WebM/VP8)
 
MP4/H.264,
(WebM/VP8)
ソフトサブの表示
今回使用した字幕
[ スマフォでの表示]

SRT字幕
[ × ]

SRT字幕
[ × ]

VTT字幕
[ *1]
 

VTT字幕
[*1]
プレイリストの表示
[ スマフォでの表示]

[ × ]

[ ]

[ ]
 

[ ]
Windows
・HTML5ブラウザ

IE10はHTTPD自宅サーバでは再生不可!
IE9はプレイリスト作動しない!*2

IE10はHTTPDサーバではスキップ再生不可

IE10はHTTPD自宅サーバでは再生不可!
IE9はプレイリスト作動しない!*2
 

(自宅サーバではそもそも登録不可)
Opera, Chrome, Safariはスキップ再生不可
・IExplorer 8
Flashフォールバックで再生される。スキップ出来ない
スキップ再生不可。
プレイリスト表示不可!
字幕の表示不可
スキップ再生不可。
プレイリストの表示可能だ
スキップ再生不可。
プレイリストの表示可能だ
 
スキップ再生不可。
プレイリストの表示可能だ
スマートフォン
・Android 4

字幕表示不可。
プレイリスト表示不可!

字幕表示不可(VTT字幕でもダメ)
プレイリス表示問題無し

字幕の表示が可能だが
Opera12では不具合。
title属性の表示不可
 

字幕表示はOpera(14), Chromeのみ可能。
Opera12は再生すら出来ない。
title属性の表示不可
・iPhone 6のSafari
字幕表示不可。
プレイリスト表示不可!
字幕表示不可。
プレイリス表示問題無し
字幕表示不可。
title属性の表示不可
 
字幕表示不可。
title属性の表示不可。
スキップ再生不可
*1)
スマートフォンの再生コントロールバーは、一般にはブラウザ固有のもの(SafariはQuickTime)が利用され、ソフトサブ字幕を表示出来ない事が多いが・・・
Flowplayer 5.4ではAndroidの全ブラウザで、SublimeVideoはOpera(14.0), Chrome(18.0) で表示が可能だ。
*2)
Windows VistaのIExplorer 9は、LeanBack Player 0.7.2ではWindows7と同様にプレイリストが作動しないが、Flowplayer 5.4ではトラブル無し ?(゜_。)?
=検証した環境=
 
PC: Windows 7 Professional (SP1) 64 ビット
 
 
CATV回線、コレガルータBAR EX使用
実測上り転送速度: 4Mbps前後、実測下り速度: 12Mbps前後
IExplorer10は VMware PlayerPlayer上のWindows 8仮想環境で、IExplorer 8は Windows XP モード上で実行した。
 
Android:AQUOS PHONE SH-01D, Android OS 4.0.4
 
 
イー・モバイルPocket WiFi(GP02)
実測上り転送速度: 4Mbps前後、実測下り転送速度: 7Mbps前後、
 
なお、iPhone 6のSafariは、
 
 
Xcode 4.5を導入したMac OS 10.7上の iOS 6.0シミュレータの iPhone(Retina)で実行した。
 
V. 結果及び考察
 
SublimeVideoは、Flashフォールバックとソフトサブ字幕とプレイリスト表示機能を搭載する無料のHTML5ビデオ配信プレイヤーで、HD Switching機能も有する優れたツールだが、以下のような問題点があった。
1) 設定が特異なサイト登録方式で(本家サーバがサービスを止めたら作動しなくなる)、専用のグローバルIPアドレスを持たない自宅サーバでは利用が制限される。
2) 字幕表示用のHTML5記述は容易だが、プレイリストを表示させる設定では調整に手こずった。
3) AndroidのOpera Mobile(12.1.4)は何故か 再生すら出来ない不都合があったが、Opera(14.0)ではHD Switching操作以外はほぼ問題なく再生可能となった。
4) プレイリスト表示は、Opera Mobile以外のブラウザでは全てリンク再生可能だ。但し、WindowsのOpera, Chrome, Safari 及びiPhoneのSafari はシークバーでスキップ再生出来ない不都合があった。
5) 残念ながら、JW Player 6のようなプレイリストのタイトルを表記する機能は用意されていない。
6) MP4のみで配信したFlashフォールバック試験では、Windowsブラウザはフォールバック再生可能だが、Android版Firefoxでは JW Player 6と同様にサポートしていなかった