KR20130031514A - 3차원 영상 구현 방법 및 장치 - Google Patents

3차원 영상 구현 방법 및 장치 Download PDF

Info

Publication number
KR20130031514A
KR20130031514A KR1020110095133A KR20110095133A KR20130031514A KR 20130031514 A KR20130031514 A KR 20130031514A KR 1020110095133 A KR1020110095133 A KR 1020110095133A KR 20110095133 A KR20110095133 A KR 20110095133A KR 20130031514 A KR20130031514 A KR 20130031514A
Authority
KR
South Korea
Prior art keywords
image
depth map
text
tag
depth
Prior art date
Application number
KR1020110095133A
Other languages
English (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 KR1020110095133A priority Critical patent/KR20130031514A/ko
Publication of KR20130031514A publication Critical patent/KR20130031514A/ko

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/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/435—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream
    • H04N21/4355—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream involving reformatting operations of additional data, e.g. HTML pages on a television screen
    • 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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85—Assembly of content; Generation of multimedia applications
    • H04N21/854—Content authoring
    • H04N21/8543—Content authoring using a description language, e.g. Multimedia and Hypermedia information coding Expert Group [MHEG], eXtensible Markup Language [XML]

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Computer Security & Cryptography (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 발명은 3차원 웹페이지 구현 방법에 있어서, 입력된 원본 영상이 웹페이지(webpage) 영상인지 판단하는 과정과, 입력된 원본 영상이 웹페이지 영상인 경우, 웹페이지를 구현하기 위한 문서에서 텍스트를 표시하는 텍스트 영역과, 텍스트 외의 멀티미디어 정보를 표시하는 멀티미디어 영역을 구분하는 과정과, 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 과정과, 깊이맵을 이용하여 3차원 입체 영상을 생성하는 과정을 포함함을 특징으로 한다.

Description

3차원 영상 구현 방법 및 장치{METHOD AND APPARATUS FOR EXPRESSING OF THREE-DIMENSIONAL IMAGE}
본 발명은 Markup Language(HTML)를 parsing하여 web page를 보여 주는 웹 브라우저에 대한 내용이다. 이러한 HTML 문서내에는 video content가 포함될 수 있으며, 좀 더 구체적으로 설명하면, 이러한 HTML을 통해 stereo video를 재생하고 depth 정보를 제어하여 사용자에게 보여지는 입체감을 조절할 수 있는 웹 브라우저 및 그 구현방법에 대한 발명이다.
최근 들어 영상 기술 분야에서 3차원 영상을 구현하는 방식에 대한 연구가 활발히 진행되고 있다. 이러한 3차원 영상은 2차원 영상에 비해 더욱 사실적이고 현실감 있는 영상 정보를 표현할 수 있다.
일반적으로 인간 시각 특성을 활용하여 기존의 디스플레이 장치에 좌시점 영상과 우시점 영상을 각각 해당 위치에 주사한 후, 좌시점과 우시점을 사용자의 좌안과 우안에 분리하여 상이 맺히게 함으로써 3차원 입체감을 느끼게 하는 방법이 여러 가지 면에서 효과적인 방법으로서 가능성을 인정받고 있다.
도 1은 기존의 3차원 영상을 표시하는 동작을 나타낸 도면이다. 일반적으로 3D 영상을 표시하기 위해 시차 배리어(parallax barrier) 방식을 이용한 배리어(barrier) LCD가 장착된 이동 통신 단말기는 기존 2차원 이미지뿐만 아니라 3차원 입체 이미지도 자유롭게 디스플레이할 수 있다. 이러한 단말기에서는 기존의 2차원 이미지는 물론 사람의 두 눈으로 입체를 감상하는 것과 동일한 스테레오 이미지를 구현할 수 있다. 구체적으로 스테레오 이미지는 좌측 시점의 이미지와 우측 시점의 이미지를 이용한 3차원 입체 이미지로써, 좌측 이미지와 우측 이미지는 하나로 붙여서 저장되고(101), 좌측 이미지와 우측 이미지의 인터리빙(interleaving) 과정(102)을 거쳐, 배리어 LCD가 장착된 단말기(103)를 통해 3차원 입체 이미지(104)를 디스플레이 한다.
도 2는 기존의 2차원 영상을 3차원 영상으로 변환하는 동작을 나타낸 도면이다. 기존의 2차원 컨텐츠를 입체로　변환하는　방법은　다음과　같은　단계로　이루어　진다. 먼저 최초의 원본 2차원 영상(201)을 분석하여 깊이맵(depth map)(202)을　생성하고, 깊이맵(202) 정보를 이용하여 오른쪽 영상(right view)(204)을　생성한다. 다음, 새로 생성한 오른쪽 영상(204)과 원본　2차원 영상인 왼쪽 영상(left view)(203)을 이용하여 3차원 입체 영상을 생성한다. 이와 같이 2차원 영상을 3차원 스테레오 영상으로 변환하는 방법의 예로는 미국 공개 특허 2010-0111417 (명칭: Converting 2d video into stereo video)을 들 수 있다.
현재 이와 같은 2차원 영상을 3차원 입체 영상으로 변환하는 기술은 모든　2차원 컨텐츠를 이미지와 같이 취급하여 깊이맵을 구하고 그러한 깊이맵을 이용하여 원본 영상과 다른 오른쪽(혹은 왼쪽) 영상을 생성한다. 하지만　웹페이지(web page)와 같은 경우, 이미지나 동영상을 표시하는 멀티미디어　영역을　제외한　대부분의　영역이 텍스트를 나타내는 텍스트(text) 영역이기 때문에 모든 텍스트 영역이 같은 깊이(depth)로 계산되기 때문에 기존의 3차원 영상 구현 방법으로는 입체효과를 나타내기 어려운 문제점이 있다.
본 발명은 일반적인 웹페이지를 입체적으로 표현할 수 있는 3차원 웹페이지의 구현 방법 및 장치를 제공하고자 한다.　
이를 달성하기 위한 본 발명의 일 형태에 따르면, 3차원 웹페이지 구현 방법에 있어서, 입력된 원본 영상이 웹페이지(webpage) 영상인지 판단하는 과정과, 상기 입력된 원본 영상이 웹페이지 영상인 경우, 상기 웹페이지를 구현하기 위한 문서에서 텍스트를 표시하는 텍스트 영역과, 텍스트 외의 멀티미디어 정보를 표시하는 멀티미디어 영역을 구분하는 과정과, 상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 과정과, 상기 깊이맵을 이용하여 3차원 입체 영상을 생성하는 과정을 포함함을 특징으로 하며,
상기 웹페이지를 구현하기 위한 문서는 HTML(Hyper Text Markup Language) 또는 XML(Extensible Markup Language) 문서임을 특징으로 하며,
상기 입력된 원본 영상에서 멀티미디어 정보를 표시하는 멀티미디어 영역의 경우, 상기 멀티미디어 영역에 대응되는 영상에 대해, 깊이맵을 생성하고, 상기 생성한 깊이맵을 이용하여 상기 멀티미디어 영역의 영상을 3차원 영상으로 변환하는 과정을 더 포함함을 특징으로 하며,
상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 과정은, 상기 텍스트 영역의 각 태그(tag)의 종류에 따라 미리 설정된 해당 태그의 깊이 정보를 이용하여 깊이맵(depth map)을 생성하는 과정임을 특징으로 하며,
상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 과정은, 상기 웹페이지의 특정 부분에 깊이 정보를 부여하기 위해 정의된 태그를 이용하여 깊이맵을 생성하는 과정임을 특징으로 한다.
본 발명의 다른 형태에 따르면, 본 발명은 3차원 웹페이지 구현 장치에 있어서, 입력된 원본 영상이 웹페이지(webpage) 영상인지 판단하며, 상기 입력된 원본 영상이 웹페이지 영상인 경우, 상기 웹페이지를 구현하기 위한 문서에서 텍스트를 표시하는 텍스트 영역과, 텍스트 외의 멀티미디어 정보를 표시하는 멀티미디어 영역을 구분하는 영상 처리부와, 상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 깊이맵 생성부와, 상기 깊이맵을 이용하여 3차원 입체 영상을 생성하는 3차원 영상 생성부를 포함함을 특징으로 하며,
상기 웹문서는 HTML(Hyper Text Markup Language) 또는 XML(Extensible Markup Language) 문서임을 특징으로 하며,
상기 깊이맵 생성부는, 상기 입력된 원본 영상에서 멀티미디어 정보를 표시하는 멀티미디어 영역의 경우, 상기 멀티미디어 영역에 대응되는 영상에 대해, 깊이맵을 생성하고, 상기 생성한 깊이맵을 이용하여 상기 멀티미디어 영역의 영상을 3차원 영상으로 변환하는 것을 특징으로 하며,
상기 깊이맵 생성부는, 상기 텍스트 영역의 각 태그(tag)의 종류에 따라 미리 설정된 해당 태그의 깊이 정보를 저장하는 것을 특징으로 하며,
상기 깊이맵 생성부는, 상기 웹페이지의 특정 부분에 깊이 정보를 부여하기 위해 정의된 태그를 이용하여 깊이맵을 생성하는 것을 특징으로 한다.
기존의　2차원 영상을 3차원 영상으로 변환하는 방법은　영상　기반의　방법으로서 텍스트가 주된 정보인 웹페이지를 입체화 하는데는 적합하지 않았다. 특히　텍스트 영역이　같은　깊이(depth)로　계산되어　입체감을 부여하기 어려운　문제점이 있었으나, 본 발명은 HTML(Hyper Text Markup Language)이나 XML(Extensible Markup Language) 문서와 같은 웹문서를 파싱(parsing)하여 태그의 종류에 따라 설정된 깊이 정보를 이용하여 깊이맵을 생성하기 때문에, 텍스트의 중요도에 따라 각각 다른 입체감을 부여하고 이를 통해 웹페이지에 입체감을 줄 수 있는 효과가 있다.
또한 새로운 HTML 이나 XML 문서를 작성할 경우 입체 정도를 설정하기위한 새로운 태그(Tag)를 부여하여 직접 웹페이지의 영상의 깊이 정보를 조정할 수 있다.
도 1은 기존의 3차원 영상을 표시하는 동작을 나타낸 도면
도 2는 기존의 2차원 영상을 3차원 영상으로 변환하는 동작을 나타낸 도면
도 3은 본 발명의 일 실시 예에 따른 2차원 영상을 3차원 영상으로 변환하는 동작을 나타낸 도면
도 4는 일반적인 HTML 문서의 기본 구조의 예를 나타낸 도면
도 5는 일반적인 텍스트 표시를 위한 HTML 문서의 예를 나타낸 도면
도 6은 본 발명의 일 실시 예에 따른 2차원 영상을 3차원 영상으로 변환하는 장치의 구성을 나타낸 도면
도 7은 본 발명의 일 실시 예에 따라 3차원 영상으로 변환되어 표시되는 웹페이지의 예를 나타낸 도면
도 8은 일반적인 웹브라우저의 구성
도 9는 본 발명에서 제안하고 있는 웹브라우저의 구성
도 10은 depth map이 달라지는 표현의 예시도
도 11은 발명에 따른 video를 포함한 HTML문서를 처리하는 과정의 흐름도
이하 첨부된 도면을 참조하여 본 발명을 구성하는 장치 및 동작 방법을 본 발명의 실시 예를 참조하여 상세히 설명한다. 하기 설명에서는 구체적인 구성 소자 등과 같은 특정 사항들이 나타나고 있는데 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐 이러한 특정 사항들이 본 발명의 범위 내에서 소정의 변형이나 혹은 변경이 이루어질 수 있음은 이 기술분야에서 통상의 지식을 가진 자에게는 자명하다 할 것이다. 또한, 본 발명을 설명함에 있어서 본 발명과 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에 그 상세한 설명을 생략하기로 한다.
본 발명은 2차원 영상을 3차원 영상으로 변환하여 3차원 입체 영상을 구현하는 방법을 제공하고자 한다. 특히 본 발명은 2차원 웹페이지의 영상을 입체적으로 구현하기 위해 HTML(Hyper Text Markup Language) 웹문서를 분석하여 텍스트 영역의 태그(tag)의 종류에 따라 깊이 정보를 부여하여 깊이맵(depth map)을 생성하고, 이러한 깊이맵을 이용하여 3차원 영상을 생성하는 특징을 요지로 한다. 도면을 참조하여 상세히 살펴보기로 한다.
도 3은 본 발명의 일 실시 예에 따른 2차원 영상을 3차원 영상으로 변환하는 동작을 나타낸 도면이다.
도 3을 참조하면, 먼저 310단계에서 원본 영상이 입력되면, 320단계에서 입력된 영상이 웹페이지 영상인지 판단한다.
320단계에서 판단 결과, 입력 영상이 웹페이지 영상이 아니면 360단계로 진행하여 종래의 2차원 영상을 3차원 영상으로 변환하는 방법을 이용하여 입력 영상을 3차원 영상으로 변환하고 종료한다. 이러한 경우 상기 입력 영상에 대해, 깊이맵을 생성하고, 상기 생성한 깊이맵을 이용하여 상기 입력 영상을 3차원 영상으로 변환하는 과정을 수행한다. 이러한 2차원 영상을 3차원 영상으로 변환하는 방법의 예로 미국 공개 특허 2010-0111417 (명칭: Converting 2d video into stereo video)의 방법이 사용될 수 있다.
상기 320단계에서 판단 결과, 입력 영상이 웹페이지 영상인 경우에는 330단계로 진행하여 HTML 혹은 XML과 같은 웹페이지를 구현하기 위한 문서의 데이터를 파싱(parsing)한다.
*도 4는 일반적인 HTML 문서의 기본 구조의 예를 나타낸 도면이다. 도 4에 도시한 바와 같이 일반적으로 웹페이지 구현을 위한 HTML 웹문서는 크게 헤드(HEAD)와 바디(BODY)로 구성되며, 헤드에는 문서의 정보가 포함되며, 바디에는 텍스트 정보 및 이미지와 같은 멀티미디어 정보가 포함된다. HTML 태그는 일반적으로 <xxxx> (정보) </xxxx> 형태로 구성된다. 예를 들어 도 4에 도시된 바와 같이 <TITLE> </TITLE> 태그에는 제목 표시줄에 표시될 내용이 입력되며, <BODY> </BODY> 태그에는 HTML 문서의 본문의 내용이 입력된다.
다음 340단계에서 웹페이지 구현을 위한 문서를 분석한 정보를 이용하여 깊이맵을 생성한다. 상세히 설명하면, 먼저 웹페이지 구현을 위한 HTML 문서를 분석하여 웹페이지에서 텍스트 정보를 표시하는 텍스트 영역과, 텍스트 외의 멀티미디어 정보를 표시하는 멀티미디어 영역을 분류하고, HTML 문서 내의 멀티미디어 영역은 상기 설명한 기존의 2차원 영상을 3차원 영상으로 변환하는 방법을 이용하여 깊이맵을 계산한다. 이 경우 입력된 원본 영상에서 멀티미디어 정보를 표시하는 멀티미디어 영역에 대응되는 영상에 대해, 깊이맵을 생성하고, 상기 생성한 깊이맵을 이용하여 상기 멀티미디어 영역의 영상을 3차원 영상으로 변환한다. 이러한 2차원 영상을 3차원 영상으로 변환하는 방법의 예로 미국 공개 특허 2010-0111417 (명칭: Converting 2d video into stereo video)의 방법이 사용될 수 있다.
반면, 텍스트 영역의 경우에는 본 발명의 특징에 따라 웹페이지 구현을 위한 문서의 태그 정보를 이용하여 깊이맵을 생성한다.
도 5는 일반적인 텍스트 표시를 위한 HTML 문서의 예를 나타낸 도면이다. 도 5를 참조하면, 일반적으로 웹문서는 여러 종류의 태그를 사용하는데 본 발명은 이러한 태그의 종류 별로 각각 대응되는 깊이(depth) 정보를 설정하고, 웹문서에서 사용된 태그의 종류에 따라 자동적으로 깊이 정보를 설정하여 깊이맵을 생성한다. 예를 들면 인용문을 나타내는 <cite> 태그와 강조를 나타내는 <strong> 태그의 경우에는 일반 텍스트보다 더 강조되어 앞으로 돌출되어 보이도록 깊이 정보를 설정할 수 있다. 이러한 각 태그 별 설정된 깊이 정보를 이용하여 텍스트 영역의 깊이맵을 생성한다. 본 발명에서 각 태그의 종류 별로 대응되는 깊이 정보를 테이블 형태로 미리 저장될 수 있다. 또한, 각 태그의 종류 별로 대응되는 깊이 정보는 사용자에 의해 임의로 설정될 수 있다. 예를 들어 텍스트 중 제목이나 중요한 부분의 경우에는 다른 텍스트들 보다 더 돌출되어 보이도록 깊이 정보를 설정할 수 있다.
다음 350단계에서는 상기 340단계에서 생성된 깊이맵을 이용하여 오른쪽 영상(Right view)을 생성하고, 원본 영상을 왼쪽 영상(Left view)으로 이용하여 3차원 영상을 생성한다. 이 경우 깊이맵을 이용하여 3차원 영상을 생성하는 동작은 기존의 일반적인 방식이 사용된다.
한편, 330단계 및 340단계에서 웹문서를 분석하여 깊이맵을 생성하는 경우, 태그의 종류 별로 미리 설정된 깊이 정보를 이용하는 방법 외에, 추가로 문서의 특정 부분에 깊이 정보를 부여하는 새로운 태그(예를 들어 <depth>(깊이 정보)</depth>)를 정의하여 깊이 맵을 생성하는데 사용할 수 있다.
도 6은 본 발명의 일 실시 예에 따른 2차원 영상을 3차원 영상으로 변환하는 장치의 구성을 나타낸 도면이다.
도 6을 참조하면, 본 발명의 일 실시 예에 따른 2차원 영상을 3차원 영상으로 변환하는 장치는 영상 처리부(610)와, 깊이맵 생성부(620)와, 3차원 영상 생성부(630)를 포함한다.
영상 처리부(610)는 입력받은 2차원 영상이 웹페이지 영상인지 판단하고, 웹페이지 영상인 경우에는 HTML 또는 XML과 같은 웹페이지를 구현하기 위한 문서를 파싱하여 텍스트 정보를 표시하기 위한 텍스트 영역과 텍스트 이외의 멀티미디어 정보를 표시하기 위한 멀티미디어 영역을 분류한다.
깊이맵 생성부(620)는 입력 영상이 웹페이지 영상이 아닌 경우 혹은 입력 영상이 웹페이지 영상인 경우에 웹페이지 내의 멀티미디어 영역에 대해서 기존의 2차원 영상을 3차원 영상으로 변환하는 방법을 이용하여 깊이맵을 생성한다. 입력 영상이 웹페이지 영상인 경우 해당 웹페이지를 구현하기 위한 문서 내의 텍스트 영역에 대해서는 본 발명의 특징에 따라 태그 정보 별로 미리 설정되어 있는 깊이 정보를 이용하여 깊이맵을 생성한다. 이 경우 각 태그의 종류 별로 미리 깊이 정보를 설정할 수 있으며, 깊이 정보를 설정하기 위한 새로운 태그를 정의하여 사용할 수 있다. 상기 깊이맵 생성부(620)는 웹문서의 텍스트 영역에 사용되는 각 태그의 종류 별로 대응되는 깊이 정보를 테이블 형태로 미리 저장할 수 있다.
3차원 영상 생성부(630)는 상기 깊이맵 생성부(620)에서 생성한 깊이맵을 이용하여 오른쪽 영상(Right view)을 생성하고, 원본 영상을 왼쪽 영상(Left view)으로 이용하여 3차원 영상을 생성한다. 이 경우 깊이맵을 이용하여 3차원 영상을 생성하는 동작에는 기존의 일반적인 방식이 사용한다.
도 7은 본 발명의 일 실시 예에 따라 3차원 영상으로 변환되어 표시되는 웹페이지의 예를 나타낸 도면이다.
도 7에 도시된 바와 같이 웹문서를 이용하여 3차원 영상으로 웹페이지를 변환할 수 있다. 이 경우 701의 멀티미디어 영역은 일반적인 2차원 영상을 3차원 영상으로 변환하는 방법을 이용하여 3차원 영상으로 표시되고, 텍스트 영역은 태그별로 미리 설정된 깊이 정보에 따라 3차원 영상으로 표시된다. 이 경우 텍스트 영역의 태그의 종류에 따라 깊이 정보를 설정하여, 뉴스를 표시하는 헤드라인 부분(702)과 같이 다른 부분에 비해 더 중요하다고 판단되는 텍스트는 더 많은 입체감을 부여하도록 3차원 웹페이지 영상을 표시할 수 있다.
상기와 같이 본 발명의 일 실시 예에 따른 입체 웹페이지 구현 방법 및 장치의 구성 및 동작이 이루어질 수 있으며, 한편 상기한 본 발명의 설명에서는 웹페이지를 구현하기 위한 HTML 문서를 예로 들어 구체적인 실시예에 관해 설명하였으나, HTML 문서 이외에도 XML 문서, 포맷이 공개된 워드 프로세서의 문서와 같은 텍스트를 표시하기 위한 문서 포맷에 적용할 수 있다.
상기, 도 3 내지 도 7에 도시된 본 발명의 실시예에 따르면, 본 발명은 HTML parsing을 통한 입체 Web page 구현 방법을 제시하고 있다. 이 방법에 의하면 본래 입체 정보를 가지고 있지 않은 web page를 text의 중요도에 따라 (예, <cite>나 <strong> 등 강조되거나 일반적인 text 정보와 다른 element의 경우 입체 전환시 앞으로 나오게 depth map을 설정) 임의의 depth값을 부여함으로써 web page의 입체감을 부여하는 방법을 제시하고 있다. 또한 depth 값을 나타내는 새로운 tag (예, <depth>)에 값을 부여하여 입체감을 표현하는 방법을 제시하고 있다.
그런데, 이러한 방법에 의하면 depth 정보가 없는 text에 depth 정보를 부여하게 됨으로써 2D로써 표현되던 text 위주의 web page에 입체감을 부여할 수 있다. 그러나 입체정보를 포함하고 있는 stereo video의 경우 depth 정보를 control 할 수 있는 방법은 제시하고 있지 않다.
이에, 본 발명의 다른 실시예에서는 위에서 기술한 바와 같이 text위주로 되어 있는 web page에 입체감을 부여하는 방법 외에, 입체 정보를 포함하고 있는 stereo video를 web page 내에서 재생하고, 또한 Markup Language(HTML)를 통해 stereo video의 depth 정보를 control할 수 있는 방법을 제공함으로써, web page 내에서 입체 영상의 입체감(입체 효과를 크게 또는 약하게)을 제어할 수 있는 방법을 제공한다.
또한 이러한 방법을 통해 사용자는 자신에게 맞는 또는 재생되는 기기에 맞게 입체감을 조절할 수 있는 방법을 제공할 수 있다.
본 발명의 다른 실시예를 설명하기에 앞서, 도 8을 참조하여, 일반적인 웹브라우저의 구성을 살펴보기로 한다.
도 8은 일반적인 웹브라우저의 구성모습이다.
일반적인 웹 브라우저의 구성은 이 보다 훨씬 복잡하고 다양한 기능을 수행하는 여러 개의 컴포넌트로 이루어져 있으나, 여기서는 이를 단순화하여, HTML page를 parsing하는 parser와 video를 재생하는 video player만으로 간단히 도식화하여 설명한다.
그림에서 보듯이, HTML parser는 HTML을 parsing하여 HTML page를 구성한다. 또한 HTML parsing 중에 video를 포함하고 있는 특정 tag를 만나면 (<object>, <embed> 또는 <video> - HTML5) video player를 수행하고, video에 대한 정보(URL)를 넘겨준다. video player는 HTML parser로부터 전달받은 URL에 지정되어 있는 video를 재생하여 보여준다. 이 경우 video player는 Browser 내부에서 수행될 수도 있고 (HTML5 Browser) 경우에 따라 Browser 외부의 컴포넌트가 담당할 수도 있다.
도 9는 본 발명에서 제안하고 있는 웹브라우저의 구성이다.
도 9에서 보듯이, 본 발명에서 제안하는 웹브라우저의 구성은 depth control interface라고 불리는 컴포넌트를 더 포함하고 있다. 웹 브라우저는 HTML 문서를 읽어들이면, HTML parser에서 이를 parsing하고 HTML page를 만든다. 또한 video content를 포함하고 있는 경우 video player를 구동시키고 이 video player에 의해 video가 재생된다. 여기까지는 일반적인 브라우저의 동작과 유사하다. 그러나 HTML parsing 중에 stereo video의 depth 정보를 control 할 수 있는 API를 만나게 되면, depth control interface를 통해 depth map을 조정하고, 이에 따라 구성되는 Left View(좌안 영상)과 Right View (우안 영상)은 원래의 stereo video가 가지고 있던 입체감과 다르게 표시되게 된다.
이 depth control interface는 웹브라우저에 따라 브라우저 내부의 컴포넌트로 존재할 수도 있고, 경우에 따라 plugin object로 구성될 수도 있다.
적색으로 표시된 선은 외부의 script file이 존재할 경우 이 script를 통해 depth map을 조정하는 경우를 보여 준다. 이 경우 script 파일은 디바이스의 내부에 존재하고 있으며 사용자의 취향(personalization)이나 기기의 종류(모바일 디바이스, DTV)에 따라 그 고유의 값이 설정되어 있어 원래의 stereo video의 입체감과 다르게 표시될 수 있음을 보여준다.
이를 depth map이 달라지는 그림으로 표현해 보면 도 10과 같다.
도 10에서와 같이, 원래의 stereo video의 depth map이 HTML 문서 내에 포함되어 있는 depth control API에 의해 조절되면 우측과 같이 depth map이 달라지게 되고, 이는 Right view와 Left view의 구성이 달라지게 됨으로써 사용자에게는 입체감(입체감이 더 깊거나 얕게)이 달라지는 효과가 발생하게 된다.
아래 표 1은 depth control interface를 조절할 수 있는 API의 예를 보여준다.
Property
readonly Number
depthValue		 depth 값을 나타낸다. 0.0 ~ 1.0 사이의 값을 가질 수 있다.
function
onDepthChange()		 Depth 값이 변경되면 호출되는 callback 함수
Method
Number getDepth() depth 값을 가져온다. 반환되는 값은 0.0 ~ 1.0 사이
Boolean
setDepth(Number)		 지정된 depth 값으로 depth map을 설정한다. 성공/실패 여부에 따라 True 또는 False 값을 리턴한다.
Number
stereoVideoType()		 2D 또는 3D stereo video type을 리턴
도 11은 본 발명에 따른 video를 포함한 HTML문서를 처리하는 과정을 보여 준다.
기존의 웹 브라우저에서는 video의 존재 여부만을 판단하여 video가 있는 경우 HTML page를 rendering하고 HTML 내에서 video를 재생하는 과정만이 존재했으나, 본 발명의 동작에 의하면, video가 stereo video인지를 판단할 수 있고, 또한 HTML 문서내에 depth control API가 존재하는 지 여부, 또는 외부에 depth map을 control할 수 있는 script가 존재하는지 여부에 따라 HTML page와 video를 재생, depth map을 조정 할 수 있는 여러 경우의 수가 발생 할 수 있으며, 이에 따라 2D 또는 3D video를 재생할 지, 또한 depth map을 조절하여 영상의 입체감을 조정할 지가 판단된다.
또한 본 발명에 따르면 video content 자체가 stereo형태가 아니더라도 외부에 depth map을 조정할 수 있는 script가 존재할 경우 이를 stereo형태로 재생할 수 있다.
위에서 설명한 바와 같이, 본 방법에 의하면, Markup Language(HTML)에 의해 stereo video의 depth 정보를 control할 수 있고, 이에 따라 Left view(좌안 영상)과 Right view(우안 영상)이 달리 표현됨으로 인해 입체영상감을 조절할 수 있다.
또한, 이를 control하는 별도의 스크립트를 구성하면, 사용자의 개인 취향이나 기기의 종류(예, 모바일 디바이스, DTV 등)에 따라 표현되는 입체영상감을 달리 표현되게 함으로써 사용자에게 보다 편안한 stereo video의 영상을 제공할 수 있다.

Claims (11)

  1. 3차원 웹페이지 구현 방법에 있어서,
    입력된 원본 영상이 웹페이지(webpage) 영상인지 판단하는 과정과,
    상기 입력된 원본 영상이 웹페이지 영상인 경우, 상기 웹페이지를 구현하기 위한 문서에서 텍스트를 표시하는 텍스트 영역과, 텍스트 외의 멀티미디어 정보를 표시하는 멀티미디어 영역을 구분하는 과정과,
    상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 과정과,
    상기 깊이맵을 이용하여 3차원 입체 영상을 생성하는 과정을 포함함을 특징으로 하는 3차원 영상 구현 방법.
  2. 제 1항에 있어서, 상기 웹페이지를 구현하기 위한 문서는 HTML(Hyper Text Markup Language) 또는 XML(Extensible Markup Language) 문서임을 특징으로 하는 3차원 영상 구현 방법.
  3. 제 1항에 있어서, 상기 입력된 원본 영상에서 멀티미디어 정보를 표시하는 멀티미디어 영역의 경우, 상기 멀티미디어 영역에 대응되는 영상에 대해, 깊이맵을 생성하고, 상기 생성한 깊이맵을 이용하여 상기 멀티미디어 영역의 영상을 3차원 영상으로 변환하는 과정을 더 포함함을 특징으로 하는 3차원 영상 구현 방법.
  4. 제 1항에 있어서, 상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 과정은,
    상기 텍스트 영역의 각 태그(tag)의 종류에 따라 미리 설정된 해당 태그의 깊이 정보를 이용하여 깊이맵(depth map)을 생성하는 과정임을 특징으로 하는 3차원 영상 구현 방법.
  5. 제 1항에 있어서, 상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 과정은,
    상기 웹페이지의 특정 부분에 깊이 정보를 부여하기 위해 정의된 태그를 이용하여 깊이맵을 생성하는 과정임을 특징으로 하는 3차원 영상 구현 방법.
  6. 3차원 웹페이지 구현 장치에 있어서,
    입력된 원본 영상이 웹페이지(webpage) 영상인지 판단하며, 상기 입력된 원본 영상이 웹페이지 영상인 경우, 상기 웹페이지를 구현하기 위한 문서에서 텍스트를 표시하는 텍스트 영역과, 텍스트 외의 멀티미디어 정보를 표시하는 멀티미디어 영역을 구분하는 영상 처리부와,
    상기 텍스트 영역의 각 태그(tag)의 종류에 따라 깊이맵(depth map)을 생성하는 깊이맵 생성부와,
    상기 깊이맵을 이용하여 3차원 입체 영상을 생성하는 3차원 영상 생성부를 포함함을 특징으로 하는 3차원 영상 구현 장치.
  7. 제 6항에 있어서, 상기 웹문서는 HTML(Hyper Text Markup Language) 또는 XML(Extensible Markup Language) 문서임을 특징으로 하는 3차원 영상 구현 장치.
  8. 제 6항에 있어서, 상기 깊이맵 생성부는, 상기 입력된 원본 영상에서 멀티미디어 정보를 표시하는 멀티미디어 영역의 경우, 상기 멀티미디어 영역에 대응되는 영상에 대해, 깊이맵을 생성하고, 상기 생성한 깊이맵을 이용하여 상기 멀티미디어 영역의 영상을 3차원 영상으로 변환하는 것을 특징으로 하는 3차원 영상 구현 장치.
  9. 제 6항에 있어서, 상기 깊이맵 생성부는,
    상기 텍스트 영역의 각 태그(tag)의 종류에 따라 미리 설정된 해당 태그의 깊이 정보를 이용하여 깊이맵(depth map)을 생성하는 것을 특징으로 하는 3차원 영상 구현 장치.
  10. 제 9항에 있어서, 상기 깊이맵 생성부는,
    상기 텍스트 영역의 각 태그(tag)의 종류에 따라 미리 설정된 해당 태그의 깊이 정보를 저장하는 것을 특징으로 하는 3차원 영상 구현 장치.
  11. 제 6항에 있어서, 상기 깊이맵 생성부는,
    상기 웹페이지의 특정 부분에 깊이 정보를 부여하기 위해 정의된 태그를 이용하여 깊이맵을 생성하는 것을 특징으로 하는 3차원 영상 구현 장치.
KR1020110095133A 2011-09-21 2011-09-21 3차원 영상 구현 방법 및 장치 KR20130031514A (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020110095133A KR20130031514A (ko) 2011-09-21 2011-09-21 3차원 영상 구현 방법 및 장치

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110095133A KR20130031514A (ko) 2011-09-21 2011-09-21 3차원 영상 구현 방법 및 장치

Publications (1)

Publication Number Publication Date
KR20130031514A true KR20130031514A (ko) 2013-03-29

Family

ID=48180647

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110095133A KR20130031514A (ko) 2011-09-21 2011-09-21 3차원 영상 구현 방법 및 장치

Country Status (1)

Country Link
KR (1) KR20130031514A (ko)

Similar Documents

Publication Publication Date Title
US10860173B1 (en) Modular systems and methods for selectively enabling cloud-based assistive technologies
US10878177B2 (en) Techniques for stereoscopic online web content creation and rendering
KR101521655B1 (ko) ＬＡＳｅＲ 기반의 단말을 위한 스테레오스코픽 입체 영상 컨텐츠 제공 장치 및 방법
JP4583218B2 (ja) 対象コンテンツを評価する方法、コンピュータ・プログラム、システム
US20100077322A1 (en) Systems and methods for a realtime creation and modification of a dynamic media player and a disabled user compliant video player
CN107402985B (zh) 视频特效输出控制方法、装置及计算机可读存储介质
CN102184082B (zh) 一种基于双目视差原理的3d浏览器实现方法
KR101724704B1 (ko) 3차원 영상 구현 방법 및 장치
Sharma et al. Differences between HTML and HTML 5
US20030122870A1 (en) Dynamically rendering a button in a hypermedia content browser
KR20130031514A (ko) 3차원 영상 구현 방법 및 장치
CN108197248B (zh) 一种3d化2d网页显示的方法、装置及系统
KR101370714B1 (ko) 다중 스크린 장치 사용을 위한 웹 페이지 스크린 분할 방법 및 시스템
KR101691839B1 (ko) 3d 디스플레이 상에서 컨텐트 제어 방법 및 장치
KR101645487B1 (ko) 사용자 편집 기능을 갖는 전자 매뉴얼 제공 방법 및 장치
Wang et al. Stereoscopic 3D Web: From idea to implementation
Cook et al. Embedding Media
CN114840790A (zh) 动画显示方法、装置及存储介质
Lee et al. Development of Emulator for CSS3 Extension to Represent Web
Sampaio et al. WebAnywhere system improvement: A screen reader for the visually impaired to specific web
Azevedo et al. An Approach to Convert NCL Applications into Stereoscopic 3D
US9704416B2 (en) Television system and image display method thereof
Sampaio et al. Analysis and Improvement System WebAnywhere.

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application