(2017 年 7 月 8 日 THEOplayer INSIGHTS 掲載記事)

 

PWA (プログレッシブウェブアプリ: Progressive Web Apps)とは何でしょうか?また、オンラインビデオサービスは、視聴体験の品質を最適化させるために、このテクノロジーをどのように活用できるのでしょうか?

このブログ記事では、THEOplayer がオンラインビデオで再生が開始される時間の短縮を実現し、PWA と THEOplayer とのコンビネーションによって視聴体験を向上させた最適化について紹介します。 NAB Las Vegas 2017 の Google I/O カンファレンスで発表された、Google PWA の POC (概念実証)をより良く知ることができます。

現代の視聴体験における課題

オンラインビデオ分析ソリューションのメーカーである Conviva が行った調査によると、オンラインビデオ視聴者の約 27 % がバッファリング(データ受信不足によるビデオ視聴の中断)を経験し、43 % が低品質のビデオを視聴しており、約 5 % のビデオは再生が開始されないとしています。Akamai が行った別の調査だと、再生が始まるまでに 2 秒以上かかると視聴者はビデオ視聴をやめることが明らかになりました。オンラインビデオサービスから去った視聴者は戻ってこないかもしれません。

(縦)放棄率 [%]、(横)再生開始までの時間 [秒]

ソース: ビデオストリームの品質が視聴者の行動にどのような影響を与えるかという Akamai の調査

起動遅延が 2 秒を超えたところから視聴者はビデオの放棄を開始し、それを超えると、遅延が 1 秒増加すると共に放棄率が約 5.8 % 増加していきます。

PWA (プログレッシブウェブアプリ)とは

従来は、ネイティブモバイルアプリやモバイルウェブアプリ、またはこれら 2 つの組み合わせだけがモバイルデバイスにとってインターネットへの接続口でした。ネイティブのモバイルアプリは、デバイスの機能を利用することによって高速でリッチなユーザー体験を提供できますが、ストレージ容量の圧迫やリアルタイムな更新ができないというデメリットがあります。モバイルウェブアプリは、予めインストールをしなくても簡単にアクセスできるようにホーム画面に固定されているウェブサイトですが、インターネット接続への依存度が高いため、インターネット接続が不安定な場合は信頼性が低く、ユーザー体験が低下します。そして、これら 2 つのメリットを組み合わせた、PWA (プログレッシブウェブアプリ)が誕生しました。

PWA (プログレッシブウェブアプリ)は、技術的には通常のウェブページですが、ユーザーには従来からのネイティブモバイルアプリケーションのように見せることができます。この新しいアプリケーションの形態は、最新のブラウザでサポートされている機能とモバイルエクスペリエンスの利点を組み合わせることで実現しています。 PWA (プログレッシブウェブアプリ)に含まれる新技術で最も興味深いものは、Service Workers (サービスワーカー)と Web App Manifests (ウェブアプリマニフェスト)です:

  • Service Workers (サービスワーカー)は、バックグラウンドでの実行やデータの同期、プッシュ通知といった通常ネイティブアプリケーションにリンクされるその他のアクションを動かすことができるスクリプトです。
  • Web App Manifests (ウェブアプリマニフェスト)はユーザー体験を向上させる情報となる、アイコンやタイトル、作成者、その他情報を構成できます。

PWA を使用してビデオ体験を向上させる

Service Workers (サービスワーカー)を使って、アプリケーションがバックグラウンドでビデオデータと同期できるようになります。これによって、再生されるビデオを予測して、そのビデオをプリロードすることが可能になります。結果として、視聴者の体験を大幅に向上させることができるようになります:

  • ビデオの再生開始までの時間を大幅に短縮、わずか数秒になり、ビデオがすぐに開始されます。
  • バッファを大きくできるため、バッファリング(再生の中断)を回避でき、ネットワークの状況による悪影響を排除できます。
  • すぐに高品質ビデオの再生を開始できます。

これらの改善結果は無視できません: 視聴をやめるユーザーを劇的に減らし、リピートする視聴者数とユーザーエンゲージメントを増やします。

THEOplayer と PWA

ビデオの再生開始にかかる時間を完全になくす

THEOplayer は Google と共に、とある顧客のビデオ体験を向上させるために、PWA (プログレッシブウェブアプリ)技術を使った協業を実施しました。結果、THEOplayaer のビデオ技術と PWA (プログレッシブウェブアプリ)技術とを組み合わせて活用することによって、顧客のウェブサイト上からビデオの再生が開始されるまでの時間をほぼ完全になくすことに成功しました。

PWA (プログレッシブウェブアプリ)を活用して、4K ビデオの再生開始にかかる平均時間も大幅に短縮できました。高品質 4K ビデオストリームの再生を強制的に開始させるプレイヤーを設置する試みも行いました。この試みは、2 つのシナリオで繰り返し行われました:

  • シナリオ 1 : PWA の最適化を含む THEOplayer を利用
  • シナリオ 2 : 通常の THEOplayer を利用

比較の結果は俄には信じ難いものとなりました。 PWA (プログレッシブウェブアプリ)を使用していない THEOplayer で、4K ビデオの起動時間が約 3 秒だったものが、PWA (プログレッシブウェブアプリ)と THEOplayer との併用では 100 ミリ秒に短縮されました。つまり、再生開始までの時間が 30 分の 1 に短縮されたのです!

PWA の使用 / 未使用の違いによる起動時間の比較

(左) THEOplayer と PWA あり、(右) THEOplayer と PWA なし

 

このプロジェクトの最初の結果は、NAB Show の Google ブースで紹介され、Google I/O カンファレンスでウェブ上におけるビデオの未来に関する セッション中に発表されました。Google I/O でデモンストレーションされました、視聴体験へのプラスの影響を示すビデオを見てみてください。

左側の動画に注目してください。右側と比べて動画の再生が開始されるまでの時間が大きく異なることが見てとれます。

PWA と THEOplayer を使用してオンラインビデオサービスのビデオ体験を向上させる

THEOplayer および PWA (プログレッシブウェブアプリ)技術を活用し、視聴者の体感品質(QoE)向上と、オンライン動画における再生開始までの時間を短縮する方法について興味のあるかたは、お気軽にご相談ください。

PWA 関連のセミナー

THEOplayer の販売代理店である DPSJ は、この度「新たな動画活用手段となる?! PWA と動画配信テクノロジーセミナー」と題しまして、2019 年 6 月 26 日(水)に、PWA とは何か?から使用例までを含むセッションを用意した無料セミナーを開催します。

PWA や THEOplayer にご興味のある方は是非お申込みください。