JP5974241B1 - Movie display frame control device and program - Google Patents
Movie display frame control device and program Download PDFInfo
- Publication number
- JP5974241B1 JP5974241B1 JP2015118844A JP2015118844A JP5974241B1 JP 5974241 B1 JP5974241 B1 JP 5974241B1 JP 2015118844 A JP2015118844 A JP 2015118844A JP 2015118844 A JP2015118844 A JP 2015118844A JP 5974241 B1 JP5974241 B1 JP 5974241B1
- Authority
- JP
- Japan
- Prior art keywords
- moving image
- display
- display frame
- frame
- image display
- 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.)
- Active
Links
Abstract
【課題】コンテンツを閲覧するユーザのユーザビリティの低下を最小限としながら、静止画と同時に動画表示することを可能とする動画表示枠制御装置およびプログラムを提供する。【解決手段】Ｗｅｂブラウザを介してディスプレイの最上部又は最下部に表示領域全幅にわたる動画表示枠２１を表示させると共に動画表示枠２１内で動画を自動再生させ、動画表示枠２１以外の表示領域であるフレーム領域２２にコンテンツを表示させる動画表示枠表示命令と、ユーザのスクロール指示を検出するためのスクロール検出命令と、ユーザのスクロール指示に基づき、少なくともフレーム領域２２内のコンテンツをスクロールさせるスクロール表示命令と、ユーザのフレーム領域２２でのスクロール指示が一定量以上である場合に、動画表示枠２１を縮小表示させる縮小表示命令と、を含む。【選択図】図１A moving image display frame control device and a program capable of displaying a moving image simultaneously with a still image while minimizing a decrease in usability of a user browsing content. A moving image display frame 21 that covers the entire width of the display area is displayed at the top or bottom of the display via a Web browser, and a moving image is automatically played back in the moving image display frame 21, so that the display area other than the moving image display frame 21 A moving image display frame display command for displaying content in a certain frame region 22, a scroll detection command for detecting a user's scroll instruction, and a scroll display command for scrolling at least the content in the frame region 22 based on the user's scroll instruction And a reduction display command for reducing the moving image display frame 21 when the scroll instruction in the frame area 22 of the user is a predetermined amount or more. [Selection] Figure 1
Description
本発明は、動画表示枠が所定の条件でオーバーレイ表示される動画表示枠制御装置およびプログラムに関する。本明細書における「動画広告」には、営利用途の動画広告のみならず、非営利用途の動画も含まれるものとする。 The present invention relates to a moving image display frame control device and a program for displaying a moving image display frame in an overlay manner under a predetermined condition. The “video advertisement” in this specification includes not only commercial video advertisements but also non-commercial videos.
インターネットでは様々な情報が流通しており、コンテンツを無料で提供しながら画面上の一部に広告を表示することがよく行われている。近年、液晶パネルなどにユーザの指の位置を検出する機能を持たせたタッチディスプレイを備えたポータブル電子装置（例えば、スマートフォンやタブレット）が広く販売されているが、このような電子装置の画面領域は狭いため、広告表示には工夫が必要である。例えば、特許文献１の図５には、広告をオーバーレイで表示させる態様が例示され、同図６では広告をタイムライン上の記事として表示させる態様が例示されている。 Various information is distributed on the Internet, and it is often performed to display advertisements on a part of the screen while providing content free of charge. In recent years, portable electronic devices (for example, smartphones and tablets) having a touch display that has a function of detecting the position of a user's finger on a liquid crystal panel or the like are widely sold. Because of the small size, it is necessary to devise the advertisement display. For example, FIG. 5 of Patent Document 1 illustrates an aspect in which an advertisement is displayed as an overlay, and FIG. 6 illustrates an aspect in which the advertisement is displayed as an article on the timeline.
Ｗｅｂサイトの閲覧時に、広告情報が表示されると、その分だけ当該Ｗｅｂサイトのコンテンツ情報の表示領域は狭くなる。広告をオーバーレイで表示させる仕様においては、広告表示領域の分だけ、画面上の表示領域が狭くなるため、ユーザビリティの低下は免れない。他方で、ユーザに無料ないし低廉にコンテンツ情報を提供するためには、スポンサーから広告費用を徴収することが必要的である。また、スポンサーの側からすれば、広告表示はできるだけ長時間にわたり表示させたいというニーズがある。長時間にわたり広告表示をしながら、ユーザビリティの低下を最小限とする技術手段が求められていた。 When advertisement information is displayed during browsing of a Web site, the display area of the content information of the Web site is narrowed accordingly. In the specification of displaying an advertisement with an overlay, the display area on the screen is reduced by the amount of the advertisement display area. On the other hand, in order to provide content information to users free of charge or inexpensively, it is necessary to collect advertising costs from sponsors. From the sponsor's side, there is a need to display advertisements for as long as possible. There has been a demand for a technical means for minimizing a decrease in usability while displaying an advertisement for a long time.
また、Ｗｅｂサイトによっては広告以外の動画をコンテンツと同時に表示させることも行われているが、ユーザがコンテンツを閲覧したい際には動画表示がコンテンツ閲覧の妨げになるという課題がある。 In addition, although a video other than an advertisement is displayed at the same time as the content depending on the website, there is a problem that when the user wants to browse the content, the moving image display hinders the content browsing.
そこで、本発明では、コンテンツを閲覧するユーザのユーザビリティの低下を最小限としながら、静止画と同時に動画表示することを可能とする動画表示枠制御装置およびプログラムを提供することを目的とする。 Therefore, an object of the present invention is to provide a moving image display frame control device and a program capable of displaying a moving image simultaneously with a still image while minimizing a decrease in usability of a user browsing the content.
本発明の動画表示枠制御装置は、タッチディスプレイと、プロセッサと、記憶装置と、Ｗｅｂブラウザプログラムおよび動画表示制御プログラムと、を備え、前記動画表示制御プログラムが、Ｗｅｂブラウザを介してタッチディスプレイの最上部または最下部に表示領域全幅にわたる動画表示枠（２１）を表示させると共に当該動画表示枠内で動画を自動再生させ、動画表示枠以外の表示領域であるフレーム領域（２２）にコンテンツを表示させる動画表示枠表示命令と、ユーザのスクロール指示を検出するためのスクロール検出命令と、前記ユーザのスクロール指示に基づき、少なくともフレーム領域内のコンテンツをスクロールさせるスクロール表示命令と、ユーザのフレーム領域でのスクロール指示が一定量以上である場合に、前記動画表示枠を縮小表示させる縮小表示命令と、を含み、前記縮小表示命令が、少なくとも幅を縮小した透過表示されない動画表示枠を表示すると共に、当該動画表示枠とタッチディスプレイの左右端部との間の領域にコンテンツが透過表示される一対の透過表示領域（２４）を表示させることを特徴とする。
上記動画表示枠制御装置において、前記動画表示枠表示命令が、前記タッチディスプレイの高さの１／１２〜１／４の高さを有する動画表示枠を表示させること、前記動画表示制御プログラムが、前記動画表示枠内における動画自動再生の終了を検出し、動画自動再生の終了後にユーザのスクロール指示が検出された場合には、前記動画表示枠表示命令が表示した前記動画表示枠の１／４〜２／３の高さを有する動画表示枠を表示させる最小表示命令を含むことを特徴としてもよい。
The moving image display frame control device of the present invention includes a touch display, a processor, a storage device, a Web browser program and a moving image display control program, and the moving image display control program is the most suitable for the touch display via the Web browser. A moving image display frame (21) that covers the entire width of the display area is displayed at the top or bottom, and the moving image is automatically played back within the moving image display frame, and the content is displayed in the frame area (22) that is a display area other than the moving image display frame. Movie display frame display command, scroll detection command for detecting a user's scroll instruction, scroll display command for scrolling at least content in the frame area based on the user's scroll instruction, and scroll in the user's frame area When the instruction is over a certain amount, It is seen containing a reduced display command for reduced display the display frame, and the reduced display command, and displays the moving image display frame that is not transparent display by reducing the least width, the left and right ends of the video display frame and touch display A pair of transparent display areas (24) in which content is transparently displayed is displayed in an area between them.
In the moving image display frame control device, the moving image display frame display command displays a moving image display frame having a height of 1/12 to 1/4 of the height of the touch display, and the moving image display control program includes: When the end of the automatic video playback within the video display frame is detected and the user's scroll instruction is detected after the end of the automatic video playback , 1/4 of the video display frame displayed by the video display frame display command is displayed. A minimum display command for displaying a moving image display frame having a height of ˜2 / 3 may be included.
上記動画表示枠制御装置において、前記縮小表示命令が、前記動画表示枠表示命令が表示した前記動画表示枠の６０〜９０％の幅を有する動画表示枠を表示させることを特徴としてもよく、この場合、好ましくは、前記縮小表示命令が、縦横比を維持したまま動画表示枠を縮小表示することを特徴とする。
上記動画表示枠制御装置において、前記スクロール表示命令が、前記ユーザのスクロール指示に基づき、前記フレーム領域と共に前記動画表示枠をスクロールさせること、前記縮小表示命令が、前記動画表示枠がタッチディスプレイからスクロールアウトされた場合に、縮小された動画表示枠をタッチディスプレイの最下部または最上部に表示させることを特徴としてもよい。
上記動画表示枠制御装置において、前記動画表示枠表示命令が、動画再生時に、前記動画表示枠の一部の領域に字幕を表示させることを特徴としてもよい。
上記動画表示枠制御装置において、スマートフォンであることを特徴としてもよい。
In the video display frame control device, the reduced display command may display a video display frame having a width of 60 to 90% of the video display frame displayed by the video display frame display command. In this case, it is preferable that the reduced display command displays the moving image display frame in a reduced size while maintaining the aspect ratio.
In the moving image display frame control device, the scroll display command causes the moving image display frame to be scrolled together with the frame area based on the user's scroll instruction, and the reduced display command causes the moving image display frame to be scrolled from the touch display. In the case of being out, the reduced moving image display frame may be displayed at the bottom or top of the touch display.
In the moving image display frame control device, the moving image display frame display command may display subtitles in a partial area of the moving image display frame during reproduction of the moving image.
The moving image display frame control device may be a smartphone.
本発明の動画表示枠制御プログラムは、タッチディスプレイと、プロセッサと、記憶装置と、Ｗｅｂブラウザプログラムと、を備えた動画表示枠制御装置のプロセッサにより実行される動画表示枠制御プログラムであって、Ｗｅｂブラウザを介してタッチディスプレイの最上部または最下部に表示領域全幅にわたる動画表示枠（２１）を表示させると共に当該動画表示枠内で動画を自動再生させ、動画表示枠以外の表示領域であるフレーム領域（２２）にコンテンツを表示させる動画表示枠表示ステップと、ユーザのスクロール指示を検出するためのスクロール検出ステップと、前記ユーザのスクロール指示に基づき、少なくともフレーム領域内のコンテンツをスクロールさせるスクロール表示ステップと、ユーザのフレーム領域でのスクロール指示が一定量以上である場合に、前記動画表示枠を縮小表示させる縮小表示ステップと、を実行させること、前記縮小表示ステップにおいて、少なくとも幅を縮小した透過表示されない動画表示枠を表示させると共に、当該動画表示枠とタッチディスプレイの左右端部との間の領域にコンテンツが透過表示される一対の透過表示領域（２４）を表示させることを特徴とする。 A moving image display frame control program of the present invention is a moving image display frame control program executed by a processor of a moving image display frame control device including a touch display, a processor, a storage device, and a Web browser program. A frame area which is a display area other than the moving picture display frame by displaying the moving picture display frame (21) over the entire width of the display area at the top or bottom of the touch display via the browser and automatically playing the moving picture within the moving picture display frame. (22) a moving image display frame display step for displaying content, a scroll detection step for detecting a user scroll instruction, and a scroll display step for scrolling at least the content in the frame area based on the user scroll instruction; , Scroll in the user's frame area When Le instruction is a certain amount or more, be executed and a reduced display step of reduced display the video display frame, in the reduced display step, the displaying a moving display frame that is not transparent display by reducing at least the width A pair of transparent display areas (24) in which content is transparently displayed is displayed in an area between the moving image display frame and the left and right ends of the touch display .
本発明によれば、コンテンツを閲覧するユーザのユーザビリティの低下を最小限としながら、コンテンツと同時に動画を表示するので、動画の視聴率を高めることが可能となる。 According to the present invention, since the moving image is displayed simultaneously with the content while minimizing the decrease in usability of the user browsing the content, the viewing rate of the moving image can be increased.
本発明は、ディスプレイと、プロセッサと、記憶装置と、前記記憶装置に記憶されたＷｅｂブラウザプログラムおよび動画表示制御プログラムと、を備えるコンピュータに適用されるものであり、例えば、スマートフォン、タブレット端末（タブレットＰＣ）、ノートパソコン、デスクトップパソコンなどのＷｅｂブラウザが搭載されたコンピュータに適用することが可能である。
コンピュータがモバイル端末の場合、ディスプレイは、入力操作が可能なタッチディスプレイで構成することが好ましく、静電容量方式、抵抗膜方式、表面弾性波方式、赤外線方式、電磁誘導方式などのあらゆる方式のものが対象となる。ディスプレイの解像度は、３２０×４８０ピクセル以上であることが好ましく、６４０×９６０ピクセル以上であることがより好ましく、６４０×１１３６ピクセル以上であることがさらに好ましい。
動画表示制御プログラムを実行するためのＷｅｂブラウザは汎用的なもので足り、例えば、インターネットエクスプローラー、ファイアフォックス、サファリ、クローム、オペラを含む。
以下では、本発明を実施するための形態を、スマートフォンで動画広告を表示する場合を例示して説明する。
The present invention is applied to a computer including a display, a processor, a storage device, and a Web browser program and a moving image display control program stored in the storage device. For example, a smartphone, a tablet terminal (tablet) The present invention can be applied to a computer equipped with a web browser such as a PC), a notebook personal computer, or a desktop personal computer.
When the computer is a mobile terminal, the display is preferably composed of a touch display capable of input operation, and can be of any system such as a capacitive system, a resistive film system, a surface acoustic wave system, an infrared system, and an electromagnetic induction system. Is the target. The display resolution is preferably 320 × 480 pixels or more, more preferably 640 × 960 pixels or more, and further preferably 640 × 1136 pixels or more.
A general-purpose web browser for executing the moving image display control program is sufficient, and includes, for example, Internet Explorer, Firefox, Safari, Chrome, and Opera.
Below, the form for implementing this invention demonstrates and demonstrates the case where a moving image advertisement is displayed with a smart phone.
《第一実施形態》
第一実施形態に係るスマートフォン１は、タッチ入力が可能なディスプレイ２と、操作ボタン３と、プロセッサ（図示せず）および記憶装置（図示せず）を内蔵する本体４とを備えている。スマートフォン１は、アンドロイドやｉＯＳなどの汎用的なオペレーティングシステム（ＯＳ）が稼働しており、汎用的なＷｅｂブラウザを搭載している。ディスプレイ２の解像度は、幅６４０×高さ９６０ピクセルである。
<< first embodiment >>
The smartphone 1 according to the first embodiment includes a display 2 capable of touch input, operation buttons 3, and a main body 4 incorporating a processor (not shown) and a storage device (not shown). The smartphone 1 operates a general-purpose operating system (OS) such as Android and iOS, and includes a general-purpose web browser. The resolution of the display 2 is width 640 × height 960 pixels.
第一実施形態に係る動画表示枠制御プログラムは、Ｗｅｂサーバーから提供されるプログラムであり、ユーザがＷｅｂブラウザにより特定のＷｅｂページにアクセスすること出実行される。動画表示枠制御プログラムは、例えば、ＪａｖａＳｃｒｉｐｔ（登録商標）で作成される。この動画表示枠制御プログラムは、（Ａ１）全幅表示機能、（Ａ２）縮小表示機能、（Ａ３）最小表示機能、（Ａ４）字幕テキスト表示機能を備えている。以下、これら各機能を詳説する。 The moving image display frame control program according to the first embodiment is a program provided from a Web server, and is executed when a user accesses a specific Web page by a Web browser. The moving image display frame control program is created by, for example, JavaScript (registered trademark). This moving image display frame control program has (A1) full width display function, (A2) reduced display function, (A3) minimum display function, and (A4) subtitle text display function. Hereinafter, each of these functions will be described in detail.
（Ａ１）全幅表示機能
全幅表示機能は、ディスプレイ２の最上部（ヘッダー部）または最下部（フッター部）において、ディスプレイ全幅２ｗと同じ幅の動画表示枠２１を固定位置表示し、動画広告を自動再生する機能である。ここにいう固定位置表示は、ユーザの画面スクロールに関係なく、ディスプレイ２の一定位置に固定して表示することを意味し、動画表示枠２１の下にコンテンツは表示されていない。
動画表示枠の高さ２１ｈは、ディスプレイの解像度により可変とされるが、ディスプレイの高さ２ｈの例えば１／１２〜１／４とすることが好ましい。すなわち、例えば、ディスプレイの高さ２ｈが縦９６０ピクセルの場合は、動画表示枠の高さ２１ｈを８０〜２４０ピクセルとすることが開示される。全幅表示機能実行時の動画表示枠２１の面積は、他の機能実行時と比べ最も広くなり、動画が再生される。
(A1) Full width display function The full width display function displays a video advertisement frame 21 having the same width as the display full width 2 w at a fixed position at the uppermost part (header part) or the lowermost part (footer part) of the display 2 to display a video advertisement. This is an automatic playback function. The fixed position display here means that the display is fixedly displayed at a fixed position on the display 2 regardless of the screen scroll of the user, and no content is displayed under the moving image display frame 21.
The height 21 h of the moving image display frame is variable depending on the resolution of the display, but is preferably, for example, 1/12 to 1/4 of the height 2 h of the display. That is, for example, if the height 2 h of the display is vertical 960 pixels, it is disclosed that a 80 to 240 pixels height 21 h video display frame. The area of the moving image display frame 21 at the time of executing the full width display function is the largest compared with the time of executing other functions, and the moving image is reproduced.
図１に、全幅表示機能実行時のスマートフォン１を図示する。図１における動画表示枠２１の大きさは６４０×３６０ピクセルである。動画表示枠２１の大きさは、１６：９で設定されており、ディスプレイ２全幅２ｗを基準に自動で調整される。最上部に表示される動画表示枠２１の下方のフレーム領域２２にはコンテンツ情報が表示されており、ユーザがスクロール動作（例えば、ディスプレイ上で指をスライドさせる動作）をするとフレーム領域２１内のみがスクロールされる。このように、全幅表示機能実行時は、スクロール動作に関係無く動画表示枠２１が常時表示されるため、動画表示枠２１と紐付けられたＷｅｂページを閲覧している間は、動画広告がユーザに視認可能な状態で再生され続ける。動画表示枠２１の左上に表示される×ボタンがクリックされると、動画表示枠２１は閉じられる。 FIG. 1 illustrates a smartphone 1 when the full width display function is executed. The size of the moving image display frame 21 in FIG. 1 is 640 × 360 pixels. The size of the moving image display frame 21 is set at 16: 9, and is automatically adjusted based on the display 2 full width 2w . Content information is displayed in a frame area 22 below the moving image display frame 21 displayed at the top, and when the user performs a scrolling operation (for example, an operation of sliding a finger on the display), only the inside of the frame area 21 is displayed. Scrolled. As described above, when the full width display function is executed, the moving image display frame 21 is always displayed regardless of the scrolling operation. Therefore, the moving image advertisement is displayed while the Web page associated with the moving image display frame 21 is being browsed. It continues to be played while being visible. When the X button displayed at the upper left of the moving image display frame 21 is clicked, the moving image display frame 21 is closed.
（Ａ２）縮小表示機能
全幅表示機能実行時にユーザが所定の一定量（例えば、５ピクセル）以上のスクロールを指示するスクロール動作をすると、動画表示枠の幅２１ｗが例えば６０〜９０％に縮小される。ここで、動画表示枠２１の縮小は、幅２１ｗのみならず高さ２１ｈも縮小するようにしてもよく、好ましくは縦横比が維持された状態で動画表示枠２１を縮小してオーバーレイ表示する。また、動画表示枠２１の縮小と共に、動画表示枠２１の両端部とディスプレイ２の両端部との間の領域を透過表示領域２４とし、下方に表示されたコンテンツ情報を透過表示している。図２に、ディスプレイ２の左右端部からそれぞれ一定幅を動画表示枠２１と同じ高さの透過表示領域２４とし、縦横比が維持された状態で動画表示枠２１を縮小表示（７０％表示）した場合の画面を図示する。
このように、縮小表示機能実行時は、動画表示枠の幅２１ｗを少なくとも縮小してオーバーレイ表示されるので、画面２の高さ方向の全体でコンテンツ情報がスクロールされることとなり、ユーザがスクロールの有無を把握することが容易である（画面の上部だけを注視していても、スクロールの有無を判別することができる。）。
(A2) a certain amount the user is given the time of reduction display function full width display function execution (e.g., 5 pixels) when the scrolling operation for instructing the above scroll, is reduced to the width 21 w video display frame, for example 60% to 90% The Here, the moving image display frame 21 may be reduced not only in the width 21 w but also in the height 21 h . Preferably, the moving image display frame 21 is reduced and the overlay display is performed while maintaining the aspect ratio. To do. Further, along with the reduction of the moving image display frame 21, a region between both ends of the moving image display frame 21 and both ends of the display 2 is set as a transparent display region 24, and content information displayed below is displayed transparently. In FIG. 2, the video display frame 21 is reduced and displayed (70% display) while maintaining the aspect ratio with a constant width from the left and right end portions of the display 2 as the transparent display area 24 having the same height as the video display frame 21. The screen in the case of doing is illustrated.
Thus, when the reduced display function execution, because it is at least reduced to overlay the width 21 w video display frame, it is the content information is scrolled across the height direction of the screen 2, the user scrolls It is easy to grasp the presence or absence of the scroll (the presence or absence of the scroll can be determined even if only the upper part of the screen is watched).
（Ａ３）最小表示機能
動画広告の再生完了後、縮小された動画表示枠２１に動画のリプレイを促す再生完了画面２５が表示される（図３参照）。この再生完了画面２５の表示から一定時間（例えば、１〜５秒）の経過後、或いは、ユーザのスクロール動作をトリガーとして、再生完了画面２５は最小表示画面２６に切り替わる。ユーザのスクロール動作によるトリガーは、フレーム領域２２に表示されている画像情報の特定位置の上下座標情報を記憶装置に記憶しておき、当該特定位置の上下座標が一定以上変化した場合にはスクロールがあったと判定し、かつ、視聴完了フラグが完了済みとなっている場合に実行される。最小表示機能実行時の動画表示枠の面積は、他の機能実行時と比べ最も狭くなり、動画は再生されない。
(A3) Minimum Display Function After the reproduction of the moving image advertisement is completed, a reproduction completion screen 25 that prompts the replay of the moving image is displayed in the reduced moving image display frame 21 (see FIG. 3). After a certain time (for example, 1 to 5 seconds) has elapsed from the display of the reproduction completion screen 25 or triggered by the user's scroll operation, the reproduction completion screen 25 is switched to the minimum display screen 26. The trigger by the scroll operation of the user stores the vertical coordinate information of the specific position of the image information displayed in the frame area 22 in the storage device, and the scroll is performed when the vertical coordinate of the specific position changes more than a certain value. This is executed when it is determined that there has been, and the viewing completion flag has been completed. The area of the moving image display frame at the time of executing the minimum display function is the smallest compared to when the other functions are executed, and the moving image is not played back.
最小表示画面の高さ２６ｈは、全幅表示機能実行時の例えば１／４〜２／３である。最小表示画面２６は、水平方向に並んで配置された静止画表示領域２７とテキスト領域２８とから構成される。図４に、動画表示枠の高さ２６ｈを全幅表示機能実行時の１／２とした場合の画面を図示する。最小表示画面２６で表示する静止画情報およびテキスト情報は、任意のものを設定することが可能である。なお、図４では最小表示画面の幅２６ｈを全幅表示としているが、これとは異なり、最小表示画面の幅２６ｈを縮小してもよい。
このように、最小表示機能実行時は、動画表示枠の高さ２６ｈが大幅に縮小されるので、ユーザによるコンテンツ情報の閲覧への影響を最小限とすることができる。また、ユーザのスクロール動作をトリガーとした場合は、ユーザが再生完了画面を閉じる操作をすることなく、動画表示枠を最小表示とすることができるので、ユーザの利便性が高い。
Height 26 h minimum display screen, for example, 1 / 4-2 / 3 of the time the full width display function execution. The minimum display screen 26 includes a still image display area 27 and a text area 28 arranged side by side in the horizontal direction. Figure 4 illustrates a screen in the case where the moving image display frame height 26 h 1/2 at full width display function execution. The still image information and text information displayed on the minimum display screen 26 can be set arbitrarily. In FIG. 4, the width 26h of the minimum display screen is displayed as a full width display. However, the width 26h of the minimum display screen may be reduced.
As described above, when the minimum display function is executed, the height 26 h of the moving image display frame is greatly reduced, so that it is possible to minimize the influence on the browsing of the content information by the user. In addition, when the user's scrolling operation is used as a trigger, the moving image display frame can be displayed as a minimum without the user performing an operation of closing the reproduction completion screen, which is highly convenient for the user.
第一実施形態では、スマートフォン１が９０度回転された場合には、最小表示画面２６は非表示となる仕様である。これとは異なり、動画表示枠の高さ２６ｈを同一としたまま９０度回転された画像を全幅表示する仕様、或いは、動画表示枠の高さ２６ｈおよび幅２６ｗをディスプレイの幅２ｗよりも狭くして９０度回転された画像を表示する仕様としてもよい。
なお、ユーザのタッチ操作により最小表示画面２６を閉じることも当然に可能である。
In the first embodiment, the specification is such that the minimum display screen 26 is not displayed when the smartphone 1 is rotated 90 degrees. Unlike this, the specification is to display an image that has been rotated 90 degrees while keeping the same height 26 h of the moving image display frame, or the height 26 h and width 26 w of the moving image display frame are set to the width 2 w of the display. It is also possible to display an image that is narrower and rotated 90 degrees.
Of course, the minimum display screen 26 can be closed by the user's touch operation.
（Ａ４）字幕表示機能
字幕表示機能は、図１および図２に示すように、動画表示枠内にある字幕領域２３に字幕情報を出力する機能である。動画の再生時は、動画と同期して例えば１秒ごとに字幕情報が更新される。音声出力がＯＮとされている場合は、字幕情報をＯＦＦに設定することも可能である。また、字幕表示機能は、全幅表示機能および縮小表示機能と同時に実行することが可能である。字幕情報機能により、マナーモード時でも音声と同様の情報をユーザに伝達することが可能となる。
(A4) Subtitle Display Function The subtitle display function is a function for outputting subtitle information to the subtitle area 23 in the moving image display frame, as shown in FIGS. When reproducing a moving image, subtitle information is updated every second, for example, in synchronization with the moving image. When the audio output is turned on, the caption information can be set to off. The caption display function can be executed simultaneously with the full width display function and the reduced display function. With the caption information function, the same information as the voice can be transmitted to the user even in the manner mode.
以上に説明した第一実施形態に係る動画表示枠制御プログラムによれば、ユーザのスクロール動作の有無に影響されることなく、Ｗｅｂページ滞在中は動画広告を常時配信することができるので、完全視聴回数を高めることが可能である。
また、動画広告の完全視聴後、ユーザは動画広告を閉じる操作をすることなく、動画表示枠を最小表示とすることができるので、ユーザは自然流れでコンテンツなどの静止画の閲覧に移行することができる。
According to the moving image display frame control program according to the first embodiment described above, a moving image advertisement can always be distributed while staying on a Web page without being affected by the presence or absence of the user's scrolling operation. It is possible to increase the number of times.
In addition, after the video advertisement has been completely viewed, the user can minimize the video display frame without closing the video advertisement, so the user can move to browsing still images such as content in a natural manner. Can do.
《第二実施形態》
第二実施形態に係る動画表示枠制御プログラムも、Ｗｅｂサーバーから提供されるプログラムであり、ユーザがＷｅｂブラウザにより特定のＷｅｂページにアクセスすること出実行される。この動画表示枠制御プログラムは、（Ｂ１）全幅表示機能、（Ｂ２）縮小表示機能、（Ｂ３）最小表示機能、（Ｂ４）字幕テキスト表示機能を備えている。以下、これら各機能を詳説する。
<< Second Embodiment >>
The moving image display frame control program according to the second embodiment is also a program provided from a Web server, and is executed when a user accesses a specific Web page by a Web browser. This moving image display frame control program has (B1) full width display function, (B2) reduced display function, (B3) minimum display function, and (B4) subtitle text display function. Hereinafter, each of these functions will be described in detail.
（Ｂ１）全幅表示機能
全幅表示機能は、ディスプレイ２の最上部（ヘッダー部）において、ディスプレイ全幅２ｗと同じ幅の動画表示枠２１を表示し、動画広告を自動再生する機能である。全幅表示機能実行時のスマートフォン１は、スクロールをしない限りにおいては、図１に示すとおりとなる。しかし、第二実施形態では、第一実施形態と異なり、動画表示枠２１は固定されておらず、フレーム領域２２と共にスクロールされる。なお、図１とは異なり、ディスプレイ２の最下部において、動画表示枠２１を表示する仕様としてもよい。
(B1) Full-width display function The full-width display function is a function for displaying a moving image display frame 21 having the same width as the display full width 2 w on the uppermost portion (header portion) of the display 2 and automatically reproducing a moving image advertisement. The smartphone 1 at the time of executing the full width display function is as shown in FIG. 1 unless scrolling is performed. However, in the second embodiment, unlike the first embodiment, the moving image display frame 21 is not fixed and is scrolled together with the frame region 22. In addition, unlike FIG. 1, it is good also as a specification which displays the moving image display frame 21 in the lowest part of the display 2. FIG.
（Ｂ２）縮小表示機能
縮小表示機能は、動画表示枠２１がディスプレイ２からスクロールアウトした際に、縮小された動画表示枠３１をディスプレイ２の最下部（フッター部）に可動に表示し、動画広告を自動再生する機能である。この縮小された動画表示枠３１では、全幅表示機能実行時に再生されていた動画が、時的連続性をもって再生表示される。このように、動画広告は、全幅表示機能および縮小表示機能の各実行時を跨いで再生されるので、ユーザは同じ動画広告を視聴する必要が無く、完全視聴率を高めることができると考えられる。
(B2) Reduced display function The reduced display function displays the reduced moving image display frame 31 movably on the lowermost part (footer portion) of the display 2 when the moving image display frame 21 is scrolled out of the display 2 to display a moving image advertisement. Is a function to automatically play back. In the reduced moving image display frame 31, the moving image that has been reproduced when the full width display function is executed is reproduced and displayed with temporal continuity. In this way, the video advertisement is reproduced across the execution times of the full-width display function and the reduced display function, so that the user does not need to view the same video advertisement and can be considered to increase the complete audience rating. .
動画表示枠３１の縮小は、高さ３１ｈを縮小することにより行う。縮小した動画表示枠３１は、水平方向に並んで配置された静止画表示領域３２とテキスト表示領域３３とから構成される。図５に、縮小表示機能実行時のスマートフォン１を図示する。なお、全幅表示機能をディスプレイの最下部（フッター部）において動画表示枠２１を表示する仕様とした場合は、図４とは異なり、ディスプレイ２の最上部（ヘッダー部）において動画表示枠３１を表示する仕様とする（すなわち、非縮小時と上下反対となるディスプレイの端部に動画表示枠３１を表示する。）。 The moving image display frame 31 is reduced by reducing the height 31 h . The reduced moving image display frame 31 includes a still image display area 32 and a text display area 33 arranged side by side in the horizontal direction. FIG. 5 illustrates the smartphone 1 when the reduced display function is executed. Note that when the full width display function is set to display the moving image display frame 21 at the lowermost portion (footer portion) of the display, the moving image display frame 31 is displayed at the uppermost portion (header portion) of the display 2 unlike FIG. (I.e., the moving image display frame 31 is displayed at the end of the display that is upside down with respect to the non-reduced state).
（Ｂ３）最小表示機能
動画広告の再生完了から一定時間の経過後、或いは、ユーザのスクロール動作をトリガーとして、動画表示枠３１が最小表示画面３４に切り替わる。ユーザのスクロール動作によるトリガーは、ディスプレイ２に表示されている画像の特定位置の上下座標情報を記憶装置に記憶しておき、当該画像情報の上下座標が一定以上変化した場合にはスクロールがあったと判定し、かつ、視聴完了フラグが完了済みとなっている場合に実行される。第二実施形態でも、第一実施形態と同様、動画表示枠の高さ３４ｈが、全幅表示機能実行時の例えば１／４〜２／３となる。
(B3) Minimum Display Function The moving image display frame 31 is switched to the minimum display screen 34 after a lapse of a certain time from the completion of the reproduction of the moving image advertisement or by the user's scroll operation as a trigger. The trigger by the user's scroll operation is that the vertical coordinate information of the specific position of the image displayed on the display 2 is stored in the storage device, and if the vertical coordinate of the image information has changed more than a certain level, the scroll has occurred. This is executed when the determination is made and the viewing completion flag is already completed. In the second embodiment, as in the first embodiment, the height 34 h of the moving image display frame is, for example, 1/4 to 2/3 when the full width display function is executed.
（Ｂ４）字幕表示機能
字幕表示機能は、図１および図５に示すように、動画表示枠内にある字幕領域２３およびテキスト表示領域３３に字幕情報を出力する機能である。第二実施形態でも、第一実施形態と同様、動画の再生時は動画と同期して字幕情報が更新される。
(B4) Caption Display Function The caption display function is a function for outputting caption information to the caption area 23 and the text display area 33 in the moving image display frame, as shown in FIGS. Also in the second embodiment, as in the first embodiment, subtitle information is updated in synchronization with a moving image when the moving image is played back.
以上に説明した第二実施形態に係る動画表示枠制御プログラムによっても、ユーザのスクロール動作の有無に影響されることなく、Ｗｅｂページ滞在中は動画広告を常時配信することができるので、完全視聴回数を高めることが可能である。
また、動画広告の完全視聴後、ユーザは動画広告を閉じる操作をすることなく、動画表示枠を最小表示とすることができるので、ユーザは自然流れでしてコンテンツなどの静止画の閲覧に移行することができる。
Even with the video display frame control program according to the second embodiment described above, the video advertisement can always be delivered while staying on the web page without being affected by the presence or absence of the user's scrolling operation. It is possible to increase.
In addition, after the video advertisement has been completely viewed, the user can minimize the video display frame without closing the video advertisement, so the user moves to viewing still images such as content in a natural manner. can do.
１ スマートフォン
２ ディスプレイ
３ 操作ボタン
４ 本体
２１ 動画表示枠
２２ フレーム領域
２３ 字幕領域
２４ 透過領域
２５ 再生完了画面
２６ 最小表示画面
２７ 静止画表示領域
２８ テキスト表示領域
３１ 動画表示枠
３２ 静止画表示領域
３３ テキスト表示領域
３４ 最小表示画面
DESCRIPTION OF SYMBOLS 1 Smartphone 2 Display 3 Operation button 4 Main body 21 Movie display frame 22 Frame area 23 Subtitle area 24 Transparent area 25 Playback completion screen 26 Minimum display screen 27 Still image display area 28 Text display area 31 Movie display frame 32 Still image display area 33 Text Display area 34 Minimum display screen
Claims (8)
前記動画表示制御プログラムが、
Ｗｅｂブラウザを介してタッチディスプレイの最上部または最下部に表示領域全幅にわたる動画表示枠（２１）を表示させると共に当該動画表示枠内で動画を自動再生させ、動画表示枠以外の表示領域であるフレーム領域（２２）にコンテンツを表示させる動画表示枠表示命令と、
ユーザのスクロール指示を検出するためのスクロール検出命令と、
前記ユーザのスクロール指示に基づき、少なくともフレーム領域内のコンテンツをスクロールさせるスクロール表示命令と、
ユーザのフレーム領域でのスクロール指示が一定量以上である場合に、前記動画表示枠を縮小表示させる縮小表示命令と、を含み、
前記縮小表示命令が、少なくとも幅を縮小した透過表示されない動画表示枠を表示すると共に、当該動画表示枠とタッチディスプレイの左右端部との間の領域にコンテンツが透過表示される一対の透過表示領域（２４）を表示させることを特徴とする動画表示枠制御装置。 A touch display, a processor, a storage device, a Web browser program and a video display control program,
The moving image display control program is
A frame which is a display area other than the moving picture display frame by displaying the moving picture display frame (21) over the entire width of the display area on the uppermost or lowermost part of the touch display via the web browser and automatically playing the moving picture within the moving picture display frame. A video display frame display command for displaying content in the area (22);
A scroll detection command for detecting a user scroll instruction;
A scroll display command for scrolling at least the content in the frame region based on the user's scroll instruction;
If scroll instruction in the user frame region is more than a certain amount, seen including and a reduced display command for the reduced display the video display frame,
A pair of transparent display areas in which the reduced display instruction displays at least a video display frame that is not transparently displayed with a reduced width, and the content is transparently displayed in an area between the video display frame and the left and right ends of the touch display. (24) is displayed, and a moving image display frame control device.
前記動画表示制御プログラムが、前記動画表示枠内における動画自動再生の終了を検出し、動画自動再生の終了後にユーザのスクロール指示が検出された場合には、前記動画表示枠表示命令が表示した前記動画表示枠の１／４〜２／３の高さを有する動画表示枠を表示させる最小表示命令を含むことを特徴とする請求項１に記載の動画表示枠制御装置。 The moving image display frame display command displays a moving image display frame having a height of 1/12 to 1/4 of the height of the touch display;
When the moving image display control program detects the end of the moving image automatic reproduction within the moving image display frame and the user's scroll instruction is detected after the moving image automatic reproduction ends, the moving image display frame display instruction displays The moving image display frame control device according to claim 1, further comprising a minimum display command for displaying a moving image display frame having a height of ¼ to 2/3 of the moving image display frame.
前記縮小表示命令が、前記動画表示枠がタッチディスプレイからスクロールアウトされた場合に、縮小された動画表示枠をタッチディスプレイの最下部または最上部に表示させることを特徴とする請求項１ないし４のいずれかに記載の動画表示枠制御装置。 The scroll display command scrolls the moving image display frame together with the frame area based on the scroll instruction of the user;
5. The reduced display instruction, when the moving image display frame is scrolled out from the touch display, causes the reduced moving image display frame to be displayed at the lowermost part or the uppermost part of the touch display. The moving image display frame control device according to any one of the above.
Ｗｅｂブラウザを介してタッチディスプレイの最上部または最下部に表示領域全幅にわたる動画表示枠（２１）を表示させると共に当該動画表示枠内で動画を自動再生させ、動画表示枠以外の表示領域であるフレーム領域（２２）にコンテンツを表示させる動画表示枠表示ステップと、
ユーザのスクロール指示を検出するためのスクロール検出ステップと、
前記ユーザのスクロール指示に基づき、少なくともフレーム領域内のコンテンツをスクロールさせるスクロール表示ステップと、
ユーザのフレーム領域でのスクロール指示が一定量以上である場合に、前記動画表示枠を縮小表示させる縮小表示ステップと、
を実行させること、
前記縮小表示ステップにおいて、少なくとも幅を縮小した透過表示されない動画表示枠を表示させると共に、当該動画表示枠とタッチディスプレイの左右端部との間の領域にコンテンツが透過表示される一対の透過表示領域（２４）を表示させることを特徴とする動画表示枠制御プログラム。 A moving image display frame control program executed by a processor of a moving image display frame control device comprising a touch display, a processor, a storage device, and a Web browser program,
A frame which is a display area other than the moving picture display frame by displaying the moving picture display frame (21) over the entire width of the display area on the uppermost or lowermost part of the touch display via the web browser and automatically playing the moving picture within the moving picture display frame. A video display frame display step for displaying content in the area (22);
A scroll detection step for detecting a user's scroll instruction;
A scroll display step of scrolling at least the content in the frame region based on the user's scroll instruction;
A reduction display step of reducing the moving image display frame when the user's scroll instruction in the frame area is a certain amount or more;
Possible to the execution,
In the reduced display step, a pair of transparent display areas in which at least a moving image display frame that is not transparently displayed with a reduced width is displayed and content is transparently displayed in an area between the moving image display frame and the left and right ends of the touch display. (24) A moving image display frame control program characterized by being displayed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2015118844A JP5974241B1 (en) | 2015-06-12 | 2015-06-12 | Movie display frame control device and program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2015118844A JP5974241B1 (en) | 2015-06-12 | 2015-06-12 | Movie display frame control device and program |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP5974241B1 true JP5974241B1 (en) | 2016-08-23 |
| JP2017004326A JP2017004326A (en) | 2017-01-05 |
Family
ID=56708094
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2015118844A Active JP5974241B1 (en) | 2015-06-12 | 2015-06-12 | Movie display frame control device and program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5974241B1 (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2017058643A (en) * | 2015-09-18 | 2017-03-23 | ヤフー株式会社 | Information display program, information display method, and information display device |
| CN109035148A (en) * | 2018-09-07 | 2018-12-18 | 金瓜子科技发展（北京）有限公司 | Head figure display methods, display device, terminal device and storage medium |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| DK180117B1 (en) * | 2017-05-15 | 2020-05-15 | Apple Inc. | Systems and methods for interacting with multiple applications that are simultaneously displayed on an electronic device with a touchsensitive display |
| JP7002877B2 (en) * | 2017-07-31 | 2022-01-20 | ヤフー株式会社 | Information display program, information display device, information display method and distribution device |
| JP6901453B2 (en) * | 2018-03-20 | 2021-07-14 | ヤフー株式会社 | Information display program, information display device, information display method and distribution device |
| JP7044674B2 (en) * | 2018-09-13 | 2022-03-30 | ヤフー株式会社 | Information display program, information display device, information display method and distribution device |
| JP6604670B1 (en) * | 2018-09-13 | 2019-11-13 | Ｚホールディングス株式会社 | Information display program, information display device, information display method, and distribution device |
| JP2020149464A (en) * | 2019-03-14 | 2020-09-17 | 株式会社ＣＭｅｒＴＶ | Display device and display system |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2003046648A (en) * | 2001-07-27 | 2003-02-14 | Yamanari Shoten:Kk | Advertisement distribution system |
| JP2010092103A (en) * | 2008-10-03 | 2010-04-22 | Bratech:Kk | Web page display method, server unit, and program |
| JP2010124181A (en) * | 2008-11-19 | 2010-06-03 | Sony Corp | Image processor, image display method, and image display program |
| JP2012059060A (en) * | 2010-09-09 | 2012-03-22 | Yahoo Japan Corp | Web server for making terminal quickly display web page containing script program, and method therefor |
| JP2014063102A (en) * | 2012-09-24 | 2014-04-10 | Yahoo Japan Corp | Advertisement display control device, terminal device, advertisement display method and advertisement display program |
| JP2014164718A (en) * | 2013-02-27 | 2014-09-08 | Sharp Corp | Information terminal |
| JP5697780B1 (en) * | 2014-05-01 | 2015-04-08 | ヤフー株式会社 | Distribution device, display control device, display control method, and display control program |
-
2015
- 2015-06-12 JP JP2015118844A patent/JP5974241B1/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2003046648A (en) * | 2001-07-27 | 2003-02-14 | Yamanari Shoten:Kk | Advertisement distribution system |
| JP2010092103A (en) * | 2008-10-03 | 2010-04-22 | Bratech:Kk | Web page display method, server unit, and program |
| JP2010124181A (en) * | 2008-11-19 | 2010-06-03 | Sony Corp | Image processor, image display method, and image display program |
| JP2012059060A (en) * | 2010-09-09 | 2012-03-22 | Yahoo Japan Corp | Web server for making terminal quickly display web page containing script program, and method therefor |
| JP2014063102A (en) * | 2012-09-24 | 2014-04-10 | Yahoo Japan Corp | Advertisement display control device, terminal device, advertisement display method and advertisement display program |
| JP2014164718A (en) * | 2013-02-27 | 2014-09-08 | Sharp Corp | Information terminal |
| JP5697780B1 (en) * | 2014-05-01 | 2015-04-08 | ヤフー株式会社 | Distribution device, display control device, display control method, and display control program |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2017058643A (en) * | 2015-09-18 | 2017-03-23 | ヤフー株式会社 | Information display program, information display method, and information display device |
| CN109035148A (en) * | 2018-09-07 | 2018-12-18 | 金瓜子科技发展（北京）有限公司 | Head figure display methods, display device, terminal device and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| JP2017004326A (en) | 2017-01-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP5974241B1 (en) | Movie display frame control device and program | |
| US20230022781A1 (en) | User interfaces for viewing and accessing content on an electronic device | |
| US11750888B2 (en) | User interfaces including selectable representations of content items | |
| US20170220220A1 (en) | Advertisement generation apparatus and terminal device | |
| WO2019007227A1 (en) | Method and apparatus for continuing to display view after switching pages | |
| CN103425390B (en) | Information interacting method and device | |
| WO2015184745A1 (en) | Method and system for displaying hover play window | |
| CN102073403B (en) | Touch sensitive apparatus and method for providing side touch panel | |
| BR112018013301B1 (en) | METHOD AND DEVICE FOR FACILITATING ACCESS TO CONTENT ITEMS, AND COMPUTER READABLE STORAGE MEDIUM | |
| US20210149535A1 (en) | Method and device for displaying interface of multimedia information application, user equipment, and storage medium | |
| WO2018112928A1 (en) | Method for displaying information, apparatus and terminal device | |
| TW201443764A (en) | Apparatus and method of controlling screens in a device | |
| US20140229834A1 (en) | Method of video interaction using poster view | |
| TW201525843A (en) | Method, apparatus and computer program product for zooming and operating screen frame | |
| WO2018112924A1 (en) | Information display method, device and terminal device | |
| US20240086056A1 (en) | Method and apparatus for interacting with application program, and electronic device | |
| JP2018197828A (en) | Computer program | |
| WO2022199406A1 (en) | Hot event presentation method for application, and electronic device | |
| WO2022068721A1 (en) | Screen capture method and apparatus, and electronic device | |
| CN108984263B (en) | Video display method and device | |
| JP2015088085A (en) | Display device and display method | |
| CN105843485A (en) | Page display method and device | |
| WO2016127525A1 (en) | Screen displaying method and device for terminals, and computer storage medium | |
| JP7187737B2 (en) | Method, program and electronic device for providing a user interface | |
| CN114880606A (en) | Page display method, device, equipment, medium and program product |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 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: 20160518 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20160609 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 5974241 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| S531 | Written request for registration of change of domicile |
Free format text: JAPANESE INTERMEDIATE CODE: R313531 |
|
| R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |