Movie鑑賞導入コーナー



マルチメディア環境の進展と技術情報メモへ
HTML5/CSS3対応ブラウザ用へ
日本散策を 360度写真・動画混在アルバムで
海外旅行/国内散策のホームビデオへ
世界の天の川絶景映像をゲット
自宅動画サーバーでお宝/秘蔵ムービーをゲット
幼児に人気のFlashゲームへ
学童に人気のShockwaveゲームへ
劇場映画/DVDビデオの予告編紹介サイトへ
ムービー鑑賞は、無償のプレーヤーを準備
当サイト閲覧上の各ブラウザの問題点へ
サイトマップ&更新履歴へ


 

当コーナーは、各種ストリーミングムービーのHTTP配信用の試験場です。
をインストールして、各種メディアの擬似ストリーミング配信の可能性と
限界についてご体験下さい([特]は、オンラインストレージ/動画共有サービスからの公開)。
当サイトを視聴する為の環境条件
「自宅サーバ」の運用は、2015年02月28日で止めました
⇒その多くは、レンタルサーバーXSERVERへ移行しました。
追記
XSEVER については、 こちらのHPを参照。
=Xserver の不都合ページ表示
 

<各種形式のH.264圧縮型ストリーミング動画: まとめ>
 MOV(H.264_AAC)→「無料ツールで変換したMOV及びMP4動画の配信試験
   受信プレイヤーは、QuickTime7以降、 又は Flash Player9.0.115.0以降
    及び DivX Plus Web Player2.1以降
 MP4(H.264_AAC)=MPEG-4 AVC/H.264→「同上の配信試験
   受信は、QuickTime7以降、 又は Flash Player9.0.115.0以降
    又は Silverlight3以降 又は DivX Plus Web Player2.1以降
   HTML5で配信すればプラグインが無くても、HTML5対応ブラウザの中で
    IExplorer9とGoogle Chromeで再生可能となった(Safariは再生にQuick
    Timeが必要)。
 FLV(H.264_MP3/AAC)New →「H.264圧縮型FLVの画質比較試験
     作成可能なソフトは、「H.264/AVC圧縮型FLV 変換ツール
   受信プレイヤーは、Flash Player8以降
 MKV(H.264_AAC)New →「無料ツールで作成したH.264圧縮MKVの比較試験
     作成可能なソフトは、「H.264圧縮MKVのWeb配信試験:配信と画質
   受信プレイヤーは、DivX Plus Web Player 2.0以降
 *Video Container ChangerAVS Video ReMakerを使えば、映像無劣
   化でコンテナ形式の相互変換が可能。
 
 *URLを記述したM3Uファイルを使えば、VLCやMPC-HCでストリーミング再生
   が可能→「メディアプレイヤーのネットワークストリーミング機能」を参照。
<参考>「 TS動画のHTTP Live Streaming(HLS)配信は、iOS用のストリーミング配信規格でMacOSXのSafariには対応しているが、Windows用ブラウザでは再生出来ません(JW Player 6.6の有料版で Flashビデオとして再生する方法があるようだ)。


<ストリーミング動画のプレイリスト表示 ±ソフトサブ表示: まとめ
 Silverlight用動画(WMV)
   →「Microsoft Expression Encoder 4でプレイリスト付きSilverlightの配信
   受信プレイヤーは、Silverlight 4 以降
 HTML5 ビデオ(H.264/MP4, VP8/WebM, Theora/OGG)
   →「HTML5 Video Player:HTML5ビデオプレイヤーの比較
   各種「Flashフォールバック対応HTML5ビデオ配信プレイヤー」
   受信は、HTML5 ビデオ対応ブラウザ
 MPEG-4 AVC/H.264動画(H.264圧縮MP4)
   
→「JW Player 6でHTML5&Flashビデオをプレイリスト表示」、
   
→「FlowplayerでHTML5&Flashビデオをプレイリスト表示」、
   →「SublimeVideoでHTML5&Flashビデオをプレイリスト表示
   受信プレイヤーは、HTML5 ビデオ対応ブラウザ又はFlash Player9.0.115.0以降
 Flashビデオ(H.264圧縮型FLV)
   →「ClickBerry Editorでインタラクティブビデオの作成と配信
   →「Moyea PlayerBoxでプレイリスト付きWebプレイヤーの作成
   受信プレイヤーは、Flash Player8以降


=MPEG-4 AVC/H.264動画(MP4, 3GP)=
各種配信方法:シネスコサイズで試験
MP4変換ソフトによってはFastStart再生出来ない等の不都合があるY (>_<、)Y
H.264圧縮MOV/MP4動画の各種配信方法の比較
MOV及びMP4動画の配信試験
各種無料ツールで変換
(約500〜710kbps)
ここから 入場
注意
 1) ご覧頂くにはQuickTime 7、Flash Player 9.0.115.0、Silverlight 3、
  HTML5 H.264対応ブラウザ(IExplorer 9, Chrome 3, Safari 3.1以降)及び
  DivX Plus Web Player2.1以降が必要です。
 2)IExplorer 9, Chrome, Mac版SafariでHTML5 ビデオとして再生する場合
  (但し、v.2.1.3以降はChromeのみ)は、アドオン/機能拡張で ”DivX Plus
  Web Player HTML5<video>” を無効にして視聴して下さい
下記を参照)。
 3)出力・変換ソフトによっては、以下の不具合が発生します。
 
MOV/MP4の不具合と修正方策(ページ表示

補足
3GP動画(H.264_AAC圧縮)は、MP4動画と同じように配信可能か?
スマフォで撮影した3GP動画
を各種配信方式にて配信
(2,019kbps)
ここから 入場
AQUOS PHONE SH-01Dで撮影したTV番組「Prostitution in Pompeii」冒頭部
分の3GP動画を、各種配信方式で提示しました。
3GPは、”MP4をベースに第三世代携帯電話用に規定されたファイル形式。デー
タ形式の種類がMP4とは若干異なり、音声データは AACと MP4では扱えない
AMRのみ。MP3やAppleロスレスはダメ。メタデータも、3GP独自の仕様が規定さ
れてるようだ” と云う。
そこで、ブラウザによる対応が MP4と差異があるかを検討したところ、IExplorer
9, 10は3GP動画をHTML5ビデオとして再生出来ない不都合があった ┓(´_`)┏
なお、Windows 7, 8用Firefox(21.0)は、H.264/MP4にも対応したが、
H.264/3GPには未対応。
 
話題: H.265/HEVC圧縮動画で北イタリア周遊イントロムービーを配信
次世代H.265/HEVC圧縮MP4は、H.264/AVC動画と同様に送受信可能か?
H.265/HEVC圧縮MP4動画
のストリーミング配信試験
(375kbps)
ここから 入場
次世代の映像圧縮技術 HEVC(High Efficiency Video Coding, H.265)で圧縮し
たMP4動画へ、Aviutlの出力プラグイン「拡張 x265 出力(GUI) Ex」を用いて変換
しました(こちらを参照)。
その動画をウェブ配信可能かを各種配信方式で検証したところ、VLC Web
Pluginで受信する方法もあるが、現時点ではMacユーザは不可。 URLを記述し
たM3Uメタファイルを用意すればVLC 2.1.1以降でStandAlone再生が可能だ。
 
動画圧縮コーデック AV1は次世代インターネット配信の主役となるか?
北イタリア周遊イントロムービーをAV1圧縮動画にて配信
AV1圧縮MP4動画の
ウェブ配信試験
(683kbps)
ここから 入場 (20.08.28)
各種AV1圧縮動画の
ストリーミング配信試験
ここから 入場 (20.08.28)
次世代の映像圧縮技術 AV1 (AOMedia Video 1)動画へ、Aviutlの「拡張SVT-AV1出力(GUI)Ex」及び Convertio(オンラインコンバーター)を用いて変換して配信した。
AV1は2018年にリリースされたばかりだが、各種プラットフォームやブラウザの対応は早く、既にH.265/HEVCよりも広く普及している。しかし、現時点ではシーク再生が上手く出来ない等の問題点もあり、4K, 60fps動画の実用化に貢献するためには今後更に AV1デコーダの最適化も図られる必要がある。
次世代H.265/HEVC圧縮各種動画をメディアプレイヤーで再生
メディアプレイヤーで
H.265/HEVC圧縮動画
のストリーミング再生
(375kbps)
ここから 入手
動画のURLを記述したM3Uメタファイル「....m3u」を右クリックでダウンロードして、
H.265/HEVC対応プレイヤーで再生して下さい
⇒「メディアプレイヤーのネットワークストリーミング機能」を参照。
Windows Media Playerで視聴するためには別途 スプリッター/デコーダが必要
⇒「H.265/HEVC動画の作成と再利用の方法」を参照。
H.265圧縮mp4:AViUtlの拡張 x265 出力(GUI) Ex(こちらを参照)、及びSUPER cで作
成。
H.265圧縮mkv:DivX Converter 10.0.1(こちらを参照)、及びSUPER cで作成。
H.265圧縮flv:Strongene HEVC/H.265 Encoder 2.0.2.1で作成(こちらを参照)。
 
JW Player 6はFlashフォールバック対応HTML5ビデオ配信プレイヤー
HTML5及びFlashビデオ対応JW Player 6.2デモ
<参考>JW Player 6は、HTML5 ビデオに対応しているかどうかを自動判定し
て、非対応のブラウザならば Flashが利用される仕組みになっている(こちらを参
照)。
 
Flash及びHTML5 video対応JW Player 5.4デモ
JW Player 5.4配信試験
(750kbps)
本家のデモページから流用して、自作HTML5 videoのH.264/MP4と
VP8/WebMに置換しTheora/OGGを追加して配信しました。
<参考>JW Player 5.4は、デバイスがFlashに対応しているかどうかを自動判
定して、Flash非対応のデバイスならばHTML5 ビデオが利用される仕組みにな
っている(こちらの「JW Player 5.4」を参照)。

[特] Dropboxの動画はMP4に変換されて配信
 
Dropboxのリンク共有機能を利用してFull HDのMPEG2-TS動画を配信しました。
MP4形式のFlashビデオ ⇒ こちらに追加
PanasonicのビデオカメラHDC-SD9
で撮影したしたMPEG2-TS動画
(640x352, 2929Kbps)
ここから 入場
視聴には、HTML5ビデオH.264/MP4対応のブラウザないし Flash Player 8以降が必要です
元素材(今回はFull HDのM2TS)が、H.264_AAC 圧縮の MP4形式へ変換、640x352へ縮小されて、 HTML5ないしFlashビデオとしてストリーミング配信される(「Dropboxに保存動画を公開してブラウザで視聴」を参照)。
各種Qualityで受信が出来ず、スマフォはAndroid版Opera Mobileでしか再生出来ません。
  
[特] Pogoplug Cloudの動画はMP4に変換されて配信こちらを参照)
Pogoplug Cloud保存の動画を視聴 ⇒ こちらに追加
自作DVDのエンディングを
アップコンバートしたMPEG2
(1分)
[ダウンロード許可に設定]
(276Kbps)
ここから 入場
Pogoplug Cloudサービスに保存した動画(今回はFull HD動画)は、公開すれば閲覧とダウンロードが可能となる。但し、スマフォ用のMP4に変換・圧縮された動画(480x360, 480x270、300Kbps前後)が配信され、ブラウザで 640x480, 640x360に拡大表示されてしまうので、PCで閲覧するには画質が荒過ぎます。
・IExplorer9, Safari, Chromeは、 HTML5ビデオとしてストリーミング受信可能。
・HTML5/MP4に未対応のIE8, Firefox, Operaは、 Flashビデオとして受信可能。
[特] ハイカムでAndroid撮影動画を簡単編集したMP4を公開こちらを参照)
ハイカムクラウドの編集済みムービーの視聴 ⇒ こちらに追加
ハイカムでハイライト編集した
MP4(H.264_AAC)動画を提示
(710Kbps, ダウンロード可能)
ここから 入場
視聴にはFlash Player 8以降が必要です。
Flash Player未インストール環境では、IExplorer9とSafari(5.1)はHTML5ビデオとして受信可能。Firefox(15.0)とOpera(12.0)は、MP4再生可能なプレイヤーで再生可能です。
 
[特] COREDRIVEの動画はMP4/WebMに変換されて配信
COREDRIVE 保存の動画を公開
公開「Pompeii」ボード
例えば、Pompeii_WMVファイル (9分)
 ここから 視聴
COREDRIVEサービスに保存した動画(今回は 720x408の各種フォーマット形式の動画)がHTML5ビデオとして配信可能なH.264_AAC圧縮のMP4又は VP8_Vorbis圧縮のWebM変換されて配信される(こちらの「ブラウザの対応状況」を参照)。
 
[特] Vimeoに投稿した動画はMP4に変換されて配信こちらを参照)
Vimeoで変換済み動画の視聴
ホームビデオ「歴史と芸術に
煌めくスペインの夢 8日間」
を Vimeoから配信
共有サイトの
アルバム


グループ
H.264_AAC圧縮 MP4に変換され、HTML5ビデオとして配信される。HTML5/H.264に未対応の場合、PCの Operaは Flashビデオとしてフォールバック可能だが、Androidの Firefoxは不可。
Full HDを投稿しても、解像度 1280x720と 640x360の 2種類で配信される。
 

 
=HTML5 ビデオとHTML5 オーディオ=
問題点1:ウエブブラウザに合わせて複数の形式を用意する必要がある
  ・・・FirefoxとOperaは H.264圧縮MP4を不支持
HTML5 ビデオのストリーミング配信(字幕表示付き)
 JavaScriptでHTML5
ビデオのキャプション表示
サーバ
リンク方法
iframe
直接
 Xserver
  
詳細は、「HTML5ビデオプレイヤーでHTML5...字幕表示」(こちら)を参照。
  注意
   1)HTML5方式で配信される動画をご覧頂くには、HTML5 ビデオ対応ブラウザ
     が必要です。現在ご使用中のブラウザのHTML5への対応状況は、こちら
     のテストサイト「The HTML 5 test」のVideo欄で確認する事が可能です。
   2)Firefoxはサーバが .Mac iDiskの場合には再生出来ません(こちらを参照)。
   3)IExplorer 6〜8でご覧頂くには、Google Chrome Frameここから入手)の
     インストールが必要です(当サイトでは視聴可能となっています)。
    <参考1>各ブラウザの各種HTML5 ビデオ再生のフォーマット対応状況
      詳細は、「HTML5 ビデオと主要ブラウザの対応状況」を参照。

動画形式
 検証したブラウザ
MP4動画
H.264/AAC
OGG動画
Theora/Vorbis
WebM動画
VP8/Vorbis
MKV動画
H.264/Vorbis
 Internet Explorer 8
×
×
×
×
 Internet Explorer 9
×
×(+WebMIE9)
×
 Opera
24<
10.5<
10.6<
×
 Firefox
21<
3.5<
4β<
×
 Google Chrome
3<
4<
6<
7<
 Safari [Windows版] +QT
3.1<
×(+XiphQT)
×
×
 Safari [MacOSX版]
3.1<
×(+XiphQT)
但し10.7の
Safari 5.1:
×
×(+Perian)
但し10.4,10.7:×
×
(+Perian)
 iCab
4<
×(+XiphQT)
×(+Perian)
但し10.4:×
×
(+Perian)
     +XiphQT:QuickTime+VorbisのQuickTimeコンポーネントの導入で可能。
      但し、Win版とMacOSX10.7のSafari 5.1はOGGの再生が出来なくなっ
        てしまった。
     +WebMIE9(WebM for IE9):IE9用のWebMビデオ再生プラグイン(こちら
      から入手)の導入で再生可能。
     +Perian:Perian 1.2.2以降を導入すれば、SafriとiCabでWebM動画の再生
       が可能となるはずだが・・・
     Windows 7, 8用Firefox(21.0), Vista用Firefox(22.0)は、H.264/MP4にも対
      応した。Mac版Firefoxは34以降に対応した \(^o^)/

     Opera Developer 24以降 HTML5 での H.264 動画をサポートした。

      HTML5 video要素:Wikipedia情報は、 こちらを参照。
    
問題点2:DivX Plus Web Player 2.1.1 導入環境におけるHTML5ビデオ表示
 の不具合
(詳細は、「DivX Plus Web Player 2.1...」を参照)
   DivX Plus Web Player 2.1インストール環境でH.264/MP4動画を視聴すると
    以下の不具合が起こります
・・・v.2.1.3では下記の追記(11.12.03)参照。
    iframe内リンク配信の場合
     Mac版SafariでMP4動画を視聴すると、DivX Plus Web Playerで再生され
     てしまう為、字幕表示出来ません ?(>_<、)Y
    直接リンク配信の場合
     IExplorer9, ChromeとMac版Safari は、DivX Plus Web Playerで再生さ
     れてしまう為、字幕表示出来ません ?(>_<、)Y
     一方、IExplorer8, Firefoxは DivX Plus Web Playerで視聴可能となる。
   <参考2>DivX Plus Web PlayerのHTML5 ビデオの字幕表示への影響

動画システム
 検証したブラウザ
DivX Plus
Web Player
HTML5
<video>
(下記参照)
への対応
HTML5 ビデオの字幕表示への影響
JavaScript
でHTML5
H.264再生
LeanBack
Player101116
MediaElem
ent.js 1.1.7
iframe
内リンク
直接
リンク
iframe
内リンク
直接
リンク
iframe
内リンク
直接
リンク
 IExplorer 8
MP4のみ
DivX
Flash
DivX
Flashで再生
 IExplorer 9
DivX
 Opera 11.00
未対応
 Firefox 3.6.12
DivX
DivX
DivX
 Firefox 4.0b9
DivX
×ダメ
DivX
DivX
 Chrome 9.0[Windows版]
DivX
DivX
DivX
 Chrome 9.0[MacOSX版]
DivX
DivX
D音声
 IE 8+Chrome Frame
MP4のみ
DivX
DivX
DivX
 Safari 5.0.3 [Win版]+QT
未対応
 Safari 5.0.3 [MacOSX版]
DivXで再生
DivXで再生
DivX音声のみ
 iCab 4.8
未対応
/DX
 
上表の説明 (ページ表示
   追記(2011.12.03)DivX Plus Web Player 2.1.3 になって、IExplorer 9
    とMac版Safari 5.1はDivX Plus Web Player HTML5<video>が作動しなくな
    りました(こちらを参照)。最新版ではWin版Chrome(15.0)及びIE 8+Chrome
    でのみ不具合が発生する(IExplorer 8とFirefox(8.01)はWeb PlayerでMP4の
    再生が可能となるが、字幕表示は不可)。
    なお、IExplorer 9は HTML5ビデオプレイヤーによる字幕表示において、文字
     修飾の陰影を表示出来ません(こちらを参照) (>_<、)
 
 
各種「Flashフォールバック対応HTML5ビデオ配信プレイヤー」
  ⇒「HTML5 Video Player:HTML5ビデオプレイヤーの比較」を参照
LeanBack Player 0.7.2で
HTML5 ビデオの字幕表示
サーバ
リンク方法
iframe
直接
 Xserver
HTML5 videoは、MP4(H.264), WebM(VP8), OGG(Theora)の順で準備。
詳細は、「HTML5ビデオプレイヤーでHTML5...字幕表示」(こちら)を参照。
注意
・スマートフォンではソフトサブ表示出来ません。
・IExplorer10は、HTTPD利用の自宅サーバでは再生出来ません。
・DivX Plus Web Player 2.1インストール環境では、直接リンクによる配信の場
合はLeanBack Player101116では、上記表の不都合がありましたが・・・
LeanBackPlayer 0.7.2ではほぼ解消しました(こちらを参照)
\(^o^)/
 
   補足:LeanBack Player 0.7.2でHTML5ビデオのプレイリスト表示
 
LeanBack Player 0.7.2で
ツアー”天空の楽園”
アンコール王朝を
プレイリスト表示
サーバ
直接リンク
 Xserver
       タイトル1〜5は、MP4(H.264), OGG(Theora), WebM(VP8)の順に、
       追加タイトル5は、MP4(H.264), WebM(VP8), OGG(Theora)の順
       タイトル6〜9は、WebM(VP8)のみを準備しました。
       スマートフォンではプレイリスト表示出来ません。
       IExplorer 9は、プレイリストからのリンクが作動しません ┓(´_`)┏
        
 
MediaElement.js 2.1.0で
HTML5 ビデオの字幕表示
サーバ
リンク方法
iframe
直接
 Xserver
  HTML5 videoは、MP4(H.264), WebM(VP8), OGG(Theora)の順で準備。
   詳細は、「HTML5ビデオプレイヤーでHTML5...字幕表示」( こちら)を参照。
  注意
   ・スマートフォンではソフトサブ表示出来ません。
   ・IExplorer10は、HTTPD利用の自宅サーバでは再生出来ません。
   ・DivX Plus Web Player 2.1インストール環境では、直接リンクによる配信の場
   合には FirefoxとMac版Safariは
MediaElement.jsが利用されず DivX Plus Web
   Playerが起動してしまう為、字幕表示出来ません(v.1.1.7は 上記表参照)。
   ・・・アドオン/機能拡張で”DivX Plus Web Player HTML5<video>”を無効にし
     てからご覧下さい。
 
JW Player 6 で
HTML5 ビデオの字幕表示
(500kbps)
JW Player 6で
"トルコ周遊ツアー旅行"を
プレイリスト表示
(750, 500Kbps)
ここから 入場
JW Player 6 配信試験:
各種MP4変換ソフトの適応性
(550kbps)
ここから 入場
(from Xserver)
JW Player 6は Flash対応のHTML5 ビデオ配信用プレイヤーで、HTML5 ビデオ
に対応しているかどうかを自動判定して、非対応のブラウザならば Flashが利用
される仕組みになっているが、AndroidではFlashをサポートしなくなってしまいま
した(「JW Player 6の使い方と字幕付き配信試験」(こちら)を参照)。又、スマート
フォンではソフトサブ表示出来ません。
HTML5 videoは、MP4(H.264), WebM(VP8)の順で準備。
IExplorer 9でも、プレイリストからのリンク再生が可能です
\(^o^)/
IExplorer10は、HTTPD利用の自宅サーバではスキップ再生出来ません。
 
Video.js 4で
HTML5 ビデオの字幕表示
ここから 入場
HTML5 videoは、MP4(H.264), WebM(VP8)を準備。
Video.js 4は、HTML5 ビデオに対応しているかどうかを自動判定して、非対応のブラ
ウザならば Flashが利用される仕組みになっている。
字幕表示の可・否の選択は可能だが、スマートフォンではソフトサブ表示出来ない。
IExplorer10は、HTTPD利用の自宅サーバではスキップ再生出来ません。
 
Flowplayer 5.4で
HTML5 ビデオの字幕表示
ここから 入場
Flowplayer 5.4で
”パリから行く小さな旅”を
プレイリスト付きで配信
(750kbps)
ここから 入場
HTML5 videoは、MP4(H.264), WebM(VP8)を準備。
Flowplayer 5は、HTML5 ビデオに対応しているかどうかを自動判定して、非対応のブ
ラウザならば Flashが利用される仕組みになっている。
他のHTML5ビデオ配信プレイヤーとは異なり、Androidブラウザでもソフトサブの表示
が可能だ(但し、表示の可否は不可) \(^o^)/
IExplorer 9は、プレイリストからのリンクが作動しません ┓(´_`)┏
IExplorer10は、HTTPD利用の自宅サーバでは再生出来ません。
 
SublimeVideoで
HTML5 ビデオの字幕表示
ここから 入場
SublimeVideoで
プレイリスト付き配信
(750, 500kbps)
ここから 入場
SublimeVideoで
HD Switching試験
(500と1,500kbps)
HD Switching以外は MP4(H.264), WebM(VP8)を準備。
SublimeVideoを利用するには、他のHTML5 Video Playerとは異なり、自分の配信サ
イトを登録してHOSTNAMEを取得する必要がある(こちらを参照)。
AndroidのOperaは何故か 再生すら出来ない不都合がある。
プレイリスト表示は、Opera Mobile以外のブラウザでは全てリンク再生可能。
 
 
問題点3:HTML5 ビデオはプロバイダによっては上手く配信出来ない
  So-netとiDiskサイトでは、IE9, FirefoxでWebMの再生不可
各種プロバイダのHTML5 ビデオへの対応状況

 HTML5 ビデオ表示
における配信サイトの不具合

ここから 入場
   筆者が常用するKATCHサイトにおいて、HTML5でホームページをリニューアル
    したところ、IExplorer 9+WebMIE9でHTML5 ビデオの再生不可。 Firefox 5で
    WebMの再生不可などの不都合があった(直訴後、2011.06.28に対応済み)。
   そこで、筆者が契約している他のサーバ: MICS、MOMOたろう、So-net、
   Xserver 及び 自宅サーバ配信のサイトと比較試験をしてみました。詳細
    は、「HTML5表示における配信サイトの不具合」をご参照下さい。
 

  
<参考>WebM動画:話題のHTML5ビデオ形式
WebM動画のストリーミング配信
WebM動画とは、GoogleがHTML5を利用出来るブラウザでプラグインを必要
とせずにストリーミング再生可能な規格として採用した新しい動画形式。
WebM動画の作成(変換)ツール」と「携帯動画変換君+新FFmpeg..」参照。
ツアー”天空の楽園”
アンコール王朝を
WebMで配信
(750kbps)
ここから 入場


携帯動画変換君+新FFmpegで変換
注意
1)現在 Opera 10.6以降、Google Chrome 6以降とFirefox4.0Beta以降が対応し
ています(Chromeがお勧めだが、Windows2K、PowerPCは対象外)。
IExplorer 9とSafari 5.02は、VP8には未対応だが、IExplorer 9+WebM for IE9で
再生可能。
*IExplorer 10 PP+WebM for IE9 も再生可能だが、自宅サーバではiframe内の
場合:導入ページは何故か再生出来ない。
iCab 4.8は、MacOSX10.6, 10.7では再生可能だが、10.4, 10.5では未対応。
詳細は、「WebM動画のHTML5配信と再利用」を参照。
2)IExplorer 6以降+Google Chrome Frameここから入手)は、サーバ側で
metaタグが記載されていないと視聴出来ませんが、当サイトでは視聴可能とな
っています。
 
 
追記(2014.06.07)
II. VP9圧縮WebMの配信
次世代圧縮映像VP9への変換と各種ブラウザの対応
VP9圧縮WebMで
オープニングムービー配信

(375kbps)
ここから 入場
次世代の映像VP9圧縮WebMは、現行と同じ画質でも半分のファイルサイズで済むと云う圧縮技術。WebM対応の Windowsブラウザは HTML5ビデオとして再生可能となったが、Android 4.1.2は Firefoxのみが不完全対応で、iOS端末では再生不可。
 


=HTML5 オーディオ=
HTML5 Audioの設定方法と各ブラウザの対応状況
HTML5 オーディオの
ブラウザ対応試験
いずれのブラウザにも対応させるには、今回はMP3とOGGの二種類+Flashを
用意したが、サーバによってはAACとOGGはトラブル事。+OGGの場合に不
思議な輪唱が発生する事から MP3, WAV+Flashの組み合わせがよい。
 



=360度全天球パノラマ写真/ 360度動画の配信=
360度全天球動画
  THETA Sで撮影
ここから 入場
共有サービス配信
Xserver配信
駒ケ岳・千畳敷
カールハイキング
の360度鑑賞
Google VR View配信
Panotour Pro配信
Googleフォト配信
PTP2の詳細は、別記「Panotour Proで360度映像をプレイリスト付き配信」を参照。
360度全天球パノラマ写真(敷地内ストリートビュー)
Photo Sphere Cameraで作成
(配信元: Googleマップ)
ここから 入場
Photosynthで作成
(配信元:Photosynth.net)
ここから 入場
注意:
A) Photo Sphere Cameraで作成した写真: 筆者の Googleマップ投稿写真
・埋め込み方式では、Win版Safariと iOS版Puffin以外はストリートビュー可能。
・Googleビューでは、Win版Safari(5.1.7)と一部のIExplorer11は閲覧出来ない ⇒Googleマップでなら可能。
B) Photosynthで作成した写真
・PCブラウザ: Firefox, ChromeとMac版Safari は、Silverlightを導入すれば閲覧可能。デスクトップ/メトロ版 IE, OperaはSilverlight無しでも閲覧可能。Win版Safariは閲覧不可。
・Android (4.1.2 )ブラウザ: 標準ブラウザ, Firefoxは閲覧出来ないが、Chrome, Operaは閲覧可能。
・iPad mini(iOS 8.1.3)ブラウザ: Safariは閲覧可能だが、Puffinは不可。
なお、QuickPicは v4.0から Googleストリートビュー(GoogleカメラやPhoto Sphere Camera)で作成した Photo Sphere写真の閲覧(360度パノラマとして操作)が可能となっている。但し、Photosynthで作成した写真には未対応。
追記(2015.09.23):新しくなったAndroid版「ストリートビュー」で作成
 
 

=定番の六大ストリーミング動画=
主要ネットムービーの比較
Web配信用
主要ネットムービー
の比較
該当の総合案内は

ここから 入場
代表的な主要ネットムービーの擬似ストリーミングを比較視聴してみて
下さい。
 
六大ネットムービーの字幕表示の比較
Blu-rayビデオの字幕を
ネットムービーのソフト
サブで再現
(750kbps)
Blu-rayビデオからリップした素材を約 1分間にトリミングして、各変換ソフト
で解像度 640x360に圧縮後、各々に定番の方法でソフトサブ(仮想字幕)
を付けて提示した(「主要ストリーミング動画でソフトサブを表示」を参照)。
視聴上の注意事項は、「特定プレイヤーによる...字幕表示のまとめ」を参照。
 Windows版RealPlayerは、v.15になってRealText字幕付きRealMediaを再
  生出来なくなっていましたが、マイナーアップデートで復活しました。
<参考>字幕トラック付き動画の作成に使用した小物ツール(ページ表示
 


 各種形式の動画をメディアプレイヤーでネット再生
メディアプレイヤーのURL機能で
各種形式の動画を ネット再生
(375〜1,100Kbps)
ここから 入手
動画のURLを記述したM3Uメタファイル「....m3u」を右クリックでダウンロード。
各プレイヤーのプレイリスト表示機能を利用して各形式の動画を選択し再生して比
較してみて下さい(メディアプレイヤーのネットワークストリーミング機能を参照)。

VLC の Web Pluginを利用して
各種形式の動画を ネット受信
(375〜1,100Kbps)
ここから 入場
各種形式の動画をVLCのブラウザ埋め込み方式にて配信しました。
視聴するには、VLC 2.1.1以降モジラ&ActiveX プラグインも含めてインストールが必要。
但し、Macユーザは現在(2013.12末)有効なプラウインを利用出来ません。
 


=定番プレイヤーで独立再生可能な四大ストリーミング動画=
Real Mediaムービー

自宅特選サーバーへお蔵入りしました。

  <備考>
RealPlayer及びFlash PlayerのWeb配信拡大試験 (Xserver) ⇒ ここから
 


Windows Mediaムービー
注意:ご覧頂くには、Windows Media Player9以降が必要です。
Vista版 IExplorerは、Embed方式では「保護モード」を無効にして視聴する必要があり
ましたが、2008年03月以降は「保護モード」有効でも視聴可能となっています。
Vista環境でFirefox,Operaを使用する場合は、「ブラウザの問題」を参照。
Intel Mac環境の方は色々制約が多いので、「ブラウザの問題」を参照の事。
導入ページのFlashビデオの表示には、Flash Player 8.0以降が必要です。
Windows Media
歴史漂う古都 西安ツアー
/
(750kbps)
ここから 入場
和気藹々と参加出来た日程でした。ご参考に視聴してみて下さい。
注意:上記参照。
Windows Media
エジプトツアー旅行
/
(750kbps)
ここから 入場
和気藹々と参加出来た強化日程でした。ご参考に視聴してみて下さい。
注意:上記参照。
Windows Media
浪漫紀行 ペキン(北京)
/
(750kbps)
ここから 入場
夫婦だけののんびり日程でした。ご参考に視聴してみて下さい。
注意:上記参照。
Windows Media
しっかり観る
マチュピチュ遺跡
(750kbps)
ここから 入場
和気藹々と参加出来た強化日程でした。ご参考に視聴してみて下さい。
注意:上記参照。
”天空の楽園”
アンコール王朝の浪漫
5日間
(750kbps)
ここから 入場
夫婦二人のツアー、2・3日のみ強化日程でした。ご参考に視聴して下さい。
注意:上記参照。
南イタリア 10日間
アルベロベッロから
ナポリへ
(750kbps)
ここから 入場
知識豊富なご長老と同年代の客で余裕の日程でした。ご参考にして下さい。
注意:上記参照。
追記:スマホ/ タブレット用にMP4に変換して提示
JW Player 6でHTML5&Flashビデオをプレイリスト表示こちらを参照)
”南イタリア・ツアー旅行”を
プレイリスト付きで配信
(750, 500kbps)
ここから 入場
JW Player 6は、HTML5 ビデオに対応しているかどうかを自動判定して、非対
応のブラウザならば Flashが利用される仕組みになっているが、Androidでは
Flashをサポートしなくなってしまいました。
東西文明の十字路 トルコ周遊
=エーゲ海沿岸の古代遺跡
からイスタンブールヘ=
(750kbps)
ここから 入場
目まぐるしい日程だったが、楽しいツワー客と宜しかった。ご参考にして下さい。
注意:上記参照。
追記スマホ/ タブレット用にMP4及びWebMに変換して提示こちらを参照)
JW Player 6でHTML5&Flashビデオをプレイリスト表示こちらを参照)
”トルコ周遊ツアー旅行”を
プレイリスト付きで配信
(750, 500kbps)
ここから 入場
JW Player 6は、HTML5 ビデオに対応しているかどうかを自動判定して、非対
応のブラウザならば Flashが利用される仕組みになっているが、Androidでは
Flashをサポートしなくなってしまいました。
パリから行く小さな旅 8日間
=セーヌ川からモンサンミッシ
ェル、パリその近郊を満喫=
(750kbps)
ここから 入場
余裕の日程で、自由に散策出来た。ご参考にして下さい。
注意:上記参照。
スマホ/ タブレット用にMP4, WebMに変換してJW Player 6で表示こちらを参照)
”パリから行く小さな旅”を
プレイリスト付きで配信
(750, 500kbps)
ここから 入場
JW Player 6は、HTML5 ビデオに対応しているかどうかを自動判定して、非対
応のブラウザならば Flashが利用される仕組みになっているが、Androidでは
Flashをサポートしなくなってしまいました。
 こだわりのイタリア周遊 ローマからミラノへ 10日間
=歴史を刻むイタリアの古都、ルネッ
サンスが薫る珠玉の街々を訪ねて=
(750kbps)
ここから 入場
実質7日間だが余裕の日程で、同年輩の夫妻と楽しく散策が出来て宜しかった。
注意:上記参照。
MP4のみへ変換してJW Player 6でプレイリスト表示こちらを参照)
こだわりのイタリア周遊
ローマからミラノへ 10日間
(750kbps)
ここから 入場
JW Player 6は、HTML5 ビデオに対応しているかどうかを自動判定して、非対
応のブラウザならば Flashが利用される仕組みになっているが、Androidでは未
支持となった。
 歴史と芸術に煌めくスペインの夢 8日間
Windows Media
=憧れのアルハンブラ「パラドール」
とデラックスホテル=
(750kbps)
ここから 入場
実質7日間だが余裕の日程で、同年輩の夫妻と楽しく散策が出来て宜しかった。
注意:上記参照。
JW Player 6でHTML5&Flashビデオをプレイリスト表示こちらを参照)
JW Playerで
プレイリスト付き配信

(750kbps)
ここから 入場
JW Player 6は、HTML5 ビデオ(今回は、H.264/MP4)に対応しているかどうかを自動判定して、非対応のPCブラウザ(IExplorer8未満、Opera 及び XPないし Mac版 Firefoxの場合)ならば Flashが利用される仕組みになっている。一方、AndroidではFlashをサポートしていないので、H.264/MP4未対応のFirefoxでは再生出来ない。
 春のギリシャ メテオラの奇岩とコルフ島 10日間
Windows Media
=イオニア海に浮かぶコルフ島
と天空の修道院群=

(750kbps)
ここから 入場
同僚の夫妻、快活なツワー客と同行出来たゆったり日程の旅だった。
注意:上記参照。
JW Player 6でHTML5&Flashビデオをプレイリスト表示こちらを参照)
JW Playerで
プレイリスト付き配信

(750kbps)
ここから 入場
JW Player 6は、HTML5 ビデオ(今回は、H.264/MP4)に対応している
かどうかを自動判定して、非対応のPCブラウザ(IExplorer8未満、Opera12及び XPないし Mac版 Firefoxの場合)ならば Flashが利用される仕組みになっている。
一方、AndroidではFlashをサポートしていないので、H.264/MP4未対応のFirefoxでは再生出来ない。
 


QuickTimeムービー
QuickTimeVR
 パノラマムービー 
QuickTime
 ファーストスタート
ムービー
(from.Mac)
注意:ご覧頂くには、QuickTime5以降が必要です。
  MacOSXのQuickTime7.5は、QuickTimeVRパノラマムービーをご覧になれ
  ません (QuickTime7.5.5では解消しました)!
  2016年01月現在Windows環境でも制約が多くなっており(「Winブラウザの問題
  を参照)、 Firefoxのみでしか閲覧出来なくなってしまいました。
 
H.264movムービー
圧縮法の違い
(370kbps)
→   ここから ( Xserver)
スッペクに余裕あれば、同時比較
注意:ご覧頂くにはQuickTime7以降が必要です。
コメント:H.264の高速エンコードは小サイズの場合は目立たないが、少し大き
    めのサイズになると極端に画質が悪くなってしまう。Sorenson Video3
    圧縮と比べても見劣りする。
    最高品質(複数回実行)は、高速エンコードの約3倍時間はかかるが、
    確かに画質は保たれる。
 


NSV(Nullsoft Streaming Video)ムービー
Gyao映画(R18指定)全編
をNSVで配信
(500kbps)
注意1:ご覧頂くには、StandAlone方式では、Winamp5.03以降が必要です。
    Embed方式では、ActivXコントロールが必要です(但しMozillaやOpera
     は、Pluginが無い為再生出来ません)。
    Macユーザーは利用出来ません。
 補足・修正(2009.05.xx)
   NSVムービー専用のMac版Winamp5 なる物は無い。
   Windows版Winampは、5.5以降当サイトの受信ではトラブルが多い。
   VLC MediaPlayerは0.86i からNSVムービー対応したので、拡張子.m3u
   と.nsvをVLCに関連付ければ、主要なブラウザでStandAlone方式のストリ
   ーミング再生が可能となります。
注意2:Winamp 5.5xは、普通にインストールすると当コンテンツのNSVムー
    ビーを視聴する事が出来なくなってしまう場合が多いです。
    →インストール方法は「プラグインのインストール案内」をご参照下さい。
 


=Flash Playerで受信可能な動画(FLV, MP4, MOV)=
Flash ビデオ
FlashVideo:圧縮法の違い
(500kbps)
注意:Sorenson圧縮のFLV1をご覧頂くにはFlash Player7以降が、VP6圧縮の
    FLV4をご覧頂くには、Flash Player8以降が必要です。
 
H.264圧縮型FlashVideo
の比較試験
(750kbps)
ここから 入場
(PEGASYSは ここから
H.264圧縮型FLVをご覧頂くには、Flash Player8以降が必要です。
変換可能なフリーソフト「H.264/AVC圧縮型FLV 変換ツール」を用いて、
 H.264_MP3.flv形式で提示した。
 
 
各種2D→3D動画変換ソフトに
よる立体視化の比較
(750kbps)

ここから 入場

注意:H.264圧縮型Flash Videoをご覧頂くには、FlashPlayer8以降が必要です。
 アナグリフ赤青3Dメガネでご視聴下さい。
備考:2D→3D動画へ変換可能な各種ツールを用いて、赤青アナグルフ形式で
 出力して比較した(「3D動画の簡易変換・編集ツールの試用」を参照)。
 最終的には FLV(H.264_MP3、512x288、750Kbps)に変換して提示しました。
 

JW FLV Media PlayerでFLV以外の動画を配信
H.264圧縮MP4動画をJW FLV Media Player 4.xで配信
multiAVCHDで作成したBDMV
のサムネイル付きメニュー:
MPEG-4 AVC/H.264でデモし
FlashPLayerで提示(750kbps)
Flash Player9.0.115.0以降(v9.0.47.0以前ではダメ )から、 MPEG-4
   AVC/H.264(H.264_AAC.mp4/3gp)及びMOV(H.264_AAC.mov)動画をブラ
   ウザ植え込み方式で視聴する事が可能となりました。
   上記「H.264圧縮MOV/MP4動画の各種配信方法の比較」を参照。
  <参考>
   multiAVCHDはバージョン4.0から背景とサムネイルのモーション表示とホ
   ップアップメニューの追加が可能となり、又 タイトルメニュー(v3.0のサム
   ネイルメニューに相当)の追加表示も可能となった。
MP4動画のXMLキャプション
表示
(750kbps)
ツアー”天空の楽園”
アンコール王朝を
プレイリスト付きで配信

(750kbps)
<参考>配信方法は、「JW FLV Media Player 4.4 」を参照。


[特] Googleドライブから配信されるFlashビデオ
 
Googleドライブの一般公開機能を利用して解像度1920x1080の各種Full HD動画を配信しました(「Googleドライブ内の動画を一般公開」を参照)。
FLV ないしMP4形式のFlashビデオ ⇒ こちらに追加
歴史漂う古都 西安ツアー
DVDからアップコンバートしたMPEG
(1080p,720p,480p,360p)
ここから 入場
視聴にはFlash Player 8以降ないしHTML5ビデオH.264/MP4対応のブラウザが必要です。
元素材(今回はFull HDのMPEG2, M2TS, MP4及び3GP)が、Flash Player 及びHTML5ビデオで再可能な圧縮形式(H.264_AAC 圧縮の FLV ないしMP4形式)へ変換されて、ストリーミング配信される(「AndroidでGoogle Drive(ドライブ)の動画を視聴」を参照)。
各種Quality(1080p, 720p, 480p 及び 360p)で受信が可能ですが(AUOS PHONEは720p以下)、スタート前にプレビュー用サムネイルを表示させる機能を搭載していないのは残念。
 
字幕付き配信
BDビデオからリッピングした動画
字幕付きMPEG2及びMKV
(1080p,720p,480p,360p)
MPEG2及びMKV動画を SRT字幕トラック付きで公開しました。
字幕のソフトサブ表示をカスタマイズ(文字色、大きさ及び言語を変更)する事が可能です。

[特] MediaFireから配信されるFlashビデオ
FLV形式のFlashビデオ
Pompeiiフォルダ
例えば、Pompeii_WMVファイル (9分)
 ここから 視聴
視聴にはFlash Player 8以降が必要です。
元素材(今回は 720x408の各種フォーマット形式の動画)が、Flash Playerで再生可能な圧縮形式(H.264_AAC 圧縮の FLV形式)へ再変換されて、ストリーミング配信される(こちらの「ブラウザの対応状況」を参照)。
 

[特] Boxから配信されるFlashビデオ
FLV形式のFlashビデオ
公開「FLV」フォルダ
 Pompeii_FLVファイル (9分)の埋め込み
 ここから 視聴
PCブラウザは、Safari以外なら Flashビデオとしてストリーミング再生が可能。
Androidでは再生出来るブラウザは無く、iPadではPuffinでのみ再生可能だ。
 

[特] Flickrから配信されるFlashビデオ
MP4形式のFlashビデオ
公開「Pompeii_Movies」アルバム
 Pompeii_WMV (9分)埋め込み
 Pompeii_OGV (9分)埋め込み
  ここから 視聴
  ここから 視聴
Flash Player導入環境なら PCブラウザ, Android標準ブラウザは、Flashビデオとして再生可能。
Flash無効環境の場合、Flickrの WEBサイトでは PCの Opera, Androidの Firefox以外は HTML5ビデオとして再生可能。
iPadの Safariは Flash未対応のため再生不可だが、Flickrの WEBサイトでは HTML5ビデオとして再生可能。
残念ながら、再生時間は 3分迄に制限されてしまう ┓(´_`)┏
 

[特] RealPlayer Cloudから配信されるFlashビデオ
分割TS形式のFlashビデオ
Pompeii_WMVファイル (9分)の埋め込み
Pompeii_WebMファイル (9分)の埋め込み
Pompeii_OGVファイル (9分)の埋め込み
  ここから 視聴
  ここから 視聴
  ここから 視聴
基本的には一連のH.264圧縮 TSに変換・分割され HLS形式で配信される。
Flash Player導入環境の PCブラウザは、Flashビデオとして再生可能。
Firefox以外のAndroidブラウザは、HLS形式のビデオとして再生。
iPadの Safariは HLS形式のビデオとして、Puffinは Flashビデオとして再生。
 

[特] YouTubeに投稿した動画はMP4(FLV)に変換されて配信こちらを参照)
YouTubeで変換済み3D動画の視聴 ⇒ こちらに追加
2D→3D動画変換ソフトの比較
3D変換ソフトで作成したMP4を投稿
(720p,480p,360p)
ここから 入場
視聴にはFlash Player 8以降が必要だが、アクティブ シャッター メガネでの視聴 には3D 対応テレビ又はNVIDIA 3D Vision対応デバイスによる「HTML5 ステレオ ビューの設定」可能な環境が必要です。
⇒「動画を公開するなら YouTubeがやはりスゴ〜イ」を参照。
<補足>YouTubeに投稿した2D動画を字幕付きで公開
BDビデオからリッピングした動画
MPEG2を投稿し字幕を付けて公開
(1080p,720p,480p,360p)
H.264_AAC 圧縮の MP4(一部、FLV)等へ変換されて字幕付きで配信される。
Flash Playerインストール環境ならFlashビデオとして、Flash未インストール環境では自前のFlashを内蔵するChrome以外はHTML5ビデオとして、受信可能です。

[特] Facebookから配信されるFlashビデオ
MP4形式のFlashビデオ
SANYO Xacti DMX-HD1000で撮影した
MP4を投稿し公開
(720p,224p)
ここから 入場
視聴にはFlash Player 8以降が必要です。
元素材(今回はFull HDのMP4)が、Flash Playerで再生可能な圧縮形式(H.264_AAC 圧縮の MP4形式)へ再変換されて、ストリーミング配信される。
二種類のQuality(720p,及び 224p)で受信が可能だが、自前のウェブ埋め込み方式では224pでしか視聴出来ません。

[特] ニコニコ動画から配信されるFlashビデオ
MP4形式のFlashビデオ
MP4ないしWMV(1280x720)を投稿して公開
(1280x720, 526Kbps、640x360, 368Kbps)
視聴にはFlash Player 8以降が必要です。
元素材が、Flash Playerで再生可能な圧縮形式(H.264_AAC 圧縮の MP4形式)へ再変換されて、ストリーミング配信される。

[特] FC2動画から配信されるFlashビデオ
 
FC2動画にMPEG2ないしWMVを投稿して自前のウェブページに埋め込んで公開しました(「FC2動画へのホームビデオFull HD素材投稿試験」を参照)。
FLV形式のFlashビデオ ⇒ こちらに追加
TV番組「Prostitution in Pompeii」
予告編MP4(720x408)を投稿して公開

(600x340, 604Kbps、720x408, 730Kbps)
ここから 入場
視聴にはFlash Player 8以降が必要です。
無料会員は、元素材がFlash Playerで再生可能な圧縮(Sorenson_MP3 圧縮の FLV)形式へ変換されてストリーミング配信されるが、ガクガク再生となってしまう・・・その対策は

[特] Dailymotionから配信されるFlashビデオ
MP4形式のFlashビデオ
ホームビデオ歴史と芸術に
煌めくスペインの夢 8日間」

を Dailymotionから配信
元素材が、Flash Playerで再生可能な圧縮形式(H.264_AAC 圧縮の MP4形式)へ変換されて、各種解像度で配信される。Flashに未対応の場合は HTML5ビデオとして配信されるが、画質の選択は出来ない
 

[特] Veohから配信されるFlashビデオ
MP4形式のFlashビデオ
ホームビデオ「歴史と芸術に
煌めくスペインの夢 8日間」の
総集編(45分弱)を Veohから配信
H.264_AAC圧縮 MP4に変換され、Flashビデオとして配信され。Flashに未対応の端末のSafariやChromeでも、Veohサイトでは HTML5ビデオとしてフォールバック可能なようだ。
 



=Silverlightで受信可能な動画(WMV, MP4)=
Silverlightで字幕表示
SilverlightによるWindows Mediaムービーの字幕表示
Expression Encoder 4
でSilverlight用動画
のキャプション表示
  Xserverは   ここから
     MICSは     ここから
   MOMOは    ここから
自宅サーバ  ここから
Microsoft Expression Encoder 4無償版で作成しました(こちらを参照)。
注意
 1) ご覧頂くには、Silverlight 4(64ビットブラウザはSilverlight 5)以降が
  必要です。
 2)PowerPCは、Silverlight 2以降には対応していませんので、当サイト
  のSilverlightのWindows Mediaムービーを視聴出来ません。
 3)サーバが自宅サイト以外のレンタルサーバの場合は、何故か? DFXP
  字幕を表示出来ません・・・方策を見出せない
(>_<、)Y
 
Silverlightでプレイリスト表示
SilverlightによるWindows Mediaムービーのプレイリスト表示
ツアー”天空の楽園”
アンコール王朝を
プレイリスト付きSilverlight
で配信
(750kbps)
ここから 入場
注意:ご覧頂くには、Silverlight 4(64ビットブラウザはSilverlight 5)以降
   が必要です。
 Microsoft Expression Encoder 4無償版で作成しました(こちらを参照)。
 
<補足>Sliverlight用プレーヤーによるH.264圧縮MP4の配信こちらを参照)
 
SilverlightPlayer
で動画の配信
(Xserver
Windows Media(wmv)
MPEG-4 AVC/H.264(mp4) 
注意:ご覧頂くには、Silverlight 3(64ビットブラウザはSilverlight 5)以降が
  必要です。
 字幕は表示出来ないが、既存のMP4ファイルも Silverlight配信が可能だ
 (詳細は上記「H.264圧縮MOV/MP4動画の各種配信方法の比較」参照)。
 
[特] SkyDriveの動画はSilverlightで配信
SkyDrive保存の動画を視聴
別途用意したVC-1_WMA圧縮の
WMV動画
(720x408, 614Kbps)
参考にSkyDriveに保存したFull HDのMPEG2-TS, MP4及び3GP動画を公開した(「ホームビデオをSkyDriveで公開」を参照)。視聴にはSilverlight 4(64ビットブラウザはSilverlight 5)以降が必要です。
元素材はストリーム用に変換されないので、Silverlight対応のWMV又はMP4のみ視聴可能で、適容量の動画を用意しないとスムース再生は望めない。又、何故か WMVは IExplorer9, Opera(12.1), Safari(5.1.7)では再生出来ない ?(゜_。)?
 
 



=DivX Plus Web Playerで受信可能な動画(DIVX, MKV, MP4)=
DivX Media Format(DMF)ムービー
DivX Mediaムービー
のWeb配信試験
(500kbps)

ここから 入場

DivX Media
劇場映画予告編
(500kbps)

ここから 入場

注意1:視聴するには、DivX Web Player(Browser Plugin)が必要です。
     v1.3以前をVistaのAero環境で使用すると、画面の配色はBasicとな
      ってしまいます。
注意2:Vista版 IExplorerは、「保護モード」を無効にしておかないと視聴出来
     ません。
注意3:Mac版safari 5.1は大幅な仕様変更により 20011年07月末の最新バ
     ージョン2.1.2に未対応となっています。
 

H.264圧縮MKVムービー
H.264圧縮MKVムービー
(H.264_AAC.mkv)
の比較試験
(750kbps)

ここから 入場

視聴するには、DivX Plus Web Player v2.0以降が必要です。
 但し、WindowsXP以降、MacOS10.4以降しかインストール出来ません!
 なお、Mac版safari 5.1は大幅な仕様変更により 20011年07月末の最新
  バージョン2.1.2に未対応となっています。
DivX社ConverterのDivX Plus HDで出力されるH.264 DivXは、H.264
圧縮型Matroska(MKV)動画のことで、高画質でWeb配信が可能となっ
ている。この形式の動画は各種変換ツールで作成可能なので、その画
質やストリーミング配信能を解像度640x360、ビットレート750Kbpsで比
較した(「H.264圧縮MKVのWeb配信試験:配信と画質」を参照)。
なお、FastStartストリーミング配信が出来ないファイルは、
MKVToolnix(Matroskaの無劣化構築ツール、こちらを参照)で
   修正した。
参考1)DivX Plus Web Player 2.0.2.39によるH.264 DivXの視聴は、不都
   合が多かったが(「当サイト閲覧上の各ブラウザの問題点」 を参照)、
 
  DivX Plus Web Player 2.0.2.39の不具合 (ページ表示
  v2.1.0.900では安定的に再生/移動が可能となった。
参考2)HandBrake 0.9.4及びXMedia Recode 2.2.1.0で変換したMKVは、
   MKVToolnixで修正しないとFirstStart再生出来なかったが、
   v2.1.0.900ではHandBrakeで変換したMKVはFirstStart再生が可能
   となった(但し、XMedia RecodeのMKVはFirstStart再生不可)。
 

次世代H.265/HEVC圧縮MKVムービー
DivX/HEVCビデオの
ストリーミング配信試験:
北イタリア周遊イントロムービー
(375〜750kbps)
ここから 入場
視聴するには、 DivX 9.1.3に含まれる DivX Plus Web Player 2.4以降が必要です(DivX 10の DivX Web Player 3.0以降を推奨)。
HEVC(High Efficiency Video Coding, H.265)は、H.264と同じ画質で半分のファイルサイズになると云う次世代の映像圧縮技術。
DivX Converter 10で「DivX/HEVC」と称する H.265/HEVC_AAC圧縮のMKVビデオに変換出来るようになったので、比較検証してみた。
<参考>
2013年11月末現在、H.264/HEVC_AAC圧縮MKV動画を再生可能なプレイヤーには、DivX Player 10.0以外に VLC 2.1.1, MPC-BE 1.3.1, MPC-HC 1.7.1以降がある。
一方、Windows Media Playerは ffdshow rev4527+Haali Media Splitter 1.13の組み合わせては再生出来ないが、LAV Filters 0.59以降なら再生可能となる。
 

 DivX Plus Web PlayerでHTML5 H.264とDIVXビデオの再生
DivX Plus Web Player HTML5<video>対応試験
DivX Plus Web Playerで
HTML5 H.264とDIVX
ビデオの切り替え再生
ここから 入場
   視聴するには、DivX Plus Web Player v2.1以降が必要です。
   ”DivX Plus Web Player HTML5<video>”は、HTML5 H.264(MP4)動画を
    DivX Plus Web Playerで再生する事を可能とするアドオン/機能拡張。
   本家ページを流用して自前の字幕付き動画で提示した(こちらを参照)。
   追記(2011.12.03)
   v.2.1.3は、最新版ではFirefox(8.01), Win版Chrome(15.0)のみが対応。
    IExplorer 8はMP4のみに対応(MKV,DIVXへメニュー変更出来ない)。
<注意>”DivX Plus Web Player HTML5<video>を有効にページ表示
 


[特] オンラインストレージ配信動画(比較)=
Flash, Silverlight, HTML5ビデオ(MP4, FLV, WMV)
各種無料オンラインストレージに保存した動画を公開して、ブラウザ上でストリーミング再生可能なサービス(Dropbox, SkyDrive, Googleドライブ, Pogoplug Cloud, ハイカム)の使い勝手について、各々の実例を提示して比較した。
 

[特] 動画共有サービス配信動画(比較)=
Flash, HTML5ビデオ(MP4, FLV, 3GP)
各種動画共有サービス(YouTube, Facebook, ニコニコ動画, FC2動画)に投稿した動画をブラウザ埋め込み方式で配信して、そのストリーミング動画を中心に各々の実例を提示して比較した。
 


=その他の動画/ 写真=
JavaApplet&Flashアニメーション
 家族アルバム・ムービー
(346kB)
 孫のアルバム・ムービー
(476kB)
注意:
 1)Java Plug-inをインストールし、有効にされていない方はご覧頂けません。
  プラグイン案内をご参照下さい。<Tips>が役立つかも・・・
 2)何故か.MacのiDiskサイトで初めてご覧になると、Javaが有効にならない
  場合があります。
 

FlashアニメーションをHTML5へ変換して配信
HTML5に変換したFlash表示
における配信サイトの不具合
ここから 入場
注意:検証する為にはChromeやSafariなどWebKit系ブラウザが必要です。
 アップルが切り捨てたFlashに未対応のiOSデバイス用に、HTML5化する
  ためのツールが開発されているので、その変換結果を提示しました。
 筆者が常用するKATCHサイトは、Wallabyで変換したファイルに対応出来
  ていなかったので、他の複数プロバイダからの配信も試験してみました。
 


Shockwaveムービー
スクリーンセーバー: 
世界の文明ミステリー
(246kB)
 ムービーCD作成
注意:
 1)ご覧頂くには、Shockwaveプレーヤー8.5以降が必要です。
 2)Vista版 IExplorerは、「保護モード」を無効にして視聴する必要があり
    ます。
 3)Intel Mac環境では、Shockwave Player11以降にアップしてご覧下さい。
   バージョン10迄はRosettaを使って起動しないと視聴出来ません。
参考:Directorは、CD/DVD-ROMメディア用のインタラクティブマルチメディ
    アコンテンツ制作ソフトと位置づけられおり、その簡易な使用例。
 



オンラインストレージで写真のスライドショー
  OneDrive


ここから 入場
  Google+
  Pogoplug Cloud
  Flickr
ここから 入場
を右クリック [新..開く] で開始 <注>
  4shared
  Adobe Revel
注意:
1) OneDriveは、Androidの標準ブラウザでスライドショー再生出来ない。
2) Google+は、iPadの Safariでスライドショー再生出来ない。
3) Pogoplug Cloud、4sharedは、Androidの標準ブラウザでスライドショー再生出来ない。
4) Flickrでスライドショーを再生させ、説明文を表示するにはコツが必要です! 等