KR101537281B1 - Web-view based method providing interactive contents, and computer-readable recording medium for the same - Google Patents

Web-view based method providing interactive contents, and computer-readable recording medium for the same Download PDF

Info

Publication number
KR101537281B1
KR101537281B1 KR1020130161101A KR20130161101A KR101537281B1 KR 101537281 B1 KR101537281 B1 KR 101537281B1 KR 1020130161101 A KR1020130161101 A KR 1020130161101A KR 20130161101 A KR20130161101 A KR 20130161101A KR 101537281 B1 KR101537281 B1 KR 101537281B1
Authority
KR
South Korea
Prior art keywords
data
interactive
content
image data
screen
Prior art date
Application number
KR1020130161101A
Other languages
Korean (ko)
Other versions
KR20150073423A (en
Inventor
김기용
박호진
Original Assignee
휴텍 주식회사
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 휴텍 주식회사 filed Critical 휴텍 주식회사
Priority to KR1020130161101A priority Critical patent/KR101537281B1/en
Publication of KR20150073423A publication Critical patent/KR20150073423A/en
Application granted granted Critical
Publication of KR101537281B1 publication Critical patent/KR101537281B1/en

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782—Web browsing, e.g. WebTV
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/235—Processing of additional data, e.g. scrambling of additional data or processing content descriptors
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
    • H04N21/42224—Touch pad or touch panel provided on the remote control
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/4722—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting additional data associated with the content

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 발명은 콘텐츠 영상을 출력하는 스크린을 터치하는 경우 콘텐츠 영상은 출력 상태를 유지하는 상태에서 현재 출력중인 콘텐츠 영상에 대응하는 링크정보를 오버레이하여 동시에 출력하는 기술로서, 콘텐츠 서버가 미리 영상데이터에 대응하는 인터랙티브 데이터와, 인터랙티브 데이터와 영상데이터의 싱크를 일치시키는 메타데이터를 생성하여 콘텐츠 제공장치에서 전송한 후, 콘텐츠 제공장치에서의 영상데이터 출력 중 터치 이벤트 발생시 해당 영상데이터에 대응하는 링크정보를 함께 출력하는 기술이다. 본 발명에 따르면, 링크정보의 소스코드는 HTML 또는 XML을 기반으로 한 웹뷰 형태로 구현되기 때문에 콘텐츠 제공장치의 동작 모듈이 비교적 낮은 사양의 환경에서도 양호하게 동작한다는 장점이 있다.The present invention relates to a technique for overlaying and outputting link information corresponding to a content image currently being output in a state where a content image maintains an output state when a screen for outputting a content image is touched, And transmits the interactive data to the content providing apparatus, and transmits the link information corresponding to the video data when the touch event is generated during the output of the video data in the content providing apparatus together with the interactive data to be synchronized with the interactive data and the video data Output. According to the present invention, since the source code of the link information is implemented in the form of a web view based on HTML or XML, there is an advantage that the operation module of the content providing apparatus operates well even in a relatively low specification environment.

Description

웹뷰 기반의 인터랙티브 콘텐츠 제공방법 및 이를 위한 컴퓨터로 판독가능한 기록매체 {Web-view based method providing interactive contents, and computer-readable recording medium for the same}[0001] The present invention relates to a Web-based interactive content providing method and a computer-readable recording medium therefor,

본 발명은 콘텐츠 영상을 출력하는 스크린을 터치하는 경우 콘텐츠 영상은 출력 상태를 유지하는 상태에서 현재 출력중인 콘텐츠 영상에 대응하는 링크정보를 오버레이하여 동시에 출력하는 기술이다.According to the present invention, when a screen for outputting a content image is touched, the content image overlays and outputs the link information corresponding to the content image currently being output while maintaining the output state.

더욱 상세하게는, 본 발명은 콘텐츠 서버가 미리 영상데이터에 대응하는 인터랙티브 데이터와, 인터랙티브 데이터와 영상데이터의 싱크를 일치시키는 메타데이터를 생성하여 콘텐츠 제공장치에서 전송한 후, 콘텐츠 제공장치에서의 영상데이터 출력 중 터치 이벤트 발생시 해당 영상데이터에 대응하는 링크정보를 함께 출력하는 기술에 관한 것이다.
More specifically, the present invention relates to a method and apparatus for generating a metadata for matching the interactive data corresponding to the video data and the interactive data and the video data in advance, and transmitting the metadata to the content providing apparatus, And outputting link information corresponding to the image data when a touch event is generated during data output.

콘텐츠 재생장치에서 동영상의 재생중 재생장치 화면에 입력 버튼이 구현되고, 이 버튼에 대한 터치 조작으로 재생의 진행이 변화하는 인터랙티브 제어는 이미 개시된 기술로서 DVD는 이와 같은 인터랙티브 제어를 현실의 것으로 한 획기적인 기록매체이다.An interactive control in which an input button is implemented on a playback apparatus screen during playback of a moving image in a content playback apparatus and the progress of playback is changed by a touch operation on the button is a technique that has already been disclosed. Recording medium.

이처럼, 콘텐츠 재생장치의 화면에서 인터랙티브 제어를 실현하기 위해서는 버튼을 구성하는 그래픽스 데이터(Graphics Data)를 기록매체에 기록해 두는 것만으로는 부족하다.As described above, in order to realize the interactive control on the screen of the content reproduction apparatus, it is not sufficient to record the graphics data (Graphics Data) constituting the button on the recording medium.

콘텐츠 재생장치의 화면에 구현되는 버튼의 상태를 사용자의 조작에 따라 변화시키거나, 재생되는 동영상 데이터의 재생 진행에 따라 변화시키는 제어를 콘텐츠 재생장치의 화면에 구현하여야 한다.The control of changing the state of the button implemented on the screen of the content reproduction apparatus according to the user's operation or the progress of the reproduction of the moving image data must be implemented on the screen of the content reproduction apparatus.

이와 같은 콘텐츠 재생장치의 인터랙티브 버튼 상태 제어하기 위해 기존에는 어도비 플래쉬(adobe flash) 기술(예: interactive animation)이 채택하였는데, 어도비 플래쉬 기술은 연산처리량이 크기 때문에 콘텐츠 재생장치의 사양이 높아야만 하는 단점이 있다.
In order to control the state of an interactive button of such a content reproduction apparatus, conventionally, an adobe flash technology (for example, interactive animation) has been adopted. However, since the Adobe Flash technology has a large computation throughput, .

1. 인터랙티브 영상의 디스플레이 시스템 및 방법(특허출원 10-2006-0041830호)1. Interactive image display system and method (Patent Application No. 10-2006-0041830)

2. 멀티스크린 및 프록시서버를 이용한 컨텐츠의 URL 정보제공을 위한 전송시스템 및 그 방법(특허출원 10-2008-0117173호)2. Transmission system and method for providing URL information of contents using multi-screen and proxy server (Patent application No. 10-2008-0117173)

3. 인터랙티브 콘텐츠 자동 저작 기술(특허출원 10-2007-0093451호)
3. Interactive contents automatic authoring technology (Patent Application No. 10-2007-0093451)

본 발명은 상기한 점을 감안하여 제안된 것으로, 본 발명의 목적은 콘텐츠 제공장치에 콘텐츠 영상의 출력중 사용자의 터치가 있는 경우 해당 콘텐츠 영상에 대응하는 링크정보를 함께 출력하도록 하는 웹뷰 기반의 인터랙티브 콘텐츠 제공방법을 제공함에 있다.SUMMARY OF THE INVENTION The present invention has been made in view of the above-mentioned problems, and it is an object of the present invention to provide a web-based interactive system for outputting link information corresponding to a content image, And to provide a content providing method.

본 발명의 또 다른 목적은 복수 개의 스크린을 구비한 콘텐츠 제공장치에서 각 스크린에 구획된 상태의 콘텐츠 영상 출력 중 어느 하나의 스크린을 터치하는 경우 해당 스크린에서 재생중인 콘텐츠 영상에 대응하여 링크정보를 함께 출력하도록 하는 웹뷰 기반의 인터랙티브 콘텐츠 제공방법을 제공하는 데 있다.
Yet another object of the present invention is to provide a content providing apparatus having a plurality of screens, in which, when any one of the content video outputs in a state of being partitioned on each screen is touched, And to provide a method for providing an interactive content based on WebView.

상기의 목적을 달성하기 위하여 본 발명의 제 1 실시예에 따른 웹뷰 기반의 인터랙티브 콘텐츠 제공방법은, (a) 콘텐츠 서버가 미리 생성된 영상데이터에 대응하도록 인터랙티브 데이터를 생성하는 단계; (b) 콘텐츠 서버가 영상데이터와 인터랙티브 데이터를 콘텐츠 제공장치에 전송하는 단계; (c) 콘텐츠 제공장치가 영상데이터를 재생하여 디스플레이 스크린에 출력하는 단계; (d) 콘텐츠 제공장치가 영상데이터를 재생 출력하면서 웹뷰 페이지를 오버레이하는 단계; (e) 콘텐츠 제공장치가 오버레이된 웹뷰 페이지 상에 인터랙티브 데이터를 표시하는 단계; (f) 콘텐츠 제공장치가 웹뷰 페이지 상에서 사용자 조작을 검출하면 인터랙티브 데이터에 대응하는 링크정보를 표시하는 단계;를 포함하여 구성된다.According to a first aspect of the present invention, there is provided a method for providing interactive content based on WebView, comprising the steps of: (a) generating interactive data such that a content server corresponds to image data generated in advance; (b) the content server transmitting the video data and the interactive data to the content providing apparatus; (c) reproducing the video data and outputting the video data to a display screen; (d) overlaying the webview page while the content providing apparatus reproduces and outputs the video data; (e) displaying interactive data on a webview page overlaid by the content providing device; (f) displaying the link information corresponding to the interactive data when the content providing device detects a user operation on the webview page.

단계 (a)와 단계 (b) 사이에, 콘텐츠 서버가 영상데이터와 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 생성하는 단계; 콘텐츠 서버가 메타데이터를 콘텐츠 제공장치에 전송하는 단계;를 더 포함하여 구성되고, 이때 (e) 단계에서 콘텐츠 제공장치는 메타데이터를 참조하여 디스플레이 스크린 상에 재생 출력되는 영상데이터와 싱크가 일치되도록 웹뷰 페이지 상에 인터랙티브 데이터를 표시하도록 구성됨이 바람직하다. 또한, 단계 (d)에서 스크린은 영상데이터의 출력중 링크정보를 오버레이하여 동시에 출력하도록 구성됨이 바람직하다.Between step (a) and step (b), a step in which the content server generates metadata for matching the synchronization of the video data and the interactive data; (E), the content providing apparatus refers to the metadata to synchronize the image data reproduced and outputted on the display screen with the metadata of the content providing apparatus It is preferable to be configured to display interactive data on a webview page. In addition, in the step (d), it is preferable that the screen is configured to overlay the link information during the output of the video data and simultaneously output the link information.

본 발명의 제 2 실시예에 따른 웹뷰 기반의 인터랙티브 콘텐츠 제공방법은, (a) 콘텐츠 서버가 미리 마련한 소스 영상데이터로부터 복수의 영역으로 구획한 분할 영상데이터를 생성하는 단계; (b) 콘텐츠 서버가 분할 영상데이터에서 하나 이상의 영역에 대응하도록 인터랙티브 데이터를 생성하는 단계; (c) 콘텐츠 서버가 분할 영상데이터와 인터랙티브 데이터를 콘텐츠 제공장치에 전송하는 단계; (d) 콘텐츠 제공장치가 분할 영상데이터를 수신하여 콘텐츠 제공장치에 구비된 복수 개의 스크린에 대응하여 분할 영상데이터를 세그먼트 영상으로 출력하는 단계; (e) 콘텐츠 제공장치가 인터랙티브 데이터가 생성된 영역을 출력하는 스크린에 대하여 세그먼트 영상 위에 웹뷰 페이지를 오버레이하는 단계; (f) 콘텐츠 제공장치가 오버레이된 웹뷰 페이지 상에 인터랙티브 데이터를 표시하는 단계; (g) 콘텐츠 제공장치가 웹뷰 페이지 상에서 사용자 조작을 검출하면 인터랙티브 데이터에 대응하는 링크정보를 표시하는 단계;를 포함하여 구성된다.According to a second aspect of the present invention, there is provided a method for providing interactive content based on WebView, comprising the steps of: (a) generating divided image data partitioned into a plurality of regions from source image data provided by a content server; (b) generating interactive data such that the content server corresponds to at least one region in the segmented image data; (c) the content server transmitting divided image data and interactive data to a content providing apparatus; (d) receiving the segmented image data and outputting the segmented image data as a segment image corresponding to a plurality of screens provided in the content providing apparatus; (e) overlaying the webview page on the segment image with respect to the screen on which the content providing apparatus outputs the area where the interactive data is generated; (f) displaying interactive data on a webview page overlaid by the content providing device; (g) displaying the link information corresponding to the interactive data when the content providing apparatus detects a user operation on the webview page.

단계 (b)와 단계 (c) 사이에, 콘텐츠 서버가 분할 영상데이터와 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 생성하는 단계; 콘텐츠 서버가 메타데이터를 콘텐츠 제공장치에 전송하는 단계;를 더 포함하고 이때 (f) 단계에서 콘텐츠 제공장치는 메타데이터를 참조하여 디스플레이 스크린 상에 재생 출력되는 영상데이터와 싱크가 일치되도록 웹뷰 페이지 상에 인터랙티브 데이터를 표시하도록 구성됨이 바람직하다. 또한, 단계 (f)에서 스크린은 세그먼트 영상의 출력중 링크정보를 오버레이하여 동시에 출력하도록 구성됨이 바람직하다.
Between step (b) and step (c), the content server generates metadata that matches the image data with the interactive data; And transmitting the metadata to the content providing apparatus. In the step (f), the content providing apparatus refers to the metadata to display the web view page image so as to be synchronized with the image data reproduced and output on the display screen To display the interactive data on the display unit. In addition, in the step (f), it is preferable that the screen is configured to overlay and output the link information during the output of the segment video.

본 발명에 따른 웹뷰 기반의 인터랙티브 콘텐츠 제공방법은,According to the present invention, there is provided a method for providing an interactive content based on WebView,

(1) 콘텐츠 제공장치에 콘텐츠 영상의 출력중 터치를 하면 콘텐츠 영상은 재생을 유지하는 상태에서 오버레이하여 해당 링크정보를 구현할 수 있다.(1) If the content providing apparatus touches the output of the content image, the content image overlays the content image in a state of maintaining the reproduction, and can implement the corresponding link information.

(2) 복수 개의 스크린을 구비한 콘텐츠 제공장치에서 각 스크린에 세그먼트 영상의 재생중 하나의 스크린에 터치를 하면 해당 스크린의 세그먼트 영상에 대응하는 링크정보를 오버레이하여 구현할 수 있다.(2) In a content providing apparatus provided with a plurality of screens, if one screen of the segment images is reproduced on each screen, the link information corresponding to the segment images of the screen may be overlapped and implemented.

(3) 링크정보의 소스코드는 HTML 또는 XML을 기반으로 한 웹뷰 형태로 구현되기 때문에 콘텐츠 제공장치의 동작 모듈이 비교적 낮은 사양의 환경에서도 양호하게 동작한다는 장점이 있다.
(3) Since the source code of the link information is implemented as a web view based on HTML or XML, there is an advantage that the operation module of the content providing apparatus operates well even in a relatively low specification environment.

[도 1]은 본 발명의 제 1 실시예에 따른 콘텐츠 제공장치와 콘텐츠 서버를 개략적으로 도시한 블록구성도.
[도 2]는 본 발명의 제 1 실시예에 따른 스크린에 링크정보를 표시한 사용상태도.
[도 3]은 본 발명의 제 1 실시예에 따른 스크린에 인터랙티브 콘텐츠의 제공 과정을 나타낸 순서도.
[도 4]는 본 발명의 제 2 실시예에 따른 콘텐츠 제공장치와 콘텐츠 서버를 개략적으로 도시한 블록구성도.
[도 5]는 본 발명의 제 2 실시예에 따른 스크린에 링크정보를 표시한 사용상태도.
[도 6]은 본 발명의 제 2 실시예에 따른 스크린에 인터랙티브 콘텐츠의 제공 과정을 나타낸 순서도.1 is a block diagram schematically showing a content providing apparatus and a content server according to a first embodiment of the present invention;
FIG. 2 is a use state diagram showing link information on a screen according to the first embodiment of the present invention; FIG.
FIG. 3 is a flowchart showing a process of providing interactive contents to a screen according to the first embodiment of the present invention; FIG.
4 is a block diagram schematically showing a content providing apparatus and a content server according to a second embodiment of the present invention.
5 is a use state diagram showing link information on a screen according to a second embodiment of the present invention;
6 is a flowchart illustrating a process of providing an interactive content to a screen according to a second embodiment of the present invention;

이하, 도면을 참조하여 본 발명을 상세히 설명한다.Hereinafter, the present invention will be described in detail with reference to the drawings.

[도 1]은 본 발명의 제 1 실시예에 따른 콘텐츠 제공장치와 콘텐츠 서버를 개략적으로 도시한 블록구성도이다.1 is a block diagram schematically showing a content providing apparatus and a content server according to a first embodiment of the present invention.

[도 1]을 참조하면, 본 발명의 제 1 실시예에 따른 스크린 인터랙티브 콘텐츠를 제공하는 콘텐츠 제공장치(10)는 표시부(210)와 컨트롤 보드(220)로 구성된다.Referring to FIG. 1, a content providing apparatus 10 for providing screen interactive contents according to the first embodiment of the present invention comprises a display unit 210 and a control board 220.

여기서, 표시부(210)는 영상데이터를 표시하고, 컨트롤 보드(220)는 표시부(210)를 제어하는 프로세서(211)와, 콘텐츠 서버(200)로부터 영상데이터와 메타데이터를 수신하는 Wi-Fi 모듈과, 그 수신한 영상데이터와 메타데이터를 임시저장하는 SD 카드 슬롯을 탑재한다.
Here, the display unit 210 displays image data, the control board 220 includes a processor 211 for controlling the display unit 210, a Wi-Fi module 210 for receiving image data and metadata from the content server 200, And an SD card slot for temporarily storing the received video data and meta data.

[도 2]는 본 발명의 제 1 실시예에 따른 스크린에 링크정보를 표시한 사용상태도이다. [도 2]를 참조하면, 콘텐츠 제공장치(10)에 구비된 스크린(200)에서 영상데이터를 출력하는 중 스크린(200)에 대해 사용자가 터치를 하면, 현재 출력중인 영상데이터와 싱크된 인터랙티브 데이터에 대응하여 해당 링크정보(211)가 스크린(200)에 오버레이하여 동시에 출력된다.2 is a use state diagram showing link information on a screen according to the first embodiment of the present invention. Referring to FIG. 2, when a user touches the screen 200 while outputting image data from the screen 200 provided in the content providing apparatus 10, the user interacts with the currently output image data and the synchronized interactive data Corresponding link information 211 is overlaid on the screen 200 and output at the same time.

한편, 컨트롤 보드(220)의 구동은 안드로이드 OS를 기반으로 하고, 링크정보의 소스코드는 HTML 또는 XML을 기반으로 한 웹뷰 형태로 구현되기 때문에 콘텐츠 제공장치(10)의 동작 모듈이 비교적 낮은 사양의 환경에서도 양호하게 동작한다는 장점이 있다.
On the other hand, since the control board 220 is based on the Android OS and the source code of the link information is implemented in the form of a web view based on HTML or XML, the operation module of the content providing apparatus 10 has a relatively low specification It also has the advantage of operating well in the environment.

[도 3]은 본 발명의 제 1 실시예에 따른 스크린에 인터랙티브 콘텐츠의 제공 과정을 나타낸 순서도이다. [도 3]을 참조하여 본 발명의 제 1 실시예에 따른 스크린에 인터랙티브 콘텐츠를 제공하는 과정을 상세히 설명하면 다음과 같다.3 is a flowchart illustrating a process of providing interactive content to a screen according to the first embodiment of the present invention. Referring to FIG. 3, a process of providing interactive content to a screen according to the first embodiment of the present invention will be described in detail.

S110, S120 : 콘텐츠 서버(20)는 미리 영상데이터에 대응하는 인터랙티브 데이터를 생성하고, 영상데이터와 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 생성한다.S110 and S120: The content server 20 generates interactive data corresponding to the video data in advance, and generates metadata for matching the video data with the interactive data.

S130, S140 : 콘텐츠 서버(20)는 영상데이터, 이 영상데이터에 대응하는 인터랙티브 데이터, 영상데이터와 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 콘텐츠 제공장치(10)에 전송한다.S130 and S140: The content server 20 transmits the video data, the interactive data corresponding to the video data, and the metadata for matching the video data with the interactive data to the content providing apparatus 10.

S150 : 콘텐츠 제공장치(10)는 콘텐츠 서버(20)로부터 수신한 영상데이터를 스크린(200)에 출력한다.S150: The content providing apparatus 10 outputs the video data received from the content server 20 to the screen 200. [

S160, S170 : 스크린(200)에서 영상데이터가 출력하는 중 사용자에 의한 터치 이벤트가 발생하면, 메타데이터는 현재 출력중인 영상데이터와 일치하는 인터랙티브 데이터를 매칭시키고 이어서 해당 인터랙티브 데이터에 대응하는 링크정보를 표시한다.S160, and S170: When a touch event occurs by the middle user outputting the image data on the screen 200, the metadata matches the interactive data that coincides with the image data being output at present, and then the link information corresponding to the interactive data Display.

여기서, 링크정보는 [도 2]에서와 같이 텍스트, 이미지, 동영상, 웹뷰(web-view) 중 적어도 하나 이상이 조합되어 구현될 수 있다. 이때, 링크정보의 소스코드는 HTML 또는 XML을 기반으로 한 웹뷰 형태로 구현되기 때문에 콘텐츠 제공장치(10)의 동작 모듈이 비교적 낮은 사양의 환경에서도 양호하게 동작한다는 장점이 있다.
Here, the link information may be implemented by combining at least one of text, image, moving image, and web-view as shown in FIG. At this time, since the source code of the link information is implemented in the form of a web view based on HTML or XML, there is an advantage that the operation module of the content providing apparatus 10 operates well even in a relatively low specification environment.

[도 4]는 본 발명의 제 2 실시예에 따른 콘텐츠 제공장치와 콘텐츠 서버를 개략적으로 도시한 블록구성도이다. [도 4]를 참조하면, 본 발명의 제 2 실시예에 따른 스크린 인터랙티브 콘텐츠를 제공하는 콘텐츠 제공장치(10)는 메인 프로세서(110)와 복수 개의 스크린(200)으로 구성된다.4 is a block diagram schematically showing a content providing apparatus and a content server according to a second embodiment of the present invention. Referring to FIG. 4, a content providing apparatus 10 for providing screen interactive contents according to a second embodiment of the present invention comprises a main processor 110 and a plurality of screens 200.

메인 프로세서(110)는 스크린(200)에 고유의 식별번호를 설정하고 콘텐츠 서버(20)로부터 세그먼트 영상 단위로 구획된 분할 영상데이터를 수신하며 수신한 분할 영상데이터에 대해 세그먼트 영상 단위로 스크린(200)이 인식할 수 있는 고유의 인식번호를 설정한 후 분할 영상데이터를 스크린(200)에 전송한다.The main processor 110 sets a unique identification number on the screen 200 and receives the divided image data segmented by the segment image unit from the content server 20 and displays the segmented image data on the screen 200 And then transmits the divided image data to the screen 200. [0050] FIG.

메인 프로세서(110)는 메인 보드(100)에 탑재되며, 메인 보드(100)에는 콘텐츠 서버(20)로부터 분할 영상데이터와 메타데이터를 수신하는 Wi-Fi 모듈과, 수신한 분할 영상데이터와 메타데이터를 임시저장하는 SD 카드 슬롯이 탑재됨이 바람직하다.The main processor 110 is mounted on the main board 100. The main board 100 includes a Wi-Fi module for receiving divided image data and metadata from the content server 20, It is preferable to mount an SD card slot for temporarily storing the SD card slot.

메인 프로세서(110)는 SD 카드 슬롯에 임시저장한 분할 영상데이터로부터 세그먼트 영상 단위로 고유의 인식번호를 설정한 후 복수 개의 스크린(200)에 전송한다.The main processor 110 sets a unique identification number in units of segment images from the divided image data temporarily stored in the SD card slot, and then transmits the unique identification number to the plurality of screens 200.

메인 보드(100)에는 HDMI 단자가 구비될 수 있으며, 메인 프로세서(110)는 인식번호가 설정된 세그먼트 영상을 HDMI 단자를 통해 스크린(200)에 전송한다.The main board 100 may be provided with an HDMI terminal, and the main processor 110 transmits the segment image set with the identification number to the screen 200 through the HDMI terminal.

스크린(200)은 바람직하게는 복수 개로 구성되며, 각 스크린(200) 마다 인식번호에 대응하는 식별번호를 구비하고 복수의 개별 영역에 각각 배치되며 메인 프로세서(110)에서 전송하는 분할 영상데이터 중 인식번호에 대응하는 세그먼트 영상을 표시한다.Preferably, the screen 200 has a plurality of identification numbers corresponding to recognition numbers for each screen 200, and is disposed in each of the plurality of individual areas, and recognizes the divided image data transmitted from the main processor 110 The segment image corresponding to the number is displayed.

스크린(200)은 표시부(210)와 컨트롤 보드(220)로 구성되며, 표시부(210)는 세그먼트 영상을 표시하고, 컨트롤 보드(220)는 인터페이스 IC(미도시)와 드라이버 IC(미도시)를 탑재한다.The screen 200 includes a display unit 210 and a control board 220. The display unit 210 displays a segment image and the control board 220 is connected to an interface IC (not shown) and a driver IC .

한편, 컨트롤 보드(220)에 탑재되는 인터페이스 IC는 메인 프로세서(110)에서 전송한 분할 영상데이터의 세그먼트 영상에 대한 인식번호를 식별하여 해당 세그먼트 영상을 수신한다.Meanwhile, the interface IC mounted on the control board 220 identifies the identification number of the segment image of the segment image data transmitted from the main processor 110, and receives the segment image.

이어서, 드라이버 IC는 인터페이스 IC가 수신한 세그먼트 영상을 표시부(210)에 출력시킨다. 이때, 분할 영상데이터 중 하나의 스크린(200)에 전송된 세그먼트 영상을 제외한 나머지 세그먼트 영상은 릴레이 방식으로 하나의 스크린(200)으로부터 인접하는 스크린(200)에 순차적으로 전송된다.
Then, the driver IC outputs the segment image received by the interface IC to the display unit 210. [ At this time, the segment images other than the segment images transmitted to one screen 200 of the divided image data are sequentially transmitted from one screen 200 to the adjacent screen 200 in a relay manner.

[도 5]는 본 발명의 제 2 실시예에 따른 스크린에 링크정보를 표시한 사용상태도이다. [도 5]를 참조하면, 복수 개의 스크린(200)이 일렬로 배치된 콘텐츠 제공장치(10)에서 각각의 세그먼트 영상을 출력하는 하나의 스크린(200)에 대해 사용자의 터치가 발생하면, 현재 출력중인 해당 세그먼트 영상과 싱크된 인터랙티브 데이터에 대응하여 해당 링크정보(211)가 스크린(200)에 오버레이하여 동시에 출력된다.5 is a use state diagram showing link information on a screen according to a second embodiment of the present invention. 5, when a user touches one screen 200 outputting segment images in the content providing apparatus 10 in which a plurality of screens 200 are arranged in a row, Corresponding link information 211 is overlaid on the screen 200 and output simultaneously in response to the corresponding segment image and the synchronized interactive data.

여기서도, 컨트롤 보드(220)의 구동은 안드로이드 OS를 기반으로 하고, 링크정보의 소스코드는 HTML 또는 XML을 기반으로 한 웹뷰 형태로 구현되기 때문에 콘텐츠 제공장치(10)의 동작 모듈이 비교적 낮은 사양의 환경에서도 양호하게 동작한다는 장점이 있다.
Here, since the control board 220 is based on the Android OS and the source code of the link information is implemented in the form of a web view based on HTML or XML, the operation module of the content providing apparatus 10 has a relatively low specification It also has the advantage of operating well in the environment.

[도 6]은 본 발명의 제 2 실시예에 따른 스크린에 인터랙티브 콘텐츠의 제공 과정을 나타낸 순서도이다. [도 6]을 참조하여 본 발명의 제 2 실시예에 따른 스크린에 인터랙티브 콘텐츠를 제공하는 과정을 상세히 설명하면 다음과 같다.6 is a flowchart illustrating a process of providing an interactive content to a screen according to a second embodiment of the present invention. The process of providing interactive content to a screen according to the second embodiment of the present invention will be described in detail with reference to FIG.

S110, S120 : 콘텐츠 서버(20)는 미리 마련한 소스 영상데이터로부터 복수의 영역으로 구획한 분할 영상데이터를 생성하고, 분할 영상데이터를 출력하는 콘텐츠 제공장치(10)에서의 터치 이벤트 발생시 활성화되는 인터랙티브 데이터를 생성한다.S110 and S120: The content server 20 generates divided image data divided into a plurality of regions from the source image data prepared in advance, and generates interactive data to be activated at the time of the generation of the touch event in the content providing apparatus 10 for outputting the divided image data .

S130, S140, S150 : 이어서, 콘텐츠 서버(20)는 분할 영상데이터와 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 생성한 후 분할 영상데이터, 이 분할 영상데이터에 대응하는 인터랙티브 데이터, 분할 영상데이터와 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 콘텐츠 제공장치(10)에 전송한다.S130, S140, S150: Then, the content server 20 generates metadata for matching the divided video data and the interactive data, and then generates divided video data, interactive data corresponding to the divided video data, To the content providing apparatus 10, the metadata that matches the sync of the data.

S160 : 콘텐츠 제공장치(10)는 콘텐츠 서버(20)로부터 수신한 분할 영상데이터를 세그먼트 영상 단위로 복수 개의 스크린(200)에 각각 출력한다.S160: The content providing apparatus 10 outputs segment image data received from the content server 20 to each of the plurality of screens 200 in a segment image unit.

S170, S180 : 복수의 스크린(200)에서 각각의 세그먼트 영상이 출력하는 중 선택된 하나의 스크린(200)에 사용자에 의한 터치 이벤트가 발생하면, 메타데이터는 현재 출력중인 세그먼트 영상과 일치하는 인터랙티브 데이터를 매칭시키고 이어서 해당 인터랙티브 데이터에 대응하는 링크정보를 표시한다.S170 and S180: When a touch event is generated by a user on one screen 200 selected from the plurality of screens 200, the metadata indicates interactive data corresponding to the segment image currently being output And then displays link information corresponding to the interactive data.

여기서, 링크정보는 [도 5]에서와 같이 텍스트, 이미지, 동영상, 웹뷰(web-view) 중 적어도 하나 이상이 조합되어 구현될 수 있다. 이때, 링크정보의 소스코드는 HTML 또는 XML을 기반으로 한 웹뷰 형태로 구현되기 때문에 콘텐츠 제공장치(10)의 동작 모듈이 비교적 낮은 사양의 환경에서도 양호하게 동작한다는 장점이 있다.Here, the link information may be implemented by combining at least one of text, image, moving image, and web-view as shown in FIG. At this time, since the source code of the link information is implemented in the form of a web view based on HTML or XML, there is an advantage that the operation module of the content providing apparatus 10 operates well even in a relatively low specification environment.

한편, 단계 S180에서 스크린(200)은 세그먼트 영상의 출력중 링크정보를 오버레이하여 동시에 출력하도록 구성됨이 바람직하다.
On the other hand, in step S180, it is preferable that the screen 200 be constructed so as to overlay and output the link information during the output of the segment video.

본 발명은 또한 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드의 형태로 구현하는 것이 가능하다. 이때, 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록 장치를 포함한다.The present invention can also be embodied in the form of computer readable code on a computer readable recording medium. At this time, the computer-readable recording medium includes all kinds of recording apparatuses in which data that can be read by a computer system is stored.

컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기테이프, 플로피 디스크, 광 데이터 저장장치 등이 있으며, 캐리어웨이브(예: 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산된 방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다. 그리고 본 발명을 구현하기 위한 기능적인 프로그램, 코드, 코드 세그먼트들은 본 발명이 속하는 기술 분야의 프로그래머들에 의해 용이하게 추론될 수 있다.
Examples of the computer-readable recording medium include a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage, and the like, and may be implemented in the form of a carrier wave . The computer-readable recording medium can also be stored and executed by a computer-readable code in a distributed manner on a networked computer system. And functional programs, codes, and code segments for implementing the present invention can be easily deduced by programmers skilled in the art to which the present invention belongs.

10 : 콘텐츠 제공장치
20 : 콘텐츠 서버
100 : 메인 보드
110 : 메인 프로세서
200 : 스크린
210 : 표시부
211 : 링크정보
220 : 컨트롤 보드
221 : 프로세서
L, R : 스피커10: Content providing device
20: Content server
100: Motherboard
110: main processor
200: Screen
210:
211: Link information
220: Control board
221: Processor
L, R: Speaker

Claims (7)

(a) 콘텐츠 서버가 미리 생성된 영상데이터에 대응하는 인터랙티브 데이터를 생성하는 단계;
(b) 상기 콘텐츠 서버가 상기 영상데이터와 상기 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 생성하는 단계;
(c) 상기 콘텐츠 서버가 상기 영상데이터, 상기 인터랙티브 데이터, 상기 메타데이터를 콘텐츠 제공장치에 전송하는 단계;
(d) 상기 콘텐츠 제공장치가 상기 영상데이터를 재생하여 스크린에 출력하는 단계;
(e) 상기 콘텐츠 제공장치가 상기 메타데이터를 참조하여 상기 영상데이터와 싱크가 일치되는 상기 인터랙티브 데이터를 웹뷰 페이지에 매칭하는 단계;
(f) 상기 콘텐츠 제공장치가 상기 영상데이터를 재생 출력하면서 웹뷰 페이지를 오버레이하는 단계;
(g) 상기 콘텐츠 재생장치가 상기 영상데이터의 재생 출력중 상기 스크린에 대한 사용자의 터치 조작을 식별하는 단계;
(h) 상기 사용자의 터치 조작에 따른 상기 인터랙티브 데이터에 대응하는 링크정보를 상기 영상데이터의 재생 출력을 유지하는 상태에서 상기 스크린에 웹뷰 페이지로 표시하는 단계;
를 포함하여 구성되는 웹뷰 기반의 인터랙티브 콘텐츠 제공방법.
(a) generating interactive data corresponding to image data generated in advance by a content server;
(b) generating metadata that causes the content server to synchronize the image data with the interactive data;
(c) transmitting, by the content server, the image data, the interactive data, and the metadata to a content providing apparatus;
(d) reproducing the image data and outputting the image data to the screen;
(e) matching the interactive data with a webview page in which the content providing apparatus is in sync with the image data by referring to the metadata;
(f) overlaying the webview page while the content providing device reproduces and outputs the video data;
(g) identifying the user's touch operation on the screen during playback output of the video data;
(h) displaying link information corresponding to the interactive data according to a touch operation of the user on a webview page on the screen while maintaining playback output of the video data;
And a web viewer for displaying the interactive content.
삭제delete 삭제delete (a) 콘텐츠 서버가 미리 마련한 소스 영상데이터로부터 복수의 영역으로 구획한 분할 영상데이터를 생성하는 단계;
(b) 상기 콘텐츠 서버가 상기 분할 영상데이터에서 하나 이상의 영역에 대응하는 인터랙티브 데이터를 생성하는 단계;
(c) 상기 콘텐츠 서버가 상기 분할 영상데이터와 상기 인터랙티브 데이터의 싱크를 일치시키는 메타데이터를 생성하는 단계;
(d) 상기 콘텐츠 서버가 상기 분할 영상데이터, 상기 인터랙티브 데이터, 상기 메타데이터를 콘텐츠 제공장치에 전송하는 단계;
(e) 상기 콘텐츠 제공장치가 수신한 상기 분할 영상데이터를 상기 콘텐츠 제공장치에 구비된 복수 개의 스크린에 세그먼트 영상으로 출력하는 단계;
(f) 상기 콘텐츠 제공장치가 상기 메타데이터를 참조하여 상기 분할 영상데이터와 싱크가 일치되는 상기 인터랙티브 데이터를 웹뷰 페이지에 매칭하는 단계;
(g) 상기 콘텐츠 제공장치가 상기 세그먼트 영상을 재생 출력하면서 상기 웹뷰 페이지를 오버레이하는 단계;
(h) 상기 콘텐츠 제공장치가 상기 세그먼트 영상의 재생 출력중 상기 스크린에 대한 사용자의 터치 조작을 식별하는 단계;
(i) 상기 사용자의 터치 조작에 따른 상기 인터랙티브 데이터에 대응하는 링크정보를 상기 세그먼트 영상의 재생 출력을 유지하는 상태에서 상기 스크린에 웹뷰 페이지로 표시하는 단계;
를 포함하여 구성되는 웹뷰 기반의 인터랙티브 콘텐츠 제공방법.
(a) generating divided image data partitioned into a plurality of regions from source image data previously prepared by a content server;
(b) generating, by the content server, interactive data corresponding to one or more areas of the divided image data;
(c) generating metadata for causing the content server to synchronize the divided image data with the interactive data;
(d) transmitting, by the content server, the divided image data, the interactive data, and the metadata to a content providing apparatus;
(e) outputting the segmented image data received by the contents providing apparatus as a segment image on a plurality of screens provided in the contents providing apparatus;
(f) matching the interactive data, which is in sync with the divided image data, to the webview page by referring to the metadata;
(g) overlaying the webview page while the content providing device reproduces and outputs the segment video;
(h) identifying the user's touch operation on the screen during playback output of the segment video;
(i) displaying link information corresponding to the interactive data according to a touch operation of the user as a webview page on the screen while maintaining playback output of the segment video;
And a web viewer for displaying the interactive content.
삭제delete 삭제delete 컴퓨터에 청구항 1 또는 4에 따른 웹뷰 기반의 인터랙티브 콘텐츠 제공방법을 실행시키기 위한 프로그램을 기록한 컴퓨터로 판독가능한 기록매체.A computer-readable recording medium recording a program for causing a computer to execute a method for providing an interactive content based on WebView according to claim 1 or 4.
KR1020130161101A 2013-12-23 2013-12-23 Web-view based method providing interactive contents, and computer-readable recording medium for the same KR101537281B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130161101A KR101537281B1 (en) 2013-12-23 2013-12-23 Web-view based method providing interactive contents, and computer-readable recording medium for the same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130161101A KR101537281B1 (en) 2013-12-23 2013-12-23 Web-view based method providing interactive contents, and computer-readable recording medium for the same

Publications (2)

Publication Number Publication Date
KR20150073423A KR20150073423A (en) 2015-07-01
KR101537281B1 true KR101537281B1 (en) 2015-07-22

Family

ID=53786949

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130161101A KR101537281B1 (en) 2013-12-23 2013-12-23 Web-view based method providing interactive contents, and computer-readable recording medium for the same

Country Status (1)

Country Link
KR (1) KR101537281B1 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101951032B1 (en) * 2016-05-19 2019-02-22 한국전자통신연구원 System for providing the interactive media and method thereof
KR102090009B1 (en) * 2018-08-07 2020-03-17 클릭트 주식회사 Method and program for providing 3d image content

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20000013864A (en) * 1998-08-14 2000-03-06 구자홍 Apparatus and method for processing higher resolution for liquid crystal projector
KR20020065250A (en) * 2001-02-06 2002-08-13 강용희 Processing Method for overlaying Contents on Moving Picture and Processing Method for Electronic Mail using the same and A computer-readable Storage Medium for executing the above Method
KR20050074249A (en) * 2004-01-13 2005-07-18 삼성전자주식회사 Storage medium recording interactive graphic stream and reproducing apparatus thereof

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20000013864A (en) * 1998-08-14 2000-03-06 구자홍 Apparatus and method for processing higher resolution for liquid crystal projector
KR20020065250A (en) * 2001-02-06 2002-08-13 강용희 Processing Method for overlaying Contents on Moving Picture and Processing Method for Electronic Mail using the same and A computer-readable Storage Medium for executing the above Method
KR20050074249A (en) * 2004-01-13 2005-07-18 삼성전자주식회사 Storage medium recording interactive graphic stream and reproducing apparatus thereof

Also Published As

Publication number Publication date
KR20150073423A (en) 2015-07-01

Similar Documents

Publication Publication Date Title
RU2572833C2 (en) Display control method, recording medium, display control device
US9307292B2 (en) Overlay of visual representations of captions on video
US20140059418A1 (en) Multimedia annotation editing system and related method and computer program product
CN108427589B (en) Data processing method and electronic equipment
JP6051670B2 (en) Image processing apparatus, image processing system, image processing method, and program
CN111510788B (en) Display method and display device for double-screen double-system screen switching animation
US10419826B2 (en) Using a webpage to insert graphical elements into a video program stream
EP2797331A1 (en) Display apparatus for providing recommendation information and method thereof
US20120044138A1 (en) METHOD AND APPARATUS FOR PROVIDING USER INTERACTION IN LASeR
CN111104020B (en) User interface setting method, storage medium and display device
KR101537281B1 (en) Web-view based method providing interactive contents, and computer-readable recording medium for the same
CN110557578A (en) Subtitle display device and method for LED spliced screen and related equipment
US20130141646A1 (en) Image display device, image display system, and control method of image display device
CN113849143A (en) Display method, display device, and storage medium
US10834298B1 (en) Selective audio visual synchronization for multiple displays
JP2005045605A (en) Electronic apparatus, and method and system for viewing information
US9813658B2 (en) Acquiring and displaying information to improve selection and switching to an input interface of an electronic device
CN106034254B (en) It is a kind of to realize the method and system that operation is interacted with text in video
JP4016914B2 (en) Movie display control system
JP2010081494A (en) Clickable moving picture achieving method, and clickable moving picture achieving program
WO2009150702A1 (en) Apparatus and method for displaying log information
CN107197387B (en) Method and device for displaying video information on webpage in time-sharing manner
US11962743B2 (en) 3D display system and 3D display method
KR102070075B1 (en) Method for displaying content and display apparatus thereof
JP7101336B2 (en) CTA display program, information processing device, CTA display method, and video playback system

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20180709

Year of fee payment: 4