JP2017228845A - Information display program, information display device, information display method, and distribution device - Google Patents

Information display program, information display device, information display method, and distribution device Download PDF

Info

Publication number
JP2017228845A
JP2017228845A JP2016121907A JP2016121907A JP2017228845A JP 2017228845 A JP2017228845 A JP 2017228845A JP 2016121907 A JP2016121907 A JP 2016121907A JP 2016121907 A JP2016121907 A JP 2016121907A JP 2017228845 A JP2017228845 A JP 2017228845A
Authority
JP
Japan
Prior art keywords
content
terminal device
moving image
display
region
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
JP2016121907A
Other languages
Japanese (ja)
Other versions
JP6706977B2 (en
Inventor
宏幸 穴井
Hiroyuki Anai
宏幸 穴井
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yahoo Japan Corp
Original Assignee
Yahoo Japan Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yahoo Japan Corp filed Critical Yahoo Japan Corp
Priority to JP2016121907A priority Critical patent/JP6706977B2/en
Publication of JP2017228845A publication Critical patent/JP2017228845A/en
Application granted granted Critical
Publication of JP6706977B2 publication Critical patent/JP6706977B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Information Transfer Between Computers (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

PROBLEM TO BE SOLVED: To enhance appealing effect of information relating to content.SOLUTION: An information display program causes a computer to execute a generation procedure for generating first content by extracting a region having a predetermined shape from a dynamic image, and a display procedure in which the first content is superimposed on the second content and displayed. Thereby, since a terminal device 100 generates and displays, for example, content C40 obtained by extracting a region indicated by content C20 from content C30 which is the dynamic image, appealing effect of information relating to content C40 can be enhanced.SELECTED DRAWING: Figure 1

Description

本発明は、情報表示プログラム、情報表示装置、情報表示方法および配信装置に関する。   The present invention relates to an information display program, an information display device, an information display method, and a distribution device.

従来、スマートフォンやタブレット型PC(Personal Computer)等のスマートデバイス、デスクトップ型のPC等、任意の情報表示装置に複数の情報を表示させる技術が知られている。このような技術の一例として、画面上に所定のコンテンツを表示し、利用者からの操作に応じて、コンテンツの表示態様を変更することで、コンテンツに対する興味を生じさせる技術が知られている。例えば、広告に係るコンテンツをウェブページに設定された広告領域に配置し、利用者のスクロール操作に従って、コンテンツとウェブページとをスクロールさせる技術が知られている。   Conventionally, a technique for displaying a plurality of information on an arbitrary information display device such as a smart device such as a smartphone or a tablet PC (Personal Computer), a desktop PC, or the like is known. As an example of such a technique, a technique for generating interest in content by displaying predetermined content on a screen and changing the display mode of the content according to an operation from a user is known. For example, a technique is known in which content related to an advertisement is arranged in an advertisement area set in a web page, and the content and the web page are scrolled in accordance with a user's scroll operation.

特開2014−049095号公報JP 2014-049095 A

しかしながら、上記の従来技術では、コンテンツに係る情報の訴求効果が必ずしも高いとは言えなかった。例えば、従来技術では、利用者がコンテンツを注視せずにスクロール操作を続けた場合は、コンテンツがスクロール操作に従って画面外へと移動するので、コンテンツに係る情報の訴求効果を発揮させることができない。   However, in the above-described conventional technology, it cannot be said that the effect of appealing information related to the content is necessarily high. For example, in the conventional technology, when the user continues the scroll operation without gazing at the content, the content moves to the outside of the screen according to the scroll operation, so that the appeal effect of the information related to the content cannot be exhibited.

本願は、上記に鑑みてなされたものであって、コンテンツにかかる情報の訴求効果を向上させる情報表示プログラム、情報表示装置、情報表示方法および配信装置を提供することを目的とする。   The present application has been made in view of the above, and an object thereof is to provide an information display program, an information display device, an information display method, and a distribution device that improve the appeal effect of information related to content.

本願にかかる情報表示プログラムは、動画像から所定の形状を有する領域を抽出した第1コンテンツを生成する生成手順と、前記第1コンテンツを第2コンテンツに重ねて表示する表示手順とをコンピュータに実行させる。   An information display program according to the present application executes, on a computer, a generation procedure for generating first content obtained by extracting a region having a predetermined shape from a moving image, and a display procedure for displaying the first content on a second content. Let

実施形態の一態様によれば、コンテンツにかかる情報の訴求効果を向上させることができるという効果を奏する。   According to one aspect of the embodiment, there is an effect that it is possible to improve the appeal effect of information related to the content.

図1は、実施形態に係る端末装置の一例を示す図である。FIG. 1 is a diagram illustrating an example of a terminal device according to the embodiment. 図2は、実施形態に係る端末装置が動画像から所定の形状を有する領域を抽出する処理の一例を示す図である。FIG. 2 is a diagram illustrating an example of a process in which the terminal device according to the embodiment extracts a region having a predetermined shape from a moving image. 図3は、実施形態に係る配信システムの構成例を示す図である。FIG. 3 is a diagram illustrating a configuration example of a distribution system according to the embodiment. 図4は、実施形態に係る広告配信サーバの構成例を示す図である。FIG. 4 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. 図5は、実施形態に係る広告データベースに格納された情報の一例を示す図である。FIG. 5 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. 図6は、実施形態に係るコンテンツ配信サーバの構成例を示す図である。FIG. 6 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. 図7は、実施形態に係る端末装置の構成例を示す図である。FIG. 7 is a diagram illustrating a configuration example of the terminal device according to the embodiment. 図8は、実施形態に係る端末装置が実行する表示処理のバリエーションを示す図である。FIG. 8 is a diagram illustrating variations of display processing executed by the terminal device according to the embodiment. 図9は、実施形態に係る端末装置がスクロール操作に応じて抽出領域を徐々に変更する処理の一例を示す図である。FIG. 9 is a diagram illustrating an example of processing in which the terminal device according to the embodiment gradually changes the extraction region in accordance with the scroll operation. 図10は、実施形態に係る端末装置が実行する表示処理の流れの一例を示すフローチャートである。FIG. 10 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. 図11は、ハードウェア構成の一例を示す図である。FIG. 11 is a diagram illustrating an example of a hardware configuration.

以下に、本願にかかる情情報表示プログラム、情報表示装置、情報表示方法および配信装置を実施するための形態(以下、「実施形態」と記載する。)について図面を参照しつつ詳細に説明する。なお、この実施形態により本願にかかる情報表示プログラム、情報表示装置、情報表示方法および配信装置が限定されるものではない。また、以下の各実施形態において同一の部位には同一の符号を付し、重複する説明は省略される。   Hereinafter, an embodiment (hereinafter referred to as “embodiment”) for carrying out an information information display program, an information display device, an information display method, and a distribution device according to the present application will be described in detail with reference to the drawings. The information display program, the information display device, the information display method, and the distribution device according to the present application are not limited by this embodiment. In the following embodiments, the same portions are denoted by the same reference numerals, and redundant description is omitted.

(実施形態)
〔1.端末装置の一例〕
まず、図1を用いて、情報表示装置の一例である端末装置100が実行する処理の一例について説明する。図1は、実施形態に係る端末装置の一例を示す図である。図1では、端末装置100によって、ウェブページC10とともに、コンテンツC20、C30を表示する表示処理の一例を第1状態から第6状態に分けて記載した。
(Embodiment)
[1. Example of terminal device]
First, an example of processing executed by the terminal device 100, which is an example of an information display device, will be described with reference to FIG. FIG. 1 is a diagram illustrating an example of a terminal device according to the embodiment. In FIG. 1, an example of display processing for displaying the contents C20 and C30 together with the web page C10 by the terminal device 100 is described from the first state to the sixth state.

図1に示した端末装置100は、スマートフォンやタブレット等のスマートデバイスであり、3G(Generation)やLTE(Long Term Evolution)等の無線通信網を介して任意のサーバ装置と通信を行うことができる携帯端末装置である。また、端末装置100は、液晶ディスプレイ等の画面を有する。   A terminal device 100 illustrated in FIG. 1 is a smart device such as a smartphone or a tablet, and can communicate with an arbitrary server device via a wireless communication network such as 3G (Generation) or LTE (Long Term Evolution). It is a portable terminal device. Further, the terminal device 100 has a screen such as a liquid crystal display.

ここで、端末装置100が有する画面は、長方形の画面を有しているものとする。より具体的には、端末装置100が有する画面は、縦方向の長さが横方向の長さよりも長い縦長の画面を有するものとする。また、以下の説明では、端末装置100は、画面が縦長となる状態で使用される例について記載するが、実施形態は、これに限定されるものではなく、画面が横長となる状態で使用されてもよい。また、端末装置100には、タッチパネルが採用されているものとする。すなわち、端末装置100の利用者は、指やスタイラスで画面をタッチすることにより各種操作を行う。   Here, the screen of the terminal device 100 is assumed to have a rectangular screen. More specifically, the screen of the terminal device 100 is assumed to have a vertically long screen in which the length in the vertical direction is longer than the length in the horizontal direction. In the following description, an example in which the terminal device 100 is used in a state where the screen is vertically long is described, but the embodiment is not limited to this, and the terminal device 100 is used in a state where the screen is horizontally long. May be. Further, it is assumed that a touch panel is adopted for the terminal device 100. That is, the user of the terminal device 100 performs various operations by touching the screen with a finger or a stylus.

ウェブページC10は、例えば、ニュース、天気予報、受信メールのインデックスや内容、フォトビュワー、その他各種のコンテンツが配置されたウェブページであり、HTML(Hyper Text Markup Language)やXML(Extensible Markup Language)等で記述された、いわゆるポータルサイトのウェブページである。   The web page C10 is a web page in which, for example, news, weather forecast, received mail index and contents, photo viewer, and other various contents are arranged, such as HTML (Hyper Text Markup Language) and XML (Extensible Markup Language). It is a web page of a so-called portal site described in.

例えば、ウェブページC10は、ニュース、天気予報、受信メールのインデックスや内容、フォトビュワー、その他各種のコンテンツが独立したタイル状に配置されたコンテンツであり、タイル状に配置されたコンテンツごとに操作や更新等を行うことができるコンテンツである。また、ウェブページC10には、広告に関連するコンテンツが配置されたタイルが随時挿入される。なお、ウェブページC10に配置される各タイルの大きさ、配置位置、配置されるタイルの数は、タイルごとに自動で変更されてもよく、利用者の操作に応じて変更されてもよい。また、ウェブページC10には、検索キーワードを入力するための入力欄や、他のウェブページへのリンク等が含まれていてもよい。   For example, the web page C10 is content in which news, weather forecasts, received mail indexes and contents, photo viewers, and other various contents are arranged in independent tiles. This content can be updated. In addition, tiles in which content related to advertisements is arranged are inserted into the web page C10 as needed. In addition, the size of each tile arrange | positioned on the web page C10, an arrangement position, and the number of the tiles arrange | positioned may be changed automatically for every tile, and may be changed according to a user's operation. Further, the web page C10 may include an input field for inputting a search keyword, a link to another web page, and the like.

また、ウェブページC10は、スマートデバイス用に最適化されたウェブページであり、横方向の表示サイズが、端末装置100が有する画面の横方向の表示サイズと同じウェブページであるものとする。また、ウェブページC10は、縦方向の表示サイズが、端末装置100が有する出力部130(例えば、図7)の縦方向の表示サイズよりも長い(以下、縦長と記載する。)ウェブページであり、端末装置100の利用者の属性、利用者が選択したタイルに配置されたコンテンツの内容、入力した検索キーワード等により、タイルに配置されるコンテンツの内容や順序が変更されるものとする。   The web page C10 is a web page optimized for a smart device, and the horizontal display size is the same as the horizontal display size of the screen of the terminal device 100. Further, the web page C10 is a web page whose vertical display size is longer than the vertical display size of the output unit 130 (for example, FIG. 7) of the terminal device 100 (hereinafter, referred to as “vertically long”). It is assumed that the content and order of the content arranged in the tile are changed according to the attribute of the user of the terminal device 100, the content of the content arranged in the tile selected by the user, the input search keyword, and the like.

ここで、ウェブページC10には、ウェブページC10とは別のサーバから取得されるコンテンツであって、広告に関連するコンテンツが表示される領域(以下、「広告領域」と記載する。)が配置されているものとする。このようなウェブページC10の配信を受付けた場合、端末装置100は、広告領域に配置して表示するコンテンツを所定のサーバ装置から取得し、ウェブページC10の広告領域内に配置して、ウェブページC10と共に表示することとなる。   Here, in the web page C10, an area (hereinafter referred to as “advertisement area”) in which content that is acquired from a server different from the web page C10 and related to the advertisement is displayed is arranged. It is assumed that When accepting such distribution of the web page C10, the terminal device 100 acquires content to be arranged and displayed in the advertisement area from a predetermined server device, arranges it in the advertisement area of the web page C10, Displayed together with C10.

コンテンツC20、C30は、所定のサーバ装置から配信されるコンテンツである。具体的には、端末装置100は、コンテンツC20、C30の配信を受付けると、後述する表示処理により、ウェブページC10とともに表示されるコンテンツであって、広告に係るコンテンツC40(詳細は、後述する。)をコンテンツC20、C30を用いて生成する。   The contents C20 and C30 are contents distributed from a predetermined server device. Specifically, when receiving the distribution of the contents C20 and C30, the terminal device 100 is a content displayed together with the web page C10 by a display process described later, and is a content C40 related to an advertisement (details will be described later). ) Is generated using the contents C20 and C30.

例えば、図1に示す例では、コンテンツC20は、所定の形状を有する領域に対し、所定の色彩や透過度が設定された画像であり、GIF(Graphics Interchange Format)やJPEG(Joint Photographic Experts Group)等といった任意のフォーマットが適用可能である。また、コンテンツC30は、端末装置100が有する画面よりも表示サイズが小さい動画像であり、GIF動画や、MPEG(Moving Picture Experts Group)等といった任意のフォーマットが適用可能である。なお、コンテンツC30は、動画像の他にも他の情報を含むコンテンツであってもよい。   For example, in the example shown in FIG. 1, the content C20 is an image in which a predetermined color and transparency are set for an area having a predetermined shape, such as GIF (Graphics Interchange Format) or JPEG (Joint Photographic Experts Group). Arbitrary formats such as can be applied. The content C30 is a moving image having a display size smaller than that of the screen of the terminal device 100, and any format such as a GIF moving image or MPEG (Moving Picture Experts Group) can be applied. The content C30 may be content including other information in addition to the moving image.

より具体的には、コンテンツC20は、グラスの形状を象る領域に対して所定の色彩や透過度が設定された画像である。また、コンテンツC30は、液体をグラスに注いだ際の液体の動きを撮像した動画像である。すなわち、コンテンツC20は、コンテンツC30の内容と関連する物体(すなわち、液体を注ぐグラス)の形状を有する領域を示すコンテンツである。   More specifically, the content C20 is an image in which a predetermined color and transparency are set for an area that is shaped like a glass. The content C30 is a moving image obtained by imaging the movement of the liquid when the liquid is poured into the glass. That is, the content C20 is a content indicating a region having the shape of an object (that is, a glass for pouring liquid) related to the content of the content C30.

ここで、後述する説明で明らかとなるように、端末装置100は、コンテンツC20、C30から広告に関連するコンテンツ(以下、広告コンテンツと記載する。)としてコンテンツC40を生成する。すなわち、コンテンツC40は、所定の商品、役務、若しくは他のコンテンツ等に関する情報を利用者に伝えるためのコンテンツである。   Here, as will be apparent from the following description, the terminal device 100 generates content C40 as content related to advertisement (hereinafter referred to as advertisement content) from the content C20 and C30. In other words, the content C40 is content for transmitting information related to a predetermined product, service, or other content to the user.

ここで、広告コンテンツとは、営利若しくは非営利の広告だけではなく、ボランティアの募集、公共広告、公共に対する通知、ウェブページC10にかかる情報の一部、その他任意のコンテンツであるものとする。すなわち、コンテンツC40は、いわゆる広告関連の情報を含むコンテンツのみならず、利用者に興味を抱かせ、コンテンツC40に含まれる情報、または、コンテンツC40と関連するコンテンツ(例えば、ランディングページ等)に含まれる情報を広く報知するものであれば、画像、動画像、文字、図形、記号、ハイパーリンク、その他任意のコンテンツを適用可能である。すなわち、利用者に対してウェブページC10よりも興味を生じさせようとするコンテンツであれば、任意のコンテンツをコンテンツC40として適用可能である。   Here, the advertisement content is not limited to a commercial or non-profit advertisement, but is a recruitment of volunteers, a public advertisement, a notification to the public, a part of information on the web page C10, and other arbitrary contents. In other words, the content C40 is included not only in content including so-called advertisement-related information but also in information included in the content C40 or content related to the content C40 (for example, a landing page) that interests the user. As long as the information is widely notified, images, moving images, characters, figures, symbols, hyperlinks, and other arbitrary contents can be applied. In other words, any content can be applied as the content C40 as long as the content is more interesting than the web page C10.

なお、コンテンツC20、C30は、コンテンツC40とは独立した広告コンテンツとして配信されてもよい。また、コンテンツC20、C30は、それぞれ独立した広告コンテンツであってもよく、同一の広告対象を広告する広告コンテンツ、すなわち、関連する広告コンテンツであってもよい。   Note that the contents C20 and C30 may be distributed as advertisement contents independent of the contents C40. The contents C20 and C30 may be independent advertisement contents, or may be advertisement contents that advertise the same advertisement target, that is, related advertisement contents.

〔2.端末装置100が実行する処理〕
ここで、従来技術では、ウェブページC10と共に広告コンテンツを表示する。しかしながら、このような表示を行った場合には、コンテンツを通常の表示態様で表示しているに過ぎず、コンテンツに関する情報の訴求効果を向上させることができない場合がある。
[2. Processing executed by terminal device 100]
Here, in the prior art, the advertising content is displayed together with the web page C10. However, when such a display is performed, the content is merely displayed in a normal display form, and the appeal effect of information related to the content may not be improved.

〔2−1.表示処理〕
そこで、端末装置100は、以下の表示処理を実行する。まず、端末装置100は、動画像を含むコンテンツであるコンテンツC30から所定の形状を有する領域を抽出したコンテンツC40を生成する。そして、端末装置100は、コンテンツC40をウェブページC10に重ねて表示する。すなわち、端末装置100は、コンテンツC40を所定のレイヤに配置し、ウェブページC10をコンテンツC40が配置されたレイヤよりも背面のレイヤに配置して、コンテンツC40とウェブページC10とを表示する。
[2-1. Display processing)
Therefore, the terminal device 100 executes the following display process. First, the terminal device 100 generates content C40 obtained by extracting a region having a predetermined shape from content C30 that is content including moving images. Then, the terminal device 100 displays the content C40 over the web page C10. That is, the terminal device 100 arranges the content C40 in a predetermined layer, arranges the web page C10 in a layer behind the layer where the content C40 is arranged, and displays the content C40 and the web page C10.

〔2−1−1.生成処理について〕
以下、端末装置100が実行する表示処理の具体例について説明する。例えば、端末装置100は、利用者の操作に応じて、コンテンツ配信サーバ30(例えば、図3)からウェブページC10の配信を受付ける。ここで、ウェブページC10には、広告コンテンツを広告配信サーバ20から取得する旨を指示する取得指示が含まれている。このような場合、端末装置100は、広告配信サーバ20に対して広告コンテンツの配信を要求し、広告配信サーバ20から、広告コンテンツとして、コンテンツC20とコンテンツC30の配信を受付ける。
[2-1-1. About generation processing)
Hereinafter, a specific example of the display process executed by the terminal device 100 will be described. For example, the terminal device 100 accepts the distribution of the web page C10 from the content distribution server 30 (for example, FIG. 3) according to the user's operation. Here, the web page C <b> 10 includes an acquisition instruction that instructs to acquire the advertisement content from the advertisement distribution server 20. In such a case, the terminal device 100 requests the advertisement distribution server 20 to distribute the advertisement content, and accepts distribution of the content C20 and the content C30 as the advertisement content from the advertisement distribution server 20.

このような場合、端末装置100は、コンテンツC30のうちコンテンツC20が示す領域を抽出したコンテンツC40を生成する生成処理を実行する。より具体的には、端末装置100は、動画像のうち、コンテンツC20とコンテンツC30とを重ねた際にコンテンツC20のうち所定の色彩が付与された領域と重なる領域を抽出する。例えば、図1に示す例では、コンテンツC20は、グラスの形状を象る領域に所定の色彩が付与された画像である。このような場合、端末装置100は、コンテンツC30のうち、コンテンツC20のグラスの形状を象る領域と同じ形状の領域を抽出する。そして、端末装置100は、コンテンツC30から抽出した領域をコンテンツC40として表示する。   In such a case, the terminal device 100 executes a generation process for generating the content C40 obtained by extracting the area indicated by the content C20 from the content C30. More specifically, the terminal device 100 extracts a region that overlaps a region to which a predetermined color is given from the content C20 when the content C20 and the content C30 are superimposed on the moving image. For example, in the example illustrated in FIG. 1, the content C20 is an image in which a predetermined color is given to an area that represents the shape of a glass. In such a case, the terminal device 100 extracts a region having the same shape as the region that represents the shape of the glass of the content C20 from the content C30. And the terminal device 100 displays the area | region extracted from the content C30 as the content C40.

〔2−1−2.抽出する形状について〕
ここで、端末装置100は、コンテンツC20を受信しなかった場合等には、コンテンツC30のうち、予め定められた所定の形状を有する領域を抽出してもよい。例えば、端末装置100は、車両の形状を有する領域をコンテンツC30から抽出してもよく、円形、四角形、ハート型、星形等、任意の形状を有する領域をコンテンツC30から抽出してもよい。また、端末装置100は、コンテンツC30のうち任意の位置から任意の形状を有する領域を抽出してよい。例えば、端末装置100は、コンテンツC30の中心部分から円形の領域を抽出してもよく、コンテンツC30の上端または下端部分から、車両の形状の領域を抽出してもよい。また、例えば、端末装置100は、コンテンツC30が車両の広告に関する動画像である場合には、車両の形状の領域を抽出するなど、コンテンツC30の内容に関連する物体や役務を直接的または間接的に示唆する形状を抽出してよい。なお、以下の説明では、コンテンツC20が示す形状の領域や所定の形状の領域等、コンテンツC30から抽出する領域を抽出領域と記載する場合がある。
[2-1-2. (About shapes to be extracted)
Here, when the terminal device 100 does not receive the content C20, the terminal device 100 may extract a region having a predetermined shape in the content C30. For example, the terminal device 100 may extract a region having the shape of a vehicle from the content C30, or may extract a region having an arbitrary shape such as a circle, a square, a heart shape, or a star from the content C30. Further, the terminal device 100 may extract a region having an arbitrary shape from an arbitrary position in the content C30. For example, the terminal device 100 may extract a circular region from the center portion of the content C30, or may extract a vehicle-shaped region from the upper end or the lower end portion of the content C30. Further, for example, when the content C30 is a moving image related to a vehicle advertisement, the terminal device 100 directly or indirectly extracts an object or service related to the content of the content C30, such as extracting a vehicle shape area. You may extract the shape which suggests. In the following description, a region extracted from the content C30, such as a region having a shape indicated by the content C20 or a region having a predetermined shape, may be described as an extraction region.

〔2−1−3.コンテンツC20の透過度について〕
ここで、端末装置100は、コンテンツC20のうち、所定の色彩が付された領域ではなく、所定の透過度が設定された領域を抽出領域としてもよい。例えば、端末装置100は、コンテンツC20として、コンテンツC30から抽出する領域の透過度が0%となり、他の領域の透過度が100%である画像を取得する。このような場合、端末装置100は、コンテンツC20とコンテンツC30とを重ね、コンテンツC30のうち、コンテンツC20に含まれる領域のうち透過度が0%となる領域と重ねる領域を抽出領域として抽出したコンテンツC40を生成してもよい。
[2-1-3. Regarding the transparency of the content C20]
Here, the terminal device 100 may use, as the extraction area, an area in which a predetermined transparency is set in the content C20 instead of an area with a predetermined color. For example, the terminal device 100 acquires, as the content C20, an image in which the transparency of the area extracted from the content C30 is 0% and the transparency of other areas is 100%. In such a case, the terminal device 100 overlaps the content C20 and the content C30, and the content extracted from the content C30 as the extraction region is the region that overlaps the region where the transparency is 0% among the regions included in the content C20. C40 may be generated.

また、端末装置100は、コンテンツC20のうち抽出領域と重なる領域に対して設定された透過度に応じて、コンテンツC30から抽出した領域の透過度を設定したコンテンツC40を生成してもよい。例えば、端末装置100は、コンテンツC20に含まれるグラス型の領域に、透過度「10%」が設定されている場合には、コンテンツC30から抽出されたグラス型の領域を、透過度「10%」で表示するようにコンテンツC40を生成してもよい。   Further, the terminal device 100 may generate the content C40 in which the transparency of the area extracted from the content C30 is set according to the transparency set for the area overlapping the extraction area in the content C20. For example, when the transparency “10%” is set in the glass-type area included in the content C20, the terminal device 100 uses the glass-type area extracted from the content C30 as the transparency “10%”. The content C40 may be generated so as to be displayed.

なお、コンテンツC20のうち、所定の色彩が付された領域と、所定の透過度が付された領域とは、同じ形状を有する領域でなくともよい。このような場合、例えば、端末装置100は、コンテンツC30の各領域(すなわち、ピクセル)の透過度を、コンテンツC20の各領域に付された透過度に応じて変更する。そして、端末装置100は、コンテンツC20のうち所定の色彩が付された領域と同じ形状の領域をコンテンツC30から抽出したコンテンツC40を生成してもよい。   In the content C20, the region with a predetermined color and the region with a predetermined transparency do not have to have the same shape. In such a case, for example, the terminal device 100 changes the transparency of each area (ie, pixel) of the content C30 according to the transparency assigned to each area of the content C20. And the terminal device 100 may produce | generate the content C40 which extracted the area | region of the same shape as the area | region to which the predetermined color was attached | subjected among the content C20 from the content C30.

例えば、端末装置100は、グラス型の領域に所定の色彩が付され、かつ、グラス型の領域のうち所定のロゴの形状を有する領域に、所定の透過度が設定されたコンテンツC20を取得する。このような場合、端末装置100は、グラス型の形状に切り取られた動画像であって、ロゴの形を有する領域が透過性を有するといった動画像をコンテンツC40として表示することとなる。なお、端末装置100は、ロゴの形状以外にも、例えば、所定の模様の形状を有する領域に所定の透過度が設定されたコンテンツC20を取得してもよい。   For example, the terminal device 100 acquires content C20 in which a predetermined color is given to a glass-type region and a predetermined transparency is set in a region having a predetermined logo shape in the glass-type region. . In such a case, the terminal device 100 displays a moving image that is cut into a glass shape and that the region having the logo shape has transparency as the content C40. In addition to the logo shape, the terminal device 100 may acquire, for example, the content C20 in which a predetermined transparency is set in an area having a predetermined pattern shape.

すなわち、端末装置100は、コンテンツC20を、コンテンツC30のうち画面上に表示する領域や、コンテンツC30の透過度を示すマスクとして、コンテンツC20とコンテンツC30とを合成する。この結果、端末装置100は、コンテンツC20が示す所定の形状を有する領域をコンテンツC30から抽出したコンテンツ、すなわち、動画像を含むコンテンツC40を生成する。   That is, the terminal device 100 synthesizes the content C20 and the content C30 using the content C20 as an area to be displayed on the screen of the content C30 and a mask indicating the transparency of the content C30. As a result, the terminal device 100 generates content C40 including a moving image, that is, content obtained by extracting an area having a predetermined shape indicated by the content C20 from the content C30.

〔2−1−4.コンテンツC40の処理タイミングについて〕
ここで、端末装置100は、コンテンツC20とコンテンツC30との配信を受付けた際に、コンテンツC30に含まれる動画像の全体について、上述した生成処理を実行してもよい。また、端末装置100は、コンテンツC30として表示される動画像の各画像について、上述した生成処理をその都度実行し、実行結果をコンテンツC40として画面上に表示してもよい。すなわち、端末装置100は、配信された動画像のうち所定の形状を有する領域をウェブページC10と重ねて表示するのであれば、任意の処理タイミングや処理態様で、動画像のうち所定の形状を有する領域を抽出したコンテンツC40を生成してよい。
[2-1-4. Regarding processing timing of content C40]
Here, when the terminal device 100 accepts the distribution of the content C20 and the content C30, the terminal device 100 may execute the above-described generation process for the entire moving image included in the content C30. Further, the terminal device 100 may execute the generation process described above for each image of the moving image displayed as the content C30, and display the execution result on the screen as the content C40. That is, if the terminal device 100 displays an area having a predetermined shape in the distributed moving image over the web page C10, the terminal device 100 displays the predetermined shape in the moving image at an arbitrary processing timing or processing mode. The content C40 from which the area it has extracted may be generated.

〔2−1−5.抽出領域の変更について〕
また、端末装置100は、コンテンツC30から抽出する領域を徐々に変更してもよい。以下、コンテンツC30から抽出する領域を徐々に変更する処理の例について説明する。
[2-1-5. (About changing the extraction area)
Further, the terminal device 100 may gradually change the region extracted from the content C30. Hereinafter, an example of processing for gradually changing the region extracted from the content C30 will be described.

例えば、端末装置100は、抽出領域の大きさを徐々に拡大してもよい。具体的な例を挙げると、端末装置100は、コンテンツC30から円形の形状を有する領域を抽出するとともに、コンテンツC30の再生に伴い、抽出領域の大きさを徐々に拡大するといった態様で、コンテンツC40を生成してもよい。例えば、端末装置100は、コンテンツC30として表示される各画像から、徐々に拡大する円形の領域を抽出することで、コンテンツC40を生成する。このような場合、端末装置100は、コンテンツC30のうち円形の領域が徐々に拡大するといった態様で、コンテンツC40を画面上に表示することとなる。   For example, the terminal device 100 may gradually increase the size of the extraction region. As a specific example, the terminal device 100 extracts a region having a circular shape from the content C30, and gradually increases the size of the extracted region as the content C30 is played back. May be generated. For example, the terminal device 100 generates the content C40 by extracting a gradually expanding circular region from each image displayed as the content C30. In such a case, the terminal device 100 displays the content C40 on the screen in such a manner that a circular area of the content C30 gradually expands.

また、例えば、端末装置100は、抽出領域の形状を徐々に変更してもよい。例えば、端末装置100は、抽出領域の形状を、コンテンツC30の再生に沿って、円形からハート型や星型の形状へと徐々に変更してもよい。また、端末装置100は、コンテンツC30の再生に沿って、抽出領域の形状を、グラス型の形状から徐々にボトル型の形状に変更してもよい。   For example, the terminal device 100 may gradually change the shape of the extraction region. For example, the terminal device 100 may gradually change the shape of the extraction region from a circular shape to a heart shape or a star shape along with the reproduction of the content C30. Further, the terminal device 100 may gradually change the shape of the extraction region from the glass shape to the bottle shape along with the reproduction of the content C30.

また、例えば、端末装置100は、抽出領域の形状を徐々に回転させてもよい。例えば、端末装置100は、コンテンツC30からボトル型の形状を有する領域を抽出するとともに、コンテンツC30の再生に沿って、コンテンツC30から抽出するボトル型の領域を徐々に回転させる。このような処理を実行することで、端末装置100は、ボトルが徐々に傾いていくというシルエット上に、コンテンツC30が重畳されているといった態様のコンテンツC40を表示することとなる。   For example, the terminal device 100 may gradually rotate the shape of the extraction region. For example, the terminal device 100 extracts an area having a bottle shape from the content C30, and gradually rotates the bottle type area extracted from the content C30 along with the reproduction of the content C30. By executing such processing, the terminal device 100 displays the content C40 in such a manner that the content C30 is superimposed on the silhouette that the bottle is gradually tilted.

なお、上述した処理を実現する場合、端末装置100は、予め定められた態様で抽出領域の大きさや形状を変更してもよく、コンテンツC20が示す態様で抽出領域の大きさや形状を変更してもよい。例えば、端末装置100は、コンテンツC20として、所定の色彩が付されたグラス型の領域が、徐々に傾いていくといった内容の動画像を取得する。このような場合、端末装置100は、コンテンツC20として取得した動画像に含まれる各静止画と、コンテンツC30に含まれる各静止画とを再生順に対応させ、コンテンツC30に含まれる静止画から、対応するコンテンツC20の静止画が示す領域を抽出することで、コンテンツC30から、徐々に傾くグラス型の領域を抽出したコンテンツC40を生成する。すなわち、端末装置100は、コンテンツC20として動画像を取得し、コンテンツC20として取得した動画像に従って、コンテンツC30のマスキングを行ってもよい。   When realizing the processing described above, the terminal device 100 may change the size and shape of the extraction region in a predetermined manner, or change the size and shape of the extraction region in the manner indicated by the content C20. Also good. For example, the terminal device 100 acquires, as the content C20, a moving image with a content such that a glass-type region with a predetermined color is gradually inclined. In such a case, the terminal device 100 associates each still image included in the moving image acquired as the content C20 with each still image included in the content C30 in the order of reproduction, and copes from the still image included in the content C30. By extracting the region indicated by the still image of the content C20 to be generated, the content C40 is generated by extracting the gradually inclined glass region from the content C30. That is, the terminal device 100 may acquire a moving image as the content C20 and mask the content C30 according to the moving image acquired as the content C20.

また、例えば、端末装置100は、表示形態を徐々に変更したコンテンツC30から所定の形状を有する領域を抽出したコンテンツをコンテンツC40として生成してもよい。すなわち、端末装置100は、抽出領域の形状や大きさのみならず、コンテンツC30に含まれる動画像自体の表示態様についても変更を行ってもよい。   For example, the terminal device 100 may generate, as the content C40, content obtained by extracting an area having a predetermined shape from the content C30 whose display form is gradually changed. That is, the terminal device 100 may change not only the shape and size of the extraction area but also the display mode of the moving image itself included in the content C30.

例えば、端末装置100は、コンテンツC30の表示サイズを任意の大きさに拡大または縮小した状態で、コンテンツC20が示す形状または任意の形状の領域を抽出してもよい。また、端末装置100は、コンテンツC30の再生に伴い、コンテンツC30の表示サイズを徐々に拡大または縮小した状態で、コンテンツC20が示す形状または任意の形状の領域を抽出してもよい。また、端末装置100は、コンテンツC30の再生に伴い、コンテンツC30を徐々に回転させながら、コンテンツC20が示す形状または任意の形状の領域を抽出してもよい。   For example, the terminal device 100 may extract a shape indicated by the content C20 or a region having an arbitrary shape in a state where the display size of the content C30 is enlarged or reduced to an arbitrary size. Further, the terminal device 100 may extract a region indicated by the content C20 or an area having an arbitrary shape in a state where the display size of the content C30 is gradually enlarged or reduced as the content C30 is reproduced. Further, the terminal device 100 may extract a shape indicated by the content C20 or a region having an arbitrary shape while gradually rotating the content C30 as the content C30 is reproduced.

また、例えば、端末装置100は、ウェブページC10のうち表示されている領域に応じて、抽出領域の形状や大きさ等を変更してもよい。例えば、端末装置100は、ウェブページC10のうち、第1の広告のパネルが配置された領域が表示されている場合には、第1の広告と関連する物体の形状を有する領域をコンテンツC30から抽出し、ウェブページC10のうち、第2の広告のパネルが配置された領域が表示されている場合には、第2の広告と関連する物体の形状を有する領域をコンテンツC30から抽出してもよい。すなわち、端末装置100は、ウェブページC10のうちどの領域が表示されているか、ウェブページC10にどのような情報が含まれているか、ウェブページC10に対してどのような操作が行われているか等といった情報に基づいて、抽出領域の形状、大きさ、傾き等といった表示形態を変更してもよい。   For example, the terminal device 100 may change the shape, size, and the like of the extraction region according to the displayed region of the web page C10. For example, in the case where the area where the panel of the first advertisement is arranged in the web page C10, the terminal device 100 displays the area having the shape of the object related to the first advertisement from the content C30. If the area where the panel of the second advertisement is arranged is displayed in the web page C10, the area having the shape of the object related to the second advertisement is extracted from the content C30. Good. That is, the terminal device 100 indicates which area of the web page C10 is displayed, what information is included in the web page C10, what operation is performed on the web page C10, and the like. Based on such information, the display form such as the shape, size, inclination, etc. of the extraction region may be changed.

また、例えば、端末装置100は、ジャイロセンサや加速度センサ等、端末装置100の物理的な状態を検知する各種の物理センサ140(例えば、図7)が測定した端末装置100の物理的な状態に基づいて、抽出領域の表示形態を変更してもよい。例えば、端末装置100は、利用者が端末装置100を傾けた場合には、抽出領域を傾きに対応する角度だけ回転させてもよい。   Further, for example, the terminal device 100 is in a physical state of the terminal device 100 measured by various physical sensors 140 (for example, FIG. 7) that detect the physical state of the terminal device 100 such as a gyro sensor or an acceleration sensor. Based on this, the display form of the extraction area may be changed. For example, when the user tilts the terminal device 100, the terminal device 100 may rotate the extraction region by an angle corresponding to the tilt.

また、端末装置100は、コンテンツC30の色彩や再生速度を任意の態様で変更してもよい。また、端末装置100は、コンテンツC20のうち抽出領域を示す領域に付された色彩等に基づいて、コンテンツC30の色彩を変更してもよい。例えば、端末装置100は、コンテンツC30から抽出された動画像を半透明な状態で表示してもよく、コンテンツC30から抽出された動画像の色彩を、コンテンツC20に付された色彩に応じた色彩に応じて変更してもよい。すなわち、端末装置100は、所定の形状を有する抽出領域を示すコンテンツC20を用いて、コンテンツC30のマスキングやトリミング等を行い、コンテンツC30から抽出領域を抽出する処理を実行するのであれば、任意の動画合成技術を組み合わせてよい。   Moreover, the terminal device 100 may change the color and reproduction speed of the content C30 in an arbitrary manner. Further, the terminal device 100 may change the color of the content C30 based on the color attached to the area indicating the extraction area in the content C20. For example, the terminal device 100 may display the moving image extracted from the content C30 in a translucent state, and the color of the moving image extracted from the content C30 is a color corresponding to the color attached to the content C20. You may change according to. That is, the terminal device 100 performs any process for masking or trimming the content C30 using the content C20 indicating the extraction region having a predetermined shape and executing the process of extracting the extraction region from the content C30. You may combine video composition technology.

〔2−1−6.再生態様の変更について〕
また、例えば、端末装置100は、ウェブページC10に対する操作に応じて、コンテンツC40として表示されるコンテンツC30の再生態様を制御してもよい。すなわち、端末装置100は、コンテンツC30の再生態様を制御しながら、コンテンツC20が示す抽出領域を抽出して、抽出した領域をコンテンツC40として表示してもよい。より具体的には、利用者がウェブページC10を画面上方向へとスクロールさせる上スクロール操作を行った場合には、コンテンツC40として表示される動画像(すなわち、コンテンツC30から抽出した動画像)を再生させ、利用者がウェブページC10を画面下方向へとスクロールさせる下スクロール操作を行った場合には、コンテンツC40として表示される動画像を逆再生させてもよい。また、端末装置100は、スクロール操作が行われた量に応じて、再生または逆再生させる量を制御してもよい。
[2-1-6. (Change of playback mode)
For example, the terminal device 100 may control the reproduction mode of the content C30 displayed as the content C40 in accordance with an operation on the web page C10. That is, the terminal device 100 may extract the extraction area indicated by the content C20 while controlling the reproduction mode of the content C30, and display the extracted area as the content C40. More specifically, when the user performs an up scroll operation for scrolling the web page C10 upward on the screen, a moving image displayed as the content C40 (that is, a moving image extracted from the content C30) is displayed. When the user performs a downward scroll operation for scrolling the web page C10 downward in the screen, the moving image displayed as the content C40 may be reversely played back. Further, the terminal device 100 may control the amount to be played back or reversely played in accordance with the amount of scroll operation.

また、端末装置100は、スクロール操作に応じて、抽出領域の拡大や縮小、回転を行ってもよく、抽出領域の形状を変更してもよい。例えば、端末装置100は、上スクロール操作に従って、抽出領域を徐々に拡大させる、または、抽出領域を時計回りに回転させてもよい。また、端末装置100は、下スクロール操作に従って、抽出領域を徐々に縮小させる、または、抽出領域を反時計回りに回転させてもよい。また、端末装置100は、上スクロール操作に従って、抽出領域の形状をグラス型からボトル型へと徐々に変更し、下スクロール操作に従って、抽出領域の形状をボトル型からグラス型へと徐々に変更してもよい。   Further, the terminal device 100 may perform enlargement, reduction, and rotation of the extraction area or change the shape of the extraction area in accordance with the scroll operation. For example, the terminal device 100 may gradually enlarge the extraction area or rotate the extraction area clockwise according to the up scroll operation. Further, the terminal device 100 may gradually reduce the extraction area or rotate the extraction area counterclockwise in accordance with the downward scroll operation. In addition, the terminal device 100 gradually changes the shape of the extraction region from the glass shape to the bottle shape according to the up scroll operation, and gradually changes the shape of the extraction region from the bottle shape to the glass shape according to the down scroll operation. May be.

〔2−1−7.変更態様の組み合わせについて〕
なお、端末装置100は、上述した処理を任意の態様で組み合わせて実行して良い。例えば、端末装置100は、スクロール操作に従って、動画像が再生されるとともに、抽出領域が時計回りに回転しつつ、その形状がグラス型からボトル型へと変化するといった態様のコンテンツC40を表示してよい。
[2-1-7. About combinations of changes)
Note that the terminal device 100 may execute the above-described processes in any combination. For example, the terminal device 100 displays the content C40 in such a manner that the moving image is reproduced according to the scroll operation, and the shape changes from the glass shape to the bottle shape while the extraction region rotates clockwise. Good.

〔2−1−8.コンテンツC40に対する操作について〕
ここで、コンテンツC40に対して何かしらの操作が行われた場合は、利用者がコンテンツC30から抽出した動画像に対して興味を有したと考えられる。そこで、端末装置100は、コンテンツC40が表示された領域をタップする等、コンテンツC40に対する操作が行われた場合には、コンテンツC30を画面全体に表示する。より具体的には、端末装置100は、コンテンツC40が選択される操作が行われた場合は、コンテンツC30の表示サイズを画面と同じ表示サイズまで拡大した状態で、画面上に表示し、再生を開始する。
[2-1-8. Regarding operations on content C40]
Here, if any operation is performed on the content C40, it is considered that the user is interested in the moving image extracted from the content C30. Therefore, the terminal device 100 displays the content C30 on the entire screen when an operation is performed on the content C40, such as tapping an area where the content C40 is displayed. More specifically, when an operation for selecting the content C40 is performed, the terminal device 100 displays the content C30 on the screen in a state where the display size of the content C30 is enlarged to the same display size as the screen, and plays back the content C40. Start.

なお、端末装置100は、コンテンツC30を画面全体に表示して再生する場合には、コンテンツC40として表示した動画像と再生位置を合わせてもよい。より具体的には、端末装置100は、利用者がコンテンツC40をタップした場合には、タップされた際にコンテンツC40として表示されていた画像の抽出元となる画像が含まれる再生位置をコンテンツC30から特定する。そして、端末装置100は、コンテンツC30を画面全体に表示するとともに、特定した再生位置から再生を開始する。この結果、端末装置100は、コンテンツC30をシームレスに表示することができる。   When the terminal device 100 displays and reproduces the content C30 on the entire screen, the terminal device 100 may match the moving image displayed as the content C40 with the reproduction position. More specifically, when the user taps the content C40, the terminal device 100 sets the reproduction position including the image from which the image displayed as the content C40 is displayed when the user taps the content C40. Identify from. Then, the terminal device 100 displays the content C30 on the entire screen and starts playback from the specified playback position. As a result, the terminal device 100 can seamlessly display the content C30.

なお、端末装置100は、コンテンツC30として、表示サイズが画面よりも小さいコンテンツを取得する。このようなコンテンツC30を画面全体に拡大して表示した場合、解像度が粗くなってしまう。そこで、端末装置100は、例えば、コンテンツC40を利用者が選択した場合に、コンテンツC30と同じ内容の動画像であって、表示サイズがコンテンツC30よりも大きい動画像(例えば、表示サイズや解像度が画面と同程度の動画像)を取得し、取得した動画像を画面上に表示してもよい。また、端末装置100は、コンテンツC30を画面全体に拡大した状態で、コンテンツC30の再生を開始するとともに、表示サイズがコンテンツC30よりも大きい動画像のダウンロードを開始する。そして、端末装置100は、表示サイズがコンテンツC30よりも大きい動画像のストリーミング再生を開始することが可能となった場合には、コンテンツC30の再生に代えて、表示サイズがコンテンツC30よりも大きい動画像のストリーミング再生を開始してもよい。   In addition, the terminal device 100 acquires content whose display size is smaller than the screen as the content C30. When such content C30 is enlarged and displayed on the entire screen, the resolution becomes coarse. Therefore, for example, when the user selects the content C40, the terminal device 100 is a moving image having the same content as the content C30 and has a larger display size than the content C30 (for example, a display size or a resolution). (Moving image on the same level as the screen) may be acquired, and the acquired moving image may be displayed on the screen. Further, the terminal device 100 starts reproduction of the content C30 in a state where the content C30 is enlarged on the entire screen, and starts downloading a moving image whose display size is larger than that of the content C30. When the terminal device 100 can start streaming playback of a moving image having a display size larger than that of the content C30, the terminal device 100 replaces the playback of the content C30 with a moving image having a display size larger than that of the content C30. Image streaming playback may be started.

また、例えば、端末装置100は、スワイプ操作等、コンテンツC40に対する所定の操作が行われた場合は、コンテンツC40の表示を取りやめてもよい。また、例えば、端末装置100は、コンテンツC40の近傍やコンテンツC40と重畳した位置に、コンテンツC40の表示を取りやめる操作を受付けるアイコンを表示し、利用者がアイコンを選択した場合には、コンテンツC40の表示を取りやめてもよい。   For example, the terminal device 100 may cancel the display of the content C40 when a predetermined operation is performed on the content C40 such as a swipe operation. Further, for example, the terminal device 100 displays an icon for accepting an operation for canceling the display of the content C40 in the vicinity of the content C40 or a position superimposed on the content C40, and when the user selects the icon, the terminal device 100 You may cancel the display.

〔2−2.その他〕
なお、コンテンツC20、C30の表示サイズやアスペクト比は、任意の表示サイズやアスペクト比が採用可能である。また、コンテンツC20、C30、C40の表示サイズやアスペクト比は、同一でなくともよい。すなわち、端末装置100は、上述した生成処理以外にも、任意の画像合成技術や動画像再生技術を用いてよい。
[2-2. Others]
Note that any display size or aspect ratio can be adopted as the display size or aspect ratio of the contents C20 and C30. Further, the display sizes and aspect ratios of the contents C20, C30, and C40 need not be the same. That is, the terminal device 100 may use any image synthesis technique or moving image reproduction technique other than the generation process described above.

また、上述した処理は、任意の処理態様により実現されてよい。例えば、端末装置100は、コンテンツC20、C30の配信と共に、JavaScript(登録商標)等といった各種のスクリプトやプログラム等の制御情報を取得し、取得した制御情報に従って、上述した表示処理(生成処理を含む)を実行する。   Moreover, the process mentioned above may be implement | achieved by arbitrary processing aspects. For example, the terminal device 100 acquires control information such as various scripts and programs such as JavaScript (registered trademark) along with the distribution of the contents C20 and C30, and the display processing (including generation processing) described above according to the acquired control information. ).

より具体的な例を挙げると、端末装置100は、CPU(Central Processing Unit)とは個別に、または、CPU内にGPU(Graphics Processing Unit)と呼ばれる画像処理用の演算装置を有し、WebGLの実行環境を有する端末装置である。そして、端末装置100は、制御情報に埋め込まれたGLSL (OpenGL Shading Language)に従って、上述した表示処理を実行する。より具体的には、端末装置100は、コンテンツC20をマスクとしてGPUに渡し、コンテンツC30として表示される動画像の各静止画をマスク対象としてGPUに渡す。そして、端末装置100は、上述した各種の合成や表示を行うように、GPUに対して命令する。   To give a more specific example, the terminal device 100 has an arithmetic unit for image processing called a GPU (Graphics Processing Unit) separately from a CPU (Central Processing Unit) or in the CPU, and the WebGL A terminal device having an execution environment. And the terminal device 100 performs the display process mentioned above according to GLSL (OpenGL Shading Language) embedded in control information. More specifically, the terminal device 100 passes the content C20 as a mask to the GPU, and passes each still image of the moving image displayed as the content C30 as a mask target to the GPU. Then, the terminal device 100 instructs the GPU to perform the various types of composition and display described above.

このように、端末装置100は、CPU等といった汎用の演算装置を用いずに、GPU等といった描画用の演算装置を用いて、上述した合成や表示を行う。この結果、端末装置100は、上述した表示処理に要する処理負荷を軽減し、FPS(Frames Per Second)を落とさずとも、動画像の再生を実現するとともに、操作性等といったユーザーエクスペリメントを向上させることができる。また、端末装置100は、コンテンツC40を合成した状態で取得せずに、コンテンツC20、C30を端末装置100側で合成するので、例えば、端末装置100を使用する利用者の操作に応じて動的に変化するコンテンツC40を表示することが出来るとともに、コンテンツC40の生成に要する広告配信サーバ20側の処理負荷を軽減することができる。   In this way, the terminal device 100 performs the above-described composition and display using a drawing arithmetic device such as a GPU without using a general-purpose arithmetic device such as a CPU. As a result, the terminal device 100 reduces the processing load required for the display processing described above, realizes reproduction of moving images without reducing FPS (Frames Per Second), and improves user experience such as operability. Can do. Further, since the terminal device 100 combines the contents C20 and C30 on the terminal device 100 side without acquiring the content C40 in a combined state, for example, the terminal device 100 dynamically changes according to the operation of the user who uses the terminal device 100. Can be displayed, and the processing load on the advertisement distribution server 20 required to generate the content C40 can be reduced.

〔2−3.表示処理の一例〕
続いて、図1を用いて、端末装置100が実行する表示処理の一例について説明する。まず、端末装置100は、ウェブページC10の配信を受付ける。このような場合、端末装置100は、広告コンテンツの配信要求を広告配信サーバ20に送信し、コンテンツC20、C30の配信を受付ける。
[2-3. Example of display processing)
Next, an example of display processing executed by the terminal device 100 will be described with reference to FIG. First, the terminal device 100 accepts the delivery of the web page C10. In such a case, the terminal device 100 transmits an advertisement content distribution request to the advertisement distribution server 20 and accepts distribution of the contents C20 and C30.

このような場合、端末装置100は、コンテンツC30からコンテンツC20が示す抽出領域を抽出したコンテンツC40を生成して表示する。例えば、図2は、実施形態に係る端末装置が動画像から所定の形状を有する領域を抽出する処理の一例を示す図である。例えば、端末装置100は、コンテンツC30として、複数の静止画C31〜C35を含む動画像を取得する。また、端末装置100は、グラス型の領域に所定の色彩が付されるとともに、所定の透過度が設定された静止画であるコンテンツC20を取得する。   In such a case, the terminal device 100 generates and displays the content C40 obtained by extracting the extraction area indicated by the content C20 from the content C30. For example, FIG. 2 is a diagram illustrating an example of a process in which the terminal device according to the embodiment extracts a region having a predetermined shape from a moving image. For example, the terminal device 100 acquires a moving image including a plurality of still images C31 to C35 as the content C30. In addition, the terminal device 100 acquires the content C20 that is a still image in which a predetermined color is added to the glass-shaped region and a predetermined transparency is set.

このような場合、端末装置100は、コンテンツC20をマスクとし、コンテンツC20、C30のマスキング合成を行い、静止画C31〜C35から、コンテンツC20が示すグラス型の抽出領域を抽出した静止画C41〜C45を生成する。例えば、端末装置100は、静止画C31にコンテンツC20を重ねた際に、コンテンツC20のうち所定の色彩が付された領域と重なる領域を静止画C31から抽出するとともに、コンテンツC20に設定された透過度に基づいて、静止画C31から抽出した領域の透過度を設定した静止画C41を生成する。なお、端末装置100は、コンテンツC20が示す抽出領域の形状(すなわち、シルエット)を視認しやすくするため、抽出した領域に透過性を有する所定の色彩やコンテンツC20に付された色彩を、静止画C31から抽出した領域に合成した静止画C41を生成してもよい。   In such a case, the terminal device 100 performs masking composition of the contents C20 and C30 using the content C20 as a mask, and extracts still images C41 to C45 obtained by extracting the glass-type extraction area indicated by the content C20 from the still images C31 to C35. Is generated. For example, when the terminal device 100 superimposes the content C20 on the still image C31, the terminal device 100 extracts from the still image C31 an area that overlaps an area with a predetermined color in the content C20, and transmits the transparency set in the content C20. Based on the degree, a still image C41 in which the transparency of the region extracted from the still image C31 is set is generated. Note that the terminal device 100 uses a predetermined color having transparency in the extracted region or a color attached to the content C20 to make the still image a transparent image so that the shape (that is, silhouette) of the extracted region indicated by the content C20 can be easily recognized. A still image C41 synthesized with the area extracted from C31 may be generated.

そして、端末装置100は、生成したコンテンツC40をウェブページC10に重ねて表示し、コンテンツC40の再生を行う。図1に戻り、コンテンツC40を表示する処理の一例について説明する。例えば、端末装置100は、第1状態に示すように、ウェブページC10を画面内に表示するとともに、コンテンツC40のうち静止画C41を画面左下の領域に配置して表示する。また、端末装置100は、第2状態に示すように静止画C41に代えて静止画C42を表示し、第3状態に示すように静止画C42に代えて静止画C43を表示する。また、端末装置100は、第4状態に示すように静止画C43に代えて静止画C44を表示し、第5状態に示すように静止画C44に代えて静止画C45を表示する。このように、端末装置100は、液体が注がれる動画像のうちグラス型に抽出した領域を、ウェブページC10を閲覧させながら再生することができる。   Then, the terminal device 100 displays the generated content C40 so as to overlap the web page C10, and reproduces the content C40. Returning to FIG. 1, an example of processing for displaying the content C40 will be described. For example, as shown in the first state, the terminal device 100 displays the web page C10 in the screen and displays the still image C41 of the content C40 in the lower left area of the screen. Further, the terminal device 100 displays the still image C42 instead of the still image C41 as shown in the second state, and displays the still image C43 instead of the still image C42 as shown in the third state. Further, the terminal device 100 displays the still image C44 instead of the still image C43 as shown in the fourth state, and displays the still image C45 instead of the still image C44 as shown in the fifth state. As described above, the terminal device 100 can reproduce the region extracted into the glass shape in the moving image into which the liquid is poured while browsing the web page C10.

ここで、端末装置100は、第1状態から第5状態において、ウェブページC10に対するスクロール操作が行われたとしても、コンテンツC40の再生をそのまま継続させてもよい。また、端末装置100は、コンテンツC40の全体をあらかじめ生成してもよく、例えば、静止画C41〜C45を随時生成しながら表示してもよい。すなわち、端末装置100は、静止画C41を生成した場合は、静止画C41を表示し、その後、静止画C42を生成したタイミングで、静止画C41を静止画C42に変更してもよい。   Here, the terminal device 100 may continue the reproduction of the content C40 as it is even if a scroll operation is performed on the web page C10 in the first state to the fifth state. Further, the terminal device 100 may generate the entire content C40 in advance, for example, may display the still images C41 to C45 while generating them at any time. That is, when the terminal device 100 generates the still image C41, the terminal device 100 may display the still image C41 and then change the still image C41 to the still image C42 at the timing when the still image C42 is generated.

また、端末装置100は、第5状態に示すように、コンテンツC40が表示されている領域を利用者の指F10がタップした場合には、第6状態に示すように、動画像であるコンテンツC30の表示サイズを画面全体に拡大した状態で表示する。この結果、端末装置100は、コンテンツC40に対して興味を持った利用者に対し、コンテンツC40として一部の領域が表示されたコンテンツC30の全体を表示することができる。   Further, as shown in the fifth state, when the user's finger F10 taps the area where the content C40 is displayed as shown in the fifth state, the terminal device 100 is a content C30 that is a moving image as shown in the sixth state. The display size of is enlarged and displayed on the entire screen. As a result, the terminal device 100 can display the entire content C30 in which a part of the area is displayed as the content C40 to a user who is interested in the content C40.

このように、端末装置100は、動画像から所定の形状を有する領域を抽出したコンテンツC40を生成する。そして、端末装置100は、コンテンツC40をウェブページC10に重ねて表示するとともに、コンテンツC40の再生を行う。このため、端末装置100は、ウェブページC10を閲覧する利用者に対して、コンテンツC20〜C40に対する気づきを与える結果、コンテンツC20〜C40に関する情報の訴求効果を向上させることができる。   As described above, the terminal device 100 generates the content C40 obtained by extracting a region having a predetermined shape from the moving image. Then, the terminal device 100 displays the content C40 over the web page C10 and reproduces the content C40. For this reason, the terminal device 100 can improve the appeal effect of the information regarding the contents C20 to C40 as a result of giving the user who browses the web page C10 awareness of the contents C20 to C40.

より具体的には、端末装置100は、広告コンテンツであるコンテンツC30の内容と関連する物体のシルエットを、ウェブページC10に重ねて表示することとなる。この結果、端末装置100は、コンテンツC40として画面上に表示される動画像が、何に関する動画像であるかを利用者に示唆し、興味を引くことができる。また、端末装置100は、動画像の一部の領域のみを画面上に表示することとなるので、撮像対象が何であるかといった興味を生じさせる結果、コンテンツC40として画面上に表示される動画像を最後まで再生させるといった動機づけを与えることができる。また、端末装置100は、ウェブページC10の一部の領域に、ウェブページC10よりも表示サイズが小さいコンテンツC40を表示するので、ウェブページC10の視認性の悪化を防ぎ、コンテンツC40の再生率を向上させることが出来る。   More specifically, the terminal device 100 displays the silhouette of the object related to the content of the content C30, which is the advertisement content, overlaid on the web page C10. As a result, the terminal device 100 can suggest to the user what the moving image displayed on the screen as the content C40 is related to, and can attract interest. In addition, since the terminal device 100 displays only a partial area of the moving image on the screen, the moving image displayed on the screen as the content C40 is generated as a result of generating interest such as what the imaging target is. It is possible to give a motivation such as playing to the end. Further, since the terminal device 100 displays the content C40 having a display size smaller than that of the web page C10 in a partial area of the web page C10, the deterioration of the visibility of the web page C10 is prevented, and the playback rate of the content C40 is increased. Can be improved.

〔2−4.実行主体について〕
なお、上記では説明を省略したが、端末装置100は、上述した表示処理を任意の手法で実現することができる。例えば、端末装置100は、上述した表示処理を端末装置100に実行させるアプリケーションをあらかじめダウンロードし、任意のタイミングでアプリケーションを起動することで、上述した表示処理を実現してもよい。例えば、アプリケーションは、起動されると、ウェブページC10とコンテンツC20、C30の配信を受け付け、図1に示した表示処理を実現してもよい。
[2-4. About the execution subject)
In addition, although description was abbreviate | omitted above, the terminal device 100 can implement | achieve the display process mentioned above by arbitrary methods. For example, the terminal device 100 may realize the display processing described above by downloading an application that causes the terminal device 100 to execute the display processing described above in advance and starting the application at an arbitrary timing. For example, when the application is activated, it may receive the delivery of the web page C10 and the contents C20 and C30, and may realize the display process shown in FIG.

また、端末装置100は、ウェブページC10またはコンテンツC20、C30の配信と同時に、ウェブブラウザ等、汎用のプログラムに上述した表示処理を実行させる制御情報の配信を受付ける。そして、端末装置100は、制御情報に従って上記した表示処理を行ってもよい。   In addition, the terminal device 100 accepts distribution of control information that causes a general-purpose program such as a web browser to execute the above-described display processing simultaneously with the distribution of the web page C10 or the contents C20 and C30. Then, the terminal device 100 may perform the display process described above according to the control information.

また、端末装置100は、上述した制御情報に従って、上述した表示処理を実現するアプリケーションや、上述した表示処理を実現するアプリケーションそのものを制御情報として取得してもよい。例えば、端末装置100は、利用者の操作に従って、上述した表示処理を実現するアプリケーションをダウンロードし、かかるアプリケーションを自装置にインストールする。かかるアプリケーションは、起動されると、利用者からの操作に応じてウェブページC10とコンテンツC20、C30とを取得し、上述した表示処理を実現するよう端末装置100を制御する。ここで、アプリケーションは、上述した表示処理を実現するため、制御情報の配信を受付けてもよく、予めアプリケーションプログラム内に含んでいてもよい。   Further, the terminal device 100 may acquire, as control information, an application that realizes the display process described above or an application that realizes the display process described above according to the control information described above. For example, the terminal device 100 downloads an application that realizes the above-described display processing according to a user's operation, and installs the application on the own device. When the application is activated, it acquires the web page C10 and the contents C20 and C30 according to the operation from the user, and controls the terminal device 100 to realize the above-described display processing. Here, in order to implement the display process described above, the application may accept distribution of control information, or may be included in advance in the application program.

〔3.配信システムの構成〕
以下、上記した表示処理を実現する端末装置100等について説明する。まず、図3を用いて、実施形態に係る配信システム1の構成について説明する。図3は、実施形態に係る配信システムの構成例を示す図である。図3に示すように、配信システム1は、端末装置100と、広告主端末10と、広告配信サーバ20と、コンテンツ配信サーバ30とを含む。端末装置100、広告主端末10、広告配信サーバ20およびコンテンツ配信サーバ30は、ネットワークNを介して有線または無線により通信可能に接続される。なお、図3に示す配信システム1には、複数台の端末装置100や、複数台の広告主端末10や、複数台の広告配信サーバ20や、複数台のコンテンツ配信サーバ30が含まれてもよい。
[3. Distribution system configuration)
Hereinafter, the terminal device 100 and the like that realize the above-described display processing will be described. First, the configuration of the distribution system 1 according to the embodiment will be described with reference to FIG. FIG. 3 is a diagram illustrating a configuration example of a distribution system according to the embodiment. As illustrated in FIG. 3, the distribution system 1 includes a terminal device 100, an advertiser terminal 10, an advertisement distribution server 20, and a content distribution server 30. The terminal device 100, the advertiser terminal 10, the advertisement distribution server 20, and the content distribution server 30 are connected to be communicable via a network N by wire or wireless. The distribution system 1 shown in FIG. 3 may include a plurality of terminal devices 100, a plurality of advertiser terminals 10, a plurality of advertisement distribution servers 20, and a plurality of content distribution servers 30. Good.

端末装置100は、利用者による操作にしたがって、コンテンツ配信サーバ30からウェブページC10を取得し、ウェブページC10にコンテンツC20、C30の取得を要求する取得命令が含まれる場合には、コンテンツC20、C30を広告配信サーバ20から取得する。また、端末装置100は、上述した表示処理を実現する制御情報の配信を広告配信サーバ20から受付けた場合は、かかる制御情報に従って動作し、表示処理を実現する。   The terminal device 100 acquires the web page C10 from the content distribution server 30 according to the operation by the user, and when the web page C10 includes an acquisition command for requesting acquisition of the content C20, C30, the content C20, C30 Is acquired from the advertisement distribution server 20. Further, when the terminal device 100 receives distribution of control information for realizing the above-described display processing from the advertisement distribution server 20, the terminal device 100 operates according to the control information and realizes the display processing.

広告主端末10は、広告主によって利用される情報処理装置である。例えば、広告主端末10は、デスクトップ型PCや、ノート型PCや、タブレット端末や、携帯電話機や、PDA等である。広告主端末10は、広告主による操作にしたがって、コンテンツC20等の広告コンテンツとして広告配信サーバ20に入稿する。例えば、広告主端末10は、広告コンテンツとして、コンテンツC20、C30を広告配信サーバ20に入稿する。   The advertiser terminal 10 is an information processing device used by the advertiser. For example, the advertiser terminal 10 is a desktop PC, a notebook PC, a tablet terminal, a mobile phone, a PDA, or the like. The advertiser terminal 10 submits an advertisement content such as the content C20 to the advertisement distribution server 20 in accordance with an operation by the advertiser. For example, the advertiser terminal 10 submits contents C20 and C30 to the advertisement distribution server 20 as advertisement contents.

また、広告主端末10は、コンテンツC20、C30として、静止画像や、動画像や、テキストデータや、ランディングページを取得するためのURL(Uniform Resource Locator)などを広告配信サーバ20に入稿する。例えば、広告主は、広告主端末10を介して、コンテンツC20、C30の登録を行う。   Further, the advertiser terminal 10 submits still images, moving images, text data, URLs (Uniform Resource Locators) for acquiring landing pages, and the like as the contents C20 and C30 to the advertisement distribution server 20. For example, the advertiser registers the contents C <b> 20 and C <b> 30 via the advertiser terminal 10.

また、広告主は、広告コンテンツの入稿を代理店に依頼する場合がある。この場合、広告配信サーバ20に広告コンテンツを入稿するのは代理店となる。以下では、「広告主」といった表記は、広告主だけでなく代理店を含む概念であり、「広告主端末」といった表記は、広告主端末10だけでなく代理店によって利用される代理店装置を含む概念であるものとする。   In addition, the advertiser may request an agency to submit advertising content. In this case, it is the agency that submits the advertisement content to the advertisement distribution server 20. In the following, the notation “advertiser” is a concept including not only the advertiser but also the agency, and the notation “advertiser terminal” refers to the agency device used by the agency as well as the advertiser terminal 10. It is a concept that includes.

広告配信サーバ20は、広告主端末10から入稿された広告コンテンツを配信するサーバ装置である。例えば、広告配信サーバ20は、端末装置100から広告コンテンツの配信要求を受付けると、端末装置100の場所や利用者の属性等から利用者と広告コンテンツとのマッチングを行い、マッチングの結果、配信対象となる広告コンテンツを端末装置100に配信する。また、広告配信サーバ20は、上述した表示処理を実現するための制御情報を広告コンテンツであるコンテンツC20、C30とともに端末装置100に配信する。この制御情報は、例えば、JavaScript(登録商標)やCSS(Cascading Style Sheets)等のスクリプト言語により記述される。   The advertisement distribution server 20 is a server device that distributes the advertisement content submitted from the advertiser terminal 10. For example, when the advertisement distribution server 20 receives a request for distributing advertisement content from the terminal device 100, the advertisement distribution server 20 performs matching between the user and the advertisement content based on the location of the terminal device 100, the attribute of the user, and the like. Is distributed to the terminal device 100. Further, the advertisement distribution server 20 distributes the control information for realizing the display process described above to the terminal device 100 together with the contents C20 and C30 which are advertisement contents. This control information is described in a script language such as JavaScript (registered trademark) or CSS (Cascading Style Sheets).

コンテンツ配信サーバ30は、端末装置100にウェブページC10を配信するウェブサーバ等である。例えば、コンテンツ配信サーバ30は、ポータルサイト、ニュースサイト、オークションサイト、天気予報サイト、ショッピングサイト、ファイナンス(株価)サイト、路線検索サイト、地図提供サイト、旅行サイト、飲食店紹介サイト、ウェブブログなどに関連する各種情報がタイル状に配置されたウェブページC10を端末装置100に配信する。なお、コンテンツ配信サーバ30は、各種情報が配置されたポータルサイト等のウェブページを配信するサーバであってもよい。   The content distribution server 30 is a web server or the like that distributes the web page C10 to the terminal device 100. For example, the content distribution server 30 is used for a portal site, news site, auction site, weather forecast site, shopping site, finance (stock price) site, route search site, map providing site, travel site, restaurant introduction site, web blog, etc. A web page C10 in which various related information is arranged in a tile shape is distributed to the terminal device 100. The content distribution server 30 may be a server that distributes web pages such as a portal site where various types of information are arranged.

ここで、コンテンツ配信サーバ30によって配信されるウェブページC10には、広告コンテンツを広告配信サーバ20から取得するよう指示する取得命令が含まれる。例えば、ウェブページC10を形成するHTMLファイル等には、広告配信サーバ20のURLや、広告コンテンツを取得して、表示させるための各種スクリプト等が取得命令として記述される。この場合、端末装置100は、HTMLファイル等に記述されているURLにアクセスすることで、広告配信サーバ20からコンテンツC20、C30を広告コンテンツとして取得する。なお、コンテンツ配信サーバ30から端末装置100に配信される各種データは、実際にはウェブページC10を形成するHTMLファイルや画像、ウェブページC10とともに表示される動画像等である。   Here, the web page C10 distributed by the content distribution server 30 includes an acquisition command for instructing to acquire the advertisement content from the advertisement distribution server 20. For example, in the HTML file or the like that forms the web page C10, the URL of the advertisement distribution server 20, various scripts for acquiring and displaying the advertisement content, and the like are described as acquisition commands. In this case, the terminal device 100 acquires the contents C20 and C30 as advertisement contents from the advertisement distribution server 20 by accessing a URL described in an HTML file or the like. Note that the various types of data distributed from the content distribution server 30 to the terminal device 100 are actually HTML files and images that form the web page C10, moving images displayed together with the web page C10, and the like.

〔4.広告配信サーバの構成〕
次に、図4を用いて、実施形態に係る広告配信サーバ20の構成について説明する。図4は、実施形態に係る広告配信サーバの構成例を示す図である。図4に示すように、広告配信サーバ20は、通信部21と、記憶部22と、制御部23とを有する。
[4. Configuration of advertisement distribution server]
Next, the configuration of the advertisement distribution server 20 according to the embodiment will be described with reference to FIG. FIG. 4 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. As illustrated in FIG. 4, the advertisement distribution server 20 includes a communication unit 21, a storage unit 22, and a control unit 23.

通信部21は、例えば、NIC(Network Interface Card)等によって実現される。そして、通信部21は、ネットワークNと有線または無線で接続され、端末装置100や広告主端末10やコンテンツ配信サーバ30との間で情報の送受信を行う。   The communication unit 21 is realized by, for example, a NIC (Network Interface Card). The communication unit 21 is connected to the network N by wire or wirelessly, and transmits / receives information to / from the terminal device 100, the advertiser terminal 10, and the content distribution server 30.

記憶部22は、例えば、RAM(Random Access Memory)、フラッシュメモリ(Flash Memory)等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。また、記憶部22は、広告主端末10から入稿された広告コンテンツに関する各種情報が格納されたデータベースである広告データベース24を記憶する。   The storage unit 22 is realized by, for example, a semiconductor memory element such as a RAM (Random Access Memory) or a flash memory, or a storage device such as a hard disk or an optical disk. Further, the storage unit 22 stores an advertisement database 24 that is a database in which various types of information related to advertisement content submitted from the advertiser terminal 10 is stored.

ここで、図5は、実施形態に係る広告データベースに格納された情報の一例を示す図である。図5に示した例では、広告データベース24は、広告主ID、広告コンテンツ、インプレッション数、インプレッション保証数、対価といった項目を有する。なお、広告データベース24は、コンテンツと利用者とのマッチングを行うための情報や、CTR(Click Through Rate)といった情報をさらに記憶してもよい。   Here, FIG. 5 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. In the example illustrated in FIG. 5, the advertisement database 24 includes items such as an advertiser ID, advertisement content, the number of impressions, the number of guaranteed impressions, and the price. The advertisement database 24 may further store information such as information for matching contents and users, and information such as CTR (Click Through Rate).

「広告主ID」は、広告主または広告主端末10を識別するための識別情報を示す。「広告コンテンツ」は、広告主端末10から入稿されたコンテンツ、すなわち、コンテンツC20、C30、動画像等の広告に係るコンテンツを示す。なお、図5では「広告コンテンツ」に「C20、C30」といった概念的な情報が格納される例を示したが、実際には、共通する情報を利用者に伝えようとする個別の画像、動画像、音声と画像、テキストデータ、ゲームのデータ、ゲーム形式の広告等、各コンテンツが所在するURL、または、これらの格納場所を示すファイルパス名などが格納される。   The “advertiser ID” indicates identification information for identifying the advertiser or the advertiser terminal 10. “Advertising content” indicates content submitted from the advertiser terminal 10, that is, content related to an advertisement such as the contents C 20 and C 30 and moving images. Note that FIG. 5 shows an example in which conceptual information such as “C20, C30” is stored in “advertising content”, but in practice, individual images and moving images that are intended to convey common information to the user A URL where each content is located, such as an image, sound and image, text data, game data, game format advertisement, or a file path name indicating the storage location thereof is stored.

広告データベース24には、広告コンテンツとして、コンテンツC20、C30、表示処理の実行を指示する表示指示が登録される。かかる表示指示には、例えば、コンテンツC20、C30から生成したコンテンツC40を画面のどの位置に配置して表示するか、コンテンツC40をどのタイミングで表示するか、コンテンツC20、C30をどのような態様で合成するか、ウェブページC10に対する操作に応じてコンテンツC20、C30をどのように合成するか等を示す情報が含まれる。なお、上述した表示指示は、例えば、広告主が広告コンテンツを登録する際に、広告主によって任意の設定が行われるものとする。   In the advertisement database 24, contents C20 and C30 and display instructions for instructing execution of display processing are registered as advertisement contents. The display instruction includes, for example, the position on the screen where the content C40 generated from the contents C20, C30 is to be displayed, the timing at which the content C40 is displayed, and the content C20, C30 in any manner. Information that indicates how to synthesize contents C20 and C30 according to an operation on web page C10 is included. Note that the display instruction described above is arbitrarily set by the advertiser when the advertiser registers advertising content, for example.

「インプレッション数」は、広告コンテンツが表示された回数を示す。より具体的には、「インプレッション数」は、コンテンツC20、C30から生成されたコンテンツC40が表示された回数、コンテンツC40を再生した回数を示す。また、「インプレッション保証数」は、対価に対して保証されている広告コンテンツの表示回数を示す。また、「対価」は、「インプレション保証数」だけ広告コンテンツが表示された際に広告主から支払われる報酬を示す。すなわち、広告配信サーバ20は、広告に係るコンテンツをインプレッション保証型で配信するサーバである。   “Number of impressions” indicates the number of times the advertisement content is displayed. More specifically, the “number of impressions” indicates the number of times the content C40 generated from the contents C20 and C30 is displayed and the number of times the content C40 is reproduced. The “number of guaranteed impressions” indicates the number of times the advertising content is guaranteed for the consideration. The “consideration” indicates a reward paid from the advertiser when the advertisement content is displayed by the “number of guaranteed impressions”. That is, the advertisement distribution server 20 is a server that distributes the content related to the advertisement in an impression guaranteed type.

すなわち、図5では、広告主ID「B10」によって識別される広告主が、コンテンツC20、C30を広告コンテンツとして入稿した例を示している。また、図5では、コンテンツC20、C30のインプレッション数が「10000」であり、インプレッション保証数が「20000」であり、インプレッション保証数だけコンテンツC20、C30、動画像が表示された際の課金額が「aaa」である例を示している。   That is, FIG. 5 shows an example in which the advertiser identified by the advertiser ID “B10” submits the contents C20 and C30 as advertisement contents. In FIG. 5, the number of impressions of the contents C20 and C30 is “10000”, the number of impression guarantees is “20000”, and the amount charged when the contents C20 and C30 and moving images are displayed is the same as the number of impression guarantees. An example of “aaa” is shown.

なお、広告コンテンツが選択される度に課金が行われるクリック課金形式で広告に係るコンテンツを配信する場合は広告データベース24には、コンテンツC40が選択された回数や、コンテンツC40が選択された際の課金額等が登録される。また、配信要求を受信した際に、入札形式で広告コンテンツを選択し、選択した広告コンテンツを配信する場合は、広告データベース24には、1インプレッションあたりの報酬として広告主が設定した広告料金である入札価格や、CTR等が登録される。   In addition, in the case where the content related to the advertisement is distributed in a click charging format in which charging is performed every time the advertisement content is selected, the number of times the content C40 is selected or the content when the content C40 is selected is stored in the advertisement database 24. Charge amount etc. are registered. Further, when the advertisement request is selected in a bid format when the distribution request is received and the selected advertisement content is distributed, the advertisement database 24 has an advertisement fee set by the advertiser as a reward per impression. Bid price, CTR, etc. are registered.

図4に戻って、説明を続ける。制御部23は、コントローラ(controller)であり、例えば、CPU(Central Processing Unit)、MPU(Micro Processing Unit)等のプロセッサによって、広告配信サーバ20内部の記憶装置に記憶されている各種プログラムがRAM等を作業領域として実行されることにより実現される。また、制御部23は、コントローラ(controller)であり、例えば、ASIC(Application Specific Integrated Circuit)やFPGA(Field Programmable Gate Array)等の集積回路により実現されてもよい。   Returning to FIG. 4, the description will be continued. The control unit 23 is a controller, and various programs stored in a storage device inside the advertisement distribution server 20 are stored in a RAM or the like by a processor such as a CPU (Central Processing Unit) or an MPU (Micro Processing Unit). Is implemented as a work area. The control unit 23 is a controller, and may be realized by an integrated circuit such as an ASIC (Application Specific Integrated Circuit) or an FPGA (Field Programmable Gate Array).

図4に示すように、制御部23は、入稿受付部25と、要求受付部26と、広告選択部27と、配信部28とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部23の内部構成は、図4に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部23が有する各処理部の接続関係は、図4に示した接続関係に限られず、他の接続関係であってもよい。   As shown in FIG. 4, the control unit 23 includes a submission receiving unit 25, a request receiving unit 26, an advertisement selection unit 27, and a distribution unit 28, and functions and functions of information processing described below. Realize or execute. Note that the internal configuration of the control unit 23 is not limited to the configuration illustrated in FIG. 4, and may be another configuration as long as the information processing described later is performed. In addition, the connection relationship between the processing units included in the control unit 23 is not limited to the connection relationship illustrated in FIG. 4, and may be another connection relationship.

入稿受付部25は、広告主端末10から、対価の指定とともに広告コンテンツであるコンテンツC20、C30の入稿や表示指示を受付ける。かかる場合、入稿受付部25は、コンテンツC20、C30、表示指示、広告主ID、及び受付けた対価の値を対応付けて広告データベース24に登録する。   The submission accepting unit 25 accepts submission and display instructions for the contents C20 and C30, which are advertisement contents, from the advertiser terminal 10 together with the designation of the price. In such a case, the submission accepting unit 25 registers the contents C20 and C30, the display instruction, the advertiser ID, and the accepted value in the advertisement database 24 in association with each other.

要求受付部26は、端末装置100から広告コンテンツの取得要求を受け付ける。例えば、要求受付部26は、広告コンテンツの取得要求として、HTTPリクエストを受け付ける。   The request receiving unit 26 receives an advertisement content acquisition request from the terminal device 100. For example, the request reception unit 26 receives an HTTP request as an advertisement content acquisition request.

広告選択部27は、要求受付部26によって広告コンテンツの取得要求が受け付けられた場合に、配信候補の広告コンテンツを広告データベース24から選択する。例えば、広告選択部27は、端末装置100の位置や利用者の属性に基づいて、広告データベース24に登録されている広告コンテンツから配信対象となる広告コンテンツのマッチングを行う。   When the request reception unit 26 receives an advertisement content acquisition request, the advertisement selection unit 27 selects an advertisement content as a distribution candidate from the advertisement database 24. For example, the advertisement selection unit 27 performs matching of advertisement contents to be distributed from advertisement contents registered in the advertisement database 24 based on the position of the terminal device 100 and user attributes.

かかるマッチングにおいては、インプレッション数が、インプレッション保証数よりも多くなるように、広告コンテンツの選択が行われる。例えば、広告選択部27は、インプレッション保証数とインプレッション数との差が最も大きい広告コンテンツを優先して選択する。なお、広告選択部27は、入札価格またはCTRが高い広告コンテンツや、入札価格およびCTRの双方が高い広告コンテンツが優先的に選択されてもよい。   In such matching, advertisement content is selected such that the number of impressions is greater than the guaranteed number of impressions. For example, the advertisement selection unit 27 preferentially selects advertisement content having the largest difference between the guaranteed number of impressions and the number of impressions. Note that the advertisement selection unit 27 may preferentially select advertisement content having a high bid price or CTR, or advertisement content having a high bid price and CTR.

また、広告選択部27は、ウェブページが検索ページである場合には、検索ページに指定された検索キーワードとマッチする広告コンテンツを抽出する検索連動型広告と呼ばれる広告配信手法を用いてもよい。また、広告選択部27は、利用者の属性情報(サイコグラフィック属性、デモグラフィック属性など)とマッチする広告コンテンツを抽出するターゲティング配信と呼ばれる広告配信手法を用いてもよい。その後、広告選択部27は、配信対象として選択された広告コンテンツを配信部28に出力する。   In addition, when the web page is a search page, the advertisement selection unit 27 may use an advertisement distribution method called a search-linked advertisement that extracts advertisement content that matches the search keyword specified in the search page. Further, the advertisement selection unit 27 may use an advertisement distribution method called targeting distribution that extracts advertisement contents that match user attribute information (such as psychographic attributes and demographic attributes). Thereafter, the advertisement selection unit 27 outputs the advertisement content selected as the distribution target to the distribution unit 28.

配信部28は、広告選択部27が選択した広告コンテンツとともに、端末装置100に対して制御情報を配信する。具体的には、配信部28は、広告選択部27が選択した広告コンテンツを受信すると、受信した広告コンテンツに含まれる表示指示を抽出する。そして、配信部28は、抽出した表示指示が示す内容の表示処理を端末装置100に実行させるための制御情報を生成する。その後、配信部28は、生成した制御情報と、広告コンテンツとを端末装置100に対して配信する。   The distribution unit 28 distributes control information to the terminal device 100 together with the advertisement content selected by the advertisement selection unit 27. Specifically, when receiving the advertisement content selected by the advertisement selection unit 27, the distribution unit 28 extracts a display instruction included in the received advertisement content. And the delivery part 28 produces | generates the control information for making the terminal device 100 perform the display process of the content which the extracted display instruction | indication shows. Thereafter, the distribution unit 28 distributes the generated control information and advertisement content to the terminal device 100.

〔5.コンテンツ配信サーバの構成〕
次に、図6を用いて、実施形態に係るコンテンツ配信サーバ30の構成について説明する。図6は、実施形態に係るコンテンツ配信サーバの構成例を示す図である。図6に示すように、コンテンツ配信サーバ30は、通信部31と、コンテンツ記憶部32と、制御部33とを有する。
[5. Content distribution server configuration]
Next, the configuration of the content distribution server 30 according to the embodiment will be described with reference to FIG. FIG. 6 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. As illustrated in FIG. 6, the content distribution server 30 includes a communication unit 31, a content storage unit 32, and a control unit 33.

通信部31は、例えば、NIC等によって実現される。そして、通信部31は、ネットワークNと有線または無線で接続され、端末装置100や広告配信サーバ20との間で情報の送受信を行う。   The communication part 31 is implement | achieved by NIC etc., for example. The communication unit 31 is connected to the network N by wire or wirelessly and transmits / receives information to / from the terminal device 100 and the advertisement distribution server 20.

コンテンツ記憶部32は、例えば、RAM、フラッシュメモリ等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。そして、コンテンツ記憶部32は、コンテンツの一例であるウェブページを記憶する。例えば、コンテンツ記憶部32は、ウェブページを形成するHTMLファイルや、ウェブページに表示される静止画像や動画像を記憶する。   The content storage unit 32 is realized by a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk, for example. And the content memory | storage part 32 memorize | stores the web page which is an example of a content. For example, the content storage unit 32 stores an HTML file that forms a web page, a still image or a moving image displayed on the web page.

制御部33は、例えば、コントローラであり、例えば、CPU、MPU等のプロセッサによって、コンテンツ配信サーバ30内部の記憶装置に記憶されている各種プログラムがRAM等を作業領域として実行されることにより実現される。また、制御部33は、コントローラであり、例えば、ASICやFPGA等の集積回路により実現されてもよい。   The control unit 33 is, for example, a controller, and is realized, for example, by executing various programs stored in a storage device inside the content distribution server 30 by using a RAM or the like as a work area by a processor such as a CPU or MPU. The The control unit 33 is a controller and may be realized by an integrated circuit such as an ASIC or FPGA, for example.

図6に示すように、制御部33は、受付部34と、配信部35とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部33の内部構成は、図6に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部33が有する各処理部の接続関係は、図6に示した接続関係に限られず、他の接続関係であってもよい。   As illustrated in FIG. 6, the control unit 33 includes a reception unit 34 and a distribution unit 35, and realizes or executes information processing functions and operations described below. Note that the internal configuration of the control unit 33 is not limited to the configuration illustrated in FIG. 6, and may be another configuration as long as the information processing described below is performed. Further, the connection relationship between the processing units included in the control unit 33 is not limited to the connection relationship illustrated in FIG. 6, and may be another connection relationship.

受付部34は、端末装置100からウェブページの取得要求を受け付ける。例えば、受付部34は、ウェブページの取得要求として、HTTPリクエストを受け付ける。   The accepting unit 34 accepts a web page acquisition request from the terminal device 100. For example, the reception unit 34 receives an HTTP request as a web page acquisition request.

配信部35は、受付部34によってウェブページの取得要求が受け付けられた場合に、ウェブページを端末装置100に配信する。具体的には、配信部35は、コンテンツ記憶部32から取得要求対象のウェブページをコンテンツ記憶部32から取得し、取得したウェブページを端末装置100に配信する。かかる場合、端末装置100は、ウェブページC10を受信すると、広告配信サーバ20に対して広告の配信要求を送信し、応答として受信した広告コンテンツを表示する。そして、端末装置100は、利用者の操作に応じて、広告コンテンツを変更する表示処理を実行する。   The distribution unit 35 distributes the web page to the terminal device 100 when the web page acquisition request is received by the reception unit 34. Specifically, the distribution unit 35 acquires the acquisition request target web page from the content storage unit 32 from the content storage unit 32, and distributes the acquired web page to the terminal device 100. In such a case, when receiving the web page C10, the terminal device 100 transmits an advertisement distribution request to the advertisement distribution server 20, and displays the received advertisement content as a response. And the terminal device 100 performs the display process which changes advertisement content according to a user's operation.

〔6.端末装置の構成〕
次に、図7を用いて、実施形態に係る端末装置100の構成について説明する。図7は、実施形態に係る端末装置の構成例を示す図である。図7に示すように、端末装置100は、通信部110と、入力部120と、出力部130と、物理センサ140と、制御部150とを有する。
[6. Configuration of terminal device]
Next, the configuration of the terminal device 100 according to the embodiment will be described with reference to FIG. FIG. 7 is a diagram illustrating a configuration example of the terminal device according to the embodiment. As illustrated in FIG. 7, the terminal device 100 includes a communication unit 110, an input unit 120, an output unit 130, a physical sensor 140, and a control unit 150.

通信部110は、例えば、NIC等によって実現される。そして、通信部110は、ネットワークNと有線または無線で接続され、広告配信サーバ20やコンテンツ配信サーバ30との間で情報の送受信を行う。   The communication unit 110 is realized by a NIC or the like, for example. The communication unit 110 is connected to the network N by wire or wireless, and transmits / receives information to / from the advertisement distribution server 20 and the content distribution server 30.

入力部120は、利用者から各種操作を受け付ける入力装置である。例えば、入力部120は、キーボードやマウスや操作キー等によって実現される。出力部130は、各種情報を表示するための表示装置であり、すなわち、画面である。例えば、出力部130は、液晶ディスプレイ等によって実現される。なお、端末装置100にタッチパネルが採用される場合には、入力部120と出力部130とは一体化される。また、以下の説明では、出力部130を画面と記載する場合がある。   The input unit 120 is an input device that receives various operations from the user. For example, the input unit 120 is realized by a keyboard, a mouse, an operation key, or the like. The output unit 130 is a display device for displaying various types of information, that is, a screen. For example, the output unit 130 is realized by a liquid crystal display or the like. In addition, when a touch panel is employ | adopted for the terminal device 100, the input part 120 and the output part 130 are integrated. In the following description, the output unit 130 may be described as a screen.

物理センサ140は、端末装置100の物理的な状態を検知するセンサである。例えば、物理センサ140は、端末装置100の3軸方向の傾きを測定するジャイロセンサである。なお、物理センサ140は、ジャイロセンサに限定されるものではなく、例えば、加速度センサ、温度センサ、音量センサ、明度センサ等、任意のセンサが適用可能である。   The physical sensor 140 is a sensor that detects the physical state of the terminal device 100. For example, the physical sensor 140 is a gyro sensor that measures the inclination of the terminal device 100 in the triaxial direction. Note that the physical sensor 140 is not limited to a gyro sensor, and an arbitrary sensor such as an acceleration sensor, a temperature sensor, a volume sensor, and a brightness sensor can be applied.

制御部150は、例えば、コントローラであり、例えば、CPU、MPU等のプロセッサによって、端末装置100内部の記憶装置に記憶されている各種プログラムがRAM等を作業領域として実行されることにより実現される。また、制御部150は、コントローラであり、例えば、ASICやFPGA等の集積回路により実現されてもよい。例えば、この各種プログラムは、ウェブブラウザと呼ばれるアプリケーションプログラムやその他のアプリケーションプログラムに該当する。   The control unit 150 is, for example, a controller, and is realized by executing various programs stored in a storage device inside the terminal device 100 using a RAM or the like as a work area by a processor such as a CPU or MPU. . The control unit 150 is a controller, and may be realized by an integrated circuit such as an ASIC or FPGA, for example. For example, these various programs correspond to an application program called a web browser and other application programs.

図7に示すように、制御部150は、要求部151と、操作制御部152と、表示制御部153とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部150の内部構成は、図7に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部150が有する各処理部の接続関係は、図7に示した接続関係に限られず、他の接続関係であってもよい。   As illustrated in FIG. 7, the control unit 150 includes a request unit 151, an operation control unit 152, and a display control unit 153, and realizes or executes functions and operations of information processing described below. Note that the internal configuration of the control unit 150 is not limited to the configuration illustrated in FIG. 7, and may be another configuration as long as information processing described later is performed. In addition, the connection relationship between the processing units included in the control unit 150 is not limited to the connection relationship illustrated in FIG. 7, and may be another connection relationship.

要求部151は、操作制御部152からウェブページC10のURLを受信した場合は、コンテンツ配信サーバ30に対して受信したURLが示すウェブページC10の取得要求を送信する。また、要求部151は、コンテンツ配信サーバ30から受信したウェブページC10に取得命令が含まれる場合に、広告コンテンツの取得要求を広告配信サーバ20に送信する。   When the request unit 151 receives the URL of the web page C10 from the operation control unit 152, the request unit 151 transmits an acquisition request for the web page C10 indicated by the received URL to the content distribution server 30. Further, the request unit 151 transmits an advertisement content acquisition request to the advertisement distribution server 20 when the acquisition command is included in the web page C10 received from the content distribution server 30.

操作制御部152は、入力部120を介して受け付けた利用者の操作にしたがって、各種制御を実行する。例えば、操作制御部152は、利用者が入力部120に対してウェブページC10の表示操作を行った場合は、表示対象となるウェブページC10のURLを要求部151に出力する。また、操作制御部152は、入力部120を介して受け付けたスクロール操作やタップ操作等、利用者の操作の内容を表示制御部153に出力する。   The operation control unit 152 executes various controls according to user operations received via the input unit 120. For example, when the user performs a display operation of the web page C10 on the input unit 120, the operation control unit 152 outputs the URL of the web page C10 to be displayed to the request unit 151. Further, the operation control unit 152 outputs the content of the user operation such as the scroll operation and the tap operation received via the input unit 120 to the display control unit 153.

表示制御部153は、受信したウェブページおよび広告コンテンツを出力部130に表示し、上述した表示処理を実行する。例えば、表示制御部153は、制御部150が、広告コンテンツとともに配信される制御情報を実行することで、図7に示すように、生成部154、表示部155として動作し、表示処理を実行する。生成部154、表示部155は、例えば、CPUやMPU等によって、制御情報がRAMを作業領域として実行されることにより実現される。   The display control unit 153 displays the received web page and advertisement content on the output unit 130, and executes the display process described above. For example, the display control unit 153 operates as a generation unit 154 and a display unit 155 as shown in FIG. 7 by the control unit 150 executing control information distributed together with the advertisement content, and executes display processing. . The generation unit 154 and the display unit 155 are realized, for example, by executing control information using the RAM as a work area by a CPU, an MPU, or the like.

生成部154は、動画像から所定の形状を有する領域を抽出したコンテンツC40を生成する。より具体的には、生成部154は、動画像であるコンテンツC30と、動画像から抽出する抽出領域を示すコンテンツC20とを取得する。例えば、生成部154は、所定の形状を有する領域に所定の色彩が付され、所定の領域に所定の透過度が設定されたコンテンツC20を取得する。   The generation unit 154 generates content C40 obtained by extracting a region having a predetermined shape from the moving image. More specifically, the generation unit 154 acquires content C30 that is a moving image and content C20 that indicates an extraction area that is extracted from the moving image. For example, the generation unit 154 acquires content C20 in which a predetermined color is given to an area having a predetermined shape and a predetermined transparency is set in the predetermined area.

より具体的には、生成部154は、コンテンツC30として取得した動画像の内容と関連する形状を示すコンテンツC20を取得する。例えば、生成部154は、コンテンツC30が車両の広告等、車両に関連する広告である場合には、車両の形状を示すコンテンツC20を取得する。また、生成部154は、表示サイズが画面よりも小さい動画像をコンテンツC30として取得する。   More specifically, the generation unit 154 acquires content C20 indicating a shape related to the content of the moving image acquired as the content C30. For example, when the content C30 is an advertisement related to a vehicle such as a vehicle advertisement, the generation unit 154 acquires the content C20 indicating the shape of the vehicle. Further, the generation unit 154 acquires a moving image whose display size is smaller than that of the screen as the content C30.

そして、生成部154は、コンテンツC30のうちコンテンツC20が示す領域を抽出したコンテンツC40を生成する。より具体的には、生成部154は、コンテンツC30のうち、コンテンツC20を重ねた際に所定の色彩が付された領域や、所定の透過度が付された領域と重なる領域を抽出したコンテンツC40を生成する。また、生成部154は、コンテンツC30から抽出した領域内の透過度を、コンテンツC20のうち重なる領域の透過度に応じて変更したコンテンツC40を生成する。   And the production | generation part 154 produces | generates the content C40 which extracted the area | region which the content C20 shows among the content C30. More specifically, the generation unit 154 extracts, from the content C30, an area to which a predetermined color is added when the content C20 is overlapped, or an area that overlaps an area to which a predetermined transparency is added. Is generated. In addition, the generation unit 154 generates content C40 in which the transparency in the region extracted from the content C30 is changed according to the transparency of the overlapping region of the content C20.

ここで、生成部154は、コンテンツC30から抽出する領域を徐々に変更してもよい。例えば、生成部154は、操作制御部152から取得したスクロール操作等の内容、すなわち、ウェブページC10に対する操作に応じて、動画像から抽出する抽出領域を徐々に変更してもよく、抽出領域の形状を徐々に回転させてもよい。より具体的には、生成部154は、抽出領域の広さを徐々に拡大または縮小してもよい。また、生成部154は、抽出領域が有する形状を徐々に変更してもよい。具体的な例を挙げると、生成部154は、抽出領域の形状を、ボトル型の形状からグラス型の形状へと徐々に変更してもよい。   Here, the generation unit 154 may gradually change the region extracted from the content C30. For example, the generation unit 154 may gradually change the extraction region extracted from the moving image in accordance with the content such as the scroll operation acquired from the operation control unit 152, that is, the operation on the web page C10. The shape may be gradually rotated. More specifically, the generation unit 154 may gradually increase or decrease the size of the extraction region. Further, the generation unit 154 may gradually change the shape of the extraction region. As a specific example, the generation unit 154 may gradually change the shape of the extraction region from a bottle shape to a glass shape.

なお、このような処理を実現するため、例えば、生成部154は、所定の色彩が付された領域が拡大または縮小したり、所定の色彩が付された領域が回転したり、所定の色彩が付された領域の形状が徐々に変化するといった内容の動画像をコンテンツC20として取得する。生成部154は、このようなコンテンツC20をマスクとしてコンテンツC30と合成することで、上述した各種の表示態様を有するコンテンツC40を生成することができる。   In order to realize such processing, for example, the generation unit 154 enlarges or reduces the area to which the predetermined color is added, rotates the area to which the predetermined color is added, or changes the predetermined color. A moving image having a content such that the shape of the attached region gradually changes is acquired as the content C20. The generation unit 154 can generate the content C40 having the various display modes described above by combining the content C20 with the content C30 using the content C20 as a mask.

なお、生成部154は、ウェブページC10に対する操作に応じて、コンテンツC30から抽出する領域を徐々に変更してもよい。例えば、生成部154は、スクロール操作が行われた際に、コンテンツC30から抽出する抽出領域の形状を徐々に変更してもよく、コンテンツC30から抽出する抽出領域を徐々に回転させたり、拡大または縮小させてもよい。   Note that the generation unit 154 may gradually change the region extracted from the content C30 in accordance with an operation on the web page C10. For example, when the scroll operation is performed, the generation unit 154 may gradually change the shape of the extraction region extracted from the content C30, and the extraction region extracted from the content C30 may be gradually rotated, enlarged, or It may be reduced.

このような処理を実現する場合、例えば、生成部154は、以下の処理を実行する。まず、生成部154は、所定の色彩が付された領域が徐々に変化するといった内容の動画像であるコンテンツC20を取得し、スクロール操作が行われていない場合は、コンテンツC20のうち、最初の静止画を用いて、コンテンツC30に含まれる各静止画から抽出領域を抽出する。そして、生成部154は、スクロール操作が行われた場合は、スクロール操作に応じてコンテンツC20のうち使用する静止画を変更することで、コンテンツC30に含まれる各静止画から抽出する抽出領域の形状を変化させる。すなわち、生成部154は、マスクとして用いる動画像であるコンテンツC20の再生態様を、スクロール操作等に応じて制御することで、コンテンツC30から抽出する抽出領域を変化させる。   When realizing such a process, for example, the generation unit 154 executes the following process. First, the generation unit 154 acquires the content C20 that is a moving image having a content such that a region with a predetermined color gradually changes, and when the scroll operation is not performed, Using the still image, an extraction region is extracted from each still image included in the content C30. When the scroll operation is performed, the generation unit 154 changes the still image to be used in the content C20 according to the scroll operation, thereby extracting the shape of the extraction region extracted from each still image included in the content C30. To change. That is, the generation unit 154 changes the extraction area extracted from the content C30 by controlling the reproduction mode of the content C20, which is a moving image used as a mask, according to a scroll operation or the like.

また、生成部154は、コンテンツC30の表示態様を徐々に変更してもよい。例えば、生成部154は、スクロール操作に応じて、コンテンツC30を拡大または縮小してもよく、コンテンツC30を回転させてもよい。また、生成部154は、コンテンツC30の色彩を徐々に変更してもよい。   The generation unit 154 may gradually change the display mode of the content C30. For example, the generation unit 154 may enlarge or reduce the content C30 or rotate the content C30 according to the scroll operation. The generation unit 154 may gradually change the color of the content C30.

また、生成部154は、スクロール操作に応じて、コンテンツC30の再生態様を変更してもよい。例えば、生成部154は、上スクロール操作が行われた場合は、コンテンツC30を再生させた状態で抽出領域を抽出し、下スクロール操作が行われた場合は、コンテンツC30を逆再生させた状態で抽出領域を抽出してよい。   Further, the generation unit 154 may change the reproduction mode of the content C30 according to the scroll operation. For example, when the up scroll operation is performed, the generation unit 154 extracts the extraction area in a state where the content C30 is played back, and when the down scroll operation is performed, the generation unit 154 performs the reverse playback of the content C30. An extraction region may be extracted.

表示部155は、生成部154によって生成されたコンテンツC40を、ウェブページC10に重ねて表示する。例えば、表示部155は、画面上にウェブページC10を配置して表示するとともに、表示サイズが画面よりも小さいコンテンツC40を、画面左下の領域であって、ウェブページC10の前面側(画面側)に配置して表示する。そして、表示部155は、コンテンツC40を再生させる。   The display unit 155 displays the content C40 generated by the generation unit 154 so as to overlap the web page C10. For example, the display unit 155 arranges and displays the web page C10 on the screen and displays the content C40 whose display size is smaller than that of the screen in the lower left area of the screen and on the front side (screen side) of the web page C10. Place and display in. Then, the display unit 155 reproduces the content C40.

ここで、表示部155は、生成部154がコンテンツC40の全再生領域をあらかじめ生成している場合には、ウェブページC10に対する操作に応じて、コンテンツC40の再生態様を制御してもよい。一方、表示部155は、生成部154が、コンテンツC20とコンテンツC30とをその都度合成する場合(すなわち、各コンテンツC20、C30の静止画をその都度合成している場合)には、生成部154がコンテンツC40として生成した静止画をその都度表示することで、所定の形状を有する動画像がコンテンツC40として再生されるといった表示態様を実現する。   Here, the display unit 155 may control the playback mode of the content C40 according to an operation on the web page C10 when the generation unit 154 has generated all the playback regions of the content C40 in advance. On the other hand, the display unit 155 generates the generation unit 154 when the generation unit 154 combines the content C20 and the content C30 each time (that is, when the still images of the contents C20 and C30 are combined each time). Displays a still image generated as the content C40 each time, thereby realizing a display mode in which a moving image having a predetermined shape is reproduced as the content C40.

また、表示部155は、コンテンツC40を選択する操作が行われた場合は、ウェブページC10とコンテンツC40とに代えて、コンテンツC30の表示サイズを画面全体に拡大した状態で表示する。より具体的には、表示部155は、コンテンツC40を選択したタイミングと対応する再生位置から、コンテンツC30の再生を開始する。また、表示部155は、スワイプ処理等、コンテンツC40に対する所定の操作が行われた場合は、コンテンツC40の表示を取りやめ、ウェブページC10のみを表示する。   In addition, when an operation for selecting the content C40 is performed, the display unit 155 displays the display size of the content C30 on the entire screen instead of the web page C10 and the content C40. More specifically, the display unit 155 starts the reproduction of the content C30 from the reproduction position corresponding to the timing at which the content C40 is selected. In addition, when a predetermined operation is performed on the content C40 such as a swipe process, the display unit 155 cancels the display of the content C40 and displays only the web page C10.

〔7.表示処理のバリエーション〕
上述した説明では、図1に例示した表示態様を用いながら、端末装置100による表示処理の一例について説明した。しかしながら、実施形態は、これに限定されるものではない。以下、端末装置100が実行する表示処理のバリエーションについて説明する。なお、以下に説明する表示処理は、例えば、生成部154および表示部155が発揮する処理により実現されるが、実施形態は、これに限定されるものではない。
[7. Variations in display processing)
In the above description, an example of display processing by the terminal device 100 has been described using the display mode illustrated in FIG. However, the embodiment is not limited to this. Hereinafter, variations of display processing executed by the terminal device 100 will be described. Note that the display processing described below is realized by, for example, processing performed by the generation unit 154 and the display unit 155, but the embodiment is not limited to this.

〔7−1.動画像の再生位置について〕
例えば、端末装置100は、コンテンツC40に対して所定の操作を行った場合には、コンテンツC40の表示を取りやめてもよく、コンテンツC40を選択したタイミングに応じてコンテンツC30の再生位置を変更してもよい。例えば、図8は、実施形態に係る端末装置が実行する表示処理のバリエーションを示す図である。なお、図8には、図1と同様に、コンテンツC20、C30の配信を受けた際に端末装置100が実行する処理の一例を、第1状態から第6状態に分けて記載した。
[7-1. About the playback position of moving images)
For example, when the terminal device 100 performs a predetermined operation on the content C40, the terminal device 100 may cancel the display of the content C40, and change the playback position of the content C30 according to the timing at which the content C40 is selected. Also good. For example, FIG. 8 is a diagram illustrating a variation of display processing executed by the terminal device according to the embodiment. In FIG. 8, as in FIG. 1, an example of processing executed by the terminal device 100 when receiving the distribution of the contents C <b> 20 and C <b> 30 is described separately from the first state to the sixth state.

例えば、端末装置100は、コンテンツC20とコンテンツC30との配信を受付けると、コンテンツC20をマスクとしてコンテンツC30と合成したコンテンツC40を生成する。そして、端末装置100は、第1状態に示すように、コンテンツC40のうち静止画C41をウェブページC10と重ねて表示する。   For example, when receiving the distribution of the content C20 and the content C30, the terminal device 100 generates the content C40 combined with the content C30 using the content C20 as a mask. Then, as illustrated in the first state, the terminal device 100 displays the still image C41 of the content C40 so as to overlap the web page C10.

ここで、端末装置100は、第1状態に示すように、利用者の指F10が静止画C41に触れたまま、画面右方向(または、画面左方向)へとスライドさせるスワイプ操作を行った場合には、第2状態に示すように、コンテンツC40の表示を取りやめ、ウェブページC10のみを表示する。一方、端末装置100は、利用者がスワイプ操作を行わなかった場合は、第3状態に示すように、静止画C41に代えて静止画C42を表示する。すなわち、端末装置100は、コンテンツC40の再生を継続する。   Here, as illustrated in the first state, the terminal device 100 performs a swipe operation to slide the screen to the right (or the left) while the user's finger F10 is touching the still image C41. As shown in the second state, the display of the content C40 is canceled and only the web page C10 is displayed. On the other hand, when the user does not perform the swipe operation, the terminal device 100 displays the still image C42 instead of the still image C41 as shown in the third state. That is, the terminal device 100 continues to reproduce the content C40.

ここで、第3状態に示すように、利用者の指F10がコンテンツC40を選択した場合には、第4状態に示すように、コンテンツC40の元となるコンテンツC30を画面全体に拡大して表示する。具体的には、端末装置100は、第3状態に示すように、コンテンツC40のうち静止画C42を利用者の指F10がタップした場合は、第4状態に示すように、コンテンツC30のうち、静止画C42の元となる静止画C32が含まれる再生位置から、コンテンツC30の再生を開始する。   Here, as shown in the third state, when the user's finger F10 selects the content C40, as shown in the fourth state, the content C30 that is the source of the content C40 is enlarged and displayed on the entire screen. To do. Specifically, as illustrated in the third state, the terminal device 100, when the user's finger F10 taps the still image C42 in the content C40, as illustrated in the fourth state, The reproduction of the content C30 is started from the reproduction position where the still image C32 that is the source of the still image C42 is included.

また、端末装置100は、静止画C42を利用者の指F10が選択しなかった場合は、第5状態に示すように、静止画C42に代えて静止画C43を表示する。そして、端末装置100は、第5状態に示すように、コンテンツC40のうち静止画C43を利用者の指F10がタップした場合は、第6状態に示すように、コンテンツC30のうち、静止画C43の元となる静止画C33が含まれる再生位置から、コンテンツC30の再生を開始する。   If the user's finger F10 does not select the still image C42, the terminal device 100 displays the still image C43 instead of the still image C42 as shown in the fifth state. When the user's finger F10 taps the still image C43 in the content C40 as shown in the fifth state, the terminal device 100, as shown in the sixth state, the still image C43 in the content C30. The reproduction of the content C30 is started from the reproduction position where the still image C33 that is the source of the image is included.

このように、端末装置100は、利用者がコンテンツC40を選択した場合は、コンテンツC30を画面全体に拡大するとともに、コンテンツC40を選択したタイミングに対応する再生位置からコンテンツC30の再生を開始する。このため、端末装置100は、シームレスにコンテンツC30の再生を行うことができる。   As described above, when the user selects the content C40, the terminal device 100 expands the content C30 over the entire screen, and starts playback of the content C30 from the playback position corresponding to the timing at which the content C40 is selected. For this reason, the terminal device 100 can play back the content C30 seamlessly.

〔7−2.スクロール操作に応じた表示態様について〕
また、例えば、端末装置100は、スクロール操作に応じて、抽出領域を徐々に変更してもよい。例えば、図9は、実施形態に係る端末装置がスクロール操作に応じて抽出領域を徐々に変更する処理の一例を示す図である。なお、図9に示す例では、端末装置100がスクロール操作に応じて抽出領域を徐々に変更する処理の流れを、第1状態から第4状態に分けて記載した。
[7-2. Display mode according to scroll operation)
Further, for example, the terminal device 100 may gradually change the extraction region in accordance with the scroll operation. For example, FIG. 9 is a diagram illustrating an example of processing in which the terminal device according to the embodiment gradually changes the extraction region in accordance with the scroll operation. In the example illustrated in FIG. 9, the processing flow in which the terminal device 100 gradually changes the extraction region in accordance with the scroll operation is described separately from the first state to the fourth state.

例えば、端末装置100は、コンテンツC20に代えて、動画像であるコンテンツC50をコンテンツC30とともに取得する。より具体的には、端末装置100は、円形の領域に所定の色彩が付された静止画C51と、三角形の領域に所定の色彩が付された静止画C52と、四角形の領域に所定の色彩が付された静止画C53とからなるコンテンツC50を取得する。   For example, the terminal device 100 acquires content C50, which is a moving image, together with the content C30 instead of the content C20. More specifically, the terminal device 100 includes a still image C51 in which a predetermined color is added to a circular area, a still image C52 in which a predetermined color is added to a triangular area, and a predetermined color in a rectangular area. The content C50 including the still image C53 to which is added is acquired.

このような場合、端末装置100は、例えば、コンテンツC30の静止画C31のうち、コンテンツC50の静止画C51を静止画C31に重ねた際に、所定の色彩が付された円形の領域を抽出した静止画C61を生成する。そして、端末装置100は、第1状態に示すように、コンテンツC61をウェブページC10と重ねて表示する。   In such a case, for example, when the still image C51 of the content C50 is overlaid on the still image C31 among the still images C31 of the content C30, the terminal device 100 extracts a circular area with a predetermined color. A still image C61 is generated. Then, as shown in the first state, the terminal device 100 displays the content C61 so as to overlap the web page C10.

ここで、端末装置100は、利用者がウェブページC10のスクロール操作を行わなかった場合には、静止画C32に静止画C51を重ねた際に、所定の色彩が付された円形の領域を静止画C32から抽出した静止画を静止画C61に続けて表示する。そして、端末装置100は、例えば、利用者がウェブページC10のスクロール操作を行った場合は、コンテンツC50のうち、静止画C52を用いて、コンテンツC30から領域の抽出を行う。   Here, when the user does not scroll the web page C10, when the user does not scroll the web page C10, when the still image C51 is overlaid on the still image C32, the terminal device 100 stops the circular region with a predetermined color. The still image extracted from the image C32 is displayed following the still image C61. For example, when the user performs a scroll operation on the web page C10, the terminal device 100 extracts a region from the content C30 using the still image C52 of the content C50.

より具体的には、端末装置100は、第2状態に示すように、利用者がウェブページC10を画面上方向にスクロールした場合には、静止画C33と静止画C52を合成した静止画C62を生成し、生成した静止画C62を表示する。また、端末装置100は、第3状態に示すように、利用者がウェブページC10を画面上方向へとさらにスクロールさせた場合には、コンテンツC50のうち、使用する静止画を静止画C53に切替える。そして、端末装置100は、静止画C34と静止画C54を合成した静止画C63を生成し、生成した静止画C63を画面上に表示する。   More specifically, as shown in the second state, the terminal device 100 displays a still image C62 obtained by combining the still image C33 and the still image C52 when the user scrolls the web page C10 upward on the screen. The generated still image C62 is displayed. Further, as shown in the third state, when the user further scrolls the web page C10 in the upward direction on the screen, the terminal device 100 switches the still image to be used from the content C50 to the still image C53. . Then, the terminal device 100 generates a still image C63 obtained by combining the still image C34 and the still image C54, and displays the generated still image C63 on the screen.

また、端末装置100は、第3状態に示すように、利用者の指F10が静止画C63を選択した場合には、第4状態に示すように、コンテンツC30の表示サイズを画面全体に拡大して表示する。より具体的には、端末装置100は、静止画C63と対応する静止画C34の次にコンテンツC30として表示される静止画C35から、コンテンツC30の再生を開始する。   Further, when the user's finger F10 selects the still image C63 as shown in the third state, the terminal device 100 expands the display size of the content C30 over the entire screen as shown in the fourth state. To display. More specifically, the terminal device 100 starts reproduction of the content C30 from the still image C35 displayed as the content C30 next to the still image C34 corresponding to the still image C63.

〔7−3.コンテンツの出し分けについて〕
ここで、端末装置100は、コンテンツC30を画面全体に表示して再生している際に、利用者がコンテンツC30を選択した場合には、所定のランディングページを表示してもよい。また、端末装置100は、選択したタイミングに応じて異なるランディングページを表示してもよい。また、端末装置100は、利用者がコンテンツC40やコンテンツC30、C50を合成したコンテンツを選択した際に、所定のランディングページを表示してもよい。
[7-3. (About content distribution)
Here, the terminal device 100 may display a predetermined landing page when the user selects the content C30 while the content C30 is displayed and reproduced on the entire screen. Further, the terminal device 100 may display different landing pages according to the selected timing. Further, the terminal device 100 may display a predetermined landing page when the user selects a content obtained by combining the content C40, the content C30, and the C50.

〔7−4.表示処理のバリエーションについて〕
また、端末装置100は、コンテンツC40を半透明の状態で表示することで、ウェブページC10の視認性をさらに向上させてもよい。また、端末装置100は、例えば、動画像であるコンテンツC30のうち所定の色彩が付された画素の領域をコンテンツC40として表示してもよい。また、端末装置100は、コンテンツC40を画面上の任意の位置に配置して表示してもよい。
[7-4. About display processing variations)
In addition, the terminal device 100 may further improve the visibility of the web page C10 by displaying the content C40 in a translucent state. Further, for example, the terminal device 100 may display, as the content C40, a pixel region to which a predetermined color is added in the content C30 that is a moving image. Further, the terminal device 100 may display the content C40 by arranging it at an arbitrary position on the screen.

〔7−5.その他〕
端末装置100は、上述した任意の処理を適宜組み合わせて、表示処理を実行してもよい。また、かかる組合せは、広告配信サーバ20に広告コンテンツを登録する際、表示指示として広告主が任意に設定することができる。そして、広告配信サーバ20は、広告主が設定した処理の組合せを端末装置100に実行させる制御情報を生成し、生成した制御情報を端末装置100に配信する。この結果、端末装置100は、上述した任意の処理を広告主の設定に応じて組合せ、実行することができる。
[7-5. Others]
The terminal device 100 may execute the display process by appropriately combining the above-described arbitrary processes. Further, such a combination can be arbitrarily set by the advertiser as a display instruction when registering the advertisement content in the advertisement distribution server 20. Then, the advertisement distribution server 20 generates control information that causes the terminal device 100 to execute a combination of processes set by the advertiser, and distributes the generated control information to the terminal device 100. As a result, the terminal device 100 can combine and execute the above-described arbitrary processes according to the advertiser settings.

〔8.端末装置100の処理フロー〕
次に、図10を用いて、制御情報を実行した端末装置100が実行する処理の手順について説明する。図10は、実施形態に係る端末装置が実行する表示処理の流れの一例を示すフローチャートである。なお、図10に示す例では、処理の流れを明確にするため、コンテンツC20をマスクコンテンツと記載し、コンテンツC30を動画像と記載し、コンテンツC40を合成コンテンツと記載した。
[8. Processing flow of terminal device 100]
Next, a procedure of processing executed by the terminal device 100 that has executed the control information will be described with reference to FIG. FIG. 10 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. In the example shown in FIG. 10, in order to clarify the processing flow, the content C20 is described as a mask content, the content C30 is described as a moving image, and the content C40 is described as a composite content.

図10に示す例では、端末装置100は、利用者の操作に応じてコンテンツ配信サーバ30にウェブページC10の配信を要求し、コンテンツ配信サーバ30からウェブページC10を受信する(ステップS101)。次に、端末装置100は、配信されたウェブページC10に取得命令が含まれる場合は、広告配信サーバ20に対してマスクコンテンツと動画像との配信要求を送信する(ステップS102)。次に、端末装置100は、マスクコンテンツと動画像とを受信したか否かを判定する(ステップS103)。そして、端末装置100は、マスクコンテンツと動画像を受信していないと判定した場合は(ステップS103:No)、再度ステップS103を実行する。   In the example illustrated in FIG. 10, the terminal device 100 requests the content distribution server 30 to distribute the web page C10 according to a user operation, and receives the web page C10 from the content distribution server 30 (step S101). Next, when the acquired instruction is included in the distributed web page C10, the terminal device 100 transmits a distribution request for the mask content and the moving image to the advertisement distribution server 20 (step S102). Next, the terminal device 100 determines whether or not the mask content and the moving image are received (step S103). When the terminal device 100 determines that the mask content and the moving image are not received (step S103: No), the terminal device 100 executes step S103 again.

また、端末装置100は、マスクコンテンツと動画像を受信した場合は(ステップS103:Yes)、マスクコンテンツと動画像とを合成することで、合成コンテンツを生成する(ステップS104)。具体的には、端末装置100は、動画像のうち、マスクコンテンツが示す抽出領域を抽出したコンテンツを合成コンテンツとして生成する。そして、端末装置100は、生成した合成コンテンツを画面上に表示し、再生を行う(ステップS105)。   When the terminal device 100 receives the mask content and the moving image (step S103: Yes), the terminal device 100 generates the combined content by combining the mask content and the moving image (step S104). Specifically, the terminal device 100 generates content obtained by extracting an extraction region indicated by the mask content from the moving images as composite content. And the terminal device 100 displays the produced | generated synthetic content on a screen, and performs reproduction | regeneration (step S105).

ここで、端末装置100は、合成コンテンツが選択されたか否かを判定し(ステップS106)、合成コンテンツが選択された場合は(ステップS106:Yes)、動画像を全画面表示する(ステップS107)。一方、端末装置100は、合成コンテンツが選択されなかった場合は(ステップS106:No)、合成コンテンツがスワイプされたか否かを判定する(ステップS108)。   Here, the terminal device 100 determines whether or not the composite content is selected (step S106). If the composite content is selected (step S106: Yes), the moving image is displayed on the full screen (step S107). . On the other hand, when the composite content is not selected (step S106: No), the terminal device 100 determines whether the composite content has been swiped (step S108).

そして、端末装置100は、合成コンテンツがスワイプされた場合は(ステップS108:Yes)、合成コンテンツの表示を取りやめる(ステップS109)。一方、端末装置100は、合成コンテンツがスワイプされなかった場合は(ステップS108:No)、ステップS109の実行をスキップする。そして、端末装置100は、ステップS107、S108またはS109を実行した場合は、利用者がリンクをタップした等の処理によりウェブページを遷移させるか否かを判定する(ステップS110)。そして、端末装置100は、ウェブページを遷移させる場合は(ステップS110:Yes)、ウェブページを遷移させ(ステップS111)、処理を終了する。一方、端末装置100は、ウェブページを遷移させない場合は(ステップS110:No)、ステップS105を実行する。   Then, when the composite content is swipe (step S108: Yes), the terminal device 100 cancels the display of the composite content (step S109). On the other hand, if the composite content has not been swiped (step S108: No), the terminal device 100 skips the execution of step S109. Then, when executing step S107, S108, or S109, the terminal device 100 determines whether or not to change the web page by a process such as tapping a link by the user (step S110). And the terminal device 100 changes a web page (step S111), and complete | finishes a process, when changing a web page (step S110: Yes). On the other hand, when the terminal device 100 does not change the web page (step S110: No), the terminal device 100 executes step S105.

〔9.変形例〕
上記では、図1、図8、図9に例示した表示態様を用いながら、端末装置100による表示処理の一例について説明した。しかしながら、実施形態は、これに限定されるものではない。以下、端末装置100が実行する表示処理のバリエーションについて説明する。なお、以下に説明する表示処理は、例えば、生成部154および表示部155が発揮する処理により実現されるが、実施形態は、これに限定されるものではない。
[9. (Modification)
In the above, an example of display processing by the terminal device 100 has been described using the display modes illustrated in FIGS. 1, 8, and 9. However, the embodiment is not limited to this. Hereinafter, variations of display processing executed by the terminal device 100 will be described. Note that the display processing described below is realized by, for example, processing performed by the generation unit 154 and the display unit 155, but the embodiment is not limited to this.

〔9−1.コンテンツの態様について〕
上述した端末装置100は、広告コンテンツであるコンテンツC40を表示した。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置100は、広告に関する動画像以外の動画像からコンテンツC40を生成し、生成したコンテンツC40を表示してもよい。
[9-1. (About the content mode)
The terminal device 100 described above displayed the content C40 that is advertisement content. However, the embodiment is not limited to this. For example, the terminal device 100 may generate the content C40 from a moving image other than the moving image related to the advertisement, and display the generated content C40.

すなわち、コンテンツC20〜C63は、広告に係るコンテンツに限定されるものではない。例えば、端末装置100は、広告以外の文字列、模様、画像、動画像等を含む任意のコンテンツを表示してもよい。また、端末装置100は、広告にかかるコンテンツではなく、ゲーム等を含むコンテンツC20〜C63を表示してもよく、いわゆるプレイアブル広告を含むコンテンツC20〜C63を表示してもよい。また、端末装置100は、音声を含むコンテンツC20〜C63を表示してもよい。なお、コンテンツC20〜C63に含まれる文字列、模様、画像、動画像、ゲーム、音声等は、広告に係るものに限定されるものではない。   That is, the contents C20 to C63 are not limited to the contents related to the advertisement. For example, the terminal device 100 may display arbitrary content including character strings other than advertisements, patterns, images, moving images, and the like. Further, the terminal device 100 may display content C20 to C63 including a game or the like instead of content related to an advertisement, or may display content C20 to C63 including a so-called playable advertisement. Further, the terminal device 100 may display the contents C20 to C63 including sound. Note that character strings, patterns, images, moving images, games, sounds, and the like included in the contents C20 to C63 are not limited to those related to advertisements.

また、端末装置100は、ウェブページC10に代えてゲームコンテンツを表示する際、ゲームのメニューやチュートリアル等の補助コンテンツをコンテンツC20〜C63として表示してもよい。また、端末装置100は、ゲームの実行時、フラッシュやCSS等の技術により作成されたインタラクティブ形式のウェブページの表示を行う際に上述した表示処理を実行してもよい。   Further, when displaying the game content instead of the web page C10, the terminal device 100 may display auxiliary content such as a game menu or tutorial as the content C20 to C63. Further, the terminal device 100 may perform the above-described display processing when displaying an interactive web page created by a technique such as flash or CSS when the game is executed.

また、端末装置100は、SNS(Social Networking Service)のコンテンツ、メッセンジャーアプリケーションの画面、カメラアプリケーションの画面、その他任意のコンテンツとともに、コンテンツC20〜C63を表示し、上述した表示処理を実行してもよい。また、端末装置100は、ウェブページC10以外にも、ゲーム、地図、音楽再生画面、動画再生画面等、任意のコンテンツを表示してもよい。   Further, the terminal device 100 may display the contents C20 to C63 together with SNS (Social Networking Service) content, a messenger application screen, a camera application screen, and other arbitrary content, and execute the above-described display processing. . In addition to the web page C10, the terminal device 100 may display arbitrary content such as a game, a map, a music playback screen, and a video playback screen.

〔9−2.制御情報について〕
上記した端末装置100は、広告配信サーバ20がコンテンツC20、C30とともに配信する制御情報を用いて、上記した表示処理を実行した。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置100は、上記した制御情報をコンテンツ配信サーバ30からウェブページC10とともに受信し、広告配信サーバ20からコンテンツC20、C30とともに制御指示を受信する。そして、端末装置100は、コンテンツ配信サーバ30から受信した制御情報を実行するとともに、受信した制御指示に従って表示処理を実行してもよい。
[9-2. About control information)
The terminal device 100 described above has performed the above-described display process using control information distributed by the advertisement distribution server 20 together with the contents C20 and C30. However, the embodiment is not limited to this. For example, the terminal device 100 receives the control information described above from the content distribution server 30 together with the web page C10, and receives a control instruction from the advertisement distribution server 20 together with the contents C20 and C30. Then, the terminal device 100 may execute the control information received from the content distribution server 30, and may execute display processing according to the received control instruction.

また、端末装置100は、上述した表示処理等を端末装置100に実行させるアプリケーションをあらかじめダウンロードし、かかるアプリケーションを実行することで、上述した処理を実現してもよい。   Further, the terminal device 100 may realize the above-described processing by downloading in advance an application that causes the terminal device 100 to execute the above-described display processing and the like, and executing the application.

〔9−3.装置構成〕
また、上記実施形態では、配信システム1に、広告配信サーバ20とコンテンツ配信サーバ30とが含まれる例を示したが、広告配信サーバ20とコンテンツ配信サーバ30とは1個の装置として形成されてもよい。この場合、図4に示した広告配信サーバ20は、例えば、図6に示したコンテンツ記憶部32、受付部34、配信部35を有する。そして、広告配信サーバ20は、端末装置100からウェブページの取得要求を受け付けた場合に、広告コンテンツとともに、取得命令を含まないウェブページを端末装置100に配信する。
[9-3. Device configuration〕
In the above embodiment, the distribution system 1 includes the advertisement distribution server 20 and the content distribution server 30. However, the advertisement distribution server 20 and the content distribution server 30 are formed as a single device. Also good. In this case, the advertisement distribution server 20 illustrated in FIG. 4 includes, for example, the content storage unit 32, the reception unit 34, and the distribution unit 35 illustrated in FIG. And the advertisement delivery server 20 delivers the web page which does not contain an acquisition command to the terminal device 100 with an advertising content, when the acquisition request of a web page is received from the terminal device 100. FIG.

また、上記実施形態では、広告配信サーバ20から端末装置100にコンテンツC20、C30が配信される例を示したが、コンテンツ配信サーバ30が、広告配信サーバ20からコンテンツC20、C30を取得し、取得したコンテンツC20、C30をウェブページC10と共に端末装置100へと送信してもよい。   Further, in the above embodiment, the example in which the contents C20 and C30 are distributed from the advertisement distribution server 20 to the terminal device 100 has been described. However, the content distribution server 30 acquires and acquires the contents C20 and C30 from the advertisement distribution server 20. The contents C20 and C30 may be transmitted to the terminal device 100 together with the web page C10.

〔9−4.ログについて〕
ここで、端末装置100は、コンテンツC40が表示されたか否かを示すログや、利用者によって選択されたコンテンツのログを取ってもよい。より具体的には、端末装置100は、コンテンツC40が表示されたか否か、コンテンツC40を再生したか、コンテンツC30のうちどの静止画と対応する領域まで、コンテンツC40を再生したか等を示すログを取ってもよい。
[9-4. About logs)
Here, the terminal device 100 may take a log indicating whether or not the content C40 is displayed or a log of the content selected by the user. More specifically, the terminal device 100 indicates whether or not the content C40 has been displayed, whether or not the content C40 has been reproduced, to which region of the content C30 the corresponding image is reproduced, etc. You may take

また、端末装置100は、コンテンツC40の表示回数や選択回数、再生された時間等を測定してもよい。また、端末装置100は、初期表示の後ですぐにコンテンツC40を表示したか、コンテンツC40が選択されたか否か、コンテンツC40に含まれる静止画C41〜C45のうちどの静止画が表示されている際に選択されたか、コンテンツC40がスワイプされて消されたか否か等といったログを取ってもよい。また、端末装置100は、スクロール操作に応じて抽出領域を変更する場合、どのように抽出領域を変更したか、コンテンツC30に含まれる各静止画C31〜C35からどのような形状の抽出領域を抽出したか等を示すログを取ってもよい。   In addition, the terminal device 100 may measure the number of times the content C40 is displayed, the number of times it is selected, the playback time, etc. Also, the terminal device 100 displays the still image among the still images C41 to C45 included in the content C40, whether the content C40 is displayed immediately after the initial display, whether the content C40 is selected, or not. A log may be taken, such as whether or not the content C40 was swung out and deleted. In addition, when changing the extraction area according to the scroll operation, the terminal device 100 extracts how the extraction area is changed, and what shape extraction area is extracted from each of the still images C31 to C35 included in the content C30. You may also take a log indicating if you did.

このように端末装置100が取得したログは、コンテンツC20〜C40等のインプレッション数やCTRの更新、コンテンツC20〜C40等の表示に対する課金処理、および、広告主に広告効果を報告する際等に有用なログとなる。例えば、表示処理の結果、コンテンツC40が最後まで再生された場合や、表示時間が長い場合、何度も表示された場合には、利用者がコンテンツC40等に対する興味、すなわち、動画像であるコンテンツC30やコンテンツC20が示す抽出領域の形状(すなわち、シルエット)に対する興味を利用者がより強く有したものと予測される。   The log acquired by the terminal device 100 in this way is useful when the number of impressions of the contents C20 to C40 and the like, the update of the CTR, the billing process for the display of the contents C20 to C40, etc., and reporting the advertising effect to the advertiser, etc. Log. For example, when the content C40 is reproduced to the end as a result of the display process, when the display time is long, or when the content C40 is displayed many times, the user is interested in the content C40 or the like, that is, the content that is a moving image. It is predicted that the user has a greater interest in the shape (that is, the silhouette) of the extraction region indicated by C30 and content C20.

このため、コンテンツC40の表示回数や表示時間を示すログや各種操作の内容を示すログ等は、利用者がコンテンツC40等に対して興味を有したか否かの指標となりえる。また、一度のアクセスでコンテンツC40を再生した回数や、操作した回数等は、利用者の広告に対する認知度を示す指標になりえる。   For this reason, a log indicating the display count and display time of the content C40, a log indicating the contents of various operations, and the like can be an index as to whether or not the user is interested in the content C40 or the like. In addition, the number of times the content C40 is reproduced by one access, the number of times the content C40 is operated, and the like can be an index indicating the degree of recognition of the user's advertisement.

そこで、広告配信サーバ20は、取得された各ログを用いて、インプレッション数の更新や、課金額の変更等を行ってもよい。例えば、広告配信サーバ20は、コンテンツC40の表示回数、表示時間、再生回数、再生時間、再生位置等に応じて課金額を変更してもよい。   Therefore, the advertisement distribution server 20 may update the number of impressions, change the billing amount, or the like using each acquired log. For example, the advertisement distribution server 20 may change the charge amount according to the display count, display time, playback count, playback time, playback position, etc. of the content C40.

また、端末装置100が取得したログは、ランディングページに配置されるコンテンツの変更に用いられてもよい。例えば、端末装置100は、静止画C41を選択した際と、静止画C42を選択した際とで、同一のランディングページを取得するとともに、かかるランディングページを配信するサーバに対して、取得したログの内容等を通知し、ランディングページに配置するコンテンツを変更させてもよい。   Further, the log acquired by the terminal device 100 may be used for changing the content arranged on the landing page. For example, the terminal device 100 acquires the same landing page when the still image C41 is selected and when the still image C42 is selected, and also acquires the acquired log to the server that distributes the landing page. The content or the like may be notified, and the content to be arranged on the landing page may be changed.

〔9−5.端末装置の操作記録〕
また、上述してきた端末装置100は、実施形態に係るコンテンツC40とともに表示されたウェブページC10に対して、利用者がどれだけ端末装置100を操作したかという記録を広告配信サーバ20に送信してもよい。具体的には、端末装置100は、コンテンツC40が表示された際において、利用者がウェブページC10に対して行ったスクロール操作の内容や回数、利用者の選択操作、利用者がコンテンツC40を選択した際におけるウェブページC10の表示位置等を記録する。
[9-5. Terminal device operation record)
Further, the terminal device 100 described above transmits to the advertisement distribution server 20 a record of how much the user has operated the terminal device 100 with respect to the web page C10 displayed together with the content C40 according to the embodiment. Also good. Specifically, when the content C40 is displayed, the terminal device 100 displays the content and number of scroll operations performed by the user on the web page C10, the user's selection operation, and the user selects the content C40. The display position of the web page C10 at the time of the recording is recorded.

また、端末装置100は、スクロール操作の回数、リロードした回数や、上述した表示処理、コンテンツC30の内容など、コンテンツC40等を特定する情報について端末装置100からの発信操作(例えば、SNSへの書き込みなど)など、利用者が端末装置100に対して行う種々の操作を記録することもできる。そして、端末装置100は、操作履歴に関する情報を広告配信サーバ20に送信する。   In addition, the terminal device 100 performs a transmission operation (for example, writing to the SNS) from the terminal device 100 with respect to information specifying the content C40 and the like, such as the number of scroll operations, the number of reloads, the display processing described above, and the content of the content C30. Various operations performed by the user on the terminal device 100 can also be recorded. Then, the terminal device 100 transmits information related to the operation history to the advertisement distribution server 20.

かかる場合、広告配信サーバ20は、端末装置100から配信された操作履歴に関する情報を集計し、かかる情報について分析した情報をさらに取得する。例えば、広告配信サーバ20は、制御情報とともにコンテンツC20、C30を配信した場合と、配信しなかった場合とについて、スクロール操作の回数や、表示処理を実行した回数、表示したランディングページの種別やランディングページに配置されたコンテンツの種別、CTRなどの広告効果の指標を比較した情報などを取得する。   In such a case, the advertisement distribution server 20 aggregates information related to the operation history distributed from the terminal device 100, and further acquires information obtained by analyzing the information. For example, the advertisement distribution server 20 determines the number of scroll operations, the number of times display processing has been performed, the type of landing page displayed, and the landing for cases where the contents C20 and C30 are distributed together with the control information Information such as the type of content placed on the page and information on comparison of advertising effect indicators such as CTR are acquired.

ここで、制御情報とともにコンテンツC20、C30を配信した際にウェブページC10に対して行われた操作の履歴は、広告効果を示す指標となりうる。すなわち、実施形態に係る制御情報を伴うコンテンツC40が表示されるウェブページC10においては、コンテンツC40が選択されることにより先のウェブページ(ランディングページ)が表示されることのみならず、利用者の操作によってコンテンツC40の表示態様が変更されることにより、またはコンテンツC40が表示されることにより、どのような操作をおこなったかという操作履歴自体が利用者のコンテンツC40への興味を示す指標といえる。   Here, the history of operations performed on the web page C10 when the contents C20 and C30 are distributed together with the control information can be an index indicating the advertising effect. That is, in the web page C10 in which the content C40 accompanied by the control information according to the embodiment is displayed, not only the previous web page (landing page) is displayed by selecting the content C40 but also the user's It can be said that the operation history itself indicating the operation performed by changing the display mode of the content C40 by the operation or by displaying the content C40 is an index indicating the user's interest in the content C40.

例えば、広告配信サーバ20は、スクロール操作の内容、スクロール操作の回数、コンテンツC40の再生回数や表示回数、ウェブページC10の滞在時間等を比較することで、実施形態に係る制御情報を伴うコンテンツC40を表示した際に、コンテンツC40が広く伝えようとする情報、すなわち広告に対する関心をどれくらい発生させたかを示す指標を提供することができる。   For example, the advertisement distribution server 20 compares the content of the scroll operation, the number of times of the scroll operation, the number of times of reproduction and display of the content C40, the staying time of the web page C10, etc., and the content C40 with the control information according to the embodiment. When C is displayed, it is possible to provide information that the content C40 intends to convey widely, that is, an index indicating how much interest is generated in the advertisement.

したがって、広告配信サーバ20は、広告主端末10に端末装置100の操作履歴に関する情報を送信することにより、実施形態に係るコンテンツC40が表示されるウェブページC10に対する広告効果の指標を示すレポートとすることができる。なお、広告配信サーバ20は、広告主端末10に端末装置100の操作履歴に関する情報やログをそのまま送信してもよい。   Accordingly, the advertisement distribution server 20 transmits information related to the operation history of the terminal device 100 to the advertiser terminal 10, thereby providing a report indicating an index of the advertising effectiveness for the web page C10 on which the content C40 according to the embodiment is displayed. be able to. Note that the advertisement distribution server 20 may transmit information and a log regarding the operation history of the terminal device 100 to the advertiser terminal 10 as they are.

これにより、広告配信サーバ20は、端末装置100における実施形態に係る制御情報を伴うコンテンツC40の表示態様の有用性を広告主に示すことができる。   Thereby, the advertisement delivery server 20 can show the advertiser the usefulness of the display mode of the content C40 accompanied by the control information according to the embodiment of the terminal device 100.

〔9−6.その他〕
また、上記実施形態において説明した各処理のうち、自動的に行われるものとして説明した処理の全部または一部を手動的に行うこともでき、あるいは、手動的に行われるものとして説明した処理の全部または一部を公知の方法で自動的に行うこともできる。この他、上記文書中や図面中で示した処理手順、具体的名称、各種のデータやパラメータを含む情報については、特記する場合を除いて任意に変更することができる。例えば、各図に示した各種情報は、図示した情報に限られない。
[9-6. Others]
In addition, among the processes described in the above embodiment, all or part of the processes described as being automatically performed can be performed manually, or the processes described as being performed manually can be performed. All or a part can be automatically performed by a known method. In addition, the processing procedures, specific names, and information including various data and parameters shown in the document and drawings can be arbitrarily changed unless otherwise specified. For example, the various types of information illustrated in each drawing is not limited to the illustrated information.

また、図示した各装置の各構成要素は機能概念的なものであり、必ずしも物理的に図示の如く構成されていることを要しない。すなわち、各装置の分散・統合の具体的形態は図示のものに限られず、その全部または一部を、各種の負荷や使用状況などに応じて、任意の単位で機能的または物理的に分散・統合して構成することができる。例えば、図7に示した要求部151および操作制御部152は統合されてもよい。   Further, each component of each illustrated apparatus is functionally conceptual, and does not necessarily need to be physically configured as illustrated. In other words, the specific form of distribution / integration of each device is not limited to that shown in the figure, and all or a part thereof may be functionally or physically distributed or arbitrarily distributed in arbitrary units according to various loads or usage conditions. Can be integrated and configured. For example, the request unit 151 and the operation control unit 152 illustrated in FIG. 7 may be integrated.

また、上記してきた各実施形態は、処理内容を矛盾させない領域で適宜組み合わせることが可能である。   In addition, the above-described embodiments can be appropriately combined in an area where the processing contents do not contradict each other.

〔9−7.プログラム〕
また、上述してきた実施形態に係る端末装置100は、例えば図11に示すような構成のコンピュータ1000によって実現される。図11は、ハードウェア構成の一例を示す図である。コンピュータ1000は、出力装置1010、入力装置1020と接続され、演算装置1030、一次記憶装置1040、二次記憶装置1050、出力IF(Interface)1060、入力IF1070、ネットワークIF1080がバス1090により接続された形態を有する。
[9-7. program〕
Further, the terminal device 100 according to the embodiment described above is realized by a computer 1000 having a configuration as shown in FIG. 11, for example. FIG. 11 is a diagram illustrating an example of a hardware configuration. The computer 1000 is connected to an output device 1010 and an input device 1020, and an arithmetic device 1030, a primary storage device 1040, a secondary storage device 1050, an output IF (Interface) 1060, an input IF 1070, and a network IF 1080 are connected via a bus 1090. Have

演算装置1030は、一次記憶装置1040や二次記憶装置1050に格納されたプログラムや入力装置1020から読み出したプログラム等に基づいて動作し、各種の処理を実行する。一次記憶装置1040は、RAM等、演算装置1030が各種の演算に用いるデータを一次的に記憶するメモリ装置である。また、二次記憶装置1050は、演算装置1030が各種の演算に用いるデータや、各種のデータベースが登録される記憶装置であり、ROM(Read Only Memory)、HDD、フラッシュメモリ等により実現される。   The arithmetic device 1030 operates based on a program stored in the primary storage device 1040 and the secondary storage device 1050, a program read from the input device 1020, and the like, and executes various processes. The primary storage device 1040 is a memory device such as a RAM that temporarily stores data used by the arithmetic device 1030 for various arithmetic operations. The secondary storage device 1050 is a storage device in which data used for various calculations by the calculation device 1030 and various databases are registered, and is realized by a ROM (Read Only Memory), HDD, flash memory, or the like.

出力IF1060は、モニタやプリンタといった各種の情報を出力する出力装置1010に対し、出力対象となる情報を送信するためのインタフェースであり、例えば、USB(Universal Serial Bus)やDVI(Digital Visual Interface)、HDMI(登録商標)(High Definition Multimedia Interface)といった規格のコネクタにより実現される。また、入力IF1070は、マウス、キーボード、およびスキャナ等といった各種の入力装置1020から情報を受信するためのインタフェースであり、例えば、USB等により実現される。   The output IF 1060 is an interface for transmitting information to be output to an output device 1010 that outputs various types of information such as a monitor and a printer. For example, USB (Universal Serial Bus), DVI (Digital Visual Interface), This is realized by a standard connector such as HDMI (registered trademark) (High Definition Multimedia Interface). The input IF 1070 is an interface for receiving information from various input devices 1020 such as a mouse, a keyboard, and a scanner, and is realized by, for example, a USB.

なお、入力装置1020は、例えば、CD(Compact Disc)、DVD(Digital Versatile Disc)、PD(Phase change rewritable Disk)等の光学記録媒体、MO(Magneto-Optical disk)等の光磁気記録媒体、テープ媒体、磁気記録媒体、または半導体メモリ等から情報を読み出す装置であってもよい。また、入力装置1020は、USBメモリ等の外付け記憶媒体であってもよい。   The input device 1020 includes, for example, an optical recording medium such as a CD (Compact Disc), a DVD (Digital Versatile Disc), and a PD (Phase change rewritable disk), a magneto-optical recording medium such as an MO (Magneto-Optical disk), and a tape. It may be a device that reads information from a medium, a magnetic recording medium, a semiconductor memory, or the like. The input device 1020 may be an external storage medium such as a USB memory.

ネットワークIF1080は、ネットワークNを介して他の機器からデータを受信して演算装置1030へ送り、また、ネットワークNを介して演算装置1030が生成したデータを他の機器へ送信する。   The network IF 1080 receives data from other devices via the network N and sends the data to the arithmetic device 1030, and transmits data generated by the arithmetic device 1030 to other devices via the network N.

演算装置1030は、出力IF1060や入力IF1070を介して、出力装置1010や入力装置1020の制御を行う。例えば、演算装置1030は、入力装置1020や二次記憶装置1050からプログラムを一次記憶装置1040上にロードし、ロードしたプログラムを実行する。   The arithmetic device 1030 controls the output device 1010 and the input device 1020 via the output IF 1060 and the input IF 1070. For example, the arithmetic device 1030 loads a program from the input device 1020 or the secondary storage device 1050 onto the primary storage device 1040, and executes the loaded program.

例えば、コンピュータ1000が端末装置100として機能する場合、コンピュータ1000の演算装置1030は、一次記憶装置1040上にロードされたプログラムを実行することにより、制御部150の機能を実現する。また、コンピュータ1000が広告配信サーバ20やコンテンツ配信サーバ30として機能する場合、コンピュータ1000の演算装置1030は、一次記憶装置1040上にロードされたプログラムを実行することにより、制御部23や制御部33の機能を実現する。   For example, when the computer 1000 functions as the terminal device 100, the arithmetic device 1030 of the computer 1000 implements the function of the control unit 150 by executing a program loaded on the primary storage device 1040. When the computer 1000 functions as the advertisement distribution server 20 or the content distribution server 30, the arithmetic device 1030 of the computer 1000 executes a program loaded on the primary storage device 1040, thereby controlling the control unit 23 or the control unit 33. Realize the function.

〔10.効果〕
上述したように、端末装置100は、コンテンツC30から所定の形状を有する領域を抽出したコンテンツC40を生成し、コンテンツC40をウェブページC10に重ねて表示する。この結果、端末装置100は、コンテンツC40に対する利用者の興味を生じさせる結果、コンテンツC40、ひいては、コンテンツC20、C30に関する情報の訴求効果を向上させることができる。
[10. effect〕
As described above, the terminal device 100 generates the content C40 obtained by extracting a region having a predetermined shape from the content C30, and displays the content C40 on the web page C10. As a result, the terminal device 100 can improve the appeal effect of the information related to the content C40, and thus the content C20 and C30, as a result of generating the user's interest in the content C40.

また、端末装置100は、コンテンツC30から抽出する抽出領域を示すコンテンツC20を取得し、コンテンツC30のうちコンテンツC20が示す抽出領域を抽出したコンテンツC40を生成する。例えば、端末装置100は、コンテンツC20として、所定の形状を有する領域を含む画像を取得し、コンテンツC30のうち、コンテンツC20を重ねた際に、所定の形状を有する領域と重なる領域を抽出したコンテンツC40を生成する。また、端末装置100は、コンテンツC20として、所定の透過度が設定された領域をさらに含む画像を取得し、コンテンツC30のうち、コンテンツC20を重ねた際に、所定の透過度が設定された領域と重なる範囲に対して、その領域に設定された透過度に応じて透過度を設定したコンテンツC40を生成する。このため、端末装置100は、例えば、コンテンツC20を登録した広告主が所望する形状の抽出領域を、コンテンツC30から抽出することが出来るので、表示領域の内容を設定する処理を容易にすることができる。   Further, the terminal device 100 acquires the content C20 indicating the extraction region extracted from the content C30, and generates the content C40 obtained by extracting the extraction region indicated by the content C20 from the content C30. For example, the terminal device 100 acquires, as the content C20, an image including an area having a predetermined shape, and extracts the area that overlaps the area having the predetermined shape when the content C20 is overlaid from the content C30. C40 is generated. Further, the terminal device 100 acquires an image further including an area in which a predetermined transparency is set as the content C20, and when the content C20 is overlapped in the content C30, the area in which the predetermined transparency is set. Content C40 in which the transparency is set in accordance with the transparency set in the area is generated for the range overlapping with. For this reason, since the terminal device 100 can extract, for example, an extraction region having a shape desired by the advertiser who has registered the content C20 from the content C30, it is possible to facilitate the process of setting the contents of the display region. it can.

また、端末装置100は、コンテンツC30からコンテンツC40として抽出する領域を徐々に変更する。例えば、端末装置100は、ウェブページC10に対する操作に応じて、コンテンツC30からコンテンツC40として抽出する領域を徐々に変更する。また、例えば、端末装置100は、コンテンツC30からコンテンツC40として抽出する領域を徐々に拡大または縮小する。また、例えば、端末装置100は、コンテンツC30からコンテンツC40として抽出する領域の形状を徐々に変更する。また、例えば、端末装置100は、コンテンツC30からコンテンツC40として抽出する領域の形状を徐々に回転させる。このため、端末装置100は、操作に応じて徐々に形状が変わるコンテンツC40を表示できるので、コンテンツC40に対する利用者の興味を生じさせる結果、関連する情報の訴求効果を向上させることができる。   Further, the terminal device 100 gradually changes the area to be extracted as the content C40 from the content C30. For example, the terminal device 100 gradually changes the area to be extracted as the content C40 from the content C30 in response to an operation on the web page C10. Further, for example, the terminal device 100 gradually enlarges or reduces the area extracted as the content C40 from the content C30. Further, for example, the terminal device 100 gradually changes the shape of the region extracted as the content C40 from the content C30. Further, for example, the terminal device 100 gradually rotates the shape of the region extracted as the content C40 from the content C30. For this reason, since the terminal device 100 can display the content C40 whose shape gradually changes according to the operation, the user's interest in the content C40 can be generated, and as a result, the effect of appealing related information can be improved.

また、例えば、端末装置100は、コンテンツC40として、表示形態を徐々に変更したコンテンツC30から所定の形状を有する領域を抽出したコンテンツを生成する。例えば、端末装置100は、ウェブページC10に対する操作に応じて、コンテンツC40として表示されるコンテンツC30の再生態様を制御する。このため、端末装置100は、シルエットだけではなく、動画像部分の表示態様が徐々に変化するコンテンツC40を表示できるので、コンテンツC40に対する利用者の興味を生じさせる結果、関連する情報の訴求効果を向上させることができる。   For example, the terminal device 100 generates content obtained by extracting a region having a predetermined shape from the content C30 whose display form is gradually changed as the content C40. For example, the terminal device 100 controls the reproduction mode of the content C30 displayed as the content C40 according to an operation on the web page C10. For this reason, since the terminal device 100 can display not only the silhouette but also the content C40 in which the display mode of the moving image portion gradually changes, as a result of generating the user's interest in the content C40, the effect of appealing related information can be obtained. Can be improved.

また、端末装置100は、コンテンツC40を選択する操作が行われた場合は、コンテンツC30を画面全体に表示する。より具体的には、端末装置100は、表示サイズが画面よりも小さいコンテンツC30から所定の形状を有する領域を抽出したコンテンツC40を生成して表示し、コンテンツC40が選択される操作が行われた場合は、コンテンツC30の表示サイズを拡大して画面に表示する。そして、端末装置100は、コンテンツC40が選択されたタイミングと対応する再生位置から、コンテンツC30の再生を開始する。このため、端末装置100は、コンテンツC30に関連する情報の訴求効果を向上させることができる。   Further, when an operation for selecting the content C40 is performed, the terminal device 100 displays the content C30 on the entire screen. More specifically, the terminal device 100 generates and displays the content C40 obtained by extracting an area having a predetermined shape from the content C30 whose display size is smaller than the screen, and an operation for selecting the content C40 is performed. In this case, the display size of the content C30 is enlarged and displayed on the screen. Then, the terminal device 100 starts the reproduction of the content C30 from the reproduction position corresponding to the timing when the content C40 is selected. For this reason, the terminal device 100 can improve the appeal effect of the information relevant to the content C30.

また、端末装置100は、コンテンツC40に対する所定の操作が行われた場合は、当該ウェブページC10の表示を取りやめる。このため、端末装置100は、コンテンツC40に対する利用者の印象の悪化を防ぐ結果、関連する情報の訴求効果を向上させることができる。   Further, when a predetermined operation is performed on the content C40, the terminal device 100 cancels the display of the web page C10. For this reason, the terminal device 100 can improve the appeal effect of related information as a result of preventing deterioration of the user's impression of the content C40.

また、端末装置100は、コンテンツC40として、コンテンツC30の内容と関連する物体の形状を有する領域を当該コンテンツC30から抽出したコンテンツを生成する。このため、端末装置100は、動画像全体を表示せずとも、動画像が有するシルエットにより利用者の興味を生じさせ、コンテンツC40の動画像を閲覧するといった動機づけを与えることが出来るので、コンテンツC40に関連する情報の訴求効果を向上させることができる。   Further, the terminal device 100 generates content obtained by extracting an area having an object shape related to the content of the content C30 from the content C30 as the content C40. For this reason, the terminal device 100 can give motivation such as viewing the moving image of the content C40 by generating the user's interest by the silhouette of the moving image without displaying the entire moving image. The appeal effect of information related to C40 can be improved.

以上、本願の実施形態のいくつかを図面に基づいて詳細に説明したが、これらは例示であり、発明の開示の欄に記載の態様を始めとして、当業者の知識に基づいて種々の変形、改良を施した他の形態で本発明を実施することが可能である。   As described above, some of the embodiments of the present application have been described in detail based on the drawings. It is possible to implement the present invention in other forms with improvements.

また、上記してきた「部(section、module、unit)」は、「手段」や「回路」などに読み替えることができる。例えば、配信部は、配信手段や配信回路に読み替えることができる。   Moreover, the above-mentioned “section (module, unit)” can be read as “means”, “circuit”, and the like. For example, the distribution unit can be read as distribution means or a distribution circuit.

1 配信システム
10 広告主端末
20 広告配信サーバ
21、31、110 通信部
22 記憶部
23、33、150 制御部
24 広告データベース
25 入稿受付部
26 要求受付部
27 広告選択部
28 配信部
30 コンテンツ配信サーバ
32 コンテンツ記憶部
34 受付部
35 配信部
100 端末装置
120 入力部
130 出力部
140 物理センサ
151 要求部
152 操作制御部
153 表示制御部
154 生成部
155 表示部
DESCRIPTION OF SYMBOLS 1 Distribution system 10 Advertiser terminal 20 Advertising distribution server 21, 31, 110 Communication part 22 Storage part 23, 33, 150 Control part 24 Advertising database 25 Submission reception part 26 Request reception part 27 Advertisement selection part 28 Distribution part 30 Content distribution Server 32 Content storage unit 34 Reception unit 35 Distribution unit 100 Terminal device 120 Input unit 130 Output unit 140 Physical sensor 151 Request unit 152 Operation control unit 153 Display control unit 154 Generation unit 155 Display unit

Claims (19)

動画像から所定の形状を有する領域を抽出した第1コンテンツを生成する生成手順と、
前記第1コンテンツを第2コンテンツに重ねて表示する表示手順と
をコンピュータに実行させるための情報表示プログラム。
A generation procedure for generating first content obtained by extracting a region having a predetermined shape from a moving image;
An information display program for causing a computer to execute a display procedure for displaying the first content superimposed on the second content.
前記動画像と、前記動画像から抽出する領域を示す第3コンテンツとを取得する取得手順
を実行させ
前記生成手順は、前記動画像のうち前記第3コンテンツが示す領域を抽出した第1コンテンツを生成する
処理であることを特徴とする請求項1に記載の情報表示プログラム。
An acquisition procedure for acquiring the moving image and a third content indicating a region to be extracted from the moving image is executed. The generation procedure includes: extracting the first content obtained by extracting the region indicated by the third content from the moving image. The information display program according to claim 1, wherein the information display program is a generation process.
前記取得手順は、前記第3コンテンツとして、前記所定の形状を有する第1領域を含む画像を取得し、
前記生成手順は、前記動画像のうち、前記第3コンテンツを重ねた際に前記第1領域と重なる領域を抽出した第1コンテンツを生成する
処理であることを特徴とする請求項2に記載の情報表示プログラム。
The acquisition procedure acquires an image including the first region having the predetermined shape as the third content,
The said generation | occurrence | production procedure is a process which produces | generates the 1st content which extracted the area | region which overlaps with the said 1st area | region when the said 3rd content is overlapped among the said moving images, The process of Claim 2 characterized by the above-mentioned. Information display program.
前記取得手順は、前記第3コンテンツとして、所定の透過度が設定された第2領域をさらに含む画像を取得し、
前記生成手順は、前記動画像のうち、前記第3コンテンツを重ねた際に前記第1領域と重なる領域を抽出し、前記第2領域と重なる領域の透過度を当該第2領域に設定された透過度に応じて設定した第1コンテンツを生成する
処理であることを特徴とする請求項3に記載の情報表示プログラム。
The obtaining procedure obtains an image further including a second region in which a predetermined transparency is set as the third content,
In the generation procedure, an area that overlaps the first area when the third content is overlapped is extracted from the moving image, and the transparency of the area that overlaps the second area is set to the second area. The information display program according to claim 3, wherein the information display program is processing for generating first content set in accordance with transparency.
前記生成手順は、前記動画像から前記第1コンテンツとして抽出する領域を徐々に変更する
処理であることを特徴とする請求項1〜4のうちいずれか1つに記載の情報表示プログラム。
The information display program according to any one of claims 1 to 4, wherein the generation procedure is a process of gradually changing a region extracted as the first content from the moving image.
前記生成手順は、前記第2コンテンツに対する操作に応じて、前記動画像から前記第1コンテンツとして抽出する領域を徐々に変更する
処理であることを特徴とする請求項5に記載の情報表示プログラム。
6. The information display program according to claim 5, wherein the generation procedure is a process of gradually changing a region to be extracted as the first content from the moving image in accordance with an operation on the second content.
前記生成手順は、前記動画像から前記第1コンテンツとして抽出する領域を徐々に拡大または縮小する
処理であることを特徴とする請求項5または6に記載の情報表示プログラム。
The information display program according to claim 5 or 6, wherein the generation procedure is a process of gradually enlarging or reducing an area extracted as the first content from the moving image.
前記生成手順は、前記動画像から前記第1コンテンツとして抽出する領域の形状を徐々に変更する
処理であることを特徴とする請求項5〜7のうちいずれか1つに記載の情報表示プログラム。
The information display program according to any one of claims 5 to 7, wherein the generation procedure is a process of gradually changing a shape of an area extracted as the first content from the moving image.
前記生成手順は、前記動画像から前記第1コンテンツとして抽出する領域の形状を徐々に回転させる
処理であることを特徴とする請求項5〜8のうちいずれか1つに記載の情報表示プログラム。
The information generation program according to any one of claims 5 to 8, wherein the generation procedure is a process of gradually rotating a shape of an area extracted as the first content from the moving image.
前記生成手順は、前記第1コンテンツとして、表示形態を徐々に変更した動画像から所定の形状を有する領域を抽出したコンテンツを生成する
処理であることを特徴とする請求項1〜9のうちいずれか1つに記載の情報表示プログラム。
10. The method according to claim 1, wherein the generation procedure is a process of generating content obtained by extracting a region having a predetermined shape from a moving image whose display form is gradually changed as the first content. The information display program according to any one of the above.
前記表示手順は、前記第2コンテンツに対する操作に応じて、前記第1コンテンツとして表示される前記動画像の再生態様を制御する
処理であることを特徴とする請求項1〜10のうちいずれか1つに記載の情報表示プログラム。
The said display procedure is a process which controls the reproduction | regeneration aspect of the said moving image displayed as said 1st content according to operation with respect to said 2nd content, The any one of Claims 1-10 characterized by the above-mentioned. Information display program described in 1.
前記表示手順は、前記第1コンテンツを選択する操作が行われた場合は、前記動画像を画面全体に表示する
処理であることを特徴とする請求項1〜11のうちいずれか1つに記載の情報表示プログラム。
12. The display procedure according to claim 1, wherein when the operation of selecting the first content is performed, the display procedure is a process of displaying the moving image on the entire screen. Information display program.
前記生成手順は、表示サイズが画面よりも小さい動画像から所定の形状を有する領域を抽出した第1コンテンツを生成し、
前記表示手順は、前記第1コンテンツが選択される操作が行われた場合は、前記動画像の表示サイズを拡大して前記画面に表示する
処理であることを特徴とする請求項1〜12のうちいずれか1つに記載の情報表示プログラム。
The generation procedure generates first content obtained by extracting a region having a predetermined shape from a moving image whose display size is smaller than the screen,
The display procedure according to claim 1, wherein when an operation for selecting the first content is performed, the display size of the moving image is enlarged and displayed on the screen. The information display program described in any one of them.
前記表示手順は、前記第1コンテンツが選択されたタイミングと対応する再生位置から、前記動画像の再生を開始する
処理であることを特徴とする請求項12または13に記載の情報表示プログラム。
The information display program according to claim 12 or 13, wherein the display procedure is a process of starting playback of the moving image from a playback position corresponding to a timing at which the first content is selected.
前記表示手順は、前記第1コンテンツに対する所定の操作が行われた場合は、当該第2コンテンツの表示を取りやめる
処理であることを特徴とする請求項1〜14のうちいずれか1つに記載の情報表示プログラム。
15. The display procedure according to claim 1, wherein the display procedure is a process of canceling the display of the second content when a predetermined operation is performed on the first content. Information display program.
前記生成手順は、前記第1コンテンツとして、前記動画像の内容と関連する物体の形状を有する領域を当該動画像から抽出したコンテンツを生成する
処理であることを特徴とする請求項1〜15のうちいずれか1つに記載の情報表示プログラム。
16. The process according to claim 1, wherein the generation procedure is a process of generating, as the first content, content obtained by extracting an area having an object shape related to the content of the moving image from the moving image. The information display program described in any one of them.
動画像から所定の形状を有する領域を抽出した第1コンテンツを生成する生成部と、
前記第1コンテンツを第2コンテンツに重ねて表示する表示部と
を有することを特徴とする情報表示装置。
A generating unit that generates first content obtained by extracting a region having a predetermined shape from a moving image;
An information display device comprising: a display unit configured to display the first content on the second content.
情報表示装置が実行する情報表示方法であって、
動画像から所定の形状を有する領域を抽出した第1コンテンツを生成する生成工程と、
前記第1コンテンツを第2コンテンツに重ねて表示する表示工程と
を含むことを特徴とする情報表示方法。
An information display method executed by the information display device,
A generation step of generating first content obtained by extracting a region having a predetermined shape from a moving image;
A display step of displaying the first content on the second content in an overlapping manner.
所定のコンテンツを表示する端末装置に制御情報を配信する配信部を備え、
前記配信部は、前記端末装置に前記制御情報を配信することで、
動画像から所定の形状を有する領域を抽出した第1コンテンツを生成する処理と、
前記第1コンテンツを第2コンテンツに重ねて表示する処理と
を実行するよう前記端末装置を制御する、
ことを特徴とする配信装置。
A distribution unit that distributes control information to a terminal device that displays predetermined content;
The distribution unit distributes the control information to the terminal device,
Processing for generating first content obtained by extracting a region having a predetermined shape from a moving image;
Controlling the terminal device to perform a process of displaying the first content superimposed on the second content.
A distribution apparatus characterized by that.
JP2016121907A 2016-06-20 2016-06-20 Information display program, information display device, information display method, and distribution device Active JP6706977B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2016121907A JP6706977B2 (en) 2016-06-20 2016-06-20 Information display program, information display device, information display method, and distribution device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2016121907A JP6706977B2 (en) 2016-06-20 2016-06-20 Information display program, information display device, information display method, and distribution device

Publications (2)

Publication Number Publication Date
JP2017228845A true JP2017228845A (en) 2017-12-28
JP6706977B2 JP6706977B2 (en) 2020-06-10

Family

ID=60892069

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2016121907A Active JP6706977B2 (en) 2016-06-20 2016-06-20 Information display program, information display device, information display method, and distribution device

Country Status (1)

Country Link
JP (1) JP6706977B2 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111127092A (en) * 2019-12-20 2020-05-08 中富通集团股份有限公司 Method for improving click rate of application advertisement of intelligent equipment and storage medium

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023223760A1 (en) * 2022-05-18 2023-11-23 富士フイルム株式会社 Control device, control method, control program, and system

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003116108A (en) * 2001-10-09 2003-04-18 Canon Inc Moving picture display device, moving picture display method, and computer program
JP2003158710A (en) * 2001-11-20 2003-05-30 Nippon Hoso Kyokai <Nhk> Video object editing device and its program
WO2004039068A1 (en) * 2002-10-23 2004-05-06 Matsushita Electric Industrial Co., Ltd. Image combining portable terminal and image combining method used therefor
JP2007013313A (en) * 2005-06-28 2007-01-18 Toshiba Corp Video equipment, method of recording and reproducing image
JP2007150673A (en) * 2005-11-28 2007-06-14 Sun Corp Moving picture display system, content server, content reproducing apparatus, and moving picture display method
JP2010026021A (en) * 2008-07-16 2010-02-04 Sony Corp Display device and display method
JP2013057918A (en) * 2011-09-09 2013-03-28 Shigeto Umeda System for displaying and bidding for variable-length advertisement
JP2014134792A (en) * 2012-12-14 2014-07-24 Furyu Kk Image processing apparatus, method and program
JP2015049692A (en) * 2013-08-30 2015-03-16 ヤフー株式会社 Distribution system, terminal device, distribution method, and distribution program
JP2015118618A (en) * 2013-12-19 2015-06-25 キヤノン株式会社 Information processing apparatus, information processing method, and computer program

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003116108A (en) * 2001-10-09 2003-04-18 Canon Inc Moving picture display device, moving picture display method, and computer program
JP2003158710A (en) * 2001-11-20 2003-05-30 Nippon Hoso Kyokai <Nhk> Video object editing device and its program
WO2004039068A1 (en) * 2002-10-23 2004-05-06 Matsushita Electric Industrial Co., Ltd. Image combining portable terminal and image combining method used therefor
JP2007013313A (en) * 2005-06-28 2007-01-18 Toshiba Corp Video equipment, method of recording and reproducing image
JP2007150673A (en) * 2005-11-28 2007-06-14 Sun Corp Moving picture display system, content server, content reproducing apparatus, and moving picture display method
JP2010026021A (en) * 2008-07-16 2010-02-04 Sony Corp Display device and display method
JP2013057918A (en) * 2011-09-09 2013-03-28 Shigeto Umeda System for displaying and bidding for variable-length advertisement
JP2014134792A (en) * 2012-12-14 2014-07-24 Furyu Kk Image processing apparatus, method and program
JP2015049692A (en) * 2013-08-30 2015-03-16 ヤフー株式会社 Distribution system, terminal device, distribution method, and distribution program
JP2015118618A (en) * 2013-12-19 2015-06-25 キヤノン株式会社 Information processing apparatus, information processing method, and computer program

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111127092A (en) * 2019-12-20 2020-05-08 中富通集团股份有限公司 Method for improving click rate of application advertisement of intelligent equipment and storage medium
CN111127092B (en) * 2019-12-20 2023-07-14 中富通集团股份有限公司 Method for improving click rate of intelligent device application advertisement and storage medium

Also Published As

Publication number Publication date
JP6706977B2 (en) 2020-06-10

Similar Documents

Publication Publication Date Title
JP6224786B1 (en) Information display program, information display device, information display method, and distribution device
JP6482501B2 (en) Information display program, information display method, information display device, and distribution device
JP5937262B1 (en) Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
JP5965035B1 (en) Information display program, information display method, information display device, distribution device, and distribution method
JP5881809B1 (en) Information display device, distribution device, information display method, and information display program
JP6223310B2 (en) Information display program, distribution device, information display method, and information display device
JP5985718B1 (en) Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
JP6019193B1 (en) Information display program, information display method, information display device, and distribution device
JP6679640B2 (en) Information display program, information display device, information display method, and distribution device
JP5855196B1 (en) Information display device, distribution device, information display method, and information display program
JP2017033573A (en) Information display device, delivery device, information display method, and information display program
JP6095815B1 (en) Information display program, information display device, information display method, and distribution device
JP6918444B2 (en) Information display program, information display device, information display method, and distribution device
JP6096853B1 (en) Information display program, information display method, and information display apparatus
JP6706977B2 (en) Information display program, information display device, information display method, and distribution device
JP6481063B1 (en) Information display program, information display device, information display method, and distribution device
JP6695833B2 (en) Information display program, information display device, information display method, and distribution device
JP6559190B2 (en) Information display program, information display device, information display method, and distribution device
JP6566915B2 (en) Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
JP6001156B2 (en) Information display program, distribution device, information display method, and information display device
JP5941205B1 (en) Information display program, distribution device, information display method, and information display device
JP6490122B2 (en) Information display program, information display device, information display method, and distribution device
JP6580095B2 (en) Information display program, information display device, information display method, and distribution device
JP6104437B1 (en) Information display program, information display device, information display method, and distribution device
JP6584459B2 (en) Information display program, information display device, information display method, and distribution device

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20190319

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20190809

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190924

A711 Notification of change in applicant

Free format text: JAPANESE INTERMEDIATE CODE: A712

Effective date: 20191101

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20191108

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20191125

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20200421

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20200519

R150 Certificate of patent or registration of utility model

Ref document number: 6706977

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350