KR101852493B1 - 미디어 재생 장치 및 애니메이션 처리 가속 방법 - Google Patents

미디어 재생 장치 및 애니메이션 처리 가속 방법 Download PDF

Info

Publication number
KR101852493B1
KR101852493B1 KR1020160094413A KR20160094413A KR101852493B1 KR 101852493 B1 KR101852493 B1 KR 101852493B1 KR 1020160094413 A KR1020160094413 A KR 1020160094413A KR 20160094413 A KR20160094413 A KR 20160094413A KR 101852493 B1 KR101852493 B1 KR 101852493B1
Authority
KR
South Korea
Prior art keywords
objects
event
converse
web document
unit
Prior art date
Application number
KR1020160094413A
Other languages
English (en)
Other versions
KR20180011687A (ko
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 KR1020160094413A priority Critical patent/KR101852493B1/ko
Priority to US15/658,826 priority patent/US10403021B2/en
Publication of KR20180011687A publication Critical patent/KR20180011687A/ko
Application granted granted Critical
Publication of KR101852493B1 publication Critical patent/KR101852493B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • 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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
    • 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/47202—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 content on demand, e.g. video on demand
    • 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/47217—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 controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/146—Coding or compression of tree-structured data

Landscapes

  • Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • General Health & Medical Sciences (AREA)
  • General Engineering & Computer Science (AREA)
  • Health & Medical Sciences (AREA)
  • Computational Linguistics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Processing Or Creating Images (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

애니메이션 처리를 가속하기 위한 미디어 재생 장치는 서비스 서버로부터 웹 브라우저를 통해 웹 문서를 수신하는 수신부, 상기 웹 문서에 가속 스크립트를 삽입하는 스크립트 삽입부, 상기 가속 스크립트를 통해 상기 웹 문서에서 이벤트가 발생하는지를 모니터링하는 모니터링부, 상기 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 상기 하나 이상의 객체와 대응되는 컨버스를 생성하고, 상기 하나 이상의 객체를 상기 컨버스에 복사하는 컨버스 관리부 및 상기 컨버스에 상기 이벤트를 적용하여 출력하는 출력부를 포함한다.

Description

미디어 재생 장치 및 애니메이션 처리 가속 방법{MEDIA PLAY DEVICE AND METHOD FOR ACCELERATING ANIMATION PROCESSING}
본 발명은 미디어 재생 장치 및 애니메이션 처리 가속 방법에 관한 것이다.
IPTV(Internet Protocol Television)란 초고속 인터넷 망을 이용하여 영화와 방송프로그램과 같은 동영상 컨텐츠와 인터넷 검색 등 다양한 멀티미디어 컨텐츠를 텔레비전 수상기로 제공하는 양방향 방송 및 통신 서비스이다. 시청자는 리모컨을 이용하여 간단하게 인터넷 검색은 물론 영화 감상, 홈쇼핑, 홈뱅킹, 온라인 게임, MP3 등 인터넷이 제공하는 다양한 컨텐츠 및 부가 서비스를 IPTV로부터 제공받을 수 있다.
IPTV는 애니메이션 효과가 적용된 화면 구성을 통해 컨텐츠 및 부가 서비스의 제공을 위한 메뉴를 표시할 수 있다. 이와 관련하여, 선행기술인 한국공개특허 제 2008-0069016호는 레이아웃(Layout) 구조를 이용한 GUI 위젯 구성 장치 및 이를 운영하는 방법을 개시하고 있다.
IPTV의 메뉴에 애니메이션 효과를 적용하기 위해서는 메뉴에 표시될 객체를 개별적으로 제어해야 하므로, 많은 리소스가 요구된다. 또한, 변형 또는 이동되는 객체의 경우, 모든 프레임마다 리플로우(Reflow)와 리페인트(Repaint)를 발생시킴으로써, IPTV의 성능 저하를 발생시킨다는 단점을 가지고 있다.
집단으로 제어되는 이미지 리스트 등의 웹 오브젝트에 대한 애니메이션 성능을 높일 수 있는 미디어 재생 장치 및 애니메이션 처리 가속 방법을 제공하고자 한다. 웹 브라우저에서 스크립트를 동적으로 삽입함으로써, 원본 코드의 수정 없이 애니메이션 처리 성능을 높일 수 있는 미디어 재생 장치 및 애니메이션 처리 가속 방법을 제공하고자 한다. 웹 뷰의 성능 저하 요인인 렌더링된 각 객체가 이동 및 변형됨으로써, 발생되는 리페인트(Repaint) 및 리플로우(Reflow)의 발생을 최소화하도록 하는 미디어재생 장치 및 애니메이션 처리 가속 방법을 제공하고자 한다. HMD(Head Mounted Display)에 표시되는 가상 현실 영상에서 리스트로 표현되는 객체를 캔버스를 이용한 애니메이션 처리를 통해 효과적으로 표시할 수 있도록 하는 미디어 재생 장치 및 애니메이션 처리 가속 방법을 제공하고자 한다. 다만, 본 실시예가 이루고자 하는 기술적 과제는 상기된 바와 같은 기술적 과제들로 한정되지 않으며, 또 다른 기술적 과제들이 존재할 수 있다.
상술한 기술적 과제를 달성하기 위한 수단으로서, 본 발명의 일 실시예는, 서비스 서버로부터 웹 브라우저를 통해 웹 문서를 수신하는 수신부, 상기 웹 문서에 가속 스크립트를 삽입하는 스크립트 삽입부, 상기 가속 스크립트를 통해 상기 웹 문서에서 이벤트가 발생하는지를 모니터링하는 모니터링부, 상기 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 상기 하나 이상의 객체와 대응되는 컨버스를 생성하고, 상기 하나 이상의 객체를 상기 컨버스에 복사하는 컨버스 관리부 및 상기 컨버스에 상기 이벤트를 적용하여 출력하는 출력부를 포함하는 미디어 재생 장치를 제공할 수 있다.
일례에 따르면, 상기 하나 이상의 객체는 하나 이상의 이미지를 포함하고, 상기 이벤트는 상기 하나 이상의 이미지에 대한 애니메이션과 관련된 이벤트인 것일 수 있다.
일례에 따르면, 상기 컨버스 관리부는 상기 애니메이션이 재생됨에 따라 시각적으로 변화가 발생하는 상기 하나 이상의 객체를 상기 웹 문서로부터 추출하고, 상기 추출된 하나 이상의 객체와 대응되는 컨버스를 생성할 수 있다. 또한, 상기 컨버스 관리부는 상기 추출된 하나 이상의 객체에 포함된 이미지를 상기 컨버스에 복사할 수 있다. 상기 컨버스 관리부는 상기 컨버스에 복사된 상기 하나 이상의 객체를 기설정된 압축률에 기초하여 압축할 수 있다.
일례에 따르면, 상기 출력부는 상기 컨버스를 출력하기 전 상기 애니메이션에서 처리되는 하나 이상의 객체를 출력하고, 상기 애니메이션에서 처리되지 않는 객체를 블라인드 시킬 수 있다. 또한, 상기 출력부는 상기 출력된 하나 이상의 객체를 대체하여 상기 컨버스를 출력하고, 상기 애니메이션을 적용하여 재생시킬 수 있다.
일레에 따르면, 상기 하나 이상의 객체에 대한 사용빈도에 기초하여 저장 장소를 달리하여 상기 컨버스를 저장하는 저장부를 더 포함할 수 있다.
일례에 따르면, 상기 모니터링부는 사용자 인터페이스를 통한 상기 웹 문서에서 사용자와의 인터렉션 및 상기 웹 문서에 포함된 하나 이상의 객체에 대한 변화 여부를 모니터링할 수 있다.
일례에 따르면, 상기 수신된 웹 문서가 다른 웹 문서로 교체되거나 상기 수신된 웹 문서가 다시 수신되는 경우, 상기 스크립트 삽입부는 상기 교체된 웹 문서 또는 상기 다시 수신된 웹 문서에 상기 가속 스크립트를 삽입할 수 있다. 상기 스크립트 삽입부는 웹 브라우저의 내장 플러그인으로 구현될 수 있다.
본 발명의 다른 실시예는, 서비스 서버로부터 웹 브라우저를 통해 웹 문서를 수신하는 수신부, 상기 웹 문서에 가속 스크립트를 삽입하는 스크립트 삽입부, 상기 가속 스크립트를 통해 상기 웹 문서에서 이벤트가 발생하는지를 모니터링하는 모니터링부, 상기 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 상기 이벤트가 발생된 상기 하나 이상의 객체를 하나 이상의 그룹으로 그룹화하는 그룹화부, 상기 하나 이상의 그룹과 대응되는 컨버스를 생성하고, 상기 그룹을 구성하는 객체를 상기 컨버스에 복사하는 컨버스 관리부 및 상기 컨버스에 상기 이벤트를 적용하여 출력하는 출력부를 포함하는 미디어 재생 장치를 제공할 수 있다.
일례에 따르면, 상기 그룹화부는 상기 이벤트의 적용으로 객체가 이동되는 패턴에 따라 상기 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 상기 그룹화부는 상기 이벤트의 적용으로 객체가 변형되는 패턴에 따라 상기 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 상기 그룹화부는 상기 하나 이상의 객체 중 상기 이벤트의 적용으로 화면으로부터 사라질 객체들을 제 1 그룹으로 그룹화하고, 상기 하나 이상의 객체 중 상기 이벤트의 적용으로 화면으로 나타날 객체들을 제 2 그룹으로 그룹화할 수 있다.
일례에 따르면, 상기 컨버스 관리부는 상기 그룹이 캐싱되어 있는지 여부에 기초하여 상기 그룹에 대응하는 상기 컨버스를 생성할 수 있다.
본 발명의 또 다른 실시예는, 서비스 서버로부터 웹 브라우저를 통해 웹 문서를 수신하는 단계, 상기 웹 문서에 가속 스크립트를 삽입하는 단계, 상기 가속 스크립트를 통해 상기 웹 문서에서 이벤트가 발생하는지 모니터링하는 단계, 상기 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 상기 하나 이상의 객체와 대응되는 컨버스를 생성하고, 상기 하나 이상의 객체를 상기 컨버스에 복사하는 단계 및 상기 컨버스에 상기 이벤트를 적용하여 출력하는 단계를 포함하는 애니메이션 처리 가속 방법을 제공할 수 있다.
일례에 따르면, 상기 컨버스에 상기 이벤트를 적용하여 출력하는 단계는, 상기 컨버스를 출력하기 전 상기 이벤트에서 처리될 하나 이상의 객체를 상기 웹 문서 상에 출력하는 단계 및 상기 이벤트에서 처리되지 않는 객체를 상기 웹 문서 상에서 블라인드 시키는 단계를 포함할 수 있다.
일례에 따르면, 상기 출력된 하나 이상의 객체를 대체하여 상기 컨버스를 출력하는 단계 및 상기 출력된 컨버스에 상기 이벤트를 적용시켜 재생시키는 단계를 더 포함할 수 있다.
일례에 따르면, 상기 이벤트가 끝난 경우 상기 출력된 컨버스를 제거하고 상기 제거된 컨버스에 대응하는 하나 이상의 객체를 다시 출력하는 단계를 더 포함할 수 있다.
상술한 과제 해결 수단은 단지 예시적인 것으로서, 본 발명을 제한하려는 의도로 해석되지 않아야 한다. 상술한 예시적인 실시예 외에도, 도면 및 발명의 상세한 설명에 기재된 추가적인 실시예가 존재할 수 있다.
전술한 본 발명의 과제 해결 수단 중 어느 하나에 의하면, 집단으로 제어되는 이미지 리스트 등의 웹 오브젝트에 대한 애니메이션 처리 성능을 높일 수 있는 미디어 재생 장치 및 애니메이션 처리 가속 방법을 제공할 수 있다. 웹 브라우저에서 스크립트를 동적으로 삽입함으로써, 원본 코드의 수정 없이 애니메이션 성능을 높일 수 있는 미디어 재생 장치 및 애니메이션 처리 가속 방법을 제공할 수 있다. 웹 뷰의 성능 저하 요인인 렌더링된 각 객체가 이동 및 변형됨으로써, 발생되는 리페인트(Repaint) 및 리플로우(Reflow)의 발생을 최소화하도록 하는 미디어재생 장치 및 애니메이션 처리 가속 방법을 제공할 수 있다. HMD(Head Mounted Display)에 표시되는 가상 현실 영상에서 리스트로 표현되는 객체를 캔버스를 이용한 애니메이션 처리를 통해 효과적으로 표시할 수 있도록 하는 미디어 재생 장치 및 애니메이션 처리 가속 방법을 제공할 수 있다.
도 1은 본 발명의 일 실시예에 따른 애니메이션 가속 처리 시스템의 구성도이다.
도 2는 본 발명의 일 실시예에 따른 미디어 재생 장치의 구성도이다.
도 3은 본 발명의 일 실시예에 따른 이벤트가 발생된 객체를 그룹화하는 과정을 설명하기 위한 예시적인 도면이다.
도 4는 본 발명의 일 실시예에 따른 그룹을 구성하는 객체를 캔버스에 복사하는 과정을 설명하기 위한 예시적인 도면이다.
도 5는 본 발명의 일 실시예에 따른 컨버스에 이벤트를 적용하여 출력하는 과정을 설명하기 위한 예시적인 도면이다.
도 6은 본 발명의 일 실시예에 따른 미디어 재생 장치를 통해 웹 페이지 내에 삽입된 이미지의 애니메이션 처리를 가속하는 방법의 순서도이다.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미하며, 하나 또는 그 이상의 다른 특징이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
본 명세서에 있어서 '부(部)'란, 하드웨어에 의해 실현되는 유닛(unit), 소프트웨어에 의해 실현되는 유닛, 양방을 이용하여 실현되는 유닛을 포함한다. 또한, 1 개의 유닛이 2 개 이상의 하드웨어를 이용하여 실현되어도 되고, 2 개 이상의 유닛이 1 개의 하드웨어에 의해 실현되어도 된다.
본 명세서에 있어서 단말 또는 디바이스가 수행하는 것으로 기술된 동작이나 기능 중 일부는 해당 단말 또는 디바이스와 연결된 서버에서 대신 수행될 수도 있다. 이와 마찬가지로, 서버가 수행하는 것으로 기술된 동작이나 기능 중 일부도 해당 서버와 연결된 단말 또는 디바이스에서 수행될 수도 있다.
이하 첨부된 도면을 참고하여 본 발명의 일 실시예를 상세히 설명하기로 한다.
도 1은 본 발명의 일 실시예에 따른 애니메이션 가속 처리 시스템의 구성도이다. 도 1을 참조하면, 애니메이션 가속 처리 시스템(1)은 서비스 서버(110) 및 미디어 재생 장치(120)를 포함할 수 있다. 도 1에 도시된 서비스 서버(110) 및 미디어 재생 장치(120)는 애니메이션 가속 처리 시스템(1)에 의하여 제어될 수 있는 구성요소들을 예시적으로 도시한 것이다.
도 1의 애니메이션 가속 처리 시스템(1)의 각 구성요소들은 일반적으로 네트워크(network)를 통해 연결된다. 예를 들어, 도 1에 도시된 바와 같이, 미디어 재생 장치(120)는 서비스 서버(110)와 동시에 또는 시간 간격을 두고 연결될 수 있다.
네트워크는 단말들 및 서버들과 같은 각각의 노드 상호간에 정보교환이 가능한 연결구조를 의미하는 것으로, 이러한 네트워크의 일예는, 3G, 4G, 5G, Wi-Fi, 블루투스(Bluetooth), 인터넷(Internet), LAN(Local Area Network), Wireless LAN(Wireless Local Area Network), WAN(Wide Area Network), PAN(Personal Area Network) 등이 포함되나 이에 한정되지는 않는다.
서비스 서버(110)는 미디어 재생 장치(120)로 미디어 서비스를 제공할 수 있다. 예를 들어, 미디어 재생 장치(120)는 서비스 서버(110)로 특정 서비스에 대한 요청을 전송할 수 있고, 서비스 서버(110)는 요청에 대한 응답으로서 웹 브라우저를 통해 웹 문서를 미디어 재생 장치(120)로 전송할 수 있다.
미디어 재생 장치(120)는 서비스 서버(110)로부터 웹 브라우저를 통해 웹 문서 또는 웹 어플리케이션을 수신하고, 웹 문서 또는 웹 어플리케이션에 가속 스크립트를 삽입할 수 있다. 미디어 재생 장치(120)는 수신된 웹 문서가 다른 웹 문서로 교체되거나 수신된 웹 문서가 다시 수신되는 경우, 교체된 웹 문서 또는 다시 수신된 웹 문서에 가속 스크립트를 삽입할 수 있다. 미디어 재생 장치(120)는 브라우저 확장 프로그램, 브라우저 툴바, 플래쉬 플러그인과 같은 웹 브라우저의 내장 플러그인을 이용할 수 있다.
미디어 재생 장치(120)는 가속 스크립트의 이벤트 리스너(event listener)를 통해 웹 문서에서 이벤트가 발생하는 지를 모니터링할 수 있다. 예를 들어, 미디어 재생 장치(120)는 사용자 인터페이스를 통한 웹 문서에서 사용자와의 인터렉션 및 웹 문서에 포함된 하나 이상의 객체에 대한 변화 여부를 모니터링할 수 있다. 이벤트는 하나 이상의 이미지에 대한 애니메이션과 관련된 이벤트인 것으로, 예를 들어, 스크롤, 줌인/줌아웃, 3차원 로테이션 등을 포함할 수 있다.
미디어 재생 장치(120)는 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 이벤트가 발생된 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 미디어 재생 장치(120)는 이벤트의 적용으로 객체가 이동되는 패턴에 따라 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 또는, 미디어 재생 장치(120)는 이벤트의 적용으로 객체가 변형되는 패턴에 따라 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 예를 들어, 미디어 재생 장치(120)는 하나 이상의 객체 중 이벤트의 적용으로 화면으로부터 사라질 객체들을 제 1 그룹으로 그룹화하고, 하나 이상의 객체 중 이벤트의 적용으로 화면으로 나타날 객체들을 제 2 그룹으로 그룹화할 수 있다.
미디어 재생 장치(120)는 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 하나 이상의 객체와 대응되는 컨버스를 생성할 수 있다. 하나 이상의 객체는 하나 이상의 이미지를 포함할 수 있다. 예를 들어, 미디어 재생 장치(120)는 애니메이션이 재생됨에 따라 시각적으로 변화가 발생하는 하나 이상의 객체를 웹 문서로부터 추출하고, 추출된 하나 이상의 객체와 대응되는 컨버스를 생성할 수 있다. 이 때, 미디어 재생 장치(120)는 그룹이 캐싱되어 있는지의 여부에 기초하여 그룹에 대응하는 컨버스를 생성할 수 있다.
미디어 재생 장치(120)는 하나 이상의 객체를 생성된 컨버스에 복사할 수 있다. 미디어 재생 장치(120)는 추출된 하나 이상의 객체에 포함된 이미지를 컨버스에 복사할 수 있으며, 컨버스에 복사된 하나 이상의 객체를 기설정된 압축률에 기초하여 압축할 수 있다.
미디어 재생 장치(120)는 하나 이상의 객체에 대한 사용빈도에 기초하여 저장 장소를 달리하여 컨버스를 저장할 수 있다.
미디어 재생 장치(120)는 컨버스에 이벤트를 적용하여 출력할 수 있다. 예를 들어, 미디어 재생 장치(120)는 컨버스를 출력하기 전 애니메이션에서 처리되는 하나 이상의 객체를 출력하고, 애니메이션에서 처리되지 않는 객체를 블라인드시킬 수 있다. 미디어 재생 장치(120)는 출력된 하나 이상의 객체를 대체하여 컨버스를 출력하고, 애니메이션을 적용하여 재생시킬 수 있다.
이러한 미디어 재생 장치(120)는 셋톱박스(set-top box), IPTV(Internet Protocol Television), 스마트 TV(Smart TV) 및 커넥티드 TV(Connected TV) 등을 포함할 수 있다.
미디어 재생 장치(120)는 특정 객체를 일정한 배열의 형태로 리스트화하여 메뉴를 표시할 수 있다. 그러나 종래의 기술은 전체 객체의 수에 따라 부하가 발생되어 브라우저 상의 객체를 제어하는데 많은 리소스가 요구되었다. 또한, 그룹화한 상위 레이어 하나를 제어하더라도 그룹에 포함된 변형 및 이동되는 모든 객체는 모든 프레임마다 개별적으로 리플로우(Reflow)와 리페인트(Repaint)를 발생시켜 장치의 성능을 저하시키는 원인이 되고 있다. 따라서, 본원 발명에서는 객체를 그룹화시킴으로써, 그룹의 수에 따라 부하가 발생되므로, 장치의 성능 저하를 방지하는 기술을 제안하고자 한다. 또한, 본원 발명은 HMD(Head Mounted Device)를 통해 가상 현실 영상에서 리스트로 표현되는 객체에도 적용될 수 있다.
도 2는 본 발명의 일 실시예에 따른 미디어 재생 장치의 구성도이다. 도 2를 참조하면, 미디어 재생 장치(120)는 수신부(210), 스크립트 삽입부(220), 모니터링부(230), 그룹화부(240), 컨버스 관리부(250), 저장부(260) 및 출력부(270)를 포함할 수 있다.
수신부(210)는 서비스 서버(110)로부터 웹 브라우저를 통해 웹 문서를 수신할 수 있다.
스크립트 삽입부(220)는 웹 문서 또는 웹 어플리케이션에 가속 스크립트를 동적으로 삽입할 수 있다. 예를 들어, 스크립트 삽입부(220)는 웹 브라우저 내에 웹 문서 또는 웹 어플리케이션이 실행되면, 해당 웹 문서 또는 웹 어플리케이션에 동적으로 가속 스크립트를 동적으로 삽입할 수 있다. 가속 스크립트는 웹 문서 또는 웹 어플리케이션에 이벤트 리스너 및 기본적인 모듈들이 동적으로 삽입되는 즉시 실행형 스크립트로서, 가속 관련 절차를 수행하고, 이벤트 등을 감지할 수 있다. 스크립트 삽입부(220)는 웹 브라우저의 내장 플러그인으로 구현될 수 있으며, 웹 브라우저의 내장 플러그인은 예를 들어, 웹 브라우저 확장 프로그램, 웹 브라우저 툴바, 플래쉬 플러그인 등과 같은 형식으로 구성될 수 있다.
스크립트 삽입부(220)는 수신된 웹 문서가 다른 웹 문서로 교체되거나 수신된 웹 문서가 다시 수신되는 경우, 교체된 웹 문서 또는 다시 수신된 웹 문서에 가속 스크립트를 삽입할 수 있다
모니터링부(230)는 가속 스크립트를 통해 웹 문서에서 이벤트가 발생하는 지를 모니터링할 수 있다. 모니터링부(230)는 가속 스크립트의 이벤트 리스너(event listener)를 통해 브라우저 내의 모든 활동을 감지할 수 있으며, 이벤트 리스너가 CSS(Cascading Style Sheets) 요소 중 애니메이션 요소가 포함된 객체에서 이벤트를 감지하면, 가속 스크립트가 실행될 수 있다. 예를 들어, 모니터링부(230)는 사용자 인터페이스를 통한 웹 문서에서 사용자와의 인터렉션 및 웹 문서에 포함된 하나 이상의 객체에 대한 변화 여부를 모니터링할 수 있다. 이벤트는 하나 이상의 이미지에 대한 애니메이션과 관련된 이벤트일 수 있으며, 예를 들어, 스크롤, 줌인/줌아웃, 3차원 로테이션 등을 포함할 수 있다.
그룹화부(240)는 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 이벤트가 발생된 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 하나 이상의 객체는 하나 이상의 이미지를 포함할 수 있다. 예를 들어, 그룹화부(240)는 이벤트의 적용으로 객체가 이동되는 패턴에 따라 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 또한, 그룹화부(240)는 이벤트의 적용으로 객체가 변형되는 패턴에 따라 하나 이상의 객체를 하나 이상의 그룹으로 그룹화할 수 있다. 이 때, 그룹화부(240)는 객체의 시각화, 객체의 이동 패턴, 객체의 변형 패턴의 최대 크기의 교집합으로 그룹화할 수 있다.
그룹화부(240)에서 이벤트가 발생된 하나 이상의 객체를 하나 이상의 그룹으로 그룹화하는 과정에 대해서는 도 3을 통해 상세히 설명하도록 한다.
도 3은 본 발명의 일 실시예에 따른 이벤트가 발생된 객체를 그룹화하는 과정을 설명하기 위한 예시적인 도면이다. 도 3을 참조하면, 그룹화부(240)는 객체에 이벤트가 발생되기 전/후에 대해 시각 변화가 발생하는 객체들을 선정하여 그룹화할 수 있다. 구체적으로, 그룹화부(240)는 하나 이상의 객체 중 이벤트의 적용으로 화면으로부터 사라질 객체들을 제 1 그룹으로 그룹화하고, 하나 이상의 객체 중 이벤트의 적용으로 화면으로 나타날 객체들을 제 2 그룹으로 그룹화할 수 있다.
예를 들어, 현재 A행 및 B행에 포함된 객체가 디스플레이를 통해 표시되고 있으며, 스크롤 이벤트를 입력받아 객체가 위로 이동되는 경우를 가정해보자. 그룹화부(240)는 사라질 A행 및 B행을 '그룹1'(310)로 그룹화하고, 새로 보여질 C행 및 D행을 '그룹2'(320)로 그룹화할 수 있다.
다시 도 2로 돌아와서, 컨버스 관리부(250)는 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 하나 이상의 객체와 대응되는 컨버스를 생성할 수 있다. 예를 들어, 컨버스 관리부(250)는 애니메이션이 재생됨에 따라 시각적으로 변화가 발생하는 하나 이상의 객체를 웹 문서로부터 추출하고, 추출된 하나 이상의 객체와 대응되는 컨버스를 생성할 수 있다.
컨버스 관리부(250)는 그룹이 캐싱되어 있는지 여부에 기초하여 그룹에 대응하는 컨버스를 생성할 수 있다. 예를 들어, 컨버스 관리부(250)는 그룹이 가속 스크립트를 통해 애니메이션 처리 과정을 거쳤는 지에 대한 캐싱 여부를 판단하고, 캐싱된 그룹이 존재하는 경우, 캐싱되지 않은 그룹의 수만큼 새로운 컨버스를 생성할 수 잇다. 이 때, 각 컨버스의 크기, 좌표는 기존의 각 그룹과 동일하게 설정될 수 있다.
컨버스 관리부(250)는 하나 이상의 객체를 컨버스에 복사할 수 있다. 예를 들어, 컨버스 관리부(250)는 추출된 하나 이상의 객체에 포함된 이미지를 컨버스에 복사할 수 있다. 이 때, 컨버스 관리부(250)는 컨버스에 복사된 하나 이상의 객체를 기설정된 압축률에 기초하여 압축함으로써, 컨버스 내 영역의 해상도를 낮추어 메모리 사용을 감소시킬 수 있다.
컨버스 관리부(250)에서 하나 이상의 객체를 컨버스에 복사하는 과정에 대해서는 도 4를 통해 상세히 설명하도록 한다.
도 4는 본 발명의 일 실시예에 따른 그룹을 구성하는 객체를 캔버스에 복사하는 과정을 설명하기 위한 예시적인 도면이다. 도 4를 참조하면, 컨버스 관리부(250)는 문서 객체 모델(DOM, Document Object Model)에 포함된 그룹을 구성하는 복수의 객체를 컨버스에 복사할 수 있다
예를 들어, 스크롤 이벤트를 통해 객체가 이동되는 경우를 가정해보자. 컨버스 관리부(250)는 문서 객체 모델(410)에서 '그룹1'(310)에 해당하는 A행 및 B행에 포함된 복수의 객체를 제 1 컨버스(420)에 복사할 수 있다. 또한, 컨버스 관리부(250)는 문서 객체 모델(410)에서 '그룹2'(320)에 해당하는 C행 및 D행에 포함된 복수의 객체를 제 2 컨버스(440)에 복사할 수 있다.
다시 도 2로 돌아와서, 저장부(260)는 하나 이상의 객체에 대한 사용빈도에 기초하여 저장 장소를 달리하여 컨버스를 저장할 수 있다. 예를 들어, 저장부(260)는 사용빈도에 따라 주기억장치, 브라우저 캐쉬, 파일 시스템 등에 저장할 수 있다. 또한, 저장부(260)는 컨버스에 표시된 객체에 대한 데이터를 BLOB (binary large object) 형태의 데이터로 추출하고, 이를 파일로 저장할 수 있다.
출력부(270)는 컨버스에 이벤트를 적용하여 출력할 수 있다. 예를 들어, 출력부(270)는 컨버스를 출력하기 전 애니메이션에서 처리되는 하나 이상의 객체를 출력하고, 애니메이션에서 처리되지 않은 객체를 블라인드시킬 수 있다. 이 때, 출력부(270)는 출력된 하나 이상의 객체를 대체하여 컨버스를 출력하고, 애니메이션을 적용하여 재생시킬 수 있다.
도 5는 본 발명의 일 실시예에 따른 컨버스에 이벤트를 적용하여 출력하는 과정을 설명하기 위한 예시적인 도면이다. 도 3 내지 도 5를 참조하면, 출력부(270)는 컨버스를 출력하기 전 애니메이션에서 처리되는 하나 이상의 객체를 출력하고, 애니메이션에서 처리되지 않은 객체를 블라인드시킬 수 있다.
예를 들어, 현재 A행 및 B행에 포함된 객체가 디스플레이를 통해 표시되고 있으며, 스크롤 이벤트를 입력받아 객체가 위로 이동되는 경우를 가정해보자. 출력부(270)는 위로 이동됨으로써 사라질 A행 및 B행의 '그룹1'(500) 및 위로 이동됨으로써 새로 보여질 C행 및 D행의 '그룹2'(510)에 포함된 객체를 제외한 나머지 객체를 블라인드시킬 수 있다.
출력부(270)는 문서 객체 모델의 원본 그룹을 디스플레이 상에서 사라지게 한 후, 객체가 복제된 컨버스를 웹 문서에 삽입하여 디스플레이에 출력하여 애니메이션 처리를 적용하여 출력할 수 있다. 즉, 객체의 이미지 그룹이 하나의 컨버스로 대체되도록 할 수 있다.
이벤트가 적용된 컨버스의 출력이 완료되면, 출력부(270)는 원래의 문서 객체 모델의 객체 이미지 그룹으로 대체하여 표시하고, 컨버스를 메모리에서 삭제할 수 있다.
도 6은 본 발명의 일 실시예에 따른 미디어 재생 장치를 통해 웹 페이지 내에 삽입된 이미지의 애니메이션 처리를 가속하는 방법의 순서도이다. 도 6에 도시된 실시예에 따른 미디어 재생 장치(120)에 의해 수행되는 웹 페이지 내에 삽입된 이미지의 애니메이션 처리를 가속하는 방법은 도 1 내지 도 5에 도시된 실시예에 따른 애니메이션 처리 가속 시스템(1)에서 시계열적으로 처리되는 단계들을 포함한다. 따라서, 이하 생략된 내용이라고 하더라도 도 1 내지 도 5에 도시된 실시예에 따른 미디어 재생 장치(120)에 의해 수행되는 웹 페이지 내에 삽입된 이미지의 애니메이션 처리를 가속하는 방법에도 적용된다.
단계 S610에서 미디어 재생 장치(120)는 서비스 서버(110)로부터 웹 브라우저를 통해 웹 문서를 수신할 수 있다.
단계 S620에서 미디어 재생 장치(120)는 웹 문서에 가속 스크립트를 삽입할 수 있다.
단계 S630에서 미디어 재생 장치(120)는 가속 스크립트를 통해 웹 문서에서 이벤트가 발생하는지를 모니터링할 수 있다.
단계 S640에서 미디어 재생 장치(120)는 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 하나 이상의 객체와 대응되는 컨버스를 생성하고, 하나 이상의 객체를 컨버스에 복사할 수 있다.
단계 S650에서 미디어 재생 장치(120)는 컨버스에 이벤트를 적용하여 출력할 수 있다.
도 6에서는 도시되지 않았으나, 미디어 재생 장치(120)는 컨버스에 이벤트를 적용하여 출력하는 단계에서, 컨버스를 출력하기 전 이벤트에서 처리될 하나 이상의 객체를 웹 문서 상에 출력하는 단계 및 이벤트에서 처리되지 않은 객체를 웹 문서 상에서 블라인드시키는 단계를 포함할 수 있다.
도 6에서는 도시되지 않았으나, 미디어 재생 장치(120)는 출력된 하나 이상의 객체를 대체하여 컨버스를 출력하는 단계 및 출력된 컨버스에 이벤트를 적용시켜 재생시키는 단계를 더 포함할 수 있다.
도 6에서는 도시되지 않았으나, 미디어 재생 장치(120)는 이벤트가 끝난 경우, 출력된 컨버스를 제거하고 제거된 컨버스에 대응하는 하나 이상의 객체를 다시 출력하는 단계를 더 포함할 수 있다.
상술한 설명에서, 단계 S610 내지 S650은 본 발명의 구현예에 따라서, 추가적인 단계들로 더 분할되거나, 더 적은 단계들로 조합될 수 있다. 또한, 일부 단계는 필요에 따라 생략될 수도 있고, 단계 간의 순서가 변경될 수도 있다.
도 1 내지 도 6을 통해 설명된 미디어 재생 장치(120)에 의해 수행되는 웹 페이지 내에 삽입된 이미지의 애니메이션 처리를 가속하는 방법은 컴퓨터에 의해 실행되는 매체에 저장된 컴퓨터 프로그램 또는 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 또한, 도 1 내지 도 6을 통해 설명된 미디어 재생 장치(120)에 의해 수행되는 웹 페이지 내에 삽입된 이미지의 애니메이션 처리를 가속하는 방법은 컴퓨터에 의해 실행되는 매체에 저장된 컴퓨터 프로그램의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체 및 통신 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다. 통신 매체는 전형적으로 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈, 또는 반송파와 같은 변조된 데이터 신호의 기타 데이터, 또는 기타 전송 메커니즘을 포함하며, 임의의 정보 전달 매체를 포함한다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
110: 서비스 서버
120: 미디어 재생 장치
210: 수신부
220: 스크립트 삽입부
230: 모니터링부
240: 그룹화부
250: 컨버스 관리부
260: 저장부
270: 출력부

Claims (20)

  1. 애니메이션 처리를 가속하기 위한 미디어 재생 장치에 있어서,
    서비스 서버로부터 웹 브라우저를 통해 웹 문서를 수신하는 수신부;
    상기 웹 문서에 가속 스크립트를 삽입하는 스크립트 삽입부;
    상기 가속 스크립트를 통해 상기 웹 문서에서 이벤트가 발생하는지를 모니터링하는 모니터링부;
    상기 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 상기 하나 이상의 객체와 대응되는 컨버스를 생성하고, 상기 하나 이상의 객체를 상기 컨버스에 복사하는 컨버스 관리부; 및
    상기 컨버스에 상기 이벤트를 적용하여 출력하는 출력부를 포함하고,
    상기 출력부는 상기 이벤트가 발생되는 하나 이상의 객체를 대체하도록 상기 객체가 복사된 컨버스를 출력하고, 상기 출력된 컨버스에 상기 이벤트를 적용하여 출력하는 것인, 미디어 재생 장치.
  2. 제 1 항에 있어서,
    상기 하나 이상의 객체는 하나 이상의 이미지를 포함하고,
    상기 이벤트는 상기 하나 이상의 이미지에 대한 애니메이션과 관련된 이벤트인 것인, 미디어 재생 장치.
  3. 제 2 항에 있어서,
    상기 컨버스 관리부는 상기 애니메이션이 재생됨에 따라 시각적으로 변화가 발생하는 상기 하나 이상의 객체를 상기 웹 문서로부터 추출하고, 상기 추출된 하나 이상의 객체와 대응되는 컨버스를 생성하는 것인, 미디어 재생 장치
  4. 제 3 항에 있어서,
    상기 컨버스 관리부는 상기 추출된 하나 이상의 객체에 포함된 이미지를 상기 컨버스에 복사하는 것인, 미디어 재생 장치.
  5. 제 4 항에 있어서,
    상기 출력부는 상기 컨버스를 출력하기 전 상기 애니메이션에서 처리되는 하나 이상의 객체를 출력하고, 상기 애니메이션에서 처리되지 않는 객체를 블라인드 시키는 것인, 미디어 재생 장치.
  6. 제 5 항에 있어서,
    상기 출력부는 상기 출력된 하나 이상의 객체를 대체하여 상기 컨버스를 출력하고, 상기 애니메이션을 적용하여 재생시키는 것인, 미디어 재생 장치.
  7. 제 1 항에 있어서,
    상기 컨버스 관리부는 상기 컨버스에 복사된 상기 하나 이상의 객체를 기설정된 압축률에 기초하여 압축하는 것인, 미디어 재생 장치.
  8. 제 1 항에 있어서,
    상기 하나 이상의 객체에 대한 사용빈도에 기초하여 저장 장소를 달리하여 상기 컨버스를 저장하는 저장부를 더 포함하는 것인. 미디어 재생 장치.
  9. 제 1 항에 있어서,
    상기 모니터링부는 사용자 인터페이스를 통한 상기 웹 문서에서 사용자와의 인터렉션 및 상기 웹 문서에 포함된 하나 이상의 객체에 대한 변화 여부를 모니터링하는 것인, 미디어 재생 장치.
  10. 제 1 항에 있어서,
    상기 수신된 웹 문서가 다른 웹 문서로 교체되거나 상기 수신된 웹 문서가 다시 수신되는 경우,
    상기 스크립트 삽입부는 상기 교체된 웹 문서 또는 상기 다시 수신된 웹 문서에 상기 가속 스크립트를 삽입하는 것인, 미디어 재생 장치.
  11. 제 1 항에 있어서,
    상기 스크립트 삽입부는 웹 브라우저의 내장 플러그인으로 구현되는 것인, 미디어 재생 장치.
  12. 애니메이션 처리를 가속하기 위한 미디어 재생 장치에 있어서,
    서비스 서버로부터 웹 브라우저를 통해 웹 문서를 수신하는 수신부;
    상기 웹 문서에 가속 스크립트를 삽입하는 스크립트 삽입부;
    상기 가속 스크립트를 통해 상기 웹 문서에서 이벤트가 발생하는지를 모니터링하는 모니터링부;
    상기 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 상기 하나 이상의 객체를 하나 이상의 그룹으로 그룹화하는 그룹화부;
    상기 하나 이상의 그룹과 대응되는 컨버스를 생성하고, 상기 그룹을 구성하는 객체를 상기 컨버스에 복사하는 컨버스 관리부; 및
    상기 컨버스에 상기 이벤트를 적용하여 출력하는 출력부
    를 포함하고,
    상기 출력부는 상기 이벤트가 발생되는 하나 이상의 객체가 포함된 그룹을 대체하도록 상기 객체가 복사된 컨버스를 출력하고, 상기 출력된 컨버스에 상기 이벤트를 적용하여 출력하는 것인, 미디어 재생 장치.
  13. 제 12 항에 있어서,
    상기 그룹화부는 상기 이벤트의 적용으로 객체가 이동되는 패턴에 따라 상기 하나 이상의 객체를 하나 이상의 그룹으로 그룹화하는 것인, 미디어 재생 장치.
  14. 제 12 항에 있어서,
    상기 그룹화부는 상기 이벤트의 적용으로 객체가 변형되는 패턴에 따라 상기 하나 이상의 객체를 하나 이상의 그룹으로 그룹화하는 것인, 미디어 재생 장치.
  15. 제 12 항에 있어서,
    상기 그룹화부는 상기 하나 이상의 객체 중 상기 이벤트의 적용으로 화면으로부터 사라질 객체들을 제 1 그룹으로 그룹화하고,
    상기 하나 이상의 객체 중 상기 이벤트의 적용으로 화면으로 나타날 객체들을 제 2 그룹으로 그룹화하는 것인, 미디어 재생 장치.
  16. 제 12 항에 있어서,
    상기 컨버스 관리부는 상기 그룹이 캐싱되어 있는지 여부에 기초하여 상기 그룹에 대응하는 상기 컨버스를 생성하는 것인, 미디어 재생 장치.
  17. 미디어 재생 장치를 통해 웹 페이지 내에 삽입된 이미지의 애니메이션 처리를 가속하는 방법에 있어서,
    서비스 서버로부터 웹 브라우저를 통해 웹 문서를 수신하는 단계;
    상기 웹 문서에 가속 스크립트를 삽입하는 단계;
    상기 가속 스크립트를 통해 상기 웹 문서에서 이벤트가 발생하는지 모니터링하는 단계;
    상기 웹 문서에 포함된 하나 이상의 객체에 대한 이벤트가 발생되는 경우, 상기 하나 이상의 객체와 대응되는 컨버스를 생성하고, 상기 하나 이상의 객체를 상기 컨버스에 복사하는 단계; 및
    상기 컨버스에 상기 이벤트를 적용하여 출력하는 단계
    를 포함하고,
    상기 출력하는 단계는, 상기 이벤트가 발생되는 하나 이상의 객체를 대체하도록 상기 객체가 복사된 컨버스를 출력하고, 상기 출력된 컨버스에 상기 이벤트를 적용하여 출력하는 것인, 애니메이션 처리 가속 방법.
  18. 제 17 항에 있어서,
    상기 컨버스에 상기 이벤트를 적용하여 출력하는 단계는
    상기 컨버스를 출력하기 전 상기 이벤트에서 처리될 하나 이상의 객체를 상기 웹 문서 상에 출력하는 단계; 및
    상기 이벤트에서 처리되지 않는 객체를 상기 웹 문서 상에서 블라인드 시키는 단계를 포함하는 것인, 애니메이션 처리 가속 방법.
  19. 제 18 항에 있어서,
    상기 출력된 하나 이상의 객체를 대체하여 상기 컨버스를 출력하는 단계; 및
    상기 출력된 컨버스에 상기 이벤트를 적용시켜 재생시키는 단계
    를 더 포함하는 것인, 애니메이션 처리 가속 방법.
  20. 제 19 항에 있어서,
    상기 이벤트가 끝난 경우 상기 출력된 컨버스를 제거하고 상기 제거된 컨버스에 대응하는 하나 이상의 객체를 다시 출력하는 단계
    를 더 포함하는 것인, 애니메이션 처리 가속 방법.
KR1020160094413A 2016-07-25 2016-07-25 미디어 재생 장치 및 애니메이션 처리 가속 방법 KR101852493B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020160094413A KR101852493B1 (ko) 2016-07-25 2016-07-25 미디어 재생 장치 및 애니메이션 처리 가속 방법
US15/658,826 US10403021B2 (en) 2016-07-25 2017-07-25 Media play device and method for accelerating animation processing

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160094413A KR101852493B1 (ko) 2016-07-25 2016-07-25 미디어 재생 장치 및 애니메이션 처리 가속 방법

Publications (2)

Publication Number Publication Date
KR20180011687A KR20180011687A (ko) 2018-02-02
KR101852493B1 true KR101852493B1 (ko) 2018-04-26

Family

ID=60988713

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160094413A KR101852493B1 (ko) 2016-07-25 2016-07-25 미디어 재생 장치 및 애니메이션 처리 가속 방법

Country Status (2)

Country Link
US (1) US10403021B2 (ko)
KR (1) KR101852493B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112579799B (zh) * 2019-09-27 2024-07-12 西安诺瓦星云科技股份有限公司 媒体播放顺序确定方法、装置及系统和存储介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010006066A (ja) 2008-06-27 2010-01-14 Toshiba Corp 画像処理装置および画像処理方法
JP2010165070A (ja) 2009-01-13 2010-07-29 Canon Inc 描画編集方法及び描画編集装置

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20120012228A (ko) * 2010-07-30 2012-02-09 엘지전자 주식회사 복수 개의 아이스 뱅크를 갖는 냉장고
US8892994B2 (en) * 2011-03-18 2014-11-18 Google Inc. System, method, and architecture for displaying a document
US20140325343A1 (en) * 2011-12-07 2014-10-30 Adinfinity Holdings Pty Ltd As Trustee For Adinfinity Ip Trust Systems and methods for processing web page data
KR101870775B1 (ko) * 2012-02-08 2018-06-26 삼성전자 주식회사 휴대 단말기에서 애니메이션 재생 방법 및 장치

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010006066A (ja) 2008-06-27 2010-01-14 Toshiba Corp 画像処理装置および画像処理方法
JP2010165070A (ja) 2009-01-13 2010-07-29 Canon Inc 描画編集方法及び描画編集装置

Also Published As

Publication number Publication date
US10403021B2 (en) 2019-09-03
KR20180011687A (ko) 2018-02-02
US20180025528A1 (en) 2018-01-25

Similar Documents

Publication Publication Date Title
US8259788B2 (en) Multimedia stream compression
JP4955544B2 (ja) ズーム可能ユーザインターフェースのためのクライアント／サーバアーキテクチャおよび方法
US7360230B1 (en) Overlay management
JP2017504230A (ja) ビデオコンテンツを配布するビデオブロードキャストシステム及び方法
US20160249108A1 (en) Method and apparatus for providing a customized viewing experience
US10560753B2 (en) Method and system for image alteration
US10820045B2 (en) Method and system for video stream personalization
WO2017080175A1 (zh) 用于多机位的视频播放器、播放系统及播放方法
US10972809B1 (en) Video transformation service
US20200184709A1 (en) Dynamic rendering of low frequency objects in a virtual reality system
CN112153459A (zh) 用于投屏显示的方法和装置
KR101852493B1 (ko) 미디어 재생 장치 및 애니메이션 처리 가속 방법
US20160212475A1 (en) Dynamically generated user interface
CN101594479A (zh) 一种超长字幕数据处理的系统
WO2020131059A1 (en) Systems and methods for recommending a layout of a plurality of devices forming a unified display
US8521810B1 (en) Method and system for controlling a display buffer in a content distribution system
KR20180047885A (ko) 미디어 재생 장치 및 화면 캡쳐 방법
JP2008160481A (ja) コンテンツ編集装置、コンテンツ編集方法、コンテンツ編集プログラム
IL173678A (en) Remote computer access
IL173676A (en) Manipulating a compressed video system
IL141104A (en) Remote computer access
IL173679A (en) Providing compressed video

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant