特許 7541213 画面に表示される特定の要素の隠蔽を防ぐ動画表示

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

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

(11)【特許番号】

(24)【登録日】2024-08-19

(45)【発行日】2024-08-27

(54)【発明の名称】画面に表示される特定の要素の隠蔽を防ぐ動画表示

(51)【国際特許分類】

   G06F 3/0482 20130101AFI20240820BHJP

   G06F 3/0481 20220101ALI20240820BHJP

【ＦＩ】

G06F3/0482

G06F3/0481

【請求項の数】 8

(21)【出願番号】P 2024523890

(86)(22)【出願日】2022-08-26

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

(87)【国際公開番号】W WO2024042708

(87)【国際公開日】2024-02-29

【審査請求日】2024-04-22

【早期審査対象出願】

(73)【特許権者】

【識別番号】399037405

【氏名又は名称】楽天グループ株式会社

(74)【代理人】

【識別番号】100110135

【弁理士】

【氏名又は名称】石井 裕一郎

(74)【代理人】

【識別番号】100132883

【弁理士】

【氏名又は名称】森川 泰司

(74)【代理人】

【識別番号】100148633

【弁理士】

【氏名又は名称】桜田 圭

(74)【代理人】

【識別番号】100163452

【弁理士】

【氏名又は名称】南郷 邦臣

(74)【代理人】

【識別番号】100180312

【弁理士】

【氏名又は名称】早川 牧子

(72)【発明者】

【氏名】菊地 航

【審査官】▲高▼瀬 健太郎

(56)【参考文献】

【文献】特開２０１２－０１８４８６（ＪＰ，Ａ）

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

【文献】特開２００８－０４０６２２（ＪＰ，Ａ）

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

【文献】国際公開第２０１４／０５７８１４（ＷＯ，Ａ１）

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

Ｇ０６Ｆ ３／０４８２

Ｇ０６Ｆ ３／０４８１

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

【請求項1】

１以上のプロセッサを備え、
前記プロセッサは、
画面に、動画が再生されるフォアグラウンドウィンドウを、ユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの一部を隠すように表示し、
前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を変更する
処理を実行する端末装置。

【請求項2】

前記プロセッサは、
前記隠蔽が検出されると、前記フォアグラウンドウィンドウの位置を、前記画面における予め定められた複数の候補位置のうち、前記フォアグラウンドウィンドウが前記インタラクティブ要素を隠蔽しない候補位置に移動する
処理を実行する請求項１に記載の端末装置。

【請求項3】

前記プロセッサは、
ユーザから、前記画面に対するタッチ操作を受け付け、
前記インタラクティブ要素を隠蔽しない候補位置が複数ある場合、前記複数の候補位置のうち、前記フォアグラウンドウィンドウが、前記画面に対する前記タッチ操作の頻度が高い領域と重ならない候補位置に移動する
処理を実行する請求項２に記載の端末装置。

【請求項4】

前記プロセッサは、
前記フォアグラウンドウィンドウを前記複数の候補位置のいずれに移動しても前記フォアグラウンドウィンドウが前記インタラクティブ要素を隠蔽する場合、前記フォアグラウンドウィンドウを、前記複数の候補位置のそれぞれに時間経過と共に順に移動する
処理を実行する請求項２又は３に記載の端末装置。

【請求項5】

前記プロセッサは、
前記フォアグラウンドウィンドウを、前記複数の候補位置のそれぞれに間欠的に移動し、又は、前記複数の候補位置のそれぞれの間を予め定められた速度で移動する
処理を実行する請求項４に記載の端末装置。

【請求項6】

前記プロセッサは、
前記フォアグラウンドウィンドウの大きさを予め定められた割合だけ小さくすることにより、前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を回避可能な場合、前記フォアグラウンドウィンドウの位置を変更せず、前記フォアグラウンドウィンドウの大きさを前記予め定められた割合だけ小さくする
処理を実行する請求項１から３のいずれか１項に記載の端末装置。

【請求項7】

１以上のプロセッサを備え、
前記プロセッサは、
端末装置から、当該端末装置の画面において表示される、動画が再生されるフォアグラウンドウィンドウ及びユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの位置及び大きさと、前記インタラクティブ要素の位置及び大きさと、を取得し、
前記取得された位置及び大きさに基づいて、前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を、前記端末装置に変更させる
処理を実行するサーバ装置。

【請求項8】

コンピュータに、
画面に、動画が再生されるフォアグラウンドウィンドウを、ユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの一部を隠すように表示し、
前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を変更する
処理を実行させるためのプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本開示は、画面に表示される特定の要素の隠蔽を防ぐ動画表示に関する。

【背景技術】

【0002】

動画を視聴しながら、例えば、動画に関する情報を検索するといった他の作業をするため、表示領域を小さくした動画を他の作業のためのコンテンツの上に重ねて表示するピクチャインピクチャ機能が知られている。

【0003】

例えば、特許文献１には、端末装置においてテレビ会議の動画を表示中に、端末装置のカメラから撮影されたビデオをピクチャインピクチャ機能により表示する技術が開示されている。

【先行技術文献】

【特許文献】

【0004】

【文献】特開２０２２－００８５０７号

【発明の概要】

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

【0005】

上記のピクチャインピクチャ機能により表示される動画は、他の作業のためのコンテンツの上に重ねて表示される。このため、コンテンツに、例えば、リンクのようにユーザが操作可能なインタラクティブ要素が含まれており、動画がインタラクティブ要素に重なってしまうと、ユーザは操作をすることができないという問題がある。

【0006】

本開示は、上記事情に鑑みてなされたものであり、コンテンツに含まれるユーザが操作可能な要素の隠蔽を防ぎつつ、コンテンツの上に動画を表示することが可能な技術を提供することを目的とする。

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

【0007】

本開示の第１の観点に係る端末装置は、
１以上のプロセッサを備え、
前記プロセッサは、
画面に、動画が再生されるフォアグラウンドウィンドウを、ユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの一部を隠すように表示し、
前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を変更する
処理を実行する。

【0008】

本開示の第２の観点に係るサーバは、
１以上のプロセッサを備え、
前記プロセッサは、
端末装置から、当該端末装置の画面において表示される、動画が再生されるフォアグラウンドウィンドウ及びユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの位置及び大きさと、前記インタラクティブ要素の位置及び大きさと、を取得し、
前記取得された位置及び大きさに基づいて、前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を、前記端末装置に変更させる
処理を実行する。

【0009】

本開示の第３の観点に係るコンピュータ読み取り可能な記録媒体は、
コンピュータに、
画面に、動画が再生されるフォアグラウンドウィンドウを、ユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの一部を隠すように表示し、
前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を変更する
処理を実行させるためのプログラムを記録する。

【発明の効果】

【0010】

本開示によれば、コンテンツに含まれるユーザが操作可能な要素の隠蔽を防ぎつつ、コンテンツの上に動画を表示することができる。

【図面の簡単な説明】

【0011】

【図1】実施形態に係る端末装置と動画提供サーバ及びコンテンツ提供サーバとの関係を示す図である。

【図2】実施形態に係る情報処理装置のハードウェア構成を示すブロック図である。

【図3】実施形態に係る端末装置の機能構成を示す図である。

【図4】実施形態に係る動画を示す図である。

【図5】実施形態に係る販売ページを示す図である。

【図6】実施形態に係る動画がフォアグラウンドウィンドウ内に表示された様子を示す図である。

【図7】実施形態に係るフォアグラウンドウィンドウの大きさが変更された様子を示す図である。

【図8】実施形態に係る動画がフォアグラウンドウィンドウ内に表示された様子を示す図である。

【図9】実施形態に係るフォアグラウンドウィンドウの位置が変更された様子を示す図である。

【図10】実施形態に係るフォアグラウンドウィンドウの位置が変更された様子を示す図である。

【図11】実施形態に係るフォアグラウンドウィンドウの位置が変更された様子を示す図である。

【図12】実施形態に係るフォアグラウンドウィンドウの位置が変更された様子を示す図である。

【図13】実施形態に係る表示制御処理を示すフローチャートである。

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

【0012】

（１．全体構成）
本開示の実施形態に係る端末装置は、ピクチャインピクチャ機能により動画を表示する装置である。端末装置１００は、図１に示すように、動画提供サーバ２００、及び、コンテンツ提供サーバ３００と、インターネット等のコンピュータ通信網４００を介して通信可能に接続される。

【0013】

端末装置１００は、動画を視聴する視聴者が使用する装置である。視聴者は、例えば、端末装置１００から動画提供サーバ２００に接続し、動画提供サーバ２００から提供される動画を視聴する。また、視聴者は、例えば、動画提供サーバ２００から提供される動画を視聴中に、端末装置１００からコンテンツ提供サーバ３００に接続し、コンテンツ提供サーバ３００から提供されるコンテンツに対して、閲覧、検索等の作業を行う。

【0014】

動画提供サーバ２００は、動画を提供するサーバである。動画提供サーバ２００は、端末装置１００からの要求に応じて、動画を端末装置１００に提供する。

【0015】

コンテンツ提供サーバ３００は、端末装置１００において画面表示可能な種々のコンテンツを提供するサーバである。コンテンツ提供サーバ３００は、端末装置１００からの要求に応じて、コンテンツを端末装置１００に提供する。

【0016】

以下では、動画提供サーバ２００は、ライブコマースに関する動画を提供するものとする。ライブコマースとは、電子商取引の一つの形態である。ライブコマースでは、配信者がアイテムを紹介するライブ動画を配信し、そのライブ動画を視聴している視聴者がアイテムを購入することができる。動画提供サーバ２００は、配信者が使用する配信者端末（図示せず）から動画を受信し、端末装置１００からの要求に応じて、受信した動画を配信する。

【0017】

また、コンテンツ提供サーバ３００は、動画において紹介されているアイテムの販売ページを提供するものとする。コンテンツ提供サーバ３００は、端末装置１００からの要求に応じて、販売ページを提供する。

【0018】

（２．情報処理装置のハードウェア構成）
図２は、端末装置１００、動画提供サーバ２００及びコンテンツ提供サーバ３００を実現する情報処理装置５００ハードウェア構成を示すブロック図である。

【0019】

情報処理装置５００は、図２に示すように、ＣＰＵ（Central Processing Unit）１１と、ＲＯＭ（Read Only Memory）１２と、ＲＡＭ（Random Access Memory）１３と、記録媒体１４と、出力デバイス１５と、通信デバイス１６と、入力デバイス１７と、を備える。各構成要素は、バス１８により接続されている。

【0020】

ＣＰＵ１１は、情報処理装置５００全体の動作を制御し、各構成要素と接続され、制御信号やデータをやりとりする。

【0021】

ＲＯＭ１２には、情報処理装置５００全体の動作制御に必要なオペレーティングのプログラムや各種のデータが記録される。

【0022】

ＲＡＭ１３は、データやプログラムを一時的に記録するためのもので、記録媒体１４から読み出したプログラムやデータ、その他、通信に必要なデータ等が保持される。

【0023】

記録媒体１４は、ハードディスクやフラッシュメモリ等から構成され、情報処理装置５００で処理するデータを記録する。

【0024】

出力デバイス１５は、ＬＣＤ（Liquid Crystal Display）等の表示装置や、スピーカ等の音声出力装置を備える。出力デバイス１５は、ＣＰＵ１１による制御の下、例えば、ＣＰＵ１１から出力されたデータを出力する。

【0025】

通信デバイス１６は、情報処理装置５００をインターネット等のコンピュータ通信網４００に接続するための通信インタフェースを含み、通信デバイス１６を介して他の情報処理装置等とやりとりをする。

【0026】

入力デバイス１７は、ボタン、キーボード、タッチパネル、マイク、カメラ、光学スキャナ等の入力装置を備える。入力デバイス１７は、情報処理装置５００の使用者から操作入力を受け付け、受け付けた操作入力に対応する信号をＣＰＵ１１に出力する。

【0027】

（３．実施形態の配信者端末の機能構成）
端末装置１００の機能構成について、図３を用いて説明する。

【0028】

端末装置１００は、機能的には、表示部１０１と、検出部１０２と、変更部１０３と、受付部１０４と、を備える。本実施形態において、ＣＰＵ１１、出力デバイス１５及び通信デバイス１６が協働して、表示部１０１として機能し、ＣＰＵ１１が、検出部１０２及び変更部１０３として機能し、ＣＰＵ１１及び入力デバイス１７が協働して、受付部１０４として機能する。

【0029】

端末装置１００は、動画提供サーバ２００から提供されるライブコマースに関する動画と、コンテンツ提供サーバ３００から提供される販売ページと、をそれぞれ表示する。以下では、端末装置１００には、ライブコマースに関する動画及びコンテンツを画面に表示可能なアプリケーションがインストールされており、このアプリケーションにより、表示部１０１、検出部１０２、変更部１０３及び受付部１０４の機能が実現されるものとする。

【0030】

図４に、端末装置１００の画面に表示されるライブコマースの動画の例を示す。動画６００は、配信者６０１が、アイテム“Ｘ”６０２を所持してアイテム“Ｘ”を紹介している様子を示したものである。また、動画６００には、アイテム“Ｘ”に関する情報が表示されるパネル６０３が表示される。パネル６０３には、アイテム“Ｘ”の画像６０４と、アイテム“Ｘ”の販売価格の情報６０５と、アイテム“Ｘ”を販売する販売ページへ遷移するためのボタン６０６と、動画の視聴者によるコメントを入力するための入力欄６０７と、評価アイコン６０８と、動画の視聴者により入力されたコメントの表示欄６０９と、が含まれる。

【0031】

また、図５に、端末装置１００の画面に表示される販売ページの例を示す。販売ページ７００には、アイテム“Ｘ”の画像７０１と、アイテム“Ｘ”の価格、送料等の情報７０２と、ショッピングカートに投入するアイテム“Ｘ”の個数を入力するためのボックス７０３と、ショッピングカートにアイテム“Ｘ”を投入するためのボタン７０４と、が含まれる。図５の販売ページ７００は、図４の動画６００において、ボタン６０６が選択されると表示されるものとする。

【0032】

以下では、販売ページ７００が画面に表示された際に、動画６００をピクチャインピクチャ機能により表示する場合を例に、端末装置１００の機能について説明する。

【0033】

図３の表示部１０１は、画面に、動画が再生されるフォアグラウンドウィンドウを、ユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの一部を隠すように表示する。

【0034】

フォアグラウンドウィンドウとは、端末装置１００の画面において前面に表示されるウィンドウである。また、バックグラウンドウィンドウとは、端末装置１００の画面において、フォアグラウンドウィンドウの後ろに表示されるウィンドウである。すなわち、端末装置１００の画面において、フォアグラウンドウィンドウは、バックグラウンドウィンドウの上に重ねて表示されるウィンドウである。また、フォアグラウンドウィンドウとバックグラウンドウィンドウとは、ユーザの操作により画面における前後が入れ替わらない。すなわち、ユーザがバックグラウンドウィンドウに対して操作を行ったとしても、フォアグラウンドウィンドウは、端末装置１００の画面において前面に表示され続ける。

【0035】

インタラクティブ要素とは、コンテンツに含まれる、ユーザが操作可能な要素であり、例えば、onclick属性を有する、リンク、ボタン、チェックボックス、リストボックス等である。例えば、販売ページ７００におけるインタラクティブ要素は、ボックス７０３、ボタン７０４である。

【0036】

例えば、ユーザが、販売ページへ遷移するためのボタン６０６（図４）を選択すると、表示部１０１は、図６に示すように、動画６００の表示領域を小さくした動画が表示されるフォアグラウンドウィンドウ８１０－１を、販売ページ７００が表示されるバックグラウンドウィンドウ８２０の一部を隠すように表示する。なお、動画をピクチャインピクチャ機能により表示する際のフォアグラウンドウィンドウ８１０－１の位置及び大きさの初期値は、ユーザ又はアプリケーションの管理者により適宜設定されるものとする。また、図６において、バックグラウンドウィンドウ８２０は、端末装置１００の画面において全画面表示されているものとする。

【0037】

図３の検出部１０２は、フォアグラウンドウィンドウによるインタラクティブ要素の隠蔽を検出する。

【0038】

例えば、図６のように、バックグラウンドウィンドウ８２０に表示されている販売ページ７００のボックス７０３がフォアグラウンドウィンドウ８１０－１により隠蔽される場合、検出部１０２は、フォアグラウンドウィンドウ８１０－１によるインタラクティブ要素（ボックス７０３）の隠蔽を検出する。具体的には、検出部１０２は、インタラクティブ要素（ボックス７０３）が描画される領域を求め、求めた領域にフォアグラウンドウィンドウ８１０－１が重なるか否かを判定することにより隠蔽を検出する。

【0039】

図３の変更部１０３は、隠蔽が検出されると、インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を変更する。

【0040】

例えば、変更部１０３は、フォアグラウンドウィンドウの大きさを予め定められた割合だけ小さくすることにより、フォアグラウンドウィンドウによるインタラクティブ要素の隠蔽を回避可能な場合、フォアグラウンドウィンドウの位置を変更せず、フォアグラウンドウィンドウの大きさを予め定められた割合だけ小さくする。

【0041】

ここで、「フォアグラウンドウィンドウの位置を変更せず」とは、フォアグラウンドウィンドウ内の基準となる位置を移動しないことを示す。基準となる位置は、ユーザ又はアプリケーションの管理者により適宜設定される。以下では、基準となる位置を、フォアグラウンドウィンドウの左上の隅の位置８１１（図６）とする。また、以下では、予め定められた割合を、ｍ％（ｍは正数）とする。

【0042】

例えば、変更部１０３は、ｍ％だけフォアグラウンドウィンドウ８１０－１の大きさを変更したフォアグラウンドウィンドウによりインタラクティブ要素（ボックス７０３）の隠蔽を回避することができると判断すると、位置８１１を移動せずに、大きさを、フォアグラウンドウィンドウ８１０－１よりｍ％小さいフォアグラウンドウィンドウ８１０－２（図７）に変更する。すなわち、変更部１０３は、インタラクティブ要素の隠蔽された部分の全部が隠蔽されなくなるように、フォアグラウンドウィンドウ８１０－１の大きさを変更する。表示部１０１は、図７に示すように、大きさが変更されたフォアグラウンドウィンドウ８１０－２を表示する。

【0043】

なお、基準となる位置を、フォアグラウンドウィンドウの中心とした場合に、変更部１０３が、ｍ％だけフォアグラウンドウィンドウ８１０－１の大きさを変更したフォアグラウンドウィンドウによりインタラクティブ要素（ボックス７０３）の隠蔽を回避することができると判断すると、フォアグラウンドウィンドウの中心を移動せずに、フォアグラウンドウィンドウ８１０－１の大きさをｍ％小さくする。したがって、フォアグラウンドウィンドウ８１０－１の四隅（左上、右上、左下及び右下の隅）の位置は変更される。

【0044】

一方、例えば、図８のように、バックグラウンドウィンドウ８２０に表示されている販売ページ７００のボタン７０４がフォアグラウンドウィンドウ８１０－１により隠蔽されている場合、検出部１０２は、フォアグラウンドウィンドウ８１０－１によるインタラクティブ要素（ボタン７０４）の隠蔽を検出する。

【0045】

この場合、変更部１０３は、フォアグラウンドウィンドウ８１０－１の大きさをｍ％小さくしたフォアグラウンドウィンドウによりインタラクティブ要素（ボタン７０４）の隠蔽を回避することができないと判断し、フォアグラウンドウィンドウ８１０－１の位置を変更する。

【0046】

具体的には、変更部１０３は、隠蔽が検出されると、フォアグラウンドウィンドウの位置を、画面における予め定められた複数の候補位置のうち、フォアグラウンドウィンドウがインタラクティブ要素を隠蔽しない候補位置に移動する。

【0047】

以下では、予め定められた複数の候補位置を、画面の四隅の位置９０１～９０４とする。

【0048】

例えば、変更部１０３は、位置９０１～９０４のうち、フォアグラウンドウィンドウ８１０－１がインタラクティブ要素（ボックス７０３、ボタン７０４）を隠蔽しない位置を、位置９０１，９０２，９０３と特定する。そして、変更部１０３は、図９～１１に示すように、特定した位置９０１，９０２，９０３に、フォアグラウンドウィンドウ８１０－１の四隅のうち、特定した位置に最も近い１つの隅を重ねるように、フォアグラウンドウィンドウ８１０－１の位置を変更する。すなわち、変更部１０３は、インタラクティブ要素（ボタン７０４）の隠蔽された部分の全部が隠蔽されなくなるように、フォアグラウンドウィンドウ８１０－１の位置を変更する。

【0049】

ここで、変更部１０３は、インタラクティブ要素を隠蔽しない候補位置が複数ある場合、以下のように、フォアグラウンドウィンドウを移動させてもよい。

【0050】

まず、図３の受付部１０４は、ユーザから、画面に対するタッチ操作を受け付ける。

【0051】

例えば、受付部１０４は、アプリケーションが起動されると、端末装置１００のユーザが画面に対して行う、タップ、スライド、スワイプ等のタッチ操作を受け付ける。そして、受付部１０４は、タッチ操作がされた領域を示す情報を、タッチ操作の履歴情報として、記録媒体１４に格納する。

【0052】

そして、変更部１０３は、複数の候補位置のうち、フォアグラウンドウィンドウが、画面に対するタッチ操作の頻度が高い領域と重ならない候補位置に移動する。

【0053】

例えば、変更部１０３は、記録媒体１４に格納されたタッチ操作の履歴情報を参照して、タッチ操作がされる頻度が高い領域を特定する。例えば、変更部１０３は、画面の左下の領域９０５（図８）をタッチ操作がされる頻度が他の領域に比べて高い領域であると特定すると、領域９０５とフォアグラウンドウィンドウ８１０－１とが重なる位置９０１，９０３を、移動先の候補位置から除外する。すなわち、変更部１０３は、図１０に示すように、フォアグラウンドウィンドウ８１０－１の四隅の１つを位置９０２に重ねるように移動する。

【0054】

なお、変更部１０３は、フォアグラウンドウィンドウを複数の候補位置のいずれに移動してもフォアグラウンドウィンドウがインタラクティブ要素を隠蔽する場合、フォアグラウンドウィンドウを、複数の候補位置のそれぞれに時間経過と共に順に移動する。

【0055】

例えば、仮に、情報７０２にリンクが設定されていたとすると、情報７０２はインタラクティブ要素であり、図９～図１２のように、フォアグラウンドウィンドウ８１０－１を、その四隅の１つが位置９０１～９０４に重なるように移動しても、インタラクティブ要素（情報７０２、ボタン７０４）が隠蔽されてしまう。このような場合、変更部１０３は、フォアグラウンドウィンドウ８１０－１を、四隅の１つが位置９０１～９０４のそれぞれに重なるように時間経過と共に順に移動する。すなわち、変更部１０３は、インタラクティブ要素の隠蔽された部分の一部が隠蔽されなくなるように、フォアグラウンドウィンドウ８１０－１の位置を変更する。

【0056】

具体的には、変更部１０３は、フォアグラウンドウィンドウを、複数の候補位置のそれぞれに間欠的に移動し、又は、複数の候補位置のそれぞれの間を予め定められた速度で移動する。

【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】

また、上記プログラムは、非一時的な（non-transitory）記録媒体に記録されてもよい。非一時的な記録媒体は、コンピュータとは独立して配布・販売することができる。ここで、非一時的な記録媒体とは、有形な（tangible）記録媒体をいう。非一時的な記録媒体は、例えば、コンパクトディスク、フレキシブルディスク、ハードディスク、光磁気ディスク、ディジタルビデオディスク、磁気テープ、半導体メモリ等である。また、一時的な（transitory）記録媒体とは、伝送媒体（伝搬信号）それ自体を示す。一時的な記録媒体は、例えば、電気信号、光信号、電磁波等である。なお、一時的な（temporary）記憶領域とは、データや記録媒体を一時的に記憶するための領域であり、例えば、ＲＡＭ等の揮発性メモリである。

【0088】

（付記）
［１］
１以上のプロセッサを備え、
前記プロセッサは、
画面に、動画が再生されるフォアグラウンドウィンドウを、ユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの一部を隠すように表示し、
前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を変更する
処理を実行する端末装置。

【0089】

［２］
前記プロセッサは、
前記隠蔽が検出されると、前記フォアグラウンドウィンドウの位置を、前記画面における予め定められた複数の候補位置のうち、前記フォアグラウンドウィンドウが前記インタラクティブ要素を隠蔽しない候補位置に移動する
処理を実行する［１］に記載の端末装置。

【0090】

［３］
前記プロセッサは、
ユーザから、前記画面に対するタッチ操作を受け付け、
前記インタラクティブ要素を隠蔽しない候補位置が複数ある場合、前記複数の候補位置のうち、前記フォアグラウンドウィンドウが、前記画面に対する前記タッチ操作の頻度が高い領域と重ならない候補位置に移動する
処理を実行する［２］に記載の端末装置。

【0091】

［４］
前記プロセッサは、
前記フォアグラウンドウィンドウを前記複数の候補位置のいずれに移動しても前記フォアグラウンドウィンドウが前記インタラクティブ要素を隠蔽する場合、前記フォアグラウンドウィンドウを、前記複数の候補位置のそれぞれに時間経過と共に順に移動する
処理を実行する［２］又は［３］に記載の端末装置。

【0092】

［５］
前記プロセッサは、
前記フォアグラウンドウィンドウを、前記複数の候補位置のそれぞれに間欠的に移動し、又は、前記複数の候補位置のそれぞれの間を予め定められた速度で移動する
処理を実行する［４］に記載の端末装置。

【0093】

［６］
前記プロセッサは、
前記フォアグラウンドウィンドウの大きさを予め定められた割合だけ小さくすることにより、前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を回避可能な場合、前記フォアグラウンドウィンドウの位置を変更せず、前記フォアグラウンドウィンドウの大きさを前記予め定められた割合だけ小さくする
処理を実行する［１］から［５］のいずれか１つに記載の端末装置。

【0094】

［７］
１以上のプロセッサを備え、
前記プロセッサは、
端末装置から、当該端末装置の画面において表示される、動画が再生されるフォアグラウンドウィンドウ及びユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの位置及び大きさと、前記インタラクティブ要素の位置及び大きさと、を取得し、
前記取得された位置及び大きさに基づいて、前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を、前記端末装置に変更させる
処理を実行するサーバ装置。

【0095】

［８］
コンピュータに、
画面に、動画が再生されるフォアグラウンドウィンドウを、ユーザが操作可能なインタラクティブ要素を含むコンテンツが提供されるバックグラウンドウィンドウの一部を隠すように表示し、
前記フォアグラウンドウィンドウによる前記インタラクティブ要素の隠蔽を検出し、
前記隠蔽が検出されると、前記インタラクティブ要素の隠蔽された部分の一部又は全部が隠蔽されなくなるように、前記フォアグラウンドウィンドウの位置及び大きさの少なくとも一方を変更する
処理を実行させるためのプログラムを記録したコンピュータ読み取り可能な記録媒体。

【0096】

本開示は、本開示の広義の精神と範囲を逸脱することなく、様々な実施の形態及び変形が可能とされるものである。また、上述した実施の形態は、この発明を説明するためのものであり、本開示の範囲を限定するものではない。すなわち、本開示の範囲は、実施の形態ではなく、特許請求の範囲によって示される。そして、特許請求の範囲内及びそれと同等の発明の意義の範囲内で施される様々な変形が、この発明の範囲内とみなされる。

【産業上の利用可能性】

【0097】

本開示によれば、コンテンツに含まれるユーザが操作可能な要素の隠蔽を防ぎつつ、コンテンツの上に動画を表示することが可能な動画表示に好適に採用され得る。

【符号の説明】

【0098】

１１ ＣＰＵ、１２ ＲＯＭ、１３ ＲＡＭ、１４ 記録媒体、１５ 出力デバイス、１６ 通信デバイス、１７ 入力デバイス、１８ バス、１００ 端末装置、１０１ 表示部、１０２ 検出部、１０３ 変更部、１０４ 受付部、２００ 動画提供サーバ、３００ コンテンツ提供サーバ、４００ コンピュータ通信網、５００ 情報処理装置、６００ 動画、６０１ 配信者、６０２ アイテム“Ｘ”、６０３ パネル、６０４，７０１ 画像、６０５，７０２ 情報、６０６，７０４ ボタン、６０７ 入力欄、６０８ 評価アイコン、６０９ 表示欄、７００ 販売ページ、７０３ ボックス、８１０－１，８１０－２ フォアグラウンドウィンドウ、８２０ バックグラウンドウィンドウ、８１１，９０１～９０４ 位置、９０５ 領域

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】