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における「ページ上のボックス」形式の動画再生画面。

 

オンライン動画の再生体験を見直す時が来た

2005年にYouTubeがサービスを開始した当時、米国では高速インターネットがダイヤルアップ接続から市場の大部分を奪い取ったばかりで、ブロードバンド接続の実効ダウンロード速度の中央値は1.5～2Mbps程度でした。帯域幅が限られていた当時、ウェブページ上の小さなボックスは、動画コンテンツをストリーミングする効率的な手段として理にかなったものでした。

それから14年が経った。現在、米国のブロードバンド平均速度は90Mbpsを超え、プロバイダー各社は50Mbps、150Mbps、さらには最大1000Mbpsの接続サービスを標準的なプランとして消費者に提供している。また、最大50Mbpsの無料Wi-Fiを提供するカフェ（主にスターバックス）もますます一般的になっている。 帯域幅のコストがゼロに近づいている現代において、オンライン動画の視聴方法を見直すことが可能となっている。

より没入感があり、魅力的な動画視聴体験とはどのようなものでしょうか？ エンターテインメント動画の場合、1080p以上の解像度を備えた「大型ディスプレイ」は、優れた出発点となります。しかし、企業や大学で使用されるような動画――指導用録画、ビデオプレゼンテーション、研修動画、講義、製品デモ、タウンホールミーティングなど――においては、没入感のある動画体験を実現するために、異なる要件が求められます。

具体的には、ほぼすべての動画プレゼンテーションには「発表者」と「内容」という2つの要素 があることを考慮することが重要です。理想を言えば、ライブ会場で聴衆として参加している時と同じように、その両方を同時に視聴できるべきです。 しかし、従来の「画面上のボックス」形式では、どちらか一方しか見ることができず、どのタイミングでどちらを見るかを選択する自由がありません。それは、プレゼンテーションを録画した撮影者が決定しているのです。

新しいアプローチ：スマート同期機能を備えたマルチストリームHTML5ビデオプレーヤー

ビジネスや学術分野におけるビデオプレゼンテーション、スクリーンキャスト、ライブウェブキャスト、その他の動画コンテンツのニーズに応えるため、Panopto 独自のビデオプレーヤーPanopto 。このプレーヤーを使用すると、まるで会議室や講堂、役員室に実際に座ってプレゼンテーションをライブで視聴しているかのように、発表者とコンテンツの両方を同期して表示することができます。

「Smart Sync」を使えば、プレゼンターとプレゼンテーションを同時に表示できます。再生中はいつでも、どちらの映像も全画面表示に切り替えることができます。

複数の動画ストリームを同期させる機能を「Smart Sync」と呼んでいます。また、当社の動画プレーヤーとSmart Sync機能は、すべてHTML5で動作するように設計されています。

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

 

Smart Sync機能は 、動画プラットフォームに簡単に追加できるようなものではありません。複数の動画フィード間で1秒未満の同期を実現するには、その機能をソフトウェアのあらゆる側面に組み込む必要があります。PanoptoでPanopto Syncを実現する3つの要素は以下の通りです：

• 当社の録画およびライブ配信用クライアントソフトウェアは、複数のビデオフィードを認識し、効率的にキャプチャします。これらのビデオフィードは、単一のPCから配信される場合もあれば、PC、Mac、モバイルデバイスからなる分散ネットワークから配信される場合もあります。720pまたは1080pのビデオを、最大60フレーム/秒で複数ストリーム配信することが可能です。
• 当社のウェブサービスとデータモデルは、各ビデオフィード間の画質の違い、異なるビデオフォーマットやフレームレート、各ビデオフィードの開始・終了時刻の違い、および撮影元（カメラ、コンピューターモニター、その他のビデオ機器）から処理先（Panopto ）までのさまざまな遅延要因を考慮しつつ、これらのビデオフィードを自動的に同期させます。
• 当社のHTML5ベースのビデオプレーヤーは、遅延の発生しやすいネットワーク上で複数のビデオフィードを同時に再生する際に生じる、はるかに複雑なバッファリングの問題に対処します。

あらゆる形式の教育用動画やプレゼンテーション動画において、マルチストリーム再生は今後数年のうちに新たな標準となるでしょう。Panopto 、HTML5動画とSmart Syncを通じてこの機能を提供することで、幅広いブラウザやデバイスにおいて、最高品質の動画視聴体験Panopto 。

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

 

Panopto詳細はこちら
社内コミュニケーションやナレッジ共有のために動画の活用を強化しようとお考えの企業や大学で、最新のインターネット標準に基づいた最先端の動画プラットフォームをお探しの場合は、今すぐ Panopto無料トライアルをご請求ください。