Watch

テレビ+スマートフォン、ウェブ経由:マイクロソフトが大画面と小画面をリンクするビジョンを提示

テレビ+スマートフォン、ウェブ経由:マイクロソフトが大画面と小画面をリンクするビジョンを提示

トッド・ビショップ

ミックスパーティー

今月初め、7月4日の祝日を前に、マイクロソフトとノキアはXbox Live向けの共同体験「Nokia Music Mix Party」をリリースしました。これは、同じ部屋にいる複数の人がスマートフォンを使って、テレビ画面で再生中の曲をいつでも操作できるというものです。これはちょっとした斬新な試みで、おどけた動画も公開されていますが、舞台裏では高度な技術が活用されており、マイクロソフトのIEチームは、これが今後のさらなる進化の兆しになると確信しています。

コンパニオンウェブマイクロソフトは今朝、​​「コンパニオンウェブ」と呼ぶビジョンの概要を発表しました。これは、タブレット、テレビ、その他の大型画面上のInternet Explorerをスマートフォンと連携させる計画です。同社は、多くの人々(ある推計によるとアメリカ人の80%以上)が、テレビを見る際に既にスマートフォンなどのデバイスを使用していると指摘しています。

Internet Explorer のシニアプロダクトマネージャーであるブライアン・サフトラー氏は、インタビューでその構想について述べ、デバイスをより大きな画面に「一体化した統一された体験」としてリンクさせるのが狙いだと語った。

「これらすべてに共通するものはウェブです」と彼は言った。「私たちは、デバイス間の橋渡しが始まっているのを目にし始めています。」

同社は、この「オープンウェブ」アプローチを活用することで、主要な消費者市場でリードするApple、Google、その他のライバル企業との差別化をリビングルームでさらに図ることを目指しています。昨年のXbox 360のアップデートでは、Xbox LiveにIEのバージョンが追加されました。

マイクロソフトは既にXbox SmartGlassアプリでこの方向性を推し進めており、Windows Phone、iPhone、AndroidをXbox Liveに接続してコンソールを操作したり、大画面で再生されているコンテンツに関連したコンテンツを操作したりしています。IEチームの計画は、Web開発者がWebテクノロジーを活用して、自社サイトにこうしたコンパニオンエクスペリエンスを容易に構築できるようにすることです。

最新の例として、マイクロソフトは今朝、​​Polarの新しいオンライン体験を紹介しました。この体験では、スマートフォンをタブレットやテレビ画面上のブラウザに接続し、手元のデバイスを使って画面上で投票することができます。スマートフォンと大画面の接続は、ユーザーがQRコードをスキャンすることで、インターネット経由で確立されます。

他の例としては、スマートフォンを使ってテレビでのワークアウトをコントロールできる「Daily Burn」があります。

では、これは実際にはどのように機能するのでしょうか?Nokia Music Mix Partyエクスペリエンスの主任開発者であるClarity ConsultingのErik Klimczak氏からメールで説明がありましたので、ご紹介します。

コンパニオンサイトの重要な側面の一つは、デバイスとメインスクリーン間の「ハンドシェイク」です。その目標は、可能な限りシームレスにすることです。一見すると、魔法のように思えます。まず、ユーザーは大画面(今回の場合はXbox上のNokia Music)でウェブサイトにアクセスし、任意のモバイルデバイスでQRコードを読み取ります。すると、小画面で大画面を操作できるようになります。つまり、一見無関係に見える2つのデバイスが、シンプルな画像キャプチャを介して相互に通信できるのです。

「ハンドシェイク」は主にWebSocket / ロングポーリングとNode.jsを介して行われます。Nokia Musicでは、WebSocketとロングポーリングの両方に対応するFAYEというメッセージングプラットフォームを使用しました。ロングポーリング方式は、XboxのIEのようにWebソケットをサポートしていないブラウザで使用されます。ユーザーがQRコードを撮影すると、そこには大画面固有のURLとIDが含まれています。Node.jsサーバーがクライアントを検出すると、大画面と小画面の間に「セッション」が作成されます。その後、メッセージングプラットフォームを使用して、デバイス間でほぼリアルタイムで情報を送受信します。

IEのサフトラー氏によると、次のステップは幅広いウェブ開発者からフィードバックを集め、彼らに技術を浸透させ、小さな画面と大きな画面を繋ぐ独自のエクスペリエンスを構築してもらうことだという。IEは、開発者がレスポンシブデザインを採用してサイトを画面サイズに合わせて即座に適応させるのと同じように、これがウェブ開発の標準となることを期待している。