目次 1. 本文書について性能評価テストの範囲性能評価の考え方本文書の利用シーン Web-based Signage 端末テスト仕様解像度試験手順前提条件..

Size: px

Start display at page:

Download "目次 1. 本文書について性能評価テストの範囲性能評価の考え方本文書の利用シーン Web-based Signage 端末テスト仕様解像度試験手順前提条件.."

さみこいたばし
5 years ago
Views:

1 Web-based Signage 端末性能テスト仕様 Release Candidate Rev 年 3 月 11 日作成 : Web プラットフォーム性能ベンチマーク検討会発行 : 慶應義塾大学 SFC 研究所先端ウェブアーキテクチャラボ 1

2 目次 1. 本文書について性能評価テストの範囲性能評価の考え方本文書の利用シーン Web-based Signage 端末テスト仕様解像度試験手順前提条件実装条件 / 期待値備考ストレージ試験手順前提条件実装条件 / 期待値備考描画速度試験手順前提条件実装条件 / 期待値備考並行処理試験手順前提条件実装条件 / 期待値...8 2

3 備考ビデオ再生試験手順前提条件実施条件 / 期待値備考オーディオ再生試験手順前提条件実施条件 / 期待値備考再生遅延時間試験手順前提条件実施条件 / 期待値備考 Appendix Web-based Signage 端末の実装タイプとテスト適合要件静止画スライドショー型動画型複合型 Web-based Signage 端末性能テスト申請例 Web-based Signage 端末性能テスト結果例

1. 本文書について本文書は Web-based Signage 端末性能要件文書に記載されたウェブ (HTML5) ベースサイネージ端末に対する各性能要件について評価試験を実施するためのテスト仕様である性能要件の計 7 項目 ( 解像度ストレージ描画速度並行処理ビデオ再生オーディオ再生再生開始遅延 ) それぞれに対応して 2 章の各節に試験内容を記載している

4 1. 本文書について本文書は Web-based Signage 端末性能要件文書に記載されたウェブ (HTML5) ベースサイネージ端末に対する各性能要件について評価試験を実施するためのテスト仕様である性能要件の計 7 項目 ( 解像度ストレージ描画速度並行処理ビデオ再生オーディオ再生再生開始遅延 ) それぞれに対応して 2 章の各節に試験内容を記載している性能評価試験としては一般に出来る限り自動化されることが望ましいしかしながら対象が PC ではなく組込系の端末であるということを前提とすると目視など手動に頼らざるを得ないケースも多いと考えられるしたがって現時点では本文書でもそうした手動による試験手順を記載している項目もある今後実装ブラウザの進化等により試験手順は改訂されていくことになろう 1.1. 性能評価テストの範囲性能評価の対象は下記構成要素のうちハードウェアオペレーティングシステムブラウザーランタイムであるただし本性能評価は構成要素を個別に評価するのではなくこれらを組み合わせた状態つまり実際の端末として総合的に評価する 4

5 1.2. 性能評価の考え方端末の性能の高低を単純に評価するのではなく評価項目ごとの性能レベルを端末用途に応じた適合用途として分類しその評価を実施することとする 1.3. 本文書の利用シーン本文書は次のようなテストでの利用を想定している端末メーカーによる社内でのテスト端末メーカーの依頼による第三者検証試験ロケーションオーナーもしくはサイネージシステム構築受託業者による採用候補端末のテスト ( 第三者委託も含む ) その他本文書の試験項目を実施することで Web-based Signage 端末性能要件文書の規格に準拠していることを確認し本文書で定義する各実装タイプ (Appendix 参照 ) に分類されることを認証することができる 1 1 ただしプラットフォームとしての H/W とブラウザのすべての組合わせにおいてのパフォーマンスや動作を約束するものではない 5

2. Web-based Signage 端末テスト仕様 2.1. 解像度ブラウザーランタイムのビューポート解像度の大きさによって 3 種 ( 小密度型中密度型高密度型 ) に分類される機器が実装している分類 ( 型 ) の条件を満たしていることを確認する 2.1.1. 試験手順申告値の解像度のゾーンプレート静止画 ( 以下テストチャートという下記に例を示すが解像度が確認可能なものであればこれに限らない ) を表示し対応するブラウザーランタイムのビューポート解像度を確認する例えば目視により確認する 2.

6 2. Web-based Signage 端末テスト仕様 2.1. 解像度ブラウザーランタイムのビューポート解像度の大きさによって 3 種 ( 小密度型中密度型高密度型 ) に分類される機器が実装している分類 ( 型 ) の条件を満たしていることを確認する試験手順申告値の解像度のゾーンプレート静止画 ( 以下テストチャートという下記に例を示すが解像度が確認可能なものであればこれに限らない ) を表示し対応するブラウザーランタイムのビューポート解像度を確認する例えば目視により確認する前提条件当該テストチャートが読み込めること実装条件 / 期待値当該ゾーンプレート画の最高周波数部分で白黒の分離が確認できれば申告通りの解像度となる最高周波数まで行かない場合白黒分離が確認できる最大の周波数を読み取るその結果に基づき小密度型 ( ピクセル以下 ) 中密度型(1920 x 1080 ピクセル以下 ) 高密度型(1920 x 1080 ピクセルを超えるもの ) に分類する備考 6

7 2.2. ストレージストレージの有無また蓄積可能な容量によって 3 種 ( キャッシュ型蓄積型大容量蓄積型 ) に分類される機器が実装している分類 ( 型 ) の条件を満たしていることを確認する試験手順合計 1024MB となる画像ファイルを準備し Indexed Database API または File API: Directories and System を利用して端末に保存を試みる前提条件実装条件 / 期待値保存機能が全くないもしくは Indexed Database API と File API: Directories and System のいずれも実装されていない端末はキャッシュ型とする保存可能なファイルサイズが 1024MB 未満の端末を蓄積型とする保存可能なファイルサイズが 1024MB 以上の端末を大容量蓄積型とする備考 2.3. 描画速度ティッカーやアニメーションの描画時の速度性能 ( フレームレート ) を測定する試験手順ティッカー様々な文字を含むティッカー ( 高さ : 画面高の 10%) を準備する ( 画像ではなくフォントで実現する ) またティッカー画像を水平スクロールさせる際の背景画像としては細い等間隔の縦縞模様を有するものとする ( 例 : 下図参照 ) CSS transform / transition を利用してティッカーテキストの水平移動を行うその速度は 1 フレームあたり文字列が縞 1 本分進む速度とする実際に端末上で画像表示させフレームレートを測定する例えば表示ディスプレイをビデオカメラで録画しその変化量から測定する全画面移動等間隔の縦縞模様の重畳された静止画像 ( 全画面 ) を準備する ( 例 : 下図参照 ) CSS transform / transition を利用してこの画像の水平移動を行うその速度は 1 フレームあたり縞 1 本分進む速度とする実際に端末上で画像表示させコマ落ちの程度を測定する例えば表示ディスプレイをビデオカメラで録画しそのスロー再生の目視から測定する 7

2.3.2. 前提条件 2.3.3. 実装条件 / 期待値ティッカー全画面移動のいずれかで 15 秒間の再生中のコマ落ち ( フレーム落ち ) が合計 10 フレームを超える時低速型と判定するティッカー全画面移動のいずれかで 15 秒間の再生中のコマ落ち ( フレーム落ち ) の合計が 3 フレームを超えて両方で 10 フレーム以下となる時中速型と判定するティッカー

8 前提条件実装条件 / 期待値ティッカー全画面移動のいずれかで 15 秒間の再生中のコマ落ち ( フレーム落ち ) が合計 10 フレームを超える時低速型と判定するティッカー全画面移動のいずれかで 15 秒間の再生中のコマ落ち ( フレーム落ち ) の合計が 3 フレームを超えて両方で 10 フレーム以下となる時中速型と判定するティッカー全画面移動の両方で 15 秒間の再生中のコマ落ち ( フレーム落ち ) が合計 3 フレーム以下の時高速型と判定する備考 2.4. 並行処理端末の同時並行処理性能を評価する試験手順ある計算処理について Web Workers を使用するコードを作成しておくワーカースレッドを 2 個使用した場合と 1 個使用した場合の処理時間を比較する前提条件実装条件 / 期待値ワーカースレッドを 2 個使用しても処理時間が短縮しない場合シングル型と判定する 8

9 ワーカースレッドを 2 個使用した場合に処理時間が短縮する場合マルチ対応型と判定する備考 2.5. ビデオ再生映像の再生性能を評価する試験手順 1 ブラウザーランタイムのビューポート解像度 ( 全画面 ) のビデオ映像 (30fps) を準備しておく各フレームにはフレーム番号をスーパーインポーズしておくこれをサポート申告のあったビデオタイプ (mp4 もしくは webm) 及びビットレートでエンコードしておく 2 JS プレーヤーで全画面でビデオ再生しコマ落ちの有無を確認する例えば表示ディスプレイをビデオカメラで録画し再生することでコマ落ちの有無を目視で調査する 3 JS プレーヤーで CSS Transform を video 要素に適用し縮小表示拡大表示回転表示移動表示を行いビデオ再生しコマ落ちの有無を確認する例えば表示ディスプレイをビデオカメラで録画し再生することでコマ落ちの有無を目視で調査する具体的には CSS Transform にて次の数値を用い遷移後の位置大きさでビデオ再生する縮小 :0.5 倍拡大 :2 倍回転 : 時計回りに 90 度移動 : 右方向 100 画素下方向 100 画素前提条件以下を満たすことが本評価の前提条件である 1. 次の 2 種類のビデオタイプのうち少なくともいずれか一方をサポートすること MIME-Type ビデオコーデックオーディオコーデックコンテナ video/mp4 H.264 AAC MP4 video/webm VP8 Vorbis WebM 2. ユーザーの操作なしに自動再生をサポートすること具体的には JavaScript 上で video 要素の play() メソッドが実行されたらビデオの再生が開始されること実施条件 / 期待値試験手順 2において 30fps のビデオがコマ落ちなく全画面で再生できる場合中機能型 ( 以上 ) と判定するこの際に再生したストリームのビットレートも記録する試験手順 3においても 30fps のビデオがコマ落ちなく再生できる場合高機能型と判定する上記の前提条件は満たすものの中機能型高機能型と判定できないものは少機能型とする 9

10 備考 2.6. オーディオ再生オーディオ再生性能を評価する試験手順 1 適当なオーディオファイルを準備しておく 2 JS プレーヤーで audio 要素の play() によりオーディオ再生し動作を確認する例えば実際に聴いて確認する 3 audio 要素にセットされたオーディオに対する下記の処理を Web Audio API の次のインターフェースを用いてスクリプト上に実現する i. 使用インターフェース AudioContext AudioNode AudioDestinationNode AudioBuffer AudioBufferSourceNode MediaElementAudioSourceNode AudioParam GainNode DelayNode OscillatorNode ii. 実現する処理音源に異なる音量調整と遅延量調整を行って同時に再生するスクリプト上で 1kHz サイン波音源を生成し再生するオーディオファイルをサーバーから取り込み再生する 4 前項の処理によるオーディオを JS プレーヤーで再生し動作を確認する例えば実際に聴いて確認する前提条件以下を満たすことが本評価の前提条件である a) 次の 4 種類のオーディオタイプのうち少なくともいずれか 1 種類をサポートすること MIME-Type オーディオコーデックコンテナ audio/mp3 MP3 MP3 10

11 audio/mp4 AAC M4A audio/webm Vorbis WebM audio/ogg Vorbis Ogg b) ユーザーの操作なしに自動再生をサポートすること具体的には JavaScript 上で audio 要素の play() メソッドが実行されたらオーディオの再生が開始されること実施条件 / 期待値試験手順に記した Web Audio API のインターフェースのすべての正常動作が確認できた場合高機能型と判定する前提条件は満たすもののいずれかのインターフェースが動作しない場合は少機能型と判定する備考 2.7. 再生遅延時間再生開始コマンド後実際にオーディオビデオが再生されるまでの遅延時間を評価する試験手順ビデオの再生遅延 1 JavaScript から video 要素 (HTMLVideoElement オブジェクト ) を生成する 2 生成した HTMLVideoElement オブジェクトの preload プロパティに "auto" をセットする 3 生成した HTMLVideoElement オブジェクトに timeupdate イベントのリスナーをセットする 4 生成した HTMLVideoElement オブジェクトの src プロパティにビデオファイルの URL をセットする 5 生成した video 要素 (HTMLVideoElement オブジェクト ) をドキュメントに挿入する 6 プリロードが完了するのに十分な時間 ( 数秒 ) の経過後に HTMLVideoElement オブジェクトの play() メソッドを実行する 7 play() メソッドを呼び出してから最初に生成した timeupdate イベントが発生するまでの時間を測定しビデオの再生遅延時間とするオーディオの再生遅延 1 JavaScript から audio 要素 (HTMLAudioElement オブジェクト ) を生成する 2 生成した HTMLAudioElement オブジェクトの preload プロパティに "auto" をセットする 3 生成した HTMLAudioElement オブジェクトに timeupdate イベントのリスナーをセットする 4 生成した HTMLAudioElement オブジェクトの src プロパティにビデオファイルの URL をセットする 5 生成した audio 要素 (HTMLAudioElement オブジェクト ) をドキュメントに挿入する 11

12 6 プリロードが完了するのに十分な時間 ( 数秒 ) の経過後に HTMLAudioElement オブジェクトの play() メソッドを実行する 7 play() メソッドを呼び出してから最初に生成した timeupdate イベントが発生するまでの時間を測定しオーディオの再生遅延時間とする前提条件ビデオ再生またはオーディオ再生の性能が少なくとも中機能型以上に分類されていること実施条件 / 期待値 play()( 再生開始コマンド ) 実行後実際に再生開始されるまでの遅延がビデオオーディオどちらかまたは両方とも 0.5 秒以上の場合低速型と判定する同遅延がビデオオーディオ共に 0.5 秒未満の場合高速型と判定する備考本評価においては play() を呼び出す前にデータをプリロードする必要があるため十分なネットワーク帯域とサーバーレスポンスを確保することが望ましい 12

13 3. Appendix 3.1. Web-based Signage 端末の実装タイプとテスト適合要件本性能評価分類及びその評価分類ごとの性能を軸とした適合分類に基づき各端末の典型的な実装タイプが分類できる以降テスト適合要件の記号定義として以下を用いる M Mandatory: 必要要件 O Option: オプション静止画スライドショー型例えば小規模な小売店舗で店の情報などを表示する場合や企業オフィスで従業員向けの情報を伝える場合において動画は多用せず静止画のアニメーションやテキストを主とするケースを想定しているこのような静止画スライドショー型のテスト適合要件は以下のようになる ( 出典 :DSC デジタルサイネージシステムガイドブック ) # 評価分類適合分類適用要件 # 評価分類適合分類適用要件 1 解像度小密度型 M 4 並行処理シングル型 M 中密度型 O マルチ対応型 O 高密度型 O 5 ビデオ再生少機能型 M 2 ストレージキャッシュ型 - 中機能型 O 蓄積型 M 高機能型 O 大容量蓄積型 O 6 オーディオ再生少機能型 M 3 描画速度低速型 M 高機能型 O 中速型 O 7 再生開始遅延低速型 O 高速型 O 高速型 O 13

14 動画型動画型では静止画スライドショー型に加えビデオ再生を多用したコンテンツにも対応するケースを想定している例えばイメージ映像や環境映像などを表示する場合が考えられるこのような動画型のテスト適合要件は以下のようになる # 評価分類適合分類適用要件 # 評価分類適合分類適用要件 1 解像度小密度型 M 4 並行処理シングル型 - 中密度型 O マルチ対応型 M 高密度型 O 5 ビデオ再生少機能型 - 2 ストレージキャッシュ型 - 中機能型 M 蓄積型 - 高機能型 O 大容量蓄積型 M 6 オーディオ再生少機能型 - 3 描画速度低速型 - 高機能型 M 中速型 M 7 再生開始遅延低速型 M 高速型 O 高速型 O 複合型複合型は全評価項目で最高クラスに属し様々な表現が可能となる例えば高品質なハイビジョン映像や高精細静止画などで構成されるコンテンツも表示するケースが考えられるこのような複合型のテスト適合要件は以下のようになる # 評価分類適合分類適用要件 # 評価分類適合分類適用要件 1 解像度小密度型 - 4 並行処理シングル型 - 中密度型 - マルチ対応型 M 高密度型 M 5 ビデオ再生少機能型 - 2 ストレージキャッシュ型 - 中機能型 - 蓄積型 - 高機能型 M 大容量蓄積型 M 6 オーディオ再生少機能型 - 3 描画速度低速型 - 高機能型 M 中速型 - 7 再生開始遅延低速型 - 高速型 M 高速型 M 14

15 3.2. Web-based Signage 端末性能テスト申請例基本情報会社名住所所属役職担当者氏名 ( ふりがな ) 電話番号 /Fax 番号製品名 ( 型番 ) 機器カテゴリー機器の仕様機器がサポートしている仕様 ( 値 ) を記入してください解像度 ( ピクセル ) ブラウザーランタイムのビューポート解像度ピクセルストレージ ( バイト ) コンテンツとなる画像動画ファイルを保存する機能の有無保存する機能がある場合は保存サイズ有無 MB 描画速度 ( フレーム ) ティッカーと全画面移動の各場合の 15 秒間再生中のコマ落ちフレーム数ティッカー : frames 全画面移動 : frames 並行処理同時並行処理のサポート有無有無ビデオ再生サポートするビデオタイプ MIME-Type ビデオコーデックオーディオコーデックコンテナ自動再生サポートの有無有無全画面再生可能なフレームレートビットレート fps, Mbps 縮小拡大回転移動後のビデオ再生機能有無オーディオサポートするオーディオタイプ MIME-Type オーディオコーデックコンテナ自動再生サポートの有無有無オーディオイフェクト等の処理 (2.6.1) への対応有無再生開始遅延再生開始コマンド後実際に再生開始されるまでの時間 msec 15

16 3.3. Web-based Signage 端末性能テスト結果例試験判定結果と 3.1 で述べた Web-based Signage の実装タイプにおける各適用要件とを照合することで試験した機器の実装タイプを分類することもできる下記の場合複合型をベースに描画速度が中速型の実装タイプであると分類できる # 機能申請値試験判定適用要件 ( 複合型 ) 1 解像度小密度型中密度型高密度型 ** ピクセル Pass ** ピクセル M 2 ストレージキャッシュ型蓄積型大容量蓄積型 **MB Pass **MB M 3 描画速度低速型中速型 - Pass **frames - 高速型 **frames Fail M 4 並行処理シングル型マルチ対応型対応 Pass M 5 ビデオ再生少機能型 - - 中機能型高機能型 **Mbps Pass **Mbps M 6 オーディオ少機能型高機能型対応 Pass M 低速型再生開始遅延 Pass 高速型 300msec **msec M 16

目次 1 性能要求条件の概要...4 1.1 性能評価の範囲...4 1.2 評価の方針...5 2 適合要件の分類と性能評価...6 3 解像度...7 3.1 小密度型...7 3.2 中密度型...7 3.3 高密

目次 1 性能要求条件の概要...4 1.1 性能評価の範囲...4 1.2 評価の方針...5 2 適合要件の分類と性能評価...6 3 解像度...7 3.1 小密度型...7 3.2 中密度型...7 3.3 高密 Web-based Signage 端末性能要件 Release Candidate Rev. 2016 年 3 月 11 日作成 : Web プラットフォーム性能ベンチマーク検討会発行 : 慶應義塾大学 SFC 研究所先端ウェブアーキテクチャラボ 1 目次 1 性能要求条件の概要...4 1.1 性能評価の範囲...4

目次 1. 本文書について 性能評価テストの範囲 性能評価の考え方 本文書の利用シーン Web-based Signage 端末テスト仕様 解像度 試験手順 前提条件..

目次 1. 本文書について性能評価テストの範囲性能評価の考え方本文書の利用シーン Web-based Signage 端末テスト仕様解像度試験手順前提条件..