特許 6186540 情報処理装置、情報処理方法、プログラム、記憶媒体

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B1)

(11)【特許番号】6186540

(24)【登録日】2017年8月4日

(45)【発行日】2017年8月23日

(54)【発明の名称】情報処理装置、情報処理方法、プログラム、記憶媒体

(51)【国際特許分類】

   G06F 13/00 20060101AFI20170814BHJP

   G06F 3/0485 20130101ALI20170814BHJP

   G06F 3/0482 20130101ALI20170814BHJP

【ＦＩ】

   G06F13/00 550A

   G06F3/0485

   G06F3/0482

【請求項の数】7

【全頁数】26

(21)【出願番号】特願2017-508116(P2017-508116)

(86)(22)【出願日】2016年3月4日

(86)【国際出願番号】JP2016056745

【審査請求日】2017年2月13日

【早期審査対象出願】

(73)【特許権者】

【識別番号】399037405

【氏名又は名称】楽天株式会社

(74)【代理人】

【識別番号】100116942

【弁理士】

【氏名又は名称】岩田 雅信

(74)【代理人】

【識別番号】100167704

【弁理士】

【氏名又は名称】中川 裕人

(74)【代理人】

【識別番号】100114122

【弁理士】

【氏名又は名称】鈴木 伸夫

(74)【代理人】

【識別番号】100086841

【弁理士】

【氏名又は名称】脇 篤夫

(72)【発明者】

【氏名】ティオ チーヨン

【審査官】 寺谷 大亮

(56)【参考文献】

【文献】 特許第５８３０１５３（ＪＰ，Ｂ１）

【文献】 特許第５７８５３５１（ＪＰ，Ｂ１）

【文献】 特開２０１５−２１０５１０（ＪＰ，Ａ）

【文献】 特開２０１４−０４９０９５（ＪＰ，Ａ）

【文献】 特開２００８−０６７００９（ＪＰ，Ａ）

【文献】 米国特許出願公開第２０１５／０１５３９１０（ＵＳ，Ａ１）

(58)【調査した分野】（Int.Cl.，ＤＢ名）

Ｇ０６Ｆ １３／００

Ｇ０６Ｆ ３／０４８２

Ｇ０６Ｆ ３／０４８５

(57)【特許請求の範囲】

【請求項1】

再生可能な動画を、該動画内の１フレームから生成されたサムネイル画像で動画掲載領域に提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、前記動画掲載領域が、スクロールによって表示範囲内に設定された変化開始位置に達することに応じて、サムネイル画像を、前記サムネイル画像を生成した動画内のフレーム以降のフレームの低速再生画像に切り替えて表示させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成するウェブページデータ生成部と、
前記ウェブページデータ生成部が生成した前記ウェブページデータを要求元の端末装置に送信するウェブページ送信部と、を備えた
情報処理装置。

【請求項2】

前記ウェブページデータ生成部が生成するウェブページデータは、前記表示制御処理において、前記低速再生画像の表示中に前記端末装置に音声出力を実行させないようにしている
請求項１に記載の情報処理装置。

【請求項3】

前記ウェブページデータ生成部が生成するウェブページデータは、前記表示制御処理により表示される前記低速再生画像について、ユーザ操作が行われることにより、前記低速再生画像に対応する動画の通常再生を前記端末装置に実行させるようにしている
請求項１に記載の情報処理装置。

【請求項4】

前記ウェブページデータ生成部が生成するウェブページデータは、前記表示制御処理による前記低速再生画像の表示中は、前記端末装置に、再生位置としての現在のフレームナンバの記憶処理を実行させる
請求項１に記載の情報処理装置。

【請求項5】

情報処理装置が実行する情報処理方法として、
再生可能な動画を、該動画内の１フレームから生成されたサムネイル画像で動画掲載領域に提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、前記動画掲載領域が、スクロールによって表示範囲内に設定された変化開始位置に達することに応じて、サムネイル画像を、前記サムネイル画像を生成した動画内のフレーム以降のフレームの低速再生画像に切り替えて表示させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成する手順と、
生成した前記ウェブページデータを要求元の端末装置に送信する手順を実行する
情報処理方法。

【請求項6】

再生可能な動画を、該動画内の１フレームから生成されたサムネイル画像で動画掲載領域に提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、前記動画掲載領域が、スクロールによって表示範囲内に設定された変化開始位置に達することに応じて、サムネイル画像を、前記サムネイル画像を生成した動画内のフレーム以降のフレームの低速再生画像に切り替えて表示させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成するステップと、
生成した前記ウェブページデータを要求元の端末装置に送信するステップと、
を情報処理装置に実行させるプログラム。

【請求項7】

再生可能な動画を、該動画内の１フレームから生成されたサムネイル画像で動画掲載領域に提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、前記動画掲載領域が、スクロールによって表示範囲内に設定された変化開始位置に達することに応じて、サムネイル画像を、前記サムネイル画像を生成した動画内のフレーム以降のフレームの低速再生画像に切り替えて表示させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成するステップと、
生成した前記ウェブページデータを要求元の端末装置に送信するステップと、
をコンピュータに実行させるプログラムを記憶したコンピュータ読み取り可能な記憶媒体。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は情報処理装置、情報処理方法、プログラム、記憶媒体に関し、例えばウェブページ上の動画をサムネイル画像により提示する技術に関する。

【先行技術文献】

【特許文献】

【0002】

【特許文献1】特開２０１５−６０５３６号公報

【特許文献2】特開２０１４−４９０９５号公報

【背景技術】

【0003】

インターネットによりユーザが閲覧可能なウェブページとしては、動画を掲載しているページがある。例えばいわゆるウェブショップなどの仮想店舗や仮想マーケットなどでは、商品の紹介に動画を用いることも増えている。またウェブページでの動画掲載領域には、動画内容に対応したサムネイル画像を表示することが多い。
上記特許文献１には、スクロールにより動画再生枠が画面内の所定位置に到達したら動画再生を開始する技術が開示されている。
上記特許文献２には、スクロールしている間、広告の面積を拡大させて詳しい情報や画像などを見せることが開示されている。

【発明の概要】

【発明が解決しようとする課題】

【0004】

ウェブページ上の動画を、動画内容に応じたサムネイル画像で提示すると、ユーザはサムネイル画像によって動画内容がどういうものか、例えばどういう商品を紹介する動画であるかを推測でき、動画を再生させるか否かの判断材料となり得る。
従ってサムネイル画像を用いることは、ユーザに興味のある動画を再生させるようにする手法として好適である。
しかし、そもそもユーザがウェブページ内のサムネイル画像自体を注視しなければ、動画内容に興味が引かれることもなく、また動画がそのウェブページに掲載されていることさえ気づかない場合もある。従って動画を提示する画像としてのサムネイル画像自体へのユーザの関心を向けることが重要となる。
そこで本発明では、ウェブページ閲覧時に、なるべくサムネイル画像に対してユーザが注視するような表示を行うことを目的とする。

【課題を解決するための手段】

【0005】

本発明に係る情報処理装置は、再生可能な動画を、該動画内の１フレームから生成されたサムネイル画像で動画掲載領域に提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、前記動画掲載領域が、スクロールによって表示範囲内に設定された変化開始位置に達することに応じて、サムネイル画像を、前記サムネイル画像を生成した動画内のフレーム以降のフレームの低速再生画像に切り替えて表示させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成するウェブページデータ生成部と、前記ウェブページデータ生成部が生成した前記ウェブページデータを要求元の端末装置に送信するウェブページ送信部とを備える。
即ちウェブページ上で動画をサムネイル画像により提示する場合に、そのウェブページのスクロールが行われた場合、サムネイル画像の変化をユーザに視認させるようにする。

この場合、前記表示制御処理では、前記ウェブページデータにおける動画掲載領域が、スクロールによって変化開始位置に達することに応じて、サムネイル画像を低速再生画像に切り替えることが考えられる。
また前記ウェブページデータ生成部が生成するウェブページデータは、前記表示制御処理において、前記低速再生画像の表示中に前記端末装置に音声出力を実行させないようにしていることが考えられる。
また前記ウェブページデータ生成部が生成するウェブページデータは、前記表示制御処理により表示される前記低速再生画像について、ユーザ操作が行われることにより、前記低速再生画像に対応する動画の通常再生を前記端末装置に実行させるようにしていることが考えられる。
また前記ウェブページデータ生成部が生成するウェブページデータは、前記表示制御処理による前記低速再生画像の表示中は、前記端末装置に、再生位置としての現在のフレームナンバの記憶処理を実行させることが考えられる。

【0006】

情報処理装置は、再生可能な動画をサムネイル画像で提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、スクロールが行われた場合に、スクロールに応じて、サムネイル画像の変化を視認させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成するウェブページデータ生成部と、前記ウェブページデータ生成部が生成した前記ウェブページデータを要求元の端末装置に送信するウェブページ送信部とを備えるようにしてもよい。
上記の情報処理装置においては、前記表示制御処理では、スクロールに応じて、疑似動画を形成する複数の画像としての複数のサムネイル画像を切り替えて表示させる処理を行うことが考えられる。
即ち、スクロールの進行に伴ってサムネイル画像が変化していくようにユーザに視認させる場合に、時系列的に変化する画像の複数のサムネイル画像をスクロールの進行に伴って切り替えていくことで疑似動画的な表示、例えばパラパラ漫画的な表示を行う。

【0007】

上記の情報処理装置においては、 前記表示制御処理では、スクロールに応じて、サムネイル画像の鮮明度を変化させる処理を行うことが考えられる。
例えばスクロールの進行に伴ってサムネイル画像の解像度、フォーカス具合、モザイク化の度合い等を変化させる。

【0008】

上記の情報処理装置においては、 前記表示制御処理では、スクロールに応じて、サムネイル画像の色彩、輝度、コントラスト、シャープネスのいずれかを変化させる処理を行うことが考えられる。
例えばスクロールの進行に伴ってサムネイル画像のパラメータとして色彩、輝度、コントラスト、シャープネスのいずれか１つ或いは複数を変化させる。

【0009】

上記の情報処理装置においては、サムネイル画像が、対応する動画内の１フレームから生成されており、前記表示制御処理では、サムネイル画像を、スクロール位置に応じて、サムネイル画像を生成した動画のフレームからの低速再生画像に切り替えて表示させる処理を行うことが考えられる。
即ち低速再生の動画を静止画としてのサムネイル画像の代わりに動画提示のための画像として用いる。

【0010】

上記の情報処理装置においては、前記表示制御処理では、スクロール位置に応じて、異なるサムネイル画像を表示させることが考えられる。
サムネイル画像の変化を視認させる表示制御として、複数のサムネイル画像を用意し、それをスクロール位置毎に切り替えて表示するようにする。

【0011】

上記の情報処理装置においては、前記表示制御処理では、スクロールに応じてサムネイル画像を切り替える場合に、１つのサムネイル画像が少なくとも所定時間以上、表示されるように切替タイミングを制御することが考えられる。
サムネイル画像の変化を視認させるために複数のサムネイル画像を切り替える場合に、各サムネイル画像がそれぞれ少なくとも所定時間（例えば１秒など）、表示されるようにする。

【0012】

本発明に係る情報処理方法は、情報処理装置が、再生可能な動画を、該動画内の１フレームから生成されたサムネイル画像で動画掲載領域に提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、前記動画掲載領域が、スクロールによって表示範囲内に設定された変化開始位置に達することに応じて、サムネイル画像を、前記サムネイル画像を生成した動画内のフレーム以降のフレームの低速再生画像に切り替えて表示させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成する手順と、生成した前記ウェブページデータを要求元の端末装置に送信する手順を実行する情報処理方法である。
この情報処理方法を実行することで、ウェブページ閲覧時に、動画を提示するサムネイル画像がスクロールに応じて変化される状態をユーザに提示する。
本発明に係るプログラムは、上記の情報処理方法としての各ステップの処理を情報処理装置に実行させるプログラムである。
本発明に係る記憶媒体は、上記のプログラムを記憶した記憶媒体である。
これらのプログラムや記憶媒体により上記の情報処理装置を実現する。

【発明の効果】

【0013】

本発明によれば、ウェブページ上で或る動画を提示するサムネイル画像が、スクロールに応じて変化することで、ユーザの目に止まり易くなる。これらにより動画再生を促進し、ユーザへの情報提供を活発化できる。

【図面の簡単な説明】

【0014】

【図1】本発明の実施の形態のネットワークシステムの概要のブロック図である。

【図2】実施の形態で用いられるコンピュータ装置のブロック図である。

【図3】実施の形態のＥＣサーバの機能構成の説明図である。

【図4】実施の形態のサムネイル画像による動画提示態様の説明図である。

【図5】実施の形態のサムネイル画像の変化の例の説明図である。

【図6】実施の形態の動画データベースの説明図である。

【図7】実施の形態のサムネイルを切り替える変化位置の説明図である。

【図8】実施の形態のスクロールに応じたサムネイル画像の変化の説明図である。

【図9】実施の形態のスクロールに応じたサムネイル画像の変化の説明図である。

【図10】第１の実施の形態のスクロールに応じたサムネイル表示制御のフローチャートである。

【図11】実施の形態のサムネイル画像変更処理のフローチャートである。

【図12】第２の実施の形態のスクロールに応じたサムネイル表示制御のフローチャートである。

【図13】実施の形態のスクロールに応じたサムネイル画像の変化の説明図である。

【図14】第３の実施の形態のスクロールに応じたサムネイル表示制御のフローチャートである。

【発明を実施するための形態】

【0015】

以下、実施の形態を次の順序で説明する。
＜１．全体構成＞
＜２．ＥＣサーバ、動画提示態様、及びデータベース＞
＜３．第１の実施の形態のサムネイル表示動作＞
＜４．第２の実施の形態のサムネイル表示動作＞
＜５．第３の実施の形態のサムネイル表示動作＞
＜６．まとめ及び変形例＞
＜７．プログラム及び記憶媒体＞

なお実施の形態で用いる主な語句については、以下の意味となる。
・ユーザ：電子商取引システムを利用して商品の閲覧、購入等を行うユーザを指す。
・商品：電子商取引システム上で商取引の対象とされている商品である。物理的な品物としての商品だけでなく各種サービスとしての商品も含む。
・動画：例えば電子商取引システムが提供するウェブサイトに掲載される動画コンテンツであり、例えば商品を紹介する動画などである。ウェブページ上の動画は、再生中以外はサムネイル画像により提示される。なお商品に関する動画を対象とすることは実施の形態として示す一例に過ぎない。
なお、ブラウザにおいて動画掲載領域が画面上に表示されると自動的にサムネイル状態から動画再生状態に移行するものも知られているが、そのような表示方式を採るものは本実施の形態では処理対象としてしない。あくまでユーザ操作により動画再生（通常速度での再生）が開始されるものを処理対象とする。
・スクロール位置：スクロール操作によって位置が変動するウェブページの表示位置であるが、主にウェブページ内の動画掲載領域の表示画面内の位置を指す場合に用いる。

【0016】

＜１．全体構成＞
図１に複数の店舗が出店する仮想的な商店街を実現するＥＣ（electronic commerce：電子商取引）システムとして機能するネットワークシステムの構成例を示している。
図１に示すように、本実施の形態に係るＥＣシステムは、電子商取引サーバ（以下「ＥＣサーバ」という）３、複数の店舗端末４、複数のユーザ端末５がネットワーク１により相互に通信可能に接続されている。またＥＣサーバ３は電子商取引データベース６にアクセス可能とされている。
なお、以下では「データベース」を「ＤＢ」と表記する。
また実施の形態においては、本発明請求項にいう情報処理装置の例として、ＥＣサーバ３を挙げる。ＥＣサーバ３は１又は複数の情報処理装置によって実現されるものであり、従って本発明請求項にいう情報処理装置は、１つの情報処理装置或いは複数の情報処理装置が連携して実現される。

【0017】

ネットワーク１の構成は多様な例が想定される。例えば、インターネット、イントラネット、エキストラネット、ＬＡＮ（Local Area Network）、ＣＡＴＶ（Community Antenna TeleVision）通信網、仮想専用網（Virtual Private Network）、電話回線網、移動体通信網、衛星通信網等が想定される。
またネットワーク１の全部又は一部を構成する伝送媒体についても多様な例が想定される。例えばＩＥＥＥ（Institute of Electrical and Electronics Engineers）１３９４、ＵＳＢ（Universal Serial Bus）、電力線搬送、電話線等の有線でも、ＩｒＤＡ（Infrared Data Association）のような赤外線、ブルートゥース（登録商標）、８０２．１１無線、携帯電話網、衛星回線、地上波デジタル網等の無線でも利用可能である。

【0018】

ＥＣサーバ３は、例えば仮想商店街のポータルとして機能する仮想商店街サーバである。ＥＣサーバ３は、店舗端末４やユーザ端末５から受信した処理要求に基づく処理を実行する。例えばユーザへの商品やサービスの検索ページの提供、各店舗に対する店舗ページの提供、ユーザの検索に応じた商品やサービスの検索、検索結果一覧表示、商品ページの提供、各ページでの広告やユーザへのお勧め商品等の表示、商品購入に関する処理、店舗管理、ユーザ管理などを行う。

【0019】

店舗端末４は、仮想商店街に出店する店舗側で使用される情報処理装置として示している。店舗端末４は仮想商店街で販売する商品の情報等を、ＥＣサーバ３を介して電子商取引ＤＢ６に登録することなどに用いられる。例えば、ＥＣサーバ３から提供される専用画面が店舗端末４の表示部に表示される。店舗の担当者はこの専用画面を介して商品の情報等を電子商取引ＤＢ６に登録する。

【0020】

ユーザ端末５は、仮想商店街を利用して商品やサービスの購入を行うユーザによって操作される情報処理装置として示している。このユーザ端末５は、ウェブブラウザを備えたコンピュータ装置とされている。ユーザ端末５としては、例えば高機能携帯電話機（スマートフォン）や携帯電話機、携帯情報端末（ＰＤＡ）、携帯型又は据置型のパーソナルコンピュータ（ＰＣ）などが挙げられるが、ユーザ端末４の種類はこれらに限定されない。
ユーザ端末５は、ＨＴＴＰ（Hypertext Transfer Protocol）リクエストをＥＣサーバ３等に送信することでウェブページや所定の処理を要求する。またユーザ端末５は、ＨＴＴＰリクエストに応じて送られてきたウェブページ（ウェブページデータ）を受信してウェブブラウザにより表示する。これにより、ユーザは所望のウェブページを閲覧したり操作したりすることができる。

【0021】

本実施の形態の場合、例えば、ＥＣサーバ３ではＨＴＴＰデーモンが起動される。また店舗端末４又はユーザ端末５ではブラウザが起動され、店舗端末４又はユーザ端末５からは、ブラウザを介して処理要求（ＨＴＴＰリクエスト）がＥＣサーバ３に送信される。ＥＣサーバ３からは、上記の処理要求に対応する処理結果（ＨＴＴＰレスポンス）が店舗端末４又はユーザ端末５に送信される。例えば、ウェブページ記述言語で記述されたページデータが店舗端末４又はユーザ端末５に送信される。そして、このページデータに基づいて、処理結果に基づくウェブページ（画面）が店舗端末４又はユーザ端末５の表示部に表示される。
ＥＣサーバ３はこのような動作によりユーザ端末５に仮想商店街としてのウェブページを提供し、またユーザ端末５からの要求に応じた商品検索、商品提示、広告提示、決済処理等を行う。またＥＣサーバ３は店舗端末４に対しても同様の動作で、商品登録ページの提供や、店舗端末４からの要求に応じた商品登録などを行う。

【0022】

ＥＣサーバ３がこれらの処理を行うために電子商取引ＤＢ６に必要な情報が格納される。図ではＤＢの例として、ユーザＤＢ６ａ、店舗ＤＢ６ｂ、商品ＤＢ６ｃ、広告ＤＢ６ｄ、動画ＤＢ６ｅを示している。もちろんこれ以外にも仮想商店街のポータルとして機能するために必要なＤＢが各種存在する。

【0023】

ユーザＤＢ６ａには、仮想商店街を利用するユーザに関するデータが登録される。例えば登録されたユーザ毎に、ユーザ識別情報であるユーザＩＤ（identification）、ログインのパスワード、住所、氏名、性別や年齢等の属性情報、決済情報、電子メールアドレスなどが登録される。また各ユーザの購入履歴として、仮想商店街で行われた取引の履歴に関するデータが登録される。例えばユーザＩＤ毎に、購入商品の商品ＩＤ及び商品に関する情報、購入店舗、購入日時、購入価格等が登録される。さらに各ユーザの閲覧履歴、お気に入り登録情報なども記憶される。

【0024】

店舗ＤＢ６ｂには、仮想商店街に出店している店舗に関するデータが登録される。例えば各店舗について、店舗識別情報としての店舗ＩＤ、名称、住所、電話番号、及び店舗に関するウェブページ（店舗ページ）へのリンク情報（ＵＲＬ（Uniform Resource Locator））などが登録される。
商品ＤＢ６ｃには、仮想商店街で取り扱っている商品に関するデータが登録される。例えば商品テーブル６ｂには、各商品（サービスも含む）について、商品識別情報としての商品ＩＤ、当該商品を販売する店舗の店舗ＩＤ、商品のカテゴリー、名称、価格、在庫、商品に関するウェブページ（商品ページ）へのリンク情報（ＵＲＬ）などが登録される。

【0025】

広告ＤＢ６ｄには、店舗によって登録された広告情報が登録されている。各広告情報としては、商品や店舗の写真やロゴなどの広告画像、広告文としてのテキスト情報、広告を選択するためのキーワード、ＵＲＬリンク、実績情報、広告単価情報などが紐づけられている。実績情報とは、表示回数（インプレッション）、クリック回数、ＣＴＲ（Click Through Rate）、アクセス数、コンバージョン数、ＣＶＲ（Conversion Rate）、商品売上値などである。
ＥＣサーバ３は、広告ＤＢ６ｄから選択した広告画像やテキストを各種ウェブページ上で表示させることができる。

【0026】

動画ＤＢ６ｅは、ウェブページ上に掲載する各種の動画コンテンツ及びその関連情報を格納したＤＢである。動画とは、例えば商品動画、広告動画、ニュース動画、エンタテイメント動画等であって、ウェブページ上で提示され、ユーザが任意に再生させることができるものである。動画ＤＢ６ｅについては、具体例を挙げて後述する。

【0027】

続いて図１に示したＥＣサーバ３、店舗端末４、ユーザ端末５を構成する情報処理装置のハードウエア構成を図２に示す。ＥＣサーバ３、店舗端末４、ユーザ端末５として示した各装置は、情報処理および情報通信が可能な図２に示すようなコンピュータ装置として実現できる。

【0028】

図２において、コンピュータ装置のＣＰＵ（Central Processing Unit）１０１は、ＲＯＭ( Read Only Memory)１０２に記憶されているプログラム、または記憶部１０８からＲＡＭ( Random Access Memory )１０３にロードされたプログラムに従って各種の処理を実行する。ＲＡＭ１０３にはまた、ＣＰＵ１０１が各種の処理を実行する上において必要なデータなども適宜記憶される。
ＣＰＵ１０１、ＲＯＭ１０２、およびＲＡＭ１０３は、バス１０４を介して相互に接続されている。このバス１０４には、入出力インターフェース１０５も接続されている。
入出力インターフェース１０５には、キーボード、マウス、タッチパネルなどよりなる入力部１０６、ＬＣＤ（Liquid Crystal Display）、ＣＲＴ（Cathode Ray Tube）、有機ＥＬ（Electroluminescence）パネルなどよりなるディスプレイ、並びにスピーカなどよりなる出力部１０７、ＨＤＤ（Hard Disk Drive）やフラッシュメモリ装置などより構成される記憶部１０８、ネットワーク１を介しての通信処理や機器間通信を行う通信部１０９が接続されている。
入出力インターフェース１０５にはまた、必要に応じてメディアドライブ１１０が接続され、磁気ディスク、光ディスク、光磁気ディスク、或いは半導体メモリなどのリムーバブルメディア１１１が適宜装着され、リムーバブルメディア１１１に対する情報の書込や読出が行われる。

【0029】

このようなコンピュータ装置では、通信部１０９による通信によりデータやプログラムのアップロード、ダウンロードが行われる。またコンピュータ装置はリムーバブルメディア１１１を介したデータやプログラムの受け渡しが可能である。
ＣＰＵ１０１が各種のプログラムに基づいて処理動作を行うことで、ＥＣサーバ３、店舗端末４、ユーザ端末５としての必要な情報処理や通信が実行される。
なお、ＥＣサーバ３、店舗端末４、ユーザ端末５を構成する情報処理装置は、図２のようなコンピュータ装置が単一で構成されることに限らず、複数のコンピュータ装置がシステム化されて構成されてもよい。複数のコンピュータ装置は、ＬＡＮ等によりシステム化されていてもよいし、インターネット等を利用したＶＰＮ等により遠隔地に配置されたものでもよい。

【0030】

＜２．ＥＣサーバ、動画提示態様、及びデータベース＞
図３に１又は複数の情報処理装置で構成されるＥＣサーバ３としての機能構成を示す。ここではＥＣサーバ２として、動画提示を行うウェブページの提供のための機能のみを示している。例えば店舗ページ、個々の商品の購入を行う商品ページ、１又は複数の商品を紹介する商品紹介ページ等であって、動画を掲載したウェブページの提供機能である。
各機能は、情報処理装置においてＣＰＵ１０１でプログラムに応じて実行される処理により実現される機能である。但し以下説明する全部又は一部の各構成の処理をハードウエアにより実現してもよい。
また各機能をソフトウエアで実現する場合に、各機能がそれぞれ独立したプログラムで実現される必要はない。１つのプログラムにより複数の機能の処理が実行されてもよいし、１つの機能が複数のプログラムモジュールの連携で実現されてもよい。
ＥＣサーバ３は、ウェブページデータ生成部３ａ、ウェブページ送信部３ｂを有する。

【0031】

ウェブページデータ生成部３ａは、ウェブページをユーザ端末５に表示させるためのウェブページデータとして、動画を提示するサムネイル画像に関する処理をユーザ端末５に実行させるウェブページデータを生成する。サムネイル画像に関する処理とは、そのウェブページにおいてユーザ端末５のブラウザ上でスクロールが行われた場合に、スクロールに応じて、サムネイル画像の変化をユーザに視認させる表示制御処理である。
ウェブページ送信部３ｂは、ウェブページデータ生成部３ａが生成したウェブページデータを要求元のユーザ端末５に送信する。

【0032】

このようなＥＣサーバ３が提供するウェブページにおける本実施の形態の動画提示に関する動作を説明しておく。
本実施の形態では、ウェブページ上に掲載された動画をサムネイル画像により提示する。ユーザは、サムネイル画像等により動画に興味をもった場合、再生操作を行うことで、その動画を閲覧することができる。
従って再生中以外は、サムネイル画像が表示されることになるが、ウェブページのスクロールが行われた場合、そのスクロールに伴って、サムネイル画像の「動き」が視認されるようにする。

【0033】

図４にウェブページでの動画提示態様を示している。或るウェブページ５０において動画掲載領域６０に、サムネイル画像ＴＭ１が表示されて、動画が再生できることがユーザに提示されている。このサムネイル画像ＴＭ１上には再生ボタン６１が表示され、ユーザはこの再生ボタン６１のクリックにより動画を再生させることができる。
また動画掲載領域６０には、一時停止、音量、ディスプレイモード等のための各種操作子や動画進行状況を提示するコントロール部６２が設けられている。ウェブページ５０にはスクロールバー５１が用意され、ユーザはスクロール操作を行うことで、まだ表示されていない部分を含めてページ全体を閲覧していくことができる。

【0034】

ここで或るユーザが、図４のウェブページ５０を閲覧した際に、サムネイル画像ＴＭ１で示される動画に対して再生操作を行わずにページをスクロールさせたとする。その場合に、スクロールに応じて、サムネイル画像ＴＭ１が変化されるようにする。
例えば図５Ａのように、当該動画について複数のサムネイル画像ＴＭ１〜ＴＭ５を用意しておき、スクロールの進行に従って、これらのサムネイル画像ＴＭ１→ＴＭ２→ＴＭ３→ＴＭ４→ＴＭ５という順番に切り替えられるようにする。すると、この図５Ａの場合、商品の画像の角度が変化して擬似動画的なサムネイル画像の変化が視認される。

【0035】

また図５Ｂは、１つのサムネイル画像ＴＭ１について、モザイク処理により画像の鮮明度を変化させる例である。例えば図４のように当初は通常にサムネイル画像ＴＭ１を表示させるが、スクロールの進行に伴って、図５Ｂに示す画像ＴＭ１−１→ＴＭ１−２→ＴＭ１−３→ＴＭ１−４というように、モザイク処理の粗さを変化させ、画像の鮮明度を落としていく。ユーザは、スクロールに従ってサムネイル画像ＴＭ１が見えにくくなっていくような状態を視認することになる。

【0036】

またこれらのスクロールの後、逆方向にスクロールがされた場合には、逆の順序でサムネイル画像を変化させるようにもする。図５Ａの場合、逆方向のスクロールでサムネイル画像ＴＭ５→ＴＭ４→ＴＭ３→ＴＭ２→ＴＭ１という順番で切り替わって、図４のように元のスクロール位置に戻った状態で、サムネイル画像ＴＭ１で固定される。
図５Ｂの場合、逆方向のスクロールでサムネイル画像が徐々に鮮明になっていき、図４のように元のスクロール位置に戻った状態で、サムネイル画像ＴＭ１が最も鮮明になる。

【0037】

以上は一例であるが、スクロールに応じてサムネイル画像の変化を生じさせることで、ウェブページ内のサムネイル画像をユーザに印象づけるようにする。
図５Ａのように複数のサムネイル画像を切り替える場合、時系列的に連続するような画像とすれば、スクロールに応じて疑似動画的な表示、パラパラ漫画的な表示が行われる。もちろん連続性のない画像を切り替えてもよく、その場合、ユーザには画像の切替が高速に行われるような状態が観測されることになる。
図５Ｂのように鮮明度を変化させる場合、モザイクの粗さを変化させるほか、例えばフォーカスがぼけていくような画像処理を施したものとしてもよい。
またさらに、サムネイル画像の色彩を変化させてもよい。例えば通常のカラーからモノクロに近いように彩度を落としていったり、特定の色の色味が強くなるように変化させる。
また、輝度を変化させてもよいし、コントラスト、シャープネスを変化させてもよい。
また、色彩、輝度、コントラスト、シャープネス等の画像パラメータを複合的に変化させた画像を順次提示していくことも考えられる。
これら鮮明度を変化させたり、輝度、色彩等を変化させる場合、予め、それらのパラメータを変化させた複数のサムネイル画像を用意して、順次選択して表示させるようにしてもよいし、１つのサムネイル画像ＴＭ１について、ウェブページ上で表示させるときのパラメータを変更していくようにしてもよい。

【0038】

このようなサムネイル表示制御を行うための動画ＤＢ６ｅのデータ内容の例を説明する。
動画ＤＢ６ｅに記憶される情報例を図６に示す。
動画ＤＢ６ｅには、ＥＣサーバ３が提供する各種のウェブページに掲載する多数の動画が格納されている。
そして１つの動画毎に、図６Ａに示すように、例えば動画ＩＤ、商品情報、コンテンツ情報、動画データ、サムネイル情報が登録されている。

【0039】

動画ＩＤは、個々の動画の識別情報である。
商品情報は、当該動画が紹介・宣伝する商品の商品ジャンル、サブジャンル、メーカー、価格など商品の各種属性情報である。なお、これは動画が商品動画の場合に設けられる情報である。
コンテンツ情報は、動画データの情報である。例えば再生時間、シーン数、カット数、解像度、編集情報などが含まれる。
動画データは、実際の動画映像として表示させるデータである。
サムネイル情報としては、当該動画データのサムネイル画像として生成された１又は複数のサムネイル画像（静止画）や、それらの各サムネイル画像に関連する情報が記憶される。

【0040】

サムネイル情報の内容の例を図６Ｂに示す。この図６Ｂは、図５Ａのように複数のサムネイル画像ＴＭ１〜ＴＭ５を１つの動画に対して用意する場合の例を示している。
サムネイル情報としては、サムネイル画像毎に、サムネイルＩＤが付されるとともに、順序情報が登録される。
サムネイルＩＤは、その動画について設定された複数のサムネイル画像の個々を識別する識別情報である。
順序情報は、上述のようにサムネイル画像ＴＭ１〜ＴＭ５を切り替えて表示させる場合に、切り替える順番を設定した情報である。

【0041】

サムネイル画像としての画像データ自体は、動画内容に即した画像とするためには、例えば動画データの１フレームを抽出して生成することが考えられる。
例えば動画データのｘ番目のフレームを抽出し、そのフレームの解像度を変換してサムネイル画像を生成することができる。フレーム抽出方式については多様な技術が公知である。
また図５Ａのような連続的な複数のサムネイル画像ＴＭ１〜ＴＭ５は、動画の或るフレームから所定フレーム間隔（例えば３０フレーム間隔）などでフレームを抽出していって、それぞれのフレームの解像度を変換して作成することが考えられる。
また、特に疑似動画的な表示を目的としなければ、動画データにおいてシーンチェンジが生じた箇所を判定して、そのシーンチェンジ後のｘ番目のフレームを抽出するというような手法をとれば、それぞれ画像の内容が異なる複数のサムネイル画像を生成することができる。
また、動画以外からサムネイル画像を生成してもよい。例えば商品紹介用の動画の場合、その商品の商品ページに、当該商品の画像が掲載されていることが多い。それらの商品画像を用いてサムネイル画像を生成することで、商品の特徴をよく表現するサムネイル画像とすることができる。もちろん画像だけでなく、商品ページのテキストデータを抽出して、文字によるサムネイル画像を生成してもよい。

【0042】

ＥＣサーバ３は、このような動画ＤＢ６ｅの情報を、ウェブページ送信とともにユーザ端末５に提供してもよいし、逐次ユーザ端末５からの要求に応じて送信してもよい。

【0043】

＜３．第１の実施の形態のサムネイル表示動作＞
第１の実施の形態のサムネイル表示動作について説明する。この例では、ウェブページのスクロールが行われる際に、スクロール位置（スクロールによる動画掲載領域６０のブラウザ画面上における位置）に応じて、サムネイル画像を切り替えて表示させる例である。

【0044】

図７は或るウェブページ５０における動画掲載領域６０の表示位置を示している。表示範囲ＤＰは、ユーザ端末５のブラウザ上で実際に表示されて、ユーザが視認している範囲とする。
ユーザ端末５がウェブページ５０の表示を要求し、最初にそのウェブページ５０がユーザ端末５に表示された時点の表示（ファーストビュー表示）において、動画掲載領域６０の位置Ｒｐ（スクロール方向の位置）が、図のように基準位置Ｐ１であったとする。なお、動画掲載領域６０の位置Ｒｐは、この例では、その上辺の位置としているが、これは一例である。位置Ｒｐは、動画掲載領域６０の上下方向の中央の位置としてもよいし、下辺の位置としてもよい。或る１つの基準となる位置が設定されれば良い。
なお基準位置Ｐ１は、ファーストビューにおける表示位置として説明上、示しているものであって、基準位置Ｐ１が固定的に設定される必要はない。ウェブページ５０のレイアウトによっては、基準位置Ｐ１は異なる位置となる。

【0045】

このようなファーストビュー表示の状態から順方向にスクロールが行われていくと、当該ウェブページ５０の下方の内容が表示画面に現れてくる。これに応じて、動画掲載領域６０は徐々に画面の上方に移動する。
スクロールが継続されると、その移動の過程で、動画掲載領域６０の位置Ｒｐは、変化位置Ｐ２，Ｐ３，Ｐ４，Ｐ５を順次通過する。
この変化位置Ｐ２，Ｐ３，Ｐ４，Ｐ５のそれぞれは、例えばブラウザ上の位置（表示範囲ＤＰ内の固定の位置）として、予め設定しておく。そして動画掲載領域６０の位置Ｒｐが変化位置Ｐ２，Ｐ３，Ｐ４，Ｐ５に到達する度に、サムネイル画像を変更する。図の場合、最初にサムネイル画像ＴＭ１が表示されていたが、破線で示すように動画掲載領域６０が画面上方に移動した時点では、サムネイル画像ＴＭ５に切り替わっている。

【0046】

図８で詳しく述べる。
図８において破線がウェブページ５０の範囲としている。ウェブページ５０において表示範囲ＤＰ内の部分が、ユーザに表示されている部分とする。
図８Ａはウェブページ５０のファーストビュー表示の状態で、ウェブページ５０の線等部分が表示されており、その中に動画掲載領域６０も含まれている。このとき、動画掲載領域６０にはサムネイル画像ＴＭ１が表示されている。
図８Ｂは、ウェブページ５０のスクロールが行われ、動画掲載領域６０の位置（動画掲載領域６０の位置とは図７における位置Ｒｐ；以下同様）が変化位置Ｐ２を越えた或る時点を示している。このとき動画掲載領域６０にはサムネイル画像ＴＭ２が表示されている。
図８Ｃは、さらにウェブページ５０のスクロールが行われ、動画掲載領域６０の位置が変化位置Ｐ３を越えた或る時点を示している。このとき動画掲載領域６０にはサムネイル画像ＴＭ３が表示されている。
図８Ｄは、さらにウェブページ５０のスクロールが行われ、動画掲載領域６０の位置が変化位置Ｐ４を越えた或る時点を示している。このとき動画掲載領域６０にはサムネイル画像ＴＭ４が表示されている。
図８Ｅは、さらにウェブページ５０のスクロールが行われ、動画掲載領域６０の位置が変化位置Ｐ５を越えた或る時点を示している。このとき動画掲載領域６０にはサムネイル画像ＴＭ５が表示されている。
その後スクロールが続けられると、図８Ｆのように動画掲載領域６０は表示範囲ＤＰ外となる。

【0047】

このように、スクロールにより動画掲載領域６０の位置Ｒｐが表示されている範囲内で移動されていく過程で、サムネイル画像ＴＭ１〜ＴＭ５が切り替えられることで、ユーザにとっては、スクロール操作を行ったらサムネイル画像ＴＭ１が動き出したように感じられる。どの各変化位置（Ｐ２〜Ｐ５）でどの順番でサムネイル画像を切り替えるかは、動画ＤＢ６ｅの各サムネイル画像についての順番情報（図６Ｂ参照）に従えばよい。

【0048】

ところで、ファーストビュー表示状態では、動画掲載領域６０が表示されないウェブページ５０の場合もある。即ちスクロールによって動画掲載領域６０が出現してくる場合である。この場合は、図９のように制御することが考えられる。

【0049】

図９Ａは、ウェブページ５０のファーストビュー表示の状態で、動画掲載領域６０が表示されない例を示している。スクロールが行われることで、図９Ｂ→図９Ｃ→図９Ｄ→図９Ｅ→図９Ｆのように表示範囲ＤＰ内となるページ部分が進行することで、動画掲載領域６０が表示範囲ＤＰ内にあらわれてくる。この図では図９Ｇまでの動画掲載領域６０は、サムネイル画像ＴＭ１が表示されているものとしている。従って、サムネイル画像ＴＭ１がそのまま変化せずに出現し、ユーザに視認される。
さらに図９Ｇからスクロールが進むと、動画掲載領域６０の位置が変化位置Ｐ２を越える。図９Ｈは動画掲載領域６０の位置が変化位置Ｐ２を越えた或る時点を示している。このとき動画掲載領域６０にはサムネイル画像ＴＭ２が表示されている。以降、図９Ｉ、図９Ｊ、図９Ｋは、上述の図８Ｃ、図８Ｄ、図８Ｅと同様に、変化位置Ｐ３，Ｐ４，Ｐ５に到達する毎に、サムネイル画像ＴＭ３，ＴＭ４，ＴＭ５が切り替えられていく。
さらにスクロールが進むと、動画掲載領域６０は図９Ｌのようにサムネイル画像ＴＭ５のまま、表示範囲ＤＰ外に移動する。

【0050】

このように、スクロールにより動画掲載領域６０が出現する場合、画面上の変化位置Ｐ２に達するまでは、順番情報が先頭のサムネイル画像ＴＭ１がそのまま用いられる。そしてスクロールで上方へ画面外に向かって移動されるに従って、サムネイル画像が順番に変化される。
つまり図８、図９のいずれの場合も、当初はサムネイル画像ＴＭ１が表示されるが、スクロールによって表示範囲ＤＰから外れる方向に移動され始めると、そのサムネイル画像ＴＭ１が変化するような動作となる。

【0051】

なお図８，図９は、図５Ａのように擬似的な動画を表示させる場合を例にして説明したが、図５Ｂのように鮮明度を変化させることや、ボケ状態、輝度、色彩等を変化させる場合も同様である。つまり動画掲載領域６０が変化位置Ｐ２，Ｐ３，Ｐ４，Ｐ５に到達する毎に、サムネイル画像を切り替えていくか、或いはサムネイル画像ＴＭ１の表示のためのパラメータを変化させることで、ユーザにサムネイル画像の変化を視認させる。

【0052】

さらに、以上では順方向のスクロール（ページを読み進める方向へのスクロール）の場合を述べたが、逆方向（ページの先頭に向かう）スクロールの場合には、逆の変化を行わせる。即ち、図８Ｆから逆方向スクロールが行われて、図８Ｅ→図８Ｄと進む過程で、動画掲載領域６０の位置（Ｒｐ）が変化位置Ｐ５に達したら、サムネイル画像ＴＭ５をサムネイル画像ＴＭ４に切り替える。さらに変化位置Ｐ４，Ｐ３，Ｐ２と到達する毎に、サムネイル画像ＴＭ３→ＴＭ２→ＴＭ１と変化させる。図８Ａの段階でページトップに達しているため、それ以上の逆方向スクロールはできない。従って逆方向のスクロールで、動画掲載領域６０の表示は最初のサムネイル画像ＴＭ１の状態に戻る。

【0053】

また、図９の場合、逆方向スクロールが図９Ｌ→図９Ｋ→図９Ｊ→図９Ｉ→図９Ｈ→図９Ｇと進行していく過程で、動画掲載領域６０の位置が変化位置Ｐ５，Ｐ４，Ｐ３，Ｐ２に到達する毎に、サムネイル画像がＴＭ５→ＴＭ４→ＴＭ３→ＴＭ２→ＴＭ１と変化されていく。その後、さらに逆方向スクロールが行われると、図９Ｆ→図９Ｅ→図９Ｄのようにサムネイル画像ＴＭ１のまま動画掲載領域６０が移動され、図９Ｃ〜図９Ａのように動画掲載領域６０は表示範囲ＤＰ外となる。図９Ａの段階でページトップに達しているため、それ以上の逆方向スクロールはできない。
以上のように、逆方向スクロールによってサムネイル画像が元の状態に戻っていき、さらに、戻った後はそのまま表示範囲ＤＰ外に移動する。

【0054】

従って図８、図９の例で示した第１の実施の形態の場合は、まず、ファーストビューで動画掲載領域６０が表示される場合や、順方向スクロールで動画掲載領域６０が出現する場合は、当初は最初のサムネイル画像ＴＭ１のままとされる。そして表示範囲ＤＰ外に向かって順方向スクロールが進行することに応じて表示が変化する。そのような変化が生じた後の逆方向スクロールによっては、変化が元に戻っていくように表示を変化させる。最初のサムネイル画像ＴＭ１に戻った後は、さらに逆方向スクロールが行われても、サムネイル画像ＴＭ１のままとされる。

【0055】

図１０、図１１に第１の実施の形態の処理、即ちウェブページ５０を表示させるユーザ端末５が実行する処理例を示す。なお上述したように、本例のＥＣサーバ３は、これら図１０及び図１１に示す処理をユーザ端末５に実行させるウェブページデータを生成し、該ウェブページデータを要求元のユーザ端末５に対して送信するものである。なお図１０，図１１では、ウェブページ５０のサムネイル画像の制御のみを示しているが、もちろんウェブページ５０の閲覧にかかる処理として、図示及び言及しない多様な処理をユーザ端末５は実行することになる。

【0056】

図１０のステップＳ１０１でユーザ端末５は、要求したウェブページ５０についてのファーストビュー表示制御を行う。即ちＥＣサーバ３から送信されてきたウェブページ５０を表示する。以降、ユーザ端末５は、ウェブページ５０に例えばJavaScript（ジャヴァスクリプト：登録商標）等のプログラミング言語で記述されたプログラムに基づいて動画掲載領域６０のサムネイル表示制御を行う。

【0057】

ユーザ端末５はステップＳ１０２でスクロール中であるか否かを監視する。即ちユーザのスクロール操作に従って、ウェブページ５０の画面をスクロールさせているか否かの監視である。
またユーザ端末５はステップＳ１０４でウェブページ５０の閲覧を終了したか否かを監視している。ウェブページ５０の閲覧を終了した場合は、当該図１０の処理を終える。

【0058】

順方向又は逆方向のスクロールが行われているときは、ユーザ端末５はステップＳ１０２からＳ１０３に進み、動画掲載領域６０が変化位置に到達したか否かを判断する。即ち動画掲載領域６０の位置Ｒｐが、変化位置Ｐ２〜Ｐ５のいずれかに到達したか否かである。動画掲載領域６０が表示範囲ＤＰ外にあるときや、表示範囲ＤＰ内ではあるが変化位置Ｐ２〜Ｐ５に到達していない場合はステップＳ１０５の処理を行わない。
変化位置Ｐ２〜Ｐ５のいずれかに到達したことを検出した際のみ、ユーザ端末５はステップＳ１０５でサムネイル画像の表示変更の処理を行う。

【0059】

このステップＳ１０５のサムネイル画像の表示変更処理の詳細を図１１に示す。
なお、図１１における第１〜第５サムネイル画像とは、動画ＤＢ６ｅにおいて順序情報（図６Ｂ参照）が１番目〜５番目として登録された各サムネイル画像であったり、或いは異なる画像パラメータの設定が与えられたサムネイル画像を指す。
例えば第１〜第５サムネイル画像とは、図５Ａの場合、サムネイル画像ＴＭ１〜ＴＭ５に相当する。図５Ｂの例でいえば、第１〜第５サムネイル画像とは、サムネイル画像ＴＭ１、ＴＭ１−１、ＴＭ１−２、ＴＭ１−３、ＴＭ１−４となる。

【0060】

まずユーザ端末５はステップＳ１５１で現在のスクロールが順方向スクロールか逆方向スクロールかを判断して処理を分岐する。
順方向スクロールの場合、ステップＳ１５２〜Ｓ１５５により、到達した変化位置が変化位置Ｐ２〜Ｐ５のいずれであるかを判断する。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ２に到達したことを検知した場合、ユーザ端末５はステップＳ１５６で、サムネイル画像を第２サムネイル画像に変更する処理を行う。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ３に到達したことを検知した場合、ユーザ端末５はステップＳ１５７で、サムネイル画像を第３サムネイル画像に変更する処理を行う。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ４に到達したことを検知した場合、ユーザ端末５はステップＳ１５８で、サムネイル画像を第４サムネイル画像に変更する処理を行う。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ５に到達したことを検知した場合、ユーザ端末５はステップＳ１５９で、サムネイル画像を第５サムネイル画像に変更する処理を行う。

【0061】

逆方向スクロールの場合、ステップＳ１６１〜Ｓ１６４により、到達した変化位置が変化位置Ｐ２〜Ｐ５のいずれであるかを判断する。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ５に到達したことを検知した場合、ユーザ端末５はステップＳ１６８で、サムネイル画像を第４サムネイル画像に変更する処理を行う。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ４に到達したことを検知した場合、ユーザ端末５はステップＳ１６７で、サムネイル画像を第３サムネイル画像に変更する処理を行う。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ３に到達したことを検知した場合、ユーザ端末５はステップＳ１６６で、サムネイル画像を第２サムネイル画像に変更する処理を行う。
動画掲載領域６０の位置Ｒｐが変化位置Ｐ２に到達したことを検知した場合、ユーザ端末５はステップＳ１６５で、サムネイル画像を第１サムネイル画像に変更する処理を行う。

【0062】

以上の処理により、図８や図９で説明した表示動作が行われる。例えばウェブページ５０を閲覧しているユーザが順方向スクロール操作を行って、動画掲載領域６０の位置Ｒｐを変化位置Ｐ２，Ｐ３，Ｐ４，Ｐ５に到達させる毎に、サムネイル画像の表示状態が変化する。例えばサムネイル画像が疑似動画的に変化したり、鮮明度、色合い、輝度等が変化する。これによりユーザが、スクロールの過程でサムネイル画像に注目する可能性が高まる。

【0063】

＜４．第２の実施の形態のサムネイル表示動作＞
第２の実施の形態の処理例を図１２で説明する。
スクロールの速度は、ユーザの操作によるものとなる。例えばスクロールバー５１で操作を行う場合、非常に速く操作するユーザもいる。
この場合に、第１の実施の形態のように変化位置Ｐ２〜Ｐ５でサムネイル画像を変化させるだけでは、各サムネイル画像が見づらくなる。また速いスクロールをされた場合、動画掲載領域６０もそれだけ速く表示範囲ＤＰ外に達してしまうため、あまり多数のサムネイル画像を変化させても、逆に見づらくなるということも想定される。
そこで第２の実施の形態では、１つのサムネイル画像は、必ず一定時間以上は表示されるようにしたものである。

【0064】

図１２のユーザ端末５の処理において図１０と同一の処理は同一のステップ番号を付して説明を省略する。
図１０と異なる点は、ステップＳ１０３で動画掲載領域６０の位置Ｒｐが変化位置Ｐ２〜Ｐ５のいずれかに到達した際に、ステップＳ１１０の判断を行うことである。
ステップＳ１１０でユーザ端末５は、現在のサムネイル画像の表示状態が所定時間以上経過しているか否かを判断する。
例えば或るサムネイル画像から現在のサムネイル画像に切り替えられた場合は、その切り変えられた時点から現在までの時間が所定時間以上経過しているか否かを判断する。また、現在のサムネイル画像がスクロールにより出現した場合は、表示範囲ＤＰ内に出現した時点から現在までの時間が所定時間以上経過しているか否かを判断する。
なお、この判断のためにユーザ端末５では、サムネイル画像の切り替え時点又は出現時点をトリガとしてのタイムカウントを行っている。
所定時間とは、人が１つの画像を認識するのに必要な時間を想定して決めるとよい。例えば１秒程度が考えられる。

【0065】

そしてユーザ端末５の処理は、ステップＳ１１０で所定時間以上経過していると判断した場合のみ、ステップＳ１０５に進む。ステップＳ１０５では、例えば上述の図１１の処理でサムネイル画像の表示変更の処理を行う。
従ってこの第２の実施の形態の場合、動画掲載領域６０の位置Ｒｐが変化位置Ｐ２〜Ｐ５のいずれかに到達しても、それまでのサムネイル画像の表示状態が所定時間以上となっている場合のみ、表示状態が変更される。従って例えば素早いスクロールが行われた場合は、サムネイル画像ＴＭ１→ＴＭ４などと変化され、そのまま表示範囲ＤＰ外となるようなことも生じる。例えば変化位置Ｐ４に到達したときに初めてサムネイル画像ＴＭ１の表示状態が所定時間以上となったような場合である。

【0066】

＜５．第３の実施の形態のサムネイル表示動作＞
第３の実施の形態は、スクロールに伴って、動画の低速再生（１倍速未満の再生速度の再生）や、極低速再生（例えば１／２倍速以下の再生速度の再生）を実行させ、その低速再生動画をサムネイルとして利用する例である。

【0067】

図１３でサムネイル画像の変化を説明する。
図１３Ａは、ウェブページ５０内の動画掲載領域６０を含む範囲が表示範囲ＤＰ内となっている様子を示している。動画掲載領域６０にはサムネイル画像ＴＭ１が表示されている。
表示範囲ＤＰには、図７に示す変化開始位置Ｐ２ｍが設定されているとする。この変化開始位置Ｐ２ｍは、動画低速再生を開始させる位置である。

【0068】

図１３Ｂは、順方向スクロールによって動画掲載領域６０の位置（Ｒｐ）が変化開始位置Ｐ２ｍを越えた状態を示している。動画掲載領域６０が変化開始位置Ｐ２ｍに到達した時点から動画低速再生が開始される。従って図１３Ｂの時点では再生画像ＭＶがサムネイル画像として用いられている。
以降図１３Ｃ、図１３Ｄ、図１３Ｅとスクロールが進む間も、再生画像ＭＶが表示される。図１３Ｆの段階で動画掲載領域６０は表示範囲ＤＰ外となる。

【0069】

その後、逆方向スクロールによって図１３Ｇのように動画掲載領域６０が表示範囲ＤＰ内に現れるときは、再生画像ＭＶが表示されている。そのまま図１３Ｈ、図１３Ｉ、図１３Ｊと逆方向スクロールが行われる間も、再生画像ＭＶが表示される。その後、動画掲載領域６０が変化開始位置Ｐ２ｍに到達すると、元のサムネイル画像ＴＭ１に切り替えられる。図１３Ｋ、図１３Ｌは動画掲載領域６０にサムネイル画像ＴＭ１が表示されている状態を示している。
なお、さらに逆方向スクロールが行われると、動画掲載領域６０は表示範囲ＤＰの下方に移動して、その後表示範囲ＤＰ外となるが、その際は、例えばサムネイル画像ＴＭ１のままとすることが考えられる。

【0070】

このような第３の実施の形態の処理例を図１４で説明する。
ＥＣサーバ３は、図１４に示す処理をユーザ端末５に実行させるウェブページデータを生成し、該ウェブページデータを要求元のユーザ端末５に対して送信することで、ユーザ端末５ではウェブページ閲覧時に以下の処理を実行することになる。

【0071】

図１４のステップＳ２０１でユーザ端末５は、要求したウェブページ５０についてのファーストビュー表示制御を行う。即ちＥＣサーバ３から送信されてきたウェブページ５０を表示する。以降はユーザ端末５は、ウェブページ５０に記述されたプログラムに基づいて動画掲載領域６０のサムネイル表示制御を行う。

【0072】

ユーザ端末５はステップＳ２０２で順方向スクロール中であるか否かを監視する。即ちユーザのスクロール操作に従って、ウェブページ５０の画面を順方向スクロールさせているか否かの監視である。
またユーザ端末５はステップＳ２０３で逆方向スクロール中であるか否かを監視する。即ちユーザのスクロール操作に従って、ウェブページ５０の画面を逆方向スクロールさせているか否かの監視である。
またユーザ端末５はステップＳ２０４でウェブページ５０の閲覧を終了したか否かを監視している。ウェブページ５０の閲覧を終了した場合は、当該図１４の処理を終える。

【0073】

順方向スクロールが行われているときは、ユーザ端末５はステップＳ２０２からＳ２０５に進み、動画掲載領域６０の位置Ｒｐが変化開始位置Ｐ２ｍに到達したか否かを判断する。動画掲載領域６０が表示範囲ＤＰ外にあるときや、表示範囲ＤＰ内ではあるが変化開始位置Ｐ２ｍに到達していない場合は、ステップＳ２０６の処理を行わない。

【0074】

順方向スクロールにより動画掲載領域６０が変化開始位置Ｐ２ｍに到達したことを検出した際には、ユーザ端末５はステップＳ２０６で動画低速再生を開始させる処理を行う。ユーザ端末５は必要に応じてＥＣサーバ３と通信を行い、動画データの各フレームデータを受信し、ウェブページ５０上で表示させる。
ここで開始させる動画低速再生は、その動画自体を通常速度よりも遅い速度で再生させるものであり、その再生開始フレームは、必ずしも限定されない。例えば動画の先頭フレームから低速再生を開始させても良いし、動画の途中の任意のフレームから開始させてもよい。

【0075】

但し、望ましくは、サムネイル画像ＴＭ１の元となったフレーム（もしくはその次のフレーム）から動画再生を開始させると良い。即ちサムネイル画像ＴＭ１を生成元となった動画のフレームナンバを記憶しておく。例えば動画ＤＢ６ｅのサムネイル情報として、フレームナンバを登録しておく。そしてステップＳ２０６では、そのフレームもしくは次のフレームを再生開始位置として低速再生を実行させる。
すると、サムネイル画像ＴＭ１が、スクロールに応じてゆっくり動き出したかのようにユーザに見せる表示を実現できる。

【0076】

なおユーザ端末５もしくはＥＣサーバ３は、動画低速再生を開始した以降は、常に現在のフレームナンバを記憶する処理を行うようにする。これは逆方向スクロール時のリバース再生の開始位置を決めるためである。

【0077】

順方向スクロール中であって、動画掲載領域６０が変化開始位置Ｐ２ｍに到達したことを検知したとき以外は、ユーザ端末５の処理はステップＳ２０７に進む。ステップＳ２０７では、動画掲載領域６０が順方向スクロールの進行によって表示範囲ＤＰ外に到達したか否かを判断する。
動画掲載領域６０が、表示範囲ＤＰ外に到達していない期間や、そもそもまだ表示範囲ＤＰに現れていない期間は、特に表示制御は行わない。
動画掲載領域６０が、順方向スクロールによって表示範囲ＤＰ外に達し、表示されなくなった場合は、ユーザ端末５の処理はステップＳ２０８に進み、動画低速再生を終了させる。

【0078】

逆方向スクロールが行われているときは、ユーザ端末５はステップＳ２０３からＳ２１０に進み、まず現在のスクロール位置が、変化開始位置Ｐ２ｍを越えた範囲であるか否かを判断する。つまり順方向スクロールによって動画掲載領域６０が変化開始位置Ｐ２ｍを越えて後に行われる逆方向スクロールであって、まだ変化開始位置Ｐ２ｍまで戻っていない状態であるか否かである。
これに該当しない場合は、動画掲載領域６０にサムネイル画像ＴＭ１が表示されている状態、もしくはサムネイル画像ＴＭ１のままで表示範囲ＤＰ外となっている状態である。それらの場合は、特に表示制御は行わない。

【0079】

現在の逆方向スクロールが、変化開始位置Ｐ２ｍを越えた範囲で行われているときは、ユーザ端末５の処理はステップＳ２１１に進み、動画掲載領域６０が表示範囲ＤＰ内に到達していると検知したか否かで処理を分岐する。逆方向スクロールの開始時点で動画掲載領域６０が表示範囲ＤＰ内にあると検知したとき、又は逆方向スクロールによって動画掲載領域６０が表示範囲ＤＰ内に入ってきたことを検知したときのみ、ユーザ端末５の処理はステップＳ２１２に進み、低速再生の際に記憶した最後のフレームナンバのフレームからの動画の低速リバース再生を開始させる。
つまり、順方向スクロールによって行われた低速再生が、同じく低速で巻き戻されるような再生を開始させる。

【0080】

上記の低速リバース再生開始時点以外は、ユーザ端末５の処理はステップＳ２１１からＳ２１３に進む。そして動画掲載領域６０の位置Ｒｐが変化開始位置Ｐ２ｍに到達したか（つまり変化開始位置Ｐ２ｍまで戻ったか）否かを判断する。動画掲載領域６０が表示範囲ＤＰ外にあるときや、表示範囲ＤＰ内ではあるが変化開始位置Ｐ２ｍに到達していない場合は、ステップＳ２１２やＳ２１４は行わない。

【0081】

逆方向スクロールにより動画掲載領域６０が変化開始位置Ｐ２ｍに到達したことを検出した際には、ユーザ端末５はステップＳ２１４で動画低速リバース再生を終了させ、サムネイル画像ＴＭ１に切り替える処理を行う。

【0082】

以上の処理により図１３で説明したような表示動作が行われる。
即ち順方向スクロールによって動画掲載領域６０が変化開始位置Ｐ２ｍに達した後は、表示範囲ＤＰ外となるまでの間、サムネイル画像ＴＭ１に代えて低速再生画像が表示される。この場合、サムネイル画像ＴＭ１がスクロールに応じて動き出したかのような印象をユーザに与えることができるため、サムネイル画像や動画自体への関心を喚起できる。

【0083】

またその後に逆方向スクロールが行われると、低速再生で進行した動画が、サムネイル画像ＴＭ１のフレームまで戻るような表示が行われ、これもユーザの関心を引きつけることに好適となる。
なお、順方向スクロールや逆方向スクロールはあくまでもユーザ操作によって行われるもので、スクロール速度も一定していない。逆方向スクロールのときに低速リバース再生画像を行っても、スクロール速度が順方向スクロールのときと必ずしも同じではないので、低速再生の開始フレームまでは戻らない、或いは行き過ぎることもある。しかしながら、この場合の低速再生や低速リバース再生は、あくまでもサムネイル画像の代わりに用いて、あたかもサムネイル画像が動き出したかのような視覚効果を与えるものであるため、再生位置を厳密に管理する必要はない。

【0084】

図１３，図１４の説明では、再生画像ＭＶは、低速再生としたが、低速再生の再生速度は多様に考えられる。
また低速再生ではなく、高速再生（１倍速を越える速度での再生）を行うようにすることも考えられる。
高速再生の場合、サムネイル画像ＴＭ１が素早く動くような視覚効果を与えることで、サムネイル画像、ひいては動画へのユーザの関心を引くことができる。
但し本実施の形態では、低速又は高速の変速再生画像を、あくまでサムネイル画像ＴＭ１の代わりとして用いて、動画再生前の時点でユーザに関心を持たせることを目的とするため、通常再生（１倍速再生）を用いるようにはしないことが望ましい。
また通常、動画再生のときは再生音声も出力されるが、サムネイル画像に代える変速再生動画の際は、音声出力を実行させないことが好適である。あくまで実施の形態の処理は、ユーザが再生操作を行った際に再生される動画を対象とし、画面上で自動的に再生される動画を対象とするものではない。ユーザが再生操作を行う前に音声を出力させることは、ユーザにとって煩わしく感じさせる恐れもあるためである。
またこれを別の視点で見れば、音声再生をさせないためにも、通常は音声がミュートされる変速再生とすることが適しており、処理も容易となる。

【0085】

また上記例では、逆方向スクロールの際の動画の低速リバース再生の開始フレームは、必ずしも限定されない。例えば動画の終端フレームから低速リバース再生を開始させても良いし、動画の途中の任意のフレームから開始させてもよい。
さらには、逆方向スクロールの場合に低速リバース再生ではなく、通常の再生進行方向での低速再生や高速再生が行われるようにしてもよい。

【0086】

＜６．まとめ及び変形例＞
以上の実施の形態によれば次のような効果が得られる。
実施の形態のＥＣサーバ３（情報処理装置）は、再生可能な動画をサムネイル画像で提示する動画付きのウェブページをユーザ端末５に表示させるためのウェブページデータとして、スクロールが行われた場合に、スクロールに応じて、サムネイル画像の変化を視認させる表示制御処理をユーザ端末５に実行させるウェブページデータを生成するウェブページデータ生成部３ａと、ウェブページデータ生成部３ａが生成したウェブページデータを要求元のユーザ端末５に送信するウェブページ送信部３ｂとを備える。
即ちウェブページ上で動画をサムネイル画像により提示する場合に、そのウェブページのスクロールが行われた場合、サムネイル画像の変化をユーザに視認させるようにしている。
人間はページ内の動く部分、変化する部分に傾向がある。そこでサムネイル画像の変化により、ユーザに視覚的に動画掲載をアピールし、情報量の多い動画再生を促すことができる。つまりウェブページ上で或る動画を提示するサムネイル画像が、スクロールに応じて変化することで、ユーザの目に止まり易くなる。これらにより動画再生を促進し、ユーザへの情報提供を活発化できる
またユーザにとっては、スクロールに応じて、サムネイル画像の変化を認識することになるため、新鮮なページ感を演出できるという効果もある。
さらにはユーザ端末５で表示されるウェブページの画面領域として、動画掲載領域６０の表示効果を高めた動画提示方式となり、限られた表示面積を持つ表示デバイスの有効利用を実現するという効果もある。

【0087】

また第１、第２、第３の実施の形態のように、順方向スクロールで、画面上部に向かって移動するときにサムネイル画像を変化させることで、それまで止まっていたサムネイル画像が動き出すような視覚効果を与えることができる。つまり常時変化するわけではなく、静止画像の状態で出現したサムネイル画像ＴＭ１が、さらに順方向スクロールで画面上方に変位していく際に変化するという動作であることで、ユーザへのアピール力を強めることができる。
なお、例えば図９Ａ〜図９Ｆのように順方向スクロールで動画掲載領域６０が表示範囲ＤＰに現れてくるときには、サムネイル画像ＴＭ１が変化しない例としたが、この場合も、変化させるようにすることも考えられる。

【0088】

また実施の形態では、スクロールに応じて、疑似動画を形成する複数の画像としての複数のサムネイル画像ＴＭ１〜ＴＭ５を切り替えて表示させる処理を行う。
即ち、スクロールの進行に伴ってサムネイル画像が変化していくようにユーザに視認させる場合に、時系列的に変化する画像の複数のサムネイル画像をスクロールの進行に伴って切り替えていくことで疑似動画的な表示、例えばパラパラ漫画的な表示を行う。
このようにサムネイル画像を動的に表示することで、ユーザに対する動画掲載のアピール性を高めることができる。加えて、擬似的な動画によりスクロールの過程で動画内容を大まかに紹介することで、ユーザの興味をより強く喚起し、動画再生の可能性を高めることが期待される。

【0089】

またスクロールに応じて、サムネイル画像の鮮明度を変化させる処理を行うことも述べた。例えばスクロールの進行に伴ってサムネイル画像の解像度、フォーカス具合、モザイク化の度合い等を変化させる。
サムネイル画像の鮮明度の変化によりユーザの注意を引くことができる。
またサムネイル画像の鮮明化をゲーム感覚でスクロール位置を調整するような動機付けを行うことで、動画再生の可能性を向上させることが期待できる。例えば基準位置Ｐ１の時に最も鮮明とし、上下方向へのスクロール移動が大きくなるほど、鮮明度が低下するようにすれば、スクロール位置を調整してサムネイルを見ようというユーザの意欲を刺激できる。

【0090】

またスクロールに応じて、サムネイル画像の色彩、輝度、コントラスト、シャープネスのいずれかを変化させる処理を行うことを述べた。スクロールの進行に伴ってサムネイル画像のパラメータとして色彩、輝度、コントラスト、シャープネスのいずれか１つ或いは複数を変化させることで、サムネイル画像の見た目の変化によりユーザの注意を引くことができる。この場合、サムネイル画像としては１つだけ用意して、その表示の際のパラメータを変化させるという処理も可能である。

【0091】

また第３の実施の形態では、サムネイル画像ＴＭ１を対応する動画内の１フレームから生成されたものとし、サムネイル画像ＴＭ１を、スクロール位置に応じて、即ち動画掲載領域６０が変化開始位置Ｐ２ｍに達したか否かに応じて、動画のフレームからの低速再生画像に切り替えて表示させる。即ち極低速の再生動画をサムネイル画像ＴＭ１の代わりとして用いる。
このようにすると、スクロールに応じてサムネイル画像ＴＭ１がゆっくり動くような表示が可能となる。これにより動画に対するユーザの注意を引きつけることができ、動画再生の可能性を高めることが期待される。

【0092】

また第１の実施の形態では、スクロール位置に応じて、異なるサムネイル画像（例えばＴＭ１〜ＴＭ５）を切り替えて表示させる。
この場合、スクロール位置、即ち動画掲載領域６０の画面上の位置と変化位置Ｐ２〜Ｐ５の位置関係に応じて対応するサムネイル画像を選択するという容易な処理でサムネイル画像の変化をユーザに視覚的に認識させることができる。
またスクロール位置に対応することで、順方向、逆方向のスクロールに応じてサムネイル画像の変化の順が、順方向、逆方向となる。従って、順方向スクロールで変化したサムネイル画像が逆方向スクロールで戻っていくような表示となり、ユーザへのアピール性を高めることができる。
またスクロール量に応じた表示の変化を行うことができる。
実施の形態では５つのサムネイル画像ＴＭ１〜ＴＭ５を切り替える例を挙げたが、５つとしたのは一例にすぎない。用いるサムネイル画像の数は４個以下でも６個以上でもよい。

【0093】

また第２の実施の形態では、スクロールに応じてサムネイル画像を切り替える場合に、１つのサムネイル画像が少なくとも所定時間以上、表示されるように切替タイミングを制御している。つまり表示されたサムネイル画像は、少なくとも所定時間（例えば１秒など）表示されるようにする。
各サムネイル画像のそれぞれをユーザに視認させ、画像内容をわかりやすくする。これによりサムネイル画像により提示されている動画の内容もユーザにわかりやすくできる。

【0094】

スクロールに応じたサムネイル画像の変化の態様は実施の形態の例に限らず多様である。
例えば順方向スクロールの場合のみサムネイル画像を変化させ、逆方向スクロールの場合は固定のサムネイル画像として変化させない例も考えられる。その逆でもよい。
また、スクロールによって動画掲載領域６０が表示範囲ＤＰに現れるときに、サムネイル画像が変化しながら出現するようにすることも考えられる。

【0095】

本発明は実施の形態のＥＣシステムに限られず、ウェブページ上に動画を掲載する場合，特にサムネイル画像により動画を提示する場合に適用できる。
例えば動画コンテンツを有料又は無料で視聴提供するサービスのウェブページ、ニュース動画を提供するサービスのウェブページなどであって、ユーザの要求（再生操作）に応じて動画を視聴させるウェブページの提供を行うシステムにおいて本発明は広く適用できる。

【0096】

＜８．プログラム及び記憶媒体＞
実施の形態のプログラムは、ＥＣサーバ３の処理を情報処理装置（ＣＰＵ等）に実行させるプログラムである。
実施の形態のプログラムは、再生可能な動画をサムネイル画像で提示する動画付きのウェブページを端末装置に表示させるためのウェブページデータとして、スクロールが行われた場合に、スクロールに応じて、サムネイル画像の変化を視認させる表示制御処理を前記端末装置に実行させる前記ウェブページデータを生成するステップと、生成した前記ウェブページデータを要求元の端末装置に送信するステップと、を情報処理装置に実行させるプログラムである。

【0097】

このようなプログラムにより上述したＥＣサーバ３としての情報処理装置を実現できる。
そしてこのようなプログラムはコンピュータ装置等の機器に内蔵されている記憶媒体としてのＨＤＤや、ＣＰＵを有するマイクロコンピュータ内のＲＯＭ等に予め記憶しておくことができる。あるいはまた、半導体メモリ、メモリカード、光ディスク、光磁気ディスク、磁気ディスクなどのリムーバブル記憶媒体に、一時的あるいは永続的に格納（記憶）しておくことができる。またこのようなリムーバブル記憶媒体は、いわゆるパッケージソフトウェアとして提供することができる。
また、このようなプログラムは、リムーバブル記憶媒体からパーソナルコンピュータ等にインストールする他、ダウンロードサイトから、ＬＡＮ、インターネットなどのネットワークを介してダウンロードすることもできる。

【符号の説明】

【0098】

１ ネットワーク、３ ＥＣサーバ、３ａ ウェブページデータ生成部、３ｂ ウェブページ送信部、５ ユーザ端末、６ｅ 動画ＤＢ

【要約】

ウェブページ上で商品紹介等のための動画コンテンツをサムネイル画像により提示する。この場合に、ウェブページのスクロールに応じてサムネイル画像の変化を視認させる表示制御処理が端末装置において実行されるようにしたウェブページデータを生成、送信する。例えばスクロールに応じてサムネイル画像を切り替えたり、画像処理効果を変化させる。これによりスクロールに応じてサムネイルが動くように視認されるようにして、ユーザの注意を引きつける可能性を高める。

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】