KR102117452B1 - 전자 장치 및 그 콘텐츠 제작 방법 - Google Patents

전자 장치 및 그 콘텐츠 제작 방법 Download PDF

Info

Publication number
KR102117452B1
KR102117452B1 KR1020200002676A KR20200002676A KR102117452B1 KR 102117452 B1 KR102117452 B1 KR 102117452B1 KR 1020200002676 A KR1020200002676 A KR 1020200002676A KR 20200002676 A KR20200002676 A KR 20200002676A KR 102117452 B1 KR102117452 B1 KR 102117452B1
Authority
KR
South Korea
Prior art keywords
image
images
attached
preview
electronic device
Prior art date
Application number
KR1020200002676A
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 KR1020200002676A priority Critical patent/KR102117452B1/ko
Application granted granted Critical
Publication of KR102117452B1 publication Critical patent/KR102117452B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • 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
    • G06F40/186—Templates
    • 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/47205—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 manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
    • 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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/8166—Monomedia components thereof involving executable data, e.g. software
    • H04N21/8173—End-user applications, e.g. Web browser, game
    • 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/8549—Creating video summaries, e.g. movie trailer

Landscapes

  • Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • Tourism & Hospitality (AREA)
  • Health & Medical Sciences (AREA)
  • General Engineering & Computer Science (AREA)
  • General Health & Medical Sciences (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Marketing (AREA)
  • Artificial Intelligence (AREA)
  • Strategic Management (AREA)
  • Computer Security & Cryptography (AREA)
  • Primary Health Care (AREA)
  • Human Resources & Organizations (AREA)
  • Human Computer Interaction (AREA)
  • General Business, Economics & Management (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • Economics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)
  • Television Signal Processing For Recording (AREA)

Abstract

본 문서에 개시되는 일 실시 예에 따른 전자 장치에 의한 콘텐츠 제작 방법은, 웹 브라우저를 통해 서버에 의해 제공된 웹 사이트에 접속하여 상기 서버로부터 복수의 장면 템플릿(template)들을 포함하는 리소스를 다운로드(download)하여 상기 전자 장치의 메모리에 저장하는 동작; 복수의 영상들에 대한 첨부 관련 요청을 획득하면, 상기 리소스에 기반하여 각 첨부 영상들 확인하는 동작; 상기 리소스에 기반하여 상기 복수의 장면 템플릿들에 확인된 각 첨부 영상들을 배치함에 따라 복수의 프리뷰 영상들을 생성하는 동작; 상기 리소스에 기반하여 상기 생성된 프리뷰 영상들을 상기 웹 브라우저에 표시하는 동작; 상기 복수의 첨부 영상들에 대한 저장 관련 요청을 획득하면, 상기 리소스에 기반하여 상기 서버가 상기 복수의 첨부 영상들을 이용하여 콘텐츠를 제작하도록, 상기 복수의 첨부 영상들을 상기 복수의 장면 템플릿들과 관련하여 상기 서버로 업로드(upload)하는 동작을 포함할 수 있다.

Description

전자 장치 및 그 콘텐츠 제작 방법{Electronic Device and the Method for Producing Contents}
본 문서에서 개시되는 다양한 실시 예들은, 사진 또는 동영상 기반 콘텐츠 제작 기술과 관련된다.
IT 기술과 멀티미디어 기술의 발전에 따라 전문가가 아닌 개인도 촬영된 사진과 동영상(원본 영상)을 이용하여 디지털 콘텐츠를 제작하고, 제작한 디지털 콘텐츠를 다른 이들에게 배포, 공유 또는 판매할 수 있다.
그러나, 전문가가 아닌 개인은 원본 사진과 동영상을 단순히 연결하는 수준의 디지털 콘텐츠를 제작할 수 있을 뿐, 사진과 동영상의 일부를 추출하거나, 다양한 장면들과 결합시키는 것과 같은 다양한 편집 작업을 거쳐 고품질 디지털 콘텐츠를 제작하기는 어려울 수 있다.
따라서, 고품질 디지털 콘텐츠를 원하는 개인(또는, 중소기업)은 높은 비용을 지불하고 전문 제작 업체에 콘텐츠 제작을 의뢰하고 있다. 그런데, 전문 제작 업체에 의해 제작된 디지털 콘텐츠도 의뢰자의 의도와 달리 제작될 수 있고, 의뢰자가 보완을 요청하는 경우, 제작 기간이 매우 길어질 수 있다.
이러한 문제를 방지하고자, 많은 사업자들이 사진과 동영상을 이용하여 고품질 디지털 콘텐츠를 용이하게 제작하도록 지원하는 웹 기반의 영상 제작 서비스를 제공하고 있다.
한국등록특허 제10-1982221호 한국공개특허 제10-2008-0090218호
종래의 웹 기반 영상 제작 서비스는 사진이나 동영상을 하나씩 서버에 업로드한 후에 배경 레이어(또는, 장면 템플릿)와 합성하므로, 사진과 동영상을 배경 레이어와 합성하여 그에 대한 프리뷰 영상을 표시하는데, 많은 시간이 소요될 수 있다.
본 문서에 개시되는 다양한 실시 예들은 사진과 동영상에 기반하여 용이하게 콘텐츠를 제작할 수 있는 전자 장치 및 그 콘텐츠 제작 방법을 제공할 수 있다.
본 문서에 개시되는 일 실시 예에 따른 전자 장치는, 입력 회로; 지정된 웹 사이트(web site)를 제공하는 서버와 통신할 수 있는 통신 회로; 메모리; 및 웹 브라우저(web browser)를 제어하는 프로세서를 포함하고, 상기 프로세서는, 상기 통신 회로 및 상기 웹 브라우저를 통해 상기 웹 사이트에 접속하고, 상기 웹 사이트를 통해 상기 서버로부터 복수의 장면 템플릿(template)들을 포함하는 리소스를 다운로드(download)하여 상기 메모리에 저장하고, 상기 입력 회로를 통해 복수의 첨부 영상들에 대한 첨부 관련 요청을 획득하면, 상기 리소스에 기반하여 각 첨부 영상들을 확인하고, 상기 리소스에 기반하여 상기 복수의 장면 템플릿들에 상기 각 첨부 영상들을 배치함에 따라 복수의 프리뷰 영상들을 생성하여 상기 메모리에 저장하고, 상기 리소스에 기반하여 상기 생성된 프리뷰 영상들을 상기 웹 브라우저에 표시하고, 상기 입력 회로를 통해 상기 복수의 첨부 영상들에 대한 저장 관련 요청을 획득하면, 상기 서버가 상기 복수의 첨부 영상들에 기반하여 콘텐츠를 제작하도록, 상기 리소스에 기반하여 상기 메모리에 저장된 상기 복수의 첨부 영상들을 상기 복수의 장면 템플릿들과 관련하여 상기 서버로 업로드(upload)할 수 있다.
또한, 본 문서에 개시되는 일 실시 예에 따른 전자 장치에 의한 콘텐츠 제작 방법은, 웹 브라우저를 통해 서버에 의해 제공된 웹 사이트에 접속하여 상기 서버로부터 복수의 장면 템플릿(template)들을 포함하는 리소스를 다운로드(download)하여 상기 전자 장치의 메모리에 저장하는 동작; 복수의 첨부 영상들에 대한 첨부 관련 요청을 획득하면, 상기 리소스에 기반하여 각 첨부 영상들 확인하는 동작; 상기 리소스에 기반하여 상기 복수의 장면 템플릿들에 확인된 각 첨부 영상들을 배치함에 따라 복수의 프리뷰 영상들을 생성하는 동작; 상기 리소스에 기반하여 상기 생성된 프리뷰 영상들을 상기 웹 브라우저에 표시하는 동작; 상기 복수의 첨부 영상들에 대한 저장 관련 요청을 획득하면, 상기 리소스에 기반하여 상기 서버가 상기 복수의 첨부 영상들을 이용하여 콘텐츠를 제작하도록, 상기 복수의 첨부 영상들을 상기 복수의 장면 템플릿들과 관련하여 상기 서버로 업로드(upload)하는 동작을 포함할 수 있다.
본 문서에 개시되는 다양한 실시 예들에 따르면, 사진과 동영상에 기반하여 용이하게 콘텐츠를 제작할 수 있다. 이 외에, 본 문서를 통해 직접적 또는 간접적으로 파악되는 다양한 효과들이 제공될 수 있다.
도 1은 일 실시예에 따른 전자 장치에 의한 콘텐츠 제작 방법을 설명하기 위한 도면을 나타낸다.
도 2는 일 실시예에 따른 전자 장치의 구성도를 나타낸다.
도 3은 일 실시예에 따른 콘텐츠 제작 방법을 나타낸다.
도 4는 일 실시예에 따른 복수의 영상들을 첨부하는 과정의 UI 화면을 나타낸다.
도 5는 일 실시예에 따른 생성된 프리뷰 영상들을 포함하는 UI 화면을 나타낸다.
도 6는 일 실시예에 따른 각 장면 템플릿에 관련된 리소스를 설명하기 위한 도면이다.
도 7a 및 7b는 일 실시예에 따른 프리뷰 영상에 대한 편집 인터페이스 화면들을 나타낸다.
도 8a 및 도 8b는 일 실시예에 따른 두 개의 장면 템플릿들에 합성된 첨부 영상들을 교환하는 과정의 UI 화면을 나타낸다.
도 9는 일 실시예에 따른 장면 템플릿에 대한 첨부 영상 합성 방법을 설명하기 위한 도면이다.
도 10은 일 실시예에 따른 영상 첨부와 관련된 UI 화면을 나타낸다.
도 11 및 도 12는 일 실시예에 따른 프리뷰 영상 표시와 관련된 UI 화면을 나타낸다.
도면의 설명과 관련하여, 동일 또는 유사한 구성요소에 대해서는 동일 또는 유사한 참조 부호가 사용될 수 있다.
도 1은 일 실시예에 따른 전자 장치에 의한 콘텐츠 제작 방법을 설명하기 위한 도면을 나타낸다.
도 1을 참조하면, 서버(100)는 콘텐츠 제작 서비스를 위한 웹 사이트(web site)를 제공하는 웹 서버일 수 있다. 예를 들어, 서버(100)는 비디오 템플릿 및 첨부(또는, 선택)된 각 영상들이 각 장면 템플릿들(template)에 합성(또는, 첨부)되는 영역 정보를 정의한 리소스(resource)를 저장할 수 있다. 상기 비디오 템플릿은 예를 들면, 비디오 속성(예: 비디오 이름, 재생 시간, 배경 음악)과 복수의 장면 템플릿(template)들로 구성될 수 있다. 상기 장면 템플릿은 콘텐츠 주제(또는, 카테고리)(예: 프로포즈, 웨딩, 돌 잔치, 환갑 잔치 및 기업 홍보) 별로 마련되고, 장면 템플릿의 지정된 영역에는 영상이 합성(또는, 첨부나, 중첩)될 수 있다. 상기 장면 템플릿은 장면 속성(예: 장면 번호, 노출 시간, 노래 가사, 권장 사진 유형)과 복수의 레이어(예: 텍스트 레이어, 전경 레이어, 배경 레이어)를 포함할 수 있다. 각 레이어는 프리뷰 영상의 합성 시에 필요한 레이어 속성(예: 레이어 순서, 좌표, 크기 블렌드 모드)을 포함할 수 있다. 상기 리소스는 다른 예를 들면, 각 장면 템플릿들에 합성된 복수의 영상들에 기반하여 복수의 프리뷰 영상들의 생성, 편집 및 저장을 위한 인스트럭션들을 포함할 수 있다. 서버(100)는 웹 사이트에 접속하여 콘텐츠 생성 관련 요청을 송신한 전자 장치(200)에 상기 리소스를 제공(다운로드 또는 송신)할 수 있다.
전자 장치(200)는 PC, 노트북, 스마트폰(smart phone), 태블릿(tablet), 웨어러블 컴퓨터(wearable computer)와 같이, 서버(100)와 관련된 웹/모바일 사이트의 접속 또는 서비스 전용 어플리케이션의 설치 및 실행이 가능한 모든 단말 장치를 의미할 수 있다. 전자 장치(200)는 서버(100)에 의해 제공된 웹 사이트를 접속하여, 서버(100)로부터 상기 리소스를 다운로드하고, 상기 리소스에 기반하여 서버(100)에 의한 콘텐츠 제작(또는, 생성) 서비스를 제공받을 수 있다(또는, 콘텐츠를 생성할 수 있다). 본 문서에서 언급되는 전자 장치(200)에 의한 콘텐츠 생성을 위한 동작들(예: 영상에 기반한 프리뷰 영상의 생성, 저장 및 편집 동작)은 서버(100)에 의해 제공된 리소스에 기반하여 수행되는 것일 수 있다. 하지만, 본 문서에 포함된 전자 장치(200)의 콘텐츠 생성을 위한 일부 동작은 설명의 편의성을 위하여 리소스에 대한 언급 없이 설명될 수 있다.
일 실시예에 따르면, 전자 장치(200)는 웹 브라우저(예: 범용 웹 브라우저 또는 서비스 전용 어플리케이션)를 통해 서버(100)에 의해 제공되는 웹 사이트에 접속하고, 웹 사이트를 통해 서버(100)로부터 제공받은 비디오 템플릿 목록을 표시할 수 있다. 전자 장치(200)는 표시된 비디오 템플릿 목록 중 어느 하나의 비디오 템플릿 정보(예: 프로포즈, 웨딩, 돌 잔치, 환갑 잔치 및 기업 홍보 관련 비디오 템플릿)가 선택되면, 선택된 비디오 템플릿 정보를 서버(100)로 송신할 수 있다. 서버(100)는 콘텐츠 관련 주제에 대응하는 복수의 장면 템플릿(template)들(210)을 포함하는 콘텐츠 생성을 위한 리소스(resource)를 전자 장치(200)에 제공할 수 있다. 전자 장치(200)는 서버(100)로부터 콘텐츠 생성을 위한 리소스를 다운로드(download)하여 자체 메모리(예: 비휘발성 메모리 및 휘발성 메모리 중 적어도 하나의 메모리)에 저장할 수 있다. 전자 장치(200)는 상기 콘텐츠 생성에 사용될 영상 첨부 관련 요청을 확인하면, 첨부 관련 요청에 응답하여 영상을 첨부하기 위한 인터페이스를 웹 브라우저를 통해 제공할 수 있다. 전자 장치(200)는 제공된 인터페이스를 통해 첨부될 복수의 첨부 영상들(220)(예: 사진, 동영상)(이하, “첨부 영상”이라 함)이 선택되면, 각 첨부 영상들(220)를 확인할 수 있다. 전자 장치(200)는 상기 리소스에 기반하여 확인된 각 첨부 영상을 상기 복수의 장면 템플릿들(210)에 합성(또는, 중첩 표시)함에 따라 복수의 프리뷰 영상들(230)을 생성하고, 생성된 프리뷰 영상들(230)을 웹 브라우저에 표시할 수 있다. 전자 장치(200)는 생성된 프리뷰 영상들(230)을 자체 메모리에 저장할 수 있다.
일 실시예에 따르면, 전자 장치(200)는 사용자에 의해 복수의 프리뷰 영상들 중 어느 하나의 프리뷰 영상이 선택되면, 선택된 프리뷰 영상에 대한 편집 인터페이스를 제공할 수 있다. 전자 장치(200)는 편집 인터페이스를 통해 복수의 프리뷰 영상들 중 적어도 하나의 프리뷰 영상이 편집되면, 상기 적어도 하나의 프리뷰 영상에 대한 편집 정보 및 편집 정보에 대응하는 편집된 첨부 영상을 자체 메모리에 저장하고, 편집되고 있는 적어도 하나의 프리뷰 영상을 웹 브라우저에 표시할 수 있다. 상기 편집 정보는 예를 들면, 회전 각도, 확대 비율, 반전 관련 정보 및 좌표 정보 중 적어도 하나를 포함할 수 있다. 상기 좌표 정보는 예를 들면, 장면 템플릿 상에 합성되는 첨부 영상의 (위치) 좌표 정보를 포함할 수 있다.
일 실시예에 따르면, 전자 장치(200)는 사용자에 의한 복수의 첨부 영상들에 대한 저장 관련 요청을 확인하면, 복수의 첨부 영상들(220)을 각기 복수의 장면 템플릿들(210)과 관련하여 서버(100)에 업로드(upload)하여 저장할 수 있다. 전자 장치(200)는 복수의 첨부 영상(220)(원본), 편집된 첨부 영상(편집본) 및 상기 편집 정보를 복수의 장면 템플릿들(210)과 관련하여 상기 서버(100)로 업로드할 수 있다. 이후, 서버(100)는 업로드된 복수의 첨부 영상들(220), 편집 정보, 편집된 첨부 영상 및 복수의 장면 템플릿들(210)에 기반하여 콘텐츠를 생성하고, 생성된 콘텐츠를 데이터베이스에 저장할 수 있다. 생성된 콘텐츠는 전자 장치(200)에 의해 다운로드되어, 배포 또는 공유될 수 있다.
상술한 실시예에 따르면, 전자 장치(200)는 콘텐츠 생성을 위한 첨부 영상을 선택하거나, 편집하는 과정에 첨부 영상의 원본 또는 편집본을 별도로 서버(100)로 송수신하지 않고 자체적으로 프리뷰 영상을 생성할 수 있다. 이에, 전자 장치(200)는 콘텐츠에 제작에 관련된 첨부 및 편집 단계에서 프리뷰 영상을 생성하기 위해 서버와 첨부 영상을 송수신함에 따라 지연이 발생하던 종래의 불편을 해소할 수 있다.
도 2는 일 실시예에 따른 전자 장치의 구성도를 나타낸다.
도 2를 참조하면, 일 실시예에 따른 전자 장치(200)는 입력 회로(210), 통신 회로(220), 디스플레이(230), 메모리(240) 및 프로세서(250)를 포함할 수 있다. 일 실시 예에서, 전자 장치(200)는 일부 구성요소가 생략되거나, 추가적인 구성요소를 더 포함할 수 있다. 또한, 전자 장치(200)의 구성요소들 중 일부가 결합되어 하나의 개체로 구성되되, 결합 이전의 해당 구성요소들의 기능을 동일하게 수행할 수 있다.
입력 회로(210)는 사용자 입력을 감지 또는 수신할 수 있다. 예를 들어, 입력 회로(210)는 터치 센서, 기계적 버튼, 마우스, 키보드 중 적어도 하나를 포함할 수 있다.
통신 회로(220)는 전자 장치(200)와 다른 장치(예: 서버(100)) 간의 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 상기 통신 채널은 예를 들어, LAN(local area network), FTTH(Fiber　to　the　home), xDSL(x-Digital　Subscriber　Line), WiFi, Wibro, 3G 또는 4G과 같은 통신 방식의 통신 채널일 수 있다.
디스플레이(230)는, 예를 들면, 각종 컨텐츠(예: 텍스트, 영상, 비디오, 아이콘, 및/또는 심볼 등)를 표시할 수 있다. 디스플레이(230)는, 예를 들면, 액정 디스플레이(LCD), 발광 다이오드(LED) 디스플레이, 유기 발광 다이오드(OLED) 디스플레이, 또는 전자종이(electronic paper) 디스플레이를 포함할 수 있다. 디스플레이(230)는 프로세서(250)의 커맨드(command)에 따라 웹 브라우저 및 상기 웹 사이트를 표시할 수 있다.
메모리(240)는 전자 장치(200)의 적어도 하나의 구성요소(예: 프로세서(250))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는 예를 들어, 소프트웨어 및 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 예를 들어, 메모리(240)는 콘텐츠 제작 서비스를 위한 적어도 하나의 인스트럭션(예: 서버(100)에 의해 제공된 리소스)을 저장할 수 있다. 메모리(240)는 휘발성 메모리 또는 비휘발성 메모리를 포함할 수 있다.
프로세서(250)는 전자 장치(200)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 프로세서(250)는 예를 들어, 중앙처리장치(CPU), 그래픽처리장치(GPU), 마이크로프로세서, 애플리케이션 프로세서(application processor), 주문형 반도체(ASIC(application specific integrated circuit), FPGA(field programmable gate arrays)) 중 적어도 하나를 포함할 수 있으며, 복수의 코어를 가질 수 있다. 프로세서(250)는 웹 브라우저(예: 범용 웹 브라우저 또는 서비스 전용 어플리케이션)를 제어하여 웹 브라우저를 통해 서버(100)에 접속하여 웹 기반 콘텐츠 제작 서비스를 제공받을 수 있다.
프로세서(250)는 통신 회로(220)(하드웨어) 및 웹 브라우저(소프트웨어)를 통해 서버(100)에 제공되는 웹 사이트에 접속하여, 웹 사이트를 통해 서버(100)에 의해 제공되는 비디오 템플릿 목록을 획득하고, 획득된 비디오 템플릿 목록(예: 콘텐츠 관련 주제를 언급하는 텍스트)을 웹 브라우저에 표시할 수 있다. 상기 비디오 템플릿 목록은 예를 들면, 프로포즈, 웨딩, 돌 잔치, 환갑 잔치 및 기업 홍보 중 적어도 하나의 콘텐츠 주제 정보와 관련될 수 있다.
프로세서(250)는 비디오 템플릿 목록 중 입력 회로(210)를 통해 사용자에 의해 선택(예: 클릭)된 비디오 템플릿 정보를 확인하고, 확인된 비디오 템플릿 정보를 서버(100)로 송신할 수 있다.
프로세서(250)는 서버(100)로부터 선택된 비디오 템플릿 정보에 대응하는 콘텐츠 제작을 위한 리소스를 다운로드(download)하여, 메모리(240)에 저장할 수 있다. 이와 관련하여, 서버(100)는 비디오 템플릿 정보(예: 주제 정보 또는 템플릿 고유 번호)에 대응하는 비디오 템플릿을 포함하는 콘텐츠 제작을 위한 리소스(resource)를 전자 장치(200)에 제공(또는, 송신)할 수 있다. 상기 비디오 템플릿은 예를 들면, 비디오 속성(예: 비디오 이름, 재생 시간, 배경 음악)과 복수의 장면 템플릿(template)들로 구성될 수 있다. 상기 장면 템플릿은 콘텐츠 주제(또는, 카테고리)(예: 프로포즈, 웨딩, 돌 잔치, 환갑 잔치 및 기업 홍보) 별로 마련되고, 장면 템플릿의 지정된 영역에는 첨부 영상이 합성(또는, 첨부나, 중첩)될 수 있다. 상기 장면 템플릿은 장면 속성(예: 장면 번호, 노출 시간, 노래 가사, 권장 사진)과 복수의 레이어(예: 텍스트 레이어, 전경 레이어, 배경 레이어)를 포함할 수 있다. 각 레이어는 프리뷰 영상의 합성 시에 필요한 레이어 속성(예: 레이어 순서, 좌표, 크기 블렌드 모드)를 포함할 수 있다. 상기 리소스는 예를 들면, 복수의 장면 템플릿들을 포함하는 비디오 템플릿 및 첨부(또는, 선택)된 각 첨부 영상들이 각 장면 템플릿들(template)에 합성(또는, 첨부)되는 영역 정보를 정의한 것일 수 있다. 상기 리소스는 다른 예를 들면, 각 장면 템플릿들에 합성된 복수의 첨부 영상들에 기반하여 복수의 프리뷰 영상들의 생성, 편집 및 저장을 위한 인스트럭션들을 포함할 수 있다. 서버(100)는 웹 사이트에 접속하여 콘텐츠 생성 관련 요청을 송신한 전자 장치(200)에 상기 리소스를 제공(다운로드 또는 송신)할 수 있다.
프로세서(250)는 상기 콘텐츠 제작에 사용될 영상 첨부 관련 요청을 확인하면, 리소스에 기반하여 영상을 첨부하기 위한 인터페이스를 웹 브라우저를 통해 제공할 수 있다. 프로세서(250)는 제공된 인터페이스를 통해 복수의 첨부 영상들(220)(예: 사진, 동영상)이 선택되면, 리소스에 기반하여 복수의 첨부 영상들(220)를 확인할 수 있다. 프로세서(250)는 상기 리소스에 기반하여 지정된 배치 규칙에 따라 상기 복수의 장면 템플릿들에 상기 확인된 각 첨부 영상을 합성(또는, 중첩 표시)함에 따라 복수의 프리뷰 영상들(230)을 생성하고, 생성된 프리뷰 영상들(230)을 메모리(240)에 저장할 수 있다. 전자 장치(200)는 생성된 프리뷰 영상들(230)을 웹 브라우저에 표시할 수 있다. 예를 들어, 프로세서(250)는 각 첨부 영상들을 지정된 순서(예: 영상들의 첨부 순서)에 따라 복수의 장면 템플릿들과 관련시키고, 각 첨부 영상과 관련된 각 장면 템플릿에서 지정된 영역에 각 첨부 영상들을 합성(또는, 결합 또는 중첩)하여 표시할 수 있다.
프로세서(250)는 각 프리뷰 영상들을 생성할 때, 리소스에 기반하여 지정된 배치 규칙에 따라 각 첨부 영상들을 자동으로 편집(예: 확대, 축소 또는 크롭(crop))하고 편집된 각 첨부 영상을 각 장면 템플릿의 지정된 영역에 배치한 후 합성함에 따라 각 프리뷰 영상들을 생성할 수 있다. 예를 들어, 프로세서(250)는 장면 템플릿의 지정된 영역이 가로 비율 영역(예: 가로로 긴 사각형)이고 첨부 영상이 가로 사진인 경우, 여백이 없도록 상기 지정된 영역에 첨부 영상(가로 사진)를 가득 채울 수 있다. 다른 예를 들어, 프로세서(250)는 장면 템플릿의 지정된 영역이 가로 비율 영역이고 첨부 영상이 세로 사진인 경우, 세로 사진의 상단과 하단을 지정된 영역의 상단과 하단에 맞추고 세로 사진을 지정된 영역의 중앙에 배치할 수 있다. 또 다른 예로, 프로세서(250)는 장면 템플릿의 지정된 영역이 세로 비율 영역(예: 세로로 긴 사각형)이고 첨부 영상이 세로 사진인 경우, 여백이 없도록 상기 지정된 영역에 첨부 영상(세로 사진)를 가득 채울 수 있다. 또 다른 예로, 프로세서(250)는 장면 템플릿의 지정된 영역이 세로 비율 영역이고 첨부 영상이 가로 사진인 경우, 가로 사진의 좌측과 우측을 지정된 영역의 좌측과 우측에 맞추어 첨부 영상을 지정된 영역의 중앙에 배치할 수 있다.
프로세서(250)는 장면 템플릿의 지정된 영역에 각 첨부 영상을 배치한 후에 여백이 존재하는 경우, 지정된 색상, 지정된 영상 또는 첨부 영상에 기반하여 여백을 채울 수 있다. 예를 들어, 프로세서(250)는 각 장면 템플릿에서 상기 각 첨부 영상이 표시될 영역(지정된 영역)과 상기 각 첨부 영상의 크기를 비교하여 첨부 영상의 크기가 지정된 영역의 크기보다 작은지 여부를 확인할 수 있다. 프로세서(250)는 첨부 영상의 크기가 지정된 영역의 크기보다 작은 경우에는 지정된 색상 또는 첨부 영상에 기반하여 상기 크기 차이로 인한 여백 부분을 채울 수 있다. 프로세서(250)는 예를 들면, 첨부 영상을 지정된 영역에 대응하는 비율(확대 비율)로 확대하고, 확대된 첨부 영상에 흐림 효과(blur effect)를 적용할 수 있다. 프로세서(250)는 예를 들면, 확대된 첨부 영상의 각 픽셀 값에 지정된 픽셀 값을 더하거나, 뺄셈하여 확대된 첨부 영상에 흐림 효과를 적용할 수 있다. 프로세서(250)는 지정된 영역에 각 첨부 영상을 배치(또는, 표시)하고, 지정된 영역의 여백 부분에 흐림 효과가 적용된 첨부 영상을 배치할 수 있다. 이와 달리, 프로세서(250)는 지정된 영역의 전체에 흐림 효과가 적용된 첨부 영상을 배치(또는, 표시)하고, 지정된 영역의 중심에 각 첨부 영상(확대 및 흐림 효과가 적용되지 않은 첨부 영상)을 배치할 수 있다. 또는, 프로세서(250)는 리소스에 기반하여 여백 부분을 지정된 단일 색상(예: 사용자에 의해 선택된 색상)으로 채울 수 있다. 또는, 프로세서(250)는 리소스에 기반하여 여백 부분을 지정된 여백 영상으로 채울 수 있다. 상술한 실시예에 따르면, 프로세서(250)는 각 장면 템플릿에 배치되는 지정된 영상 또는 첨부 영상을 이용하여 상기 여백 부분을 채울 수 있으므로, 장면 템플릿의 여백 부분과 첨부 영상(또는, 영상)가 자연스럽게 어울리도록 지원할 수 있다.
프로세서(250)는 입력 회로(210)를 통해 첨부된 프리뷰 영상들 중 어느 하나의 프리뷰 영상이 선택되면, 선택된 프리뷰 영상에 대한 편집 인터페이스를 제공할 수 있다. 상기 편집 인터페이스는 예를 들면, 영상의 변경, 비율 조절, 회전, 좌표 이동, 반전, 정렬 및 텍스트 입력(또는, 변경) 중 적어도 하나의 편집을 위한 인터페이스를 포함할 수 있다.
프로세서(250)는 편집 인터페이스를 통해 편집된 프리뷰 영상에 대해서는 프리뷰 영상(또는, 프리뷰 영상에 대응하는 영상)에 대한 편집 정보를 생성하고, 편집되고 있는 적어도 하나의 프리뷰 영상을 웹 브라우저에 표시할 수 있다. 상기 편집 정보는 예를 들면, 회전 각도, 확대 비율, 좌표 정보 및 입력 텍스트 정보 중 적어도 하나를 포함할 수 있다. 상기 좌표 정보는 예를 들면, 장면 템플릿의 지정된 영역에 배치되는 영상의 좌표 정보를 포함할 수 있다. 프로세서(250)는 프리뷰 영상의 편집 도중 또는 편집 완료 시에는 편집된 프리뷰 영상 및 프리뷰 영상에 대한 편집 정보를 메모리(240)에 저장할 수 있다. 상기 편집 정보는 지정된 배치 규칙에 따른 첨부 영상에 대한 편집 정보 및 사용자의 편집 과정에서 생성된 편집 정보 중 적어도 하나를 포함할 수 있다.
프로세서(250)는 입력 회로(210)를 통해 복수의 첨부 영상들에 대한 저장 관련 요청을 획득하면, 복수의 첨부 영상들을 복수의 장면 템플릿들과 관련하여 서버(100)에 업로드(upload)하여 저장할 수 있다. 예를 들어, 프로세서(250)는 복수의 첨부 영상들에 대한 편집 정보에 기반하여 편집된 영상을 생성하고, 복수의 첨부 영상들, 편집 정보 및 편집된 첨부 영상을 복수의 장면 템플릿들과 관련하여 상기 서버(100)에 업로드하여 저장할 수 있다. 이 경우, 서버(100)는 업로드된 복수의 첨부 영상들, 편집 정보 및 편집된 첨부 영상들을 복수의 장면 템플릿들과 관련하여 서버(100)의 데이터베이스에 저장할 수 있다. 이후, 서버(100)는 복수의 장면 템플릿들에 상기 편집된 첨부 영상들을 순차적으로 합성함에 따라 콘텐츠를 생성하고, 생성된 콘텐츠를 데이터베이스에 저장할 수 있다. 상기 생성된 콘텐츠는 예를 들면, 복수의 장면 템플릿과 복수의 첨부 영상들(또는, 편집된 첨부 영상들)의 합성 파일을 순차적으로 재생 및 표시하는 콘텐츠일 수 있다. 상기 생성된 콘텐츠는 복수의 장면 템플릿들과 관련된 배경 음악과 함께 재생될 수 있다.
프로세서(250)는 복수의 첨부 영상들을 복수의 장면 템플릿들과 관련하여 서버(100)에 업로드하기 전에 웹 브라우저에 대한 종료 관련 요청(또는, 웹 사이트에 대한 연결 해제 요청)을 획득할 수 있다. 이 경우, 프로세서(250)는 메모리(240)에 저장된 복수의 프리뷰 영상들 및 복수의 프리뷰 영상들과 관련된 편집 정보 및 편집된 첨부 영상들을 메모리(240)로부터 삭제할 수 있다.
프로세서(250)는 입력 회로(210)를 통해 복수의 프리뷰 영상들 중 제1 프리뷰 영상에 대응하는(또는, 제1 프리뷰 영상에 포함된) 첨부 영상(제1 첨부 영상)과 제2 프리뷰 영상에 대응하는 첨부 영상(제2 첨부 영상)에 대한 교환 관련 요청을 획득할 수 있다. 이와 관련하여, 프로세서(250)는 입력 회로(210)를 통해 제1 프리뷰 영상의 위치로 상기 제2 프리뷰 영상이 드래그(drag)되거나, 제1 프리뷰 영상과 상기 제2 프리뷰 영상이 순차적으로 터치(touch) 또는 클릭(click)된 것을 확인하면, 제1 프리뷰 영상과 상기 제2 프리뷰 영상이 선택된 것으로 결정할 수 있다.
프로세서(250)는 입력 회로(210)를 통해 교환 관련 요청을 획득하면, 제1 프리뷰 영상에 대응하는 제1 첨부 영상과 제2 프리뷰 영상에 대응하는 제2 첨부 영상을 교환할 수 있다. 예를 들어, 프로세서(250)는 제1 장면 템플릿으로부터 제1 영상의 첨부 영상을 제거한 후 제2 영상의 첨부 영상을 합성하여 제1 프리뷰 영상을 재생성할 수 있다. 또한, 프로세서(250)는 제2 장면 템플릿으로부터 제2 첨부 영상을 제거한 후, 제1 첨부 영상을 합성하여 상기 제2 프리뷰 영상을 재생성할 수 있다. 종래의 콘텐츠 제작 방법에 따르면, 복수의 장면 템플릿들에 배치될 복수의 첨부 영상들을 선택한 후에 복수의 장면 템플릿들 중 두 개의 장면 템플릿에 배치될 두 개의 첨부 영상들 간을 교환할 경우, 각 장면 템플릿과 관련시킬 사진 또는 동영상을 새롭게 선택해야 하므로, 상기 교환에 노력과 시간이 많이 소요될 수 있다. 하지만, 상술한 실시예에 따르면, 프로세서(250)는 두 개의 장면 템플릿들에 첨부된 두 개의 첨부 영상들을 선택하거나, 그 중 하나의 영상을 드래그함으로써, 두 개의 장면 템플릿들에 합성(또는, 첨부)된 첨부 영상들 간을 용이하게 교환할 수 있다.
상술한 실시예에서, 프로세서(250)는 웹 브라우저의 하드웨어 가속 기능을 활용화함에 따라, 서버(100)로부터 리소스에 기반하여 첨부 영상을 선택한 후 선택된 첨부 영상에 대한 저장 관련 요청에 따라 영상을 서버(100)로 송신하기 전에는 서버(100)와 첨부 영상 송수신 없이 자체적으로 첨부 영상과 장면 템플릿을 합성하여 프리뷰 영상을 생성하거나, 편집된 프리뷰 영상을 표시할 수 있다.
다양한 실시예에 따르면, 프로세서(250)는 생성된 프리뷰 영상들을 요약 보기 화면 또는 상세 보기 화면을 통하여 선택적으로 표시할 수 있다. 예를 들어, 프로세서(250)는 프리뷰 영상들을 생성하면, 요약 보기 화면을 통해 프리뷰 영상 목록을 표시하고, 프리뷰 영상 목록에 대한 상세 보기 요청을 수신하면, 상세 보기 화면을 표시할 수 있다. 상기 요약 보기 화면은 예를 들면, 프리뷰 영상 목록, 각 프리뷰 영상에 대한 편집 버튼 또는 장면 템플릿에 대한 영상 첨부 버튼을 포함할 수 있다. 상기 상세 보기 화면은 예를 들면, 각 프리뷰 영상에 관련된 각 첨부 영상(또는, 장면 템플릿)의 노출(또는, 표시) 시간 정보, 각 첨부 영상이 표시될 때에 재생되는 배경 음악의 가사 정보, 각 장면 템플릿에 첨부될 권장 사진 유형 정보, 각 첨부 영상들의 품질 정보 및 각 첨부 영상들의 중복 첨부 안내 정보 중 적어도 하나의 정보를 포함할 수 있다. 이와 관련하여, 복수의 장면 템플릿들 각각은 콘텐츠 재생 시에 함께 재생되는 배경 음악과 관련되고, 배경 음악은 가사가 있는 음악일 수 있다. 각 장면 템플릿들은 배경 음악의 전체 가사 중 일부 가사(또는, 가사의 내용)와 관련될 수 있다. 상기 일부 가사는 콘텐츠 재생 중 각 장면 템플릿의 재생 시간(각 템플릿이 표시되는 시간)에 표시되는 가사일 수 있다.
이 경우, 프로세서(250)는 각 장면 템플릿의 주변(예: 하부)에 각 장면 템플릿과 관련된 일부 가사 정보를 표시할 수 있다. 또한, 프로세서(250)는 “이 손 놓지 않을게”라는 배경 음악의 가사가 재생되는 각 장면 템플릿에 대하여 “손을 꼭 맞잡은 사진”과 같은 권장 사진 유형 정보를 제공할 수 있다. 또한, 프로세서(250)는 각 첨부 영상들이 콘텐츠에 포함된 때에 관련된 영상 품질을 확인하고, 각 프리뷰 영상의 주변에 상기 품질 정보(예: 좋음, 보통, 나쁨)를 표시할 수 있다. 프로세서(250)는 첨부 영상 중 중복되어 첨부된 영상에 대하여 “중복 첨부된 사진”과 같은 중복 첨부 안내 정보를 제공할 수 있다.
상술한 실시예에 따르면, 전자 장치(200)는 콘텐츠에 포함될 첨부 영상을 선택하거나, 편집하는 과정에 첨부 영상의 원본 또는 편집본을 별도로 서버(100)로 송수신하지 않고 자체적으로 프리뷰 영상을 생성할 수 있다. 이에, 전자 장치(200)는 콘텐츠에 제작에 관련된 첨부 및 편집 단계에서 프리뷰 영상을 생성하기 위해 서버와 첨부 영상을 송수신함에 따라 지연이 발생하던 종래의 불편을 해소할 수 있다.
또한, 상술한 실시예에 따르면, 전자 장치(200)는 클릭 또는 드래그를 통해 장면 템플릿에 결합(또는, 합성)된 영상을 교환할 수 있어, 보다 용이한 콘텐츠 제작을 지원할 수 있다.
뿐만 아니라, 상술한 실시예에 따르면, 전자 장치(200)는 각 장면 템플릿들이 배경 음악의 가사 내용과 관련되는 경우에, 사용자가 각 장면 템플릿들의 가사 내용과 좀더 관련성이 있는 첨부 영상(사진 또는 동영상)을 각 장면 템플릿에 배치할 수 있도록 지원함에 따라, 완성도 높은 콘텐츠 생성을 유도할 수 있다.
도 3은 일 실시예에 따른 콘텐츠 제작 방법을 나타낸다.
도 3을 참조하면, 동작 310에서, 전자 장치(200)는 웹 브라우저를 통해 서버(예: 도 1의 서버(100))에 의해 제공된 웹 사이트에 접속하여 상기 서버(100)로부터 복수의 장면 템플릿(template)들을 포함하는 리소스를 다운로드(download)하여 메모리(예: 도 2의 메모리(240))에 저장할 수 있다. 상기 장면 템플릿은 예를 들면, 콘텐츠 주제(예: 프로포즈, 웨딩, 돌 잔치, 환갑 잔치 및 기업 홍보) 별로 마련된 배경 레이어로서, 장면 템플릿에서 지정된 영역에는 선택된 첨부 영상이 합성(또는, 첨부나, 중첩)될 수 있다. 상기 리소스는 콘텐츠 생성을 위한 리소스 예를 들면, 복수의 장면 템플릿들, 각 장면 템플릿과 관련된 배경 레이어, 전경 레이어 및 텍스트 레이어를 포함할 수 있다. 상기 리소스는 다른 예를 들면, 각 장면 템플릿들에 합성된 복수의 첨부 영상들에 기반하여 복수의 프리뷰 영상들의 생성, 편집 및 저장을 위한 인스트럭션들을 포함할 수 있다.
동작 320에서, 전자 장치(200)는 사용자에 의한 복수의 영상들에 대한 첨부 관련 요청을 획득하면, 리소스에 기반하여 각 첨부 영상을 확인할 수 있다. 상기 복수의 첨부 영상들은 예를 들면, 사진 및 동영상 중 적어도 하나를 포함할 수 있다.
동작 330에서, 전자 장치(200)는 리소스에 기반하여 상기 복수의 장면 템플릿들에 상기 확인된 각 첨부 영상들을 합성(또는, 첨부 또는 중첩)함에 따라 복수의 프리뷰 영상들을 생성할 수 있다. 예를 들어, 전자 장치(200)는 상기 리소스에 기반하여 지정된 배치 규칙에 따라 각 첨부 영상들을 편집(예: 확대, 축소 또는 크롭)하고, 편집된 각 첨부 영상을 각 장면 템플릿의 지정된 영역에 배치함에 따라 각 프리뷰 영상들을 생성할 수 있다. 동작 330에서, 전자 장치(200)는 생성된 복수의 프리뷰 영상들을 메모리(240)에 저장할 수 있다. 추가적으로 또는 대체적으로, 전자 장치(200)는 복수의 첨부 영상들과 복수의 장면 템플릿들 간의 관련성 정보(예: 각 장면 템플릿에 배치된 영상 명 또는 영상의 저장 위치 중 적어도 하나)를 메모리(240)에 저장할 수 있다.
동작 340에서, 전자 장치(200)는 상기 리소스에 기반하여 상기 생성된 프리뷰 영상들을 디스플레이(예: 도 2의 디스플레이(230))를 통해 상기 웹 브라우저에 표시할 수 있다. 동작 340에서, 전자 장치(200)는 프리뷰 영상들 중 어느 하나의 프리뷰 영상이 선택되면, 선택된 프리뷰 영상에 대한 편집 인터페이스를 제공할 수 있다. 전자 장치(200)는 편집 인터페이스를 통해 프리뷰 영상이 편집되면, 편집되고 있는 프리뷰 영상을 웹 브라우저에 표시하고, 프리뷰 영상에 대한 편집 정보를 생성하여 메모리(240)에 저장할 수 있다.
동작 350에서, 전자 장치(200)는 상기 복수의 첨부 영상들(또는, 콘텐츠)에 대한 저장 관련 요청을 획득하면, 상기 서버(100)가 상기 복수의 첨부 영상들을 이용하여 콘텐츠를 생성하도록, 상기 리소스에 기반하여 상기 복수의 첨부 영상들을 상기 복수의 장면 템플릿들과 관련하여 상기 서버(100)로 업로드(upload)할 수 있다. 예를 들어, 전자 장치(200)는 저장 관련 요청을 획득하면, 메모리(240)에 저장된 복수의 첨부 영상들, 복수의 첨부 영상들에 대한 편집 정보 및 편집된 첨부 영상들을 서버(100)로 송신할 수 있다. 상기 편집 정보는 지정된 배치 규칙에 따른 첨부 영상에 대한 편집 정보 및 사용자의 편집 과정에서 생성된 편집 정보 중 적어도 하나를 포함할 수 있다.
도 4는 일 실시예에 따른 복수의 영상들을 비디오 템플릿에 첨부하는 과정의 UI 화면(400)을 나타낸다.
도 4를 참조하면, 전자 장치(200)는 콘텐츠 제작에 사용될 영상 첨부 관련 요청을 확인하면, 첨부 관련 요청에 응답하여 영상을 첨부하기 위한 인터페이스를 웹 브라우저를 통해 표시할 수 있다. 예를 들어, 전자 장치(200)는 첨부할 영상 선택에 관련된 버튼(410)이 선택되면, 복수의 첨부 영상들을 선택하기 위한 사용자 인터페이스를 제공할 수 있다. 전자 장치(200)는 제공된 사용자 인터페이스를 통해 복수의 첨부 영상들이 선택(예: 터치, 드래그 또는 클릭)되면, 선택된 첨부 영상을 확인하고, 확인된 첨부 영상(420), 선택된 첨부 영상의 개수(431) 및 선택되어야 할 전체 첨부 영상의 개수(433)를 표시할 수 있다. 추가적으로, 전자 장치(200)는 선택된 첨부 영상들에 대한 삭제 관련 요청을 획득하면, 첨부 영상들 중 삭제 관련 요청에 대응하는 첨부 영상을 삭제 또는 제거할 수 있다.
전자 장치(200)는 사용자 인터페이스를 통해 선택된 복수의 영상들에 대한 첨부 요청 관련 버튼(440)이 선택(“첨부 관련 요청의 획득”에 대응됨)되면, 복수의 장면 템플릿들에 확인된 각 첨부 영상을 합성(또는, 중첩 표시)함에 따라 복수의 프리뷰 영상들(230)을 생성할 수 있다. 예를 들어, 전자 장치(200)는 복수의 첨부 영상들이 선택된 순서대로 각 첨부 영상을 복수의 장면 템플릿들과 합성함에 따라 복수의 프리뷰 영상들을 생성할 수 있다.
도 5는 일 실시예에 따른 생성된 프리뷰 영상들을 포함하는 UI 화면(500)을 나타낸다.
도 5를 참조하면, 전자 장치(200)는 도 4의 과정을 통해서 생성된 프리뷰 영상들(510)을 포함하는 UI 화면(500)을 웹 브라우저에 표시할 수 있다. 전자 장치(200)는 복수의 첨부 영상들(또는, 콘텐츠)에 대한 저장 관련 요청을 획득하면(예: 버튼(520)이 선택되면), 복수의 첨부 영상들, 복수의 첨부 영상에 대한 편집 정보 및 편집된 첨부 영상들을 복수의 장면 템플릿들과 관련하여 상기 서버(100)로 업로드(upload)할 수 있다. 또한, 전자 장치(200)는 복수의 첨부 영상들에 기반한 콘텐츠 생성 관련 요청을 획득하면(예: 버튼(530)이 선택되면), 콘텐츠 생성 관련 요청을 서버(100)에 송신할 수 있다. 서버(예: 도 1의 서버(100))는 콘텐츠 생성 관련 요청을 수신하면, 복수의 첨부 영상들, 각 첨부 영상에 대한 편집 정보 및 편집된 첨부 영상들에 기반하여 복수의 장면 템플릿들에 복수의 첨부 영상들을 합성함에 따라 콘텐츠를 생성할 수 있다.
도 6는 일 실시예에 따른 각 장면 템플릿에 관련된 리소스를 설명하기 위한 도면이다.
도 6을 참조하면, 전자 장치(200)는 리소스에 기반하여 첨부 영상(610)를 각 장면 템플릿(620, 630, 640)과 합성함에 따라 프리뷰 영상(650)을 생성할 수 있다. 예를 들어, 전자 장치(200)는 첨부 영상 (610)를 전경 레이어(620)(예: 여백 효과를 적용하기 위한 레이어), 텍스트 레이어(630)(예: 텍스트를 포함함) 및 배경 레이어(640)(예: 첨부 영상의 배경이 되는 영상을 포함함)와 합성(또는, 중첩)함에 따라 프리뷰 영상(650)을 생성할 수 있다.
도 7a 및 7b는 일 실시예에 따른 프리뷰 영상에 대한 편집 인터페이스(710, 720)을 나타낸다.
도 7a를 참조하면, 전자 장치(200)는 복수의 프리뷰 영상들(510)을 표시하는 중에, 프리뷰 영상들 중 어느 하나의 프리뷰 영상(711)이 선택된 것을 확인할 수 있다. 전자 장치(200)는 각 프리뷰 영상(예: 711)의 하부에 각 프리뷰 영상(예: 711)에 대한 편집 인터페이스를 활성화하기 위한 편집 버튼(712)을 표시할 수 있다. 다양한 실시예에 따르면, 상기 편집 버튼(712)는 각 프리뷰 영상의 선택 시에 선택적으로 표시될 수 있다.
도 7a 및 7b를 참조하면, 전자 장치(200)는 도 7a의 편집 버튼(712)이 선택되면, 리소스에 기반하여 도 7b와 같이 편집 인터페이스(720)를 표시할 수 있다. 편집 인터페이스(720)은 편집 도구 영역(721), 미리 보기 영역(722), 텍스트 영역(723) 및 버튼 영역(724)을 포함할 수 있다. 편집 도구 영역(721)은 예를 들면, 영상의 변경, 비율 조절, 회전, 좌표(또는, 위치) 이동, 반전(예: 좌우 반전), 정렬(예: 중앙 정렬) 및 효과 적용(예: 단색, 흐림 효과, 영상 적용과 같은 여백 효과의 적용) 중 적어도 하나에 관련된 편집 도구들을 포함할 수 있다. 미리 보기 영역(722)은 프리뷰 영상이 표시되는 영역일 수 있다. 텍스트 영역(723)은 장면 템플릿에 표시될 텍스트를 입력하는 영역일 수 있다. 전자 장치(200)는 상기 미리 보기 영역(722)에 첨부 영상 대신에 첨부 영상을 장면 템플릿과 합성한 프리뷰 영상을 표시할 수 있다. 이하, 편집 인터페이스(720)에 의한 프리뷰 영상의 편집 시에 전자 장치(200)의 동작에 대하여 설명한다.
한 실시예에 따르면, 전자 장치(200)는 상기 편집 도구를 통해 현재 선택(또는, 첨부 또는 합성)된 첨부 영상을 대체할 새로운 첨부 영상이 선택되면, 새로운 첨부 영상을 장면 템플릿에 합성하여 미리 보기 영역(722)에 표시할 수 있다. 예를 들어, 전자 장치(200)는 첨부 영상의 변경 버튼이 선택되면, 대체할 첨부 영상을 선택하는 인터페이스를 제공할 수 있다. 전자 장치(200)는 해당 인터페이스를 통해 새로운 첨부 영상이 선택되면, 새로운 첨부 영상을 장면 템플릿과 관련하고, 새로운 첨부 영상을 장면 템플릿에 합성하여 미리 보기 영역(722)에 표시할 수 있다. 이 과정에서, 대체할 첨부 영상으로서, 두 개의 첨부 영상들이 선택되면 경우, 전자 장치(200)는 선택된 두 개의 첨부 영상들에 따른 두 개의 첨부 영상들을 나란히 이어 붙인 영상을 새로운 첨부 영상으로 결정할 수 있다.
한 실시예에 따르면, 전자 장치(200)는 미리 보기 영역(722)에 표시된 첨부 영상이 드래그(예: 마우스 드래그, 드래그 제스처(또는, 터치 기반 드래그))되면, 드래그된 위치에 기반하여 첨부 영상의 위치 좌표를 변경하고, 변경된 위치 좌표에 대응하는 첨부 영상의 편집 정보를 생성할 수 있다.
한 실시예에 따르면, 전자 장치(200)는 상기 편집 도구를 통해 미리 보기 영역(722)에 표시된 첨부 영상에 대한 확대 또는 축소 관련 요청을 획득하면, 첨부 영상을 확대 또는 축소하고, 조절된 비율에 대응하는 첨부 영상의 편집 정보를 생성할 수 있다. 예를 들어, 전자 장치(200)는 미리 보기 영역(722)에 표시된 첨부 영상에 대한 핀치 아웃(pitch out) 또는 핀치 인(pitch in) 제스처를 확인하거나, 확대 또는 축소 도구가 선택되면, 첨부 영상에 대한 확대 또는 축소 관련 요청이 획득(또는, 수신)된 것으로 확인할 수 있다.
한 실시예에 따르면, 전자 장치(200)는 편집 도구를 통해 미리 보기 영역(722)에 표시된 첨부 영상에 대한 좌우 반전 관련 요청을 획득하면(또는, 편집 도구 중 좌우 반전 도구가 선택되면), 첨부 영상을 좌우 반전시키고, 반전된 첨부 영상에 대응하는 편집 정보를 생성할 수 있다.
한 실시예에 따르면, 전자 장치(200)는 편집 도구를 통해 중앙 정렬 관련 요청을 획득하면(또는, 편집 도구 중 중앙 정렬 도구가 선택되면), 첨부 영상을 미리 보기 영역(722) 또는 장면 템플릿의 지정된 영역의 중앙에 정렬하고, 정렬된 첨부 영상에 대응하는 편집 정보를 생성할 수 있다.
한 실시예에 따르면, 전자 장치(200)는 편집 도구를 통해 여백 효과들(예: 단색/흐림 효과/여백 영상) 중 흐림 효과가 선택되면(또는, 편집 도구 중 효과 적용 도구가 선택되면), 첨부 영상을 뿌옇게 처리(첨부 영상에 흐림 효과를 적용)하고, 흐림 효과가 적용된 첨부 영상을 장면 템플릿의 여백 부분에 표시할 수 있다. 전자 장치(200)는 여백 부분에 표시된 첨부 영상에 대응하는 편집 정보를 생성할 수 있다.
한 실시예에 따르면, 전자 장치(200)는 텍스트 영역(723)을 통해 초기 문구를 대체할 대체 텍스트가 입력되면, 입력된 텍스트를 첨부 영상 및 장면 템플릿과 합성하고, 텍스트가 합성된 첨부 영상에 대응하는 편집 정보를 생성할 수 있다.
전자 장치(200)는 버튼 영역(724)의 "확인" 버튼(724a)이 선택되면, 편집된 첨부 영상을 장면 템플릿과 합성할 수 있다. 전자 장치(200)는 버튼 영역(724)의 "취소" 버튼(724b)이 선택되면, 편집되기 이전의 첨부 영상을 장면 템플릿과 합성할 수 있다.
전자 장치(200)는 상술된 편집 도구를 이용하여 미리 보기 영역(722)에 표시된 프리뷰 영상이 편집되는 도중에, 서버(100)와 첨부 영상을 송수신하지 않고, 편집되고 있는 프리뷰 영상을 미리 보기 영역(722)에 표시할 수 있다. 이에, 상술한 실시예에서는 첨부 영상에 대한 편집 과정(또는 콘텐츠의 편집 과정)에서 프리뷰 영상을 생성하기 위해 서버(100)와 첨부 영상을 송수신함에 따라 지연이 발생하던 종래의 불편을 해소할 수 있다. 또한, 상술한 실시예에 따르면, 미리 보기 영역과 편집 영역이 분할되어, 편집된 프리뷰 영상을 확인하기 위하여 화면 스크롤 해야 하던 종래의 불편을 해소할 수 있다.
다양한 실시예에 따르면, 전자 장치(200)는 프리뷰 영상에 대한 편집 중 일부 편집은 서버(100)에 기반하여 처리할 수 있다. 예를 들어, 전자 장치(200)는 입력된 대체 텍스트에 대해서는 서버(100)로 송신하고, 서버(100)에 의해 텍스트를 텍스트 레이어를 생성하고, 생성된 텍스트 레이어를 서버(100)로부터 획득(또는, 수신)할 수 있다. 전자 장치(200)는 획득된 텍스트 레이어를 이용하여 프리뷰 영상을 생성할 수 있다. 전자 장치(200)는 서버(100)로 대체 텍스트를 송신하고 서버(100)로부터 텍스트 레이어를 수신하기 전에 시간 지연을 안내하는 문구(예: 잠시 후(1초 이내))를 미리 보기 영역(722)에 표시할 수 있다.
다양한 실시예에 따르면, 상기 편집 인터페이스 화면(720)은 장면 템플릿의 특성에 따라 달리 표시될 수 있다. 예를 들어, 영상(예: 사진)이 포함되지 않은 장면 템플릿에 대응하는 프리뷰 영상이 선택된 경우, 편집 도구 영역(721)이 표시되지 않을 수 있다. 다른 예를 들어, 텍스트 변경이 불가한 장면 템플릿에 대응하는 프리뷰 영상이 선택된 경우, 텍스트 영역(723)은 표시되지 않을 수 있다.
도 8a 및 도 8b는 일 실시예에 따른 두 개의 장면 템플릿들에 합성된 첨부 영상들을 교환하는 과정의 UI 화면(800)을 나타낸다.
도 8a를 참조하면, 전자 장치(200)는 복수의 프리뷰 영상들(510) 중 제1 프리뷰 영상(810)에 대응하는(또는, 제1 프리뷰 영상(810)에 포함된 첨부 영상(제1 첨부 영상)과 제2 프리뷰 영상(820)에 대응하는 첨부 영상(제2 첨부 영상)에 대한 교환 관련 요청을 확인할 수 있다. 예를 들어, 전자 장치(200)는 입력 회로(210)를 통해 제1 프리뷰 영상(810)과 상기 제2 프리뷰 영상(820)이 순차적으로 터치(touch) 또는 클릭(click)된 것을 확인하면, 제1 프리뷰 영상(810)에 대응하는 제1 첨부 영상과 상기 제2 프리뷰 영상(820)에 대응하는 제2 첨부 영상 간의 교환이 요청된 것으로 확인할 수 있다. 이 경우, 전자 장치(200)는 제1 장면 템플릿(제1 프리뷰 영상(810)에 포함됨)으로부터 제1 첨부 영상을 제거한 후 제2 첨부 영상을 합성하여 제1 프리뷰 영상을 재생성할 수 있다. 또한, 전자 장치(200)는 제2 장면 템플릿(제2 프리뷰 영상(820)에 포함됨)으로부터 제2 첨부 영상을 제거한 후 제1 첨부 영상을 합성하여 제2 프리뷰 영상을 재생성할 수 있다.
다양한 실시예에 따르면, 전자 장치(200)는 입력 회로(210)를 통해 상기 제2 프리뷰 영상이 제1 프리뷰 영상의 위치로 드래그(drag)된 것을 확인하면, 제1 프리뷰 영상(810)에 대응하는 제1 첨부 영상과 상기 제2 프리뷰 영상(820)에 대응하는 제2 첨부 영상 간의 교환이 요청된 것으로 확인할 수 있다.
도 8b를 참조하면, 전자 장치(200)는 두 개의 프리뷰 영상들이 순차적으로 선택(예: 터치 또는 클릭)된 것을 확인하면, 두 개의 프리뷰 영상들(830, 840)에 대응하는 두 개의 첨부 영상들을 교환할지 여부를 질의하는 팝업창(850)을 표시할 수 있다. 이 과정에서, 전자 장치(200)는 선택된 프리뷰 영상들에 대해서는 선택 표시된 체크 박스를 표시하고, 선택되지 않은 프리뷰 영상들에 대해서는 선택 표시되지 않은 체크 박스를 표시할 수 있다.
도 9는 일 실시예에 따른 장면 템플릿에 대한 첨부 영상 합성 방법을 설명하기 위한 도면이다.
도 9를 참조하면, 전자 장치(200)는 지정된 배치 규칙에 따라 각 첨부 영상들을 자동으로 편집(예: 확대, 축소 또는 크롭)하고, 편집된 각 첨부 영상을 각 장면 템플릿의 지정된 영역에 배치한 후 합성함에 따라 각 프리뷰 영상들을 생성할 수 있다.
장면 템플릿의 지정된 영역이 가로 비율 영역(예: 가로로 긴 사각형)이고 첨부 영상이 가로 사진인 경우, 전자 장치(200)는 여백이 없도록 상기 지정된 영역에 가로 사진의 첨부 영상을 가득 채울 수 있다. 예를 들어, 전자 장치(200)는 참조 영상(911)과 같이 가로 사진(또는, 가로 사진의 첨부 영상)의 좌측과 우측을 지정된 영역의 좌측과 우측에 맞추거나, 참조 영상(915)과 같이 가로 사진의 상단과 하단을 지정된 영역의 상단과 하단에 맞출 수 있다. 이에, 전자 장치(200)는 가로 사진일 일부 영역이 잘리더라도, 지정된 영역에 가로 사진의 첨부 영상을 가득 채울 수 있다.
장면 템플릿의 지정된 영역이 가로 비율 영역(예: 가로가 세로보다 긴 사각형)이고 첨부 영상이 세로 사진인 경우, 전자 장치(200)는 참조 영상 920과 같이 세로 사진(또는, 세로 사진의 첨부 영상)의 상단과 하단을 상기 지정된 영역의 상단과 하단에 맞추고, 세로 사진(또는, 세로 사진의 첨부 영상)를 지정된 영역의 중앙에 배치할 수 있다.
장면 템플릿의 지정된 영역이 세로 비율 영역(예: 세로로 긴 사각형)이고 첨부 영상이 세로 사진인 경우, 전자 장치(200)는 여백이 없도록 상기 지정된 영역에 세로 사진의 첨부 영상을 가득 채울 수 있다. 예를 들어, 전자 장치(200)는 참조 영상(931)과 같이 세로 사진(또는, 세로 사진의 첨부 영상)의 좌측과 우측을 지정된 영역의 좌측과 우측에 맞추거나, 참조 영상(935)과 같이 세로 사진의 상단과 하단을 지정된 영역의 상단과 하단에 맞출 수 있다. 이에, 전자 장치(200)는 세로 사진일 일부 영역이 잘리더라도, 지정된 영역에 세로 사진의 첨부 영상을 가득 채울 수 있다.
장면 템플릿의 지정된 영역이 세로 비율 영역이고 첨부 영상이 가로 사진인 경우, 전자 장치(200)는 첨부 영상의 좌측과 우측을 지정된 영역의 좌측과 우측에 맞추어 첨부 영상을 지정된 영역의 중앙에 배치할 수 있다.
도 10은 일 실시예에 따른 영상 첨부와 관련된 UI 화면을 나타낸다.
도 10을 참조하면, 전자 장치(200)는 비디오 템플릿이 선택되면, 선택된 비디오 템플릿에 영상을 첨부하기 위한 인터페이스(1000)를 표시할 수 있다. 예를 들면, 전자 장치(200)는 비디오 템플릿에 포함될 장면 템플릿의 주제 별로 연애사진, 웨딩사진 및 동영상을 첨부할 수 있는 인터페이스를 제공할 수 있다. 전자 장치(200)는 상기 인터페이스(1000)를 통해 각 주제 별로 첨부되어야 할 첨부 영상(또는 동영상)의 개수(예: 첨부 3개) 및 첨부 완료된 첨부 영상의 개수(예: 총 10개)를 표시할 수 있다.
도 11 및 도 12는 일 실시예에 따른 프리뷰 영상 표시와 관련된 UI 화면을 나타낸다.
도 11를 참조하면, 전자 장치(200)는 리소스에 기반하여 사용자에 의해 선택된 첨부 영상들과 복수의 장면 템플릿들을 합성함에 따라 복수의 프리뷰 영상들을 생성하고, 생성된 프리뷰 영상(1110, 1120, 1130, 1140, 1150, 1160) 목록을 포함하는 화면(1100)(요약 보기 화면)을 웹 브라우저를 통해 표시할 수 있다. 전자 장치(200)는 프리뷰 영상 목록에 영상을 첨부 가능한 인터페이스를 제공할 수 있다. 예를 들어, 전자 장치(200)는 프리뷰 영상들(예: 1110)의 하부 [사진 첨부] 버튼이 선택(예: 클릭)된 후 새로운 영상이 첨부되거나, 프리뷰 영역(프리뷰 영상 위 또는 장면 템플릿 위)으로 새로운 영상이 드래그되면, 새로운 영상을 각 장면 템플릿들에 첨부할 수 있다. 전자 장치(200)는 프리뷰 영상 목록에 각 프리뷰 영상에 대응하는 첨부 영상을 편집 가능한 [편집] 버튼을 표시할 수 있다.
도 11 및 도 12를 참조하면, 전자 장치(200)는 프리뷰 영상 목록에 대한 상세 보기 요청(예: 도 11의 소프트 버튼(1180)의 선택)을 확인하면, 각 프리뷰 영상에 관련된 세부 정보를 제공하는 UI 화면(1200)을 표시할 수 있다. 상기 세부 정보는 각 첨부 영상(또는, 장면 템플릿)의 노출(또는, 표시) 시간 정보(1210), 각 첨부 영상이 표시될 때에 재생되는 배경 음악의 가사 정보(1220), 각 장면 템플릿에 첨부될 권장 사진 유형 정보, 각 첨부 영상들의 품질 정보(1230) 및 각 첨부 영상들의 중복 첨부 안내 정보(1240) 중 적어도 하나의 정보를 포함할 수 있다. 예를 들어, 전자 장치(200)는 각 첨부 영상들이 콘텐츠에 포함된 때에, 각 첨부 영상들의 영상 품질을 확인하고, 확인된 품질 정보(예: 좋음, 보통, 나쁨)를 표시할 수 있다. 다른 예를 들어, 전자 장치(200)는 “이 손 놓지 않을게”라는 배경 음악의 가사가 재생되는 각 장면 템플릿에 대하여 “손을 꼭 맞잡은 사진”과 같은 권장 사진 유형 정보(1240)를 제공할 수 있다. 또 다른 예로, 전자 장치(200)는 첨부 영상 중 중복되어 첨부된 영상에 대하여 “중복 첨부된 사진”과 같은 중복 첨부 안내 정보(1240)를 제공할 수 있다.
상술한 실시예에 따르면, 전자 장치(200)는 각 첨부 영상에 관련된 노출 시간 정보를 안내함에 따라 사용자에 의해 제작된 콘텐츠의 완성도를 높일 수 있다. 예를 들어, 전자 장치(200)는 각 프리뷰 영상에 관련된 노출 시간 정보를 안내함에 따라 사용자로 하여금 더 선호하는 사진(첨부 영상)을 노출 시간이 긴 장면 템플릿에 배치하고, 덜 선호하는 사진을 노출 시간이 짧은 장면 템플릿에 배치하도록 지원할 수 있다. 다른 예를 들어, 전자 장치(200)는 각 첨부 영상 자체가 아니라 최종 콘텐츠를 기준으로 첨부 영상들의 화질을 확인 및 안내함에 따라 사용자로 하여금 화질 좋은 콘텐츠를 제작하도록 지원할 수 있다. 또 다른 예로, 전자 장치(200)는 첨부 영상들 중 중복 첨부된 영상을 사용자에 안내함에 따라 사용자가 원하지 않게 영상을 중복 첨부하는 문제를 방지할 수 있다.
전자 장치(200)는 UI 화면(1200)에서 배경 음악을 변경 가능한 인터페이스를 제공할 수 있다. 예를 들어, 전자 장치(200)는 프리뷰 영상 목록과 관련된 소프트 버튼(1250)이 선택되면, 배경 음악을 변경 가능한 인터페이스를 제공할 수 있다. 전자 장치(200)는 배경 음악이 변경(또는, 첨부)된 경우, 배경 음악의 파일 명, 배경 음악의 재생 버튼 및 삭제 버튼을 표시할 수 있다.
본 문서의 다양한 실시예들 및 이에 사용된 용어들은 본 문서에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경, 균등물, 또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 또는 관련된 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 아이템에 대응하는 명사의 단수 형은 관련된 문맥상 명백하게 다르게 지시하지 않는 한, 상기 아이템 한 개 또는 복수 개를 포함할 수 있다. 본 문서에서, "A 또는 B", "A 및 B 중 적어도 하나","A 또는 B 중 적어도 하나”, "A, B 또는 C", "A, B 및 C 중 적어도 하나” 및 “A, B, 또는 C 중 적어도 하나"와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성요소를 다른 해당 구성요소와 구분하기 위해 사용될 수 있으며, 해당 구성요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다. 어떤(예: 제 1) 구성요소가 다른(예: 제 2) 구성요소에, “기능적으로” 또는 “통신적으로”라는 용어와 함께 또는 이런 용어 없이, “커플드” 또는 “커넥티드”라고 언급된 경우, 그것은 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로(예: 유선으로), 무선으로, 또는 제 3 구성요소를 통하여 연결될 수 있다는 것을 의미한다.
본 문서에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구현된 유닛을 포함할 수 있으며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로와 같은 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 일실시예에 따르면, 모듈은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다.
본 문서의 다양한 실시예들은 기기(machine)(예: 전자 장치(200)) 의해 읽을 수 있는 저장 매체(storage medium)(예: 내장 메모리 또는 외장 메모리)(메모리(240))에 저장된 하나 이상의 명령어들을 포함하는 소프트웨어(예: 프로그램)로서 구현될 수 있다. 예를 들면, 기기(예: 전자 장치(200))의 프로세서(예: 프로세서(250)는, 저장 매체로부터 저장된 하나 이상의 명령어들 중 적어도 하나의 명령을 호출하고, 그것을 실행할 수 있다. 이것은 기기가 상기 호출된 적어도 하나의 명령어에 따라 적어도 하나의 기능을 수행하도록 운영되는 것을 가능하게 한다. 상기 하나 이상의 명령어들은 컴파일러에 의해 생성된 코드 또는 인터프리터에 의해 실행될 수 있는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장매체 는, 비일시적(non-transitory) 저장매체의 형태로 제공될 수 있다. 여기서, ‘비일시적’은 저장매체가 실재(tangible)하는 장치이고, 신호(signal)(예: 전자기파)를 포함하지 않는다는 것을 의미할 뿐이며, 이 용어는 데이터가 저장매체에 반영구적으로 저장되는 경우와 임시적으로 저장되는 경우를 구분하지 않는다.
일실시예에 따르면, 본 문서에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory (CD-ROM))의 형태로 배포되거나, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두개의 사용자 장치들(예: 스마트폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
다양한 실시예들에 따르면, 상기 기술한 구성요소들의 각각의 구성요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있다. 다양한 실시예들에 따르면, 전술한 해당 구성요소들 중 하나 이상의 구성요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성요소들(예: 모듈 또는 프로그램)은 하나의 구성요소로 통합될 수 있다. 이런 경우, 통합된 구성요소는 상기 복수의 구성요소들 각각의 구성요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성요소들 중 해당 구성요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따르면, 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다.

Claims (9)

  1. 전자 장치에 있어서,
    입력 회로;
    지정된 웹 사이트(web site)를 제공하는 서버와 통신할 수 있는 통신 회로;
    메모리; 및
    웹 브라우저(web browser)를 제어하는 프로세서를 포함하고,
    상기 프로세서는,
    상기 통신 회로 및 상기 웹 브라우저를 통해 상기 웹 사이트에 접속하고,
    상기 웹 사이트를 통해 비디오 템플릿을 선택하고,
    상기 웹 사이트를 통해 상기 서버로부터 상기 선택된 비디오 템플릿에 포함된 복수의 장면 템플릿(template)들을 포함하는 리소스를 다운로드(download)하여 상기 메모리에 저장하고,
    상기 입력 회로를 통해 복수의 첨부 영상들에 대한 첨부 관련 요청을 획득하면, 상기 첨부 관련 요청에 응답하여, 상기 리소스에 기반하여 각 첨부 영상들을 확인하고,
    상기 리소스에 기반하여 상기 복수의 장면 템플릿들에 상기 각 첨부 영상들을 배치함에 따라 복수의 프리뷰 영상들을 생성하고,
    상기 리소스에 기반하여 상기 생성된 프리뷰 영상들을 상기 웹 브라우저에 표시하고,
    상기 서버가 상기 복수의 첨부 영상들에 기반하여 콘텐츠를 제작하도록, 상기 리소스에 기반하여 상기 복수의 첨부 영상들을 상기 복수의 장면 템플릿들과 관련하여 상기 서버로 업로드(upload)하고,
    상기 복수의 프리뷰 영상들은,
    상기 복수의 장면 템플릿들 중 제1 장면 템플릿에 상기 복수의 첨부 영상들 중 제1 첨부 영상이 배치된 제1 프리뷰 영상, 및 상기 복수의 장면 템플릿들 중 제2 장면 템플릿에 상기 복수의 첨부 영상들 중 제2 첨부 영상이 배치된 제2 프리뷰 영상을 포함하고,
    상기 프로세서는, 상기 제1 프리뷰 영상과 상기 제2 프리뷰 영상이 선택되면, 상기 제1 장면 템플릿에 상기 제2 첨부 영상을 배치하여 상기 제1 프리뷰 영상을 재생성하고, 상기 제2 장면 템플릿에 상기 제1 첨부 영상을 배치하여 상기 제2 프리뷰 영상을 재생성하는, 전자 장치..
  2. 청구항 1에 있어서, 상기 프로세서는,
    상기 입력 회로를 통해 상기 복수의 프리뷰 영상들 중 어느 하나의 프리뷰 영상에 대한 편집 관련 요청을 획득하면, 상기 편집 관련 요청에 응답하여 상기 어느 하나의 프리뷰 영상에 배치된 첨부 영상을 상기 웹 사이트의 미리 보기 영역에 표시하고,
    상기 미리 보기 영역에서 상기 어느 하나의 프리뷰 영상에 대응하는 첨부 영상을 편집하는 도중에, 편집되고 있는 영상을 상기 미리 보기 영역에 표시하는, 전자 장치.
  3. 청구항 1에 있어서, 상기 프로세서는,
    상기 복수의 프리뷰 영상들 중 적어도 하나의 프리뷰 영상이 편집되면, 상기 적어도 하나의 프리뷰 영상에 대한 편집 정보를 상기 메모리에 저장하고,
    상기 복수의 첨부 영상들, 상기 편집된 프리뷰 영상에 대응하는 편집된 영상 및 상기 편집 정보를 상기 복수의 장면 템플릿들과 관련하여 상기 서버로 업로드하는, 전자 장치.
  4. 청구항 1에 있어서, 상기 프로세서는,
    상기 복수의 영상들을 상기 서버에 업로드 하기 전에 상기 입력 회로를 통해 상기 웹 브라우저에 대한 종료 관련 요청을 획득하면, 상기 메모리에 저장된 상기 복수의 프리뷰 영상들을 삭제하는, 전자 장치.
  5. 삭제
  6. 청구항 1에 있어서, 상기 프로세서는,
    상기 입력 회로를 통해 상기 제1 프리뷰 영상의 위치로 상기 제2 프리뷰 영상이 드래그(drag)되거나, 상기 제1 프리뷰 영상과 상기 제2 프리뷰 영상이 순차적으로 터치(touch) 또는 클릭(click)된 것을 확인하면, 상기 제1 프리뷰 영상과 상기 제2 프리뷰 영상이 선택된 것으로 결정하는, 전자 장치.
  7. 청구항 1에 있어서, 상기 프로세서는,
    상기 각 첨부 영상을 상기 각 장면 템플릿에 대응하는 크기로 편집하여 상기 각 장면 템플릿에 배치하는, 전자 장치.
  8. 청구항 1에 있어서,
    상기 복수의 장면 템플릿들은, 배경 음악과 관련되고,
    각 장면 템플릿들은, 상기 배경 음악의 가사 중 일부 가사와 관련되고,
    상기 프로세서는,
    상기 입력 회로를 통해 프리뷰 영상에 대한 상세 보기 요청을 획득하면, 상기 복수의 프리뷰 영상들 각각의 주변에 상기 각 장면 템플릿과 관련된 상기 일부 가사를 포함하는 상세 정보를 표시하는, 전자 장치.
  9. 전자 장치에 의한 콘텐츠 제작 방법에 있어서,
    웹 브라우저를 통해 서버에 의해 제공된 웹 사이트에 접속하여 상기 서버로부터 복수의 장면 템플릿(template)들을 포함하는 리소스를 다운로드(download)하여 상기 전자 장치의 메모리에 저장하는 동작;
    복수의 영상들에 대한 첨부 관련 요청을 획득하면, 상기 리소스에 기반하여 각 첨부 영상들 확인하는 동작;
    상기 리소스에 기반하여 상기 복수의 장면 템플릿들에 확인된 각 첨부 영상들을 배치함에 따라 복수의 프리뷰 영상들을 생성하는 동작;
    상기 리소스에 기반하여 상기 생성된 프리뷰 영상들을 상기 웹 브라우저에 표시하는 동작;
    상기 복수의 첨부 영상들에 대한 저장 관련 요청을 획득하면, 상기 리소스에 기반하여 상기 서버가 상기 복수의 첨부 영상들을 이용하여 콘텐츠를 제작하도록, 상기 복수의 첨부 영상들을 상기 복수의 장면 템플릿들과 관련하여 상기 서버로 업로드(upload)하는 동작을 포함하고,
    상기 복수의 프리뷰 영상들은,
    상기 복수의 장면 템플릿들 중 제1 장면 템플릿에 상기 복수의 첨부 영상들 중 제1 첨부 영상이 배치된 제1 프리뷰 영상, 및 상기 복수의 장면 템플릿들 중 제2 장면 템플릿에 상기 복수의 첨부 영상들 중 제2 첨부 영상이 배치된 제2 프리뷰 영상을 포함하고,
    상기 제1 프리뷰 영상과 상기 제2 프리뷰 영상이 선택되면, 프로세서에서 상기 제1 장면 템플릿에 상기 제2 첨부 영상을 배치하여 상기 제1 프리뷰 영상을 재생성하고, 상기 제2 장면 템플릿에 상기 제1 첨부 영상을 배치하여 상기 제2 프리뷰 영상을 재생성하는 콘텐츠 제작 방법.
KR1020200002676A 2020-01-08 2020-01-08 전자 장치 및 그 콘텐츠 제작 방법 KR102117452B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020200002676A KR102117452B1 (ko) 2020-01-08 2020-01-08 전자 장치 및 그 콘텐츠 제작 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020200002676A KR102117452B1 (ko) 2020-01-08 2020-01-08 전자 장치 및 그 콘텐츠 제작 방법

Publications (1)

Publication Number Publication Date
KR102117452B1 true KR102117452B1 (ko) 2020-06-03

Family

ID=71087553

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020200002676A KR102117452B1 (ko) 2020-01-08 2020-01-08 전자 장치 및 그 콘텐츠 제작 방법

Country Status (1)

Country Link
KR (1) KR102117452B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7351455B1 (ja) 2023-01-18 2023-09-27 株式会社luco 背景提供装置、背景提供方法及び背景提供プログラム

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20080090218A (ko) 2007-04-04 2008-10-08 엔에이치엔(주) 편집 파일의 자동 업로딩 방법 및 그 장치
KR20130047833A (ko) * 2011-11-01 2013-05-09 주식회사 케이와이에스씨 이동단말용 앱북 실행파일 생성시스템 및 방법
KR101982221B1 (ko) 2016-06-30 2019-05-24 전동혁 웹 기반 디지털 콘텐츠 편집 시스템 및 방법

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20080090218A (ko) 2007-04-04 2008-10-08 엔에이치엔(주) 편집 파일의 자동 업로딩 방법 및 그 장치
KR20130047833A (ko) * 2011-11-01 2013-05-09 주식회사 케이와이에스씨 이동단말용 앱북 실행파일 생성시스템 및 방법
KR101982221B1 (ko) 2016-06-30 2019-05-24 전동혁 웹 기반 디지털 콘텐츠 편집 시스템 및 방법

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7351455B1 (ja) 2023-01-18 2023-09-27 株式会社luco 背景提供装置、背景提供方法及び背景提供プログラム

Similar Documents

Publication Publication Date Title
US10600445B2 (en) Methods and apparatus for remote motion graphics authoring
US11402969B2 (en) Multi-source journal content integration systems and methods and systems and methods for collaborative online content editing
US8175420B2 (en) System and method for in-browser photo editing
US9363448B2 (en) System and method for providing and interacting with coordinated presentations
US9460752B2 (en) Multi-source journal content integration systems and methods
US10951855B2 (en) Remotely accessed virtual recording room
US20100153520A1 (en) Methods, systems, and media for creating, producing, and distributing video templates and video clips
US20170294212A1 (en) Video creation, editing, and sharing for social media
WO2015077259A1 (en) Image sharing for online collaborations
US20150143210A1 (en) Content Stitching Templates
KR101959672B1 (ko) 사용자측 동영상 편집 장치, 작업자측 동영상 편집 장치 및 동영상 편집 서버
US11048862B2 (en) Enhanced design collaboration using design-based feedback
KR102117452B1 (ko) 전자 장치 및 그 콘텐츠 제작 방법
US20070016864A1 (en) System and method for enriching memories and enhancing emotions around specific personal events in the form of images, illustrations, audio, video and/or data
US20160004785A1 (en) Web-based platform for creation and delivery of digitally wrapped gift content
JP2006221494A (ja) 画像編集装置
KR20200098286A (ko) 판매 상품에 대한 상세 페이지의 제작 서비스를 제공하는 장치, 시스템 및 방법
JP7277635B2 (ja) イメージに対する音声合成に基づいて映像コンテンツを生成する方法およびシステム
JP5421094B2 (ja) 動画作成システムおよび動画作成方法
Harder et al. Getting Started with Media Encoder
CN115842815A (zh) 基于Web的视频效果添加
TWM559441U (zh) 網址內容可轉換成廣告的電子設備
KR20150045050A (ko) 저작물 어플리케이션 제작 시스템 및 방법
KR20160027035A (ko) 편성 프리젠테이션을 제공하여, 상기 편성 프리젠테이션과 상호작용하는 시스템 및 방법
KR20090040485A (ko) 디지털 멀티미디어 디자인 포토 북과 그 제작방법 및모바일 서비스 제공방법

Legal Events

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