Not long ago, the World Wide Web Consortium (W3C) declared the HTML5 specification complete. The latest version of the HTML standard has introduced a range of new functionality that is now supported natively in popular web browsers, including the <canvas> tag for graphic drawing using Javascript, structure tags for organizing the content on a web page, and improvements to web-based forms.

Of all the new features in HTML5, though, the one that has arguably attracted the most attention and generated the most excitement is the <video> tag. This sentiment was echoed by Paul Cotton, the W3C HTML working group co-chair, when the standard was recently declared complete:

“The single most important feature of HTML5 is probably the <video> tag since today’s web is rapidly moving to being more about video.”

The beauty of the <video> tag is that it enables the playback of on-demand video in web browsers without the need for 3rd-party add-ons like Flash and Silverlight. Over the past few years as HTML5 was being developed, browser vendors, device manufacturers, and media companies like Netflix and YouTube threw their weight behind HTML5 video, and an ecosystem of HTML5 video players subsequently emerged.

ページ上の箱：従来のオンラインビデオ視聴体験

しかし、興味深いのは、ここ数年のHTML5動画の勢いの中で、オンラインで動画を見るというユーザー体験はあまり変わっていないということだ。ほとんどの場合、オンライン動画はいまだに「ウェブページに埋め込まれた小さなボックス」を意味する。

これは、既存のHTML5動画プレーヤーが洗練され、高機能でないと言っているわけではない。 VideoJSは洗練されたルックスで、その小さなサイズとスピードで知られている。JWPlayerはプラグインによる拡張性で知られている。しかし、これらの動画プレーヤーとそれを使用する動画プラットフォームはすべて、2005年にYouTubeを動かしたのと同じ基本設計、つまり、ウェブページの中で他の多くのコンテンツに囲まれた単一の動画ストリームを中心に構築されている。

2007年（左）、2014年（中央）、2019年（右）のYouTubeにおける「ページ上のボックス」動画再生体験。

 

オンラインビデオ再生体験を再考する時が来た

YouTubeが開設された2005年当時、米国では高速インターネットがダイヤルアップ接続から大半のシェアを奪ったばかりで、ブロードバンド接続の実際のダウンロード速度の中央値は1.5〜2Mbpsだった。乏しい帯域幅の世界では、ウェブページ上の小さなボックスは、ビデオコンテンツをストリーミングする効率的な方法として理にかなっていた。

それから14年。米国のブロードバンド速度の中央値は90Mbpsを超え、ブロードバンドプロバイダーは50Mbps、150Mbps、最高1000Mbpsの接続を消費者に標準で提供するようになり、最大50Mbpsの速度で無料接続を提供するコーヒーショップ（主にスターバックス）を見かけることも多くなった。帯域幅のコストがゼロになる傾向にある世界では、オンラインビデオの視聴方法を見直すことが可能だ。

より没入感のある、魅力的なビデオ視聴体験とはどのようなものだろうか。 エンタテインメント・ビデオの場合、1080p以上の解像度を持つ "より大きな箱 "が出発点として最適です。しかし、企業や大学で使用されるタイプのビデオ（教育用録画、ビデオプレゼンテーション、トレーニングビデオ、講義、製品デモンストレーション、タウンホールミーティングなど）には、没入感のあるビデオ体験に必要な要件が異なります。

具体的には、ほぼすべてのビデオプレゼンテーションには、プレゼンターとそのコンテンツという2つの 部分があることを考慮することが重要です。理想的には、ライブの聴衆と同じように、両方を同時に見ることができるべきです。しかし、従来の「ページ上のボックス」体験では、どちらか一方を見ることを余儀なくされ、いつでもどちらを見るかをコントロールすることはできない。それは、プレゼンテーションを録画したビデオグラファーによってコントロールされているのだ。

新しいアプローチ：スマートシンクを備えたマルチストリーム HTML5 動画プレーヤー

ビジネスや学術のビデオプレゼンテーション、スクリーンキャスト、ライブウェブキャスト、その他のビデオコンテンツのニーズに応えるため、Panoptoは独自のビデオプレーヤーを構築しました。これにより、会議室、講義室、役員室でライブプレゼンテーションを見ているのと同じように、プレゼンターとそのコンテンツの両方を同期して見ることができます。

スマートシンクを使えば、プレゼンターとプレゼンテーションを同時に見ることができます。再生中はいつでも、どちらのビデオフィードを最大化することもできます。

複数のビデオ・ストリームを同期させる機能をスマート・シンクと呼んでいます。そして、ビデオプレーヤーとSmart Syncの機能は、すべてHTML5で動作するように設計されています。

YouTubeにはないすべてを提供します：Panoptoのビデオプラットフォームの概要とデモを見る >> ビデオプラットフォームの概要とデモを見る

 

スマート・シンク 機能は、ビデオ・プラットフォームにボルトで簡単に取り付けられるものではない。複数の映像フィード間で秒単位での同期を実現するには、ソフトウェアのあらゆる面にその機能を組み込む必要があります。PanoptoでSmart Syncを実現する3つの要素をご紹介します：

• ビデオの録画やライブ・ウェブキャスティングに使用される弊社のクライアント・ソフトウェアは、複数のビデオ・フィードを認識し、効率的にキャプチャします。これらのビデオ・フィードは、1台のPCから発信することも、PC、Mac、モバイル・デバイスの分散ネットワークから発信することもできます。最大60フレーム/秒の720pまたは1080pビデオの複数フィードがサポートされています。
• 当社のウェブサービスとデータモデルは、フィード間の画質の違い、異なるビデオフォーマットとフレームレート、各ビデオフィードの開始時間と停止時間の違い、およびキャプチャポイント（カメラ、コンピュータモニター、またはその他のビデオデバイス）から処理ポイント（Panoptoサーバー）までのさまざまな遅延変数を考慮して、これらのビデオフィードを自動的に同期します。
• 私たちのHTML5ベースのビデオプレーヤーは、潜在的に遅延の大きいネットワーク上で複数のビデオフィードを同時に再生する場合、かなり複雑になるバッファリングの問題に対処しています。

HTML5ビデオとSmart Syncを通じてこの機能を提供することで、Panoptoは最も幅広いブラウザとデバイスにプレミアムなビデオ視聴体験を提供することができます。

どのようなビデオフィードも同期して再生できる。この例では、ビデオカメラとiPhoneで撮影した顕微鏡映像が自動的に同期している。

 

PanoptoのHTML5動画プレーヤについて詳しく知る
社内コミュニケーションやナレッジ共有のために動画の活用に投資している企業や大学で、最新のインターネット規格に準拠した最先端の動画プラットフォームをお探しでしたら、今すぐPanoptoの無料トライアルをお申し込みください。