KR101352713B1 - Apparatus and method of providing user interface of motion picture authoring, and computer readable medium thereof - Google Patents
Apparatus and method of providing user interface of motion picture authoring, and computer readable medium thereof Download PDFInfo
- Publication number
- KR101352713B1 KR101352713B1 KR1020130094879A KR20130094879A KR101352713B1 KR 101352713 B1 KR101352713 B1 KR 101352713B1 KR 1020130094879 A KR1020130094879 A KR 1020130094879A KR 20130094879 A KR20130094879 A KR 20130094879A KR 101352713 B1 KR101352713 B1 KR 101352713B1
- Authority
- KR
- South Korea
- Prior art keywords
- reference line
- video
- timeline
- user interface
- clip
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000008569 process Effects 0.000 claims description 15
- 238000003780 insertion Methods 0.000 claims description 7
- 230000037431 insertion Effects 0.000 claims description 7
- 230000001131 transforming effect Effects 0.000 claims 1
- 238000010586 diagram Methods 0.000 description 9
- 230000008859 change Effects 0.000 description 5
- 238000001514 detection method Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000008707 rearrangement Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N5/00—Details of television systems
- H04N5/76—Television signal recording
- H04N5/91—Television signal processing therefor
-
- G—PHYSICS
- G11—INFORMATION STORAGE
- G11B—INFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
- G11B27/00—Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
- G11B27/02—Editing, e.g. varying the order of information signals recorded on, or reproduced from, record carriers
- G11B27/031—Electronic editing of digitised analogue information signals, e.g. audio or video signals
- G11B27/034—Electronic editing of digitised analogue information signals, e.g. audio or video signals on discs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G11—INFORMATION STORAGE
- G11B—INFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
- G11B27/00—Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
- G11B27/10—Indexing; Addressing; Timing or synchronising; Measuring tape travel
- G11B27/34—Indicating arrangements
-
- 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
Abstract
Description
본 발명은 모바일용 동영상 편집 소프트웨어의 그래픽 사용자 인터페이스에 관한 것이다.The present invention relates to a graphical user interface of mobile video editing software.
동영상의 오쏘링 과정을 살펴보면, 통상 편집하고자 하는 다수의 동영상 클립들을 타임라인을 따라 좌측에서 우측 방향으로 배열하고서, 각 클립들 사이의 트랜지션 효과나, 자막, 효과음 등을 삽입하거나 추가하는 등의 편집과정을 거쳐 렌더링을 함으로써 최종 동영상 파일을 얻게 된다.Looking at the authoring process of a video, the editing process such as inserting or adding transition effects, subtitles, and sound effects between each clip is arranged by arranging a plurality of video clips to be edited from left to right along the timeline. After rendering, you get the final video file.
이와 같은 동영상 편집과정의 특성상 동영상의 편집을 위한 공지의 소프트웨어들은 대체로 유사한 사용자 인터페이스를 갖는다.Due to the nature of such a video editing process, known software for editing a video generally has a similar user interface.
어도비(Adobe)사의 프리미어(Premiere)나 애플(Apple)사의 아이무비(iMovie)를 비롯한 상당수의 동영상 편집 소프트웨어들은 화면을 상하단으로 나누되, 나누어진 공간 가운데 어느 하나를 타임라인으로 사용한다.Many video editing software, including Adobe's Premiere and Apple's iMovie, split the screen up and down, using either space as the timeline.
많은 수의 동영상 클립을 가로 방향을 따라 타임라인에 나열하여야 하기 때문에 동영상 편집 소프트웨어들은 최대한 가로 방향으로 길게 이어진 영역을 확보하는 것이 일반적이다.Because many video clips must be listed in the timeline along the horizontal direction, video editing software typically ensures that the region extends as long as possible in the horizontal direction.
특히, 둘 이상의 다중 모니터를 사용하는 경우에는 타임라인을 둘 이상의 가로로 연결된 모니터를 걸쳐서 표시할 수 있기 때문에 매우 많은 수의 동영상 클립들을 가로로 배열한 채 직관적인 편집이 가능해진다.In particular, when two or more multiple monitors are used, the timeline can be displayed across two or more horizontally connected monitors, allowing intuitive editing with a large number of video clips arranged horizontally.
한편, 최근 스마트폰이 전세계적으로 널리 보급되면서 소프트웨어 기술분야는 스마트폰을 중심으로 큰 변화를 겪고 있는데, 동영상 편집 소프트웨어 기술분야 또한 예외는 아니어서 모바일용의 동영상 편집 소프트웨어가 속속 출시되고 있는 실정이다.On the other hand, with the recent widespread use of smartphones around the world, the software technology field is undergoing major changes, especially in smartphones, and video editing software technology is no exception, and video editing software for mobile is being released one after another. .
그런데, 모바일은 상대적으로 화면의 크기가 작을 뿐만 아니라, PC 모니터처럼 가로방향으로 사용하기보다는 한 손으로 잡고서 세로 방향으로 사용하는 경우가 많아서 공지의 동영상 편집 소프트웨어들처럼 가로 방향으로 길게 타임라인을 표시하고서 다수의 동영상 클립들을 배치하고 편집하는 것이 용이하지 아니하다.However, mobile screens have a relatively small screen size and are often used in a vertical direction while holding them in one hand rather than in a horizontal direction like a PC monitor. It is not easy to place and edit multiple video clips.
특히나, 모바일을 세로 방향으로 사용하는 경우에는 가로로 표시할 수 있는 정보의 양이 더욱 협소해지기 때문에 다수의 동영상 클립들을 타임라인 상에 직관적으로 표시하기 어렵다는 문제점이 있다.In particular, when the mobile is used in the vertical direction, since the amount of information that can be displayed horizontally becomes more narrow, it is difficult to intuitively display a plurality of video clips on the timeline.
본 발명은 이러한 종래기술의 문제점을 해소하기 위하여 개발된 것으로, 모바일을 세로방향으로 세워서 사용하는 경우에도 다수의 동영상 클립을 타임라인 상에 충분히 표시하고 간단한 조작만으로 편집을 할 수 있도록 하는 세로방향에 적합한 동영상 편집 소프트웨어의 사용자 인터페이스를 제시하고자 한다.The present invention has been developed to solve the problems of the prior art, even when using the mobile in the vertical direction in the vertical direction so that a large number of video clips can be displayed on the timeline enough to be edited with simple operation. We want to present the user interface of suitable video editing software.
상기와 같은 목적을 달성하기 위하여 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공장치는 터치스크린을 구비하는 모바일 디바이스의 형태로 구현될 수 있으며, 터치스크린 표시방향의 가로세로 방향전환 이벤트를 검출하는 방향검출수단; 상기 터치스크린의 일측에 동영상 파일의 적어도 일부를 선택하여 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 표시하고, 사용자에 의하여 선택된 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인 상에 추가하는 클립 선택 사용자 인터페이스 제공수단; 상기 터치스크린 타측에 기준선을 표시하는 기준선 표시수단; 및 상기 터치스크린의 일측에 타임라인에 추가된 동영상 클립을 나타내는 아이콘들을 상기 기준선을 따라 표시하는 아이콘 표시수단;을 구비한다.In order to achieve the above object, an apparatus for providing a user interface for editing a video according to the present invention may be implemented in the form of a mobile device having a touch screen, and detects a landscape orientation event in the touch screen display direction. Direction detecting means; A clip for displaying a clip selection user interface for selecting and inserting at least a portion of a video file into a timeline on one side of the touch screen, and adding a video clip corresponding to at least a portion of the video file selected by the user on the timeline; Selecting user interface providing means; Reference line display means for displaying a reference line on the other side of the touch screen; And icon display means for displaying icons representing a video clip added to a timeline on one side of the touch screen along the reference line.
이때, 상기 터치스크린의 화면 표시방향이 가로방향에서 세로방향으로 방향전환 이벤트가 발생하면 상기 클립 선택 사용자 인터페이스 제공수단은 상기 클립 선택 사용자 인터페이스의 크기를 동적으로 변경하고, 세로 방향에 맞추어 회전시켜 화면 일측에 표시하며, In this case, when the screen display direction of the touch screen changes from the horizontal direction to the vertical direction, the clip selection user interface providing means dynamically changes the size of the clip selection user interface and rotates the screen according to the vertical direction. On one side,
상기 기준선 표시수단은 직선상으로 표시되어 있던 기준선을 가로축을 따라서 연장되되 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상으로 변형하여 화면 타측에 표시한다.The reference line display means extends the reference line displayed in a straight line along the horizontal axis, and deforms the reference line on the other side of the screen based on one or more inflection points.
그리고, 상기 아이콘 표시수단은 각 아이콘들이 나타내는 동영상 클립의 타임라인상 위치에 따라 상기 기준선을 중심으로 각 아이콘이 표시될 위치를 결정한다.The icon display means determines a position where each icon is to be displayed based on the reference line according to the position on the timeline of the video clip indicated by each icon.
한편, 상기 터치스크린의 화면 표시방향이 세로 방향으로 방향 전환이 된 상태에서 사용자가 기준선을 따라 표시된 하나 이상의 아이콘에 대하여 터치스크린 입력을 함에 따라, 상기 아이콘 표시수단은 사용자의 터치스크린 입력에 대응하여 해당 아이콘을 기준선을 따라 재정렬하되, 해당 아이콘이 나타내는 동영상 클립에 대한 타임라인 상 편집동작을 처리한다.Meanwhile, as the user inputs a touch screen with respect to one or more icons displayed along a reference line while the screen display direction of the touch screen is changed in the vertical direction, the icon display means corresponds to the user's touch screen input. Reorder the icons along the baseline, but process the editing operation on the timeline for the movie clip represented by the icon.
한편, 상기와 같은 목적을 달성하기 위하여 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공방법은 a) 상기 디스플레이 수단의 화면 표시방향이 가로방향인지 세로방향인지 검출하는 표시방향 검출단계; b) 디스플레이 수단의 화면 일측에 동영상 파일의 적어도 일부를 선택하고 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 표시하되, 화면의 타측에 기준선을 표시하는 기준선 표시 단계; c) 상기 클립 선택 사용자 인터페이스를 통한 사용자 조작에 따라 사용자가 선택한 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인 상에 추가하는 타임라인 삽입 단계; d) 상기 타임라인에 삽입된 동영상 클립을 나타내는 아이콘을 상기 기준선을 따라 표시하는 아이콘 표시 단계;를 포함한다.On the other hand, in order to achieve the above object, a method of providing a user interface for editing a video according to the present invention comprises: a) a display direction detecting step of detecting whether the display direction of the display means is horizontal or vertical; b) a baseline display step of displaying a clip selection user interface for selecting at least a portion of a video file on one side of a screen of the display means and inserting the clip into a timeline, and displaying a baseline on the other side of the screen; c) a timeline insertion step of adding a video clip corresponding to at least a portion of a video file selected by a user on a timeline according to a user manipulation through the clip selection user interface; and d) displaying an icon representing a video clip inserted in the timeline along the reference line.
이때, b) 단계에서는 가로축을 따라서 연장되되, 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상을 갖는 기준선을 표시하며,In this case, in step b), the reference line extends along the horizontal axis and has a shape in which the vertical axis coordinates increase or decrease based on one or more inflection points.
동영상 클립이 타임라인에 삽입됨에 따라, 상기 d) 단계에서는 해당 동영상 클립의 타임라인상 위치에 따라 상기 기준선을 중심으로 상기 아이콘이 표시될 화면상 가로위치 및 세로위치를 결정하여 표시한다.As the video clip is inserted in the timeline, in step d), the horizontal position and the vertical position on the screen where the icon is to be displayed are determined based on the position on the timeline of the video clip.
한편, 상기와 같은 목적을 달성하기 위하여 본 발명은 a) 디스플레이 수단의 화면 표시방향이 가로방향인지 세로방향인지 검출하는 표시방향 검출단계; b) 디스플레이 수단의 화면 표시방향이 가로방향에서 세로방향으로 전환됨에 따라 동영상 파일의 적어도 일부를 선택하고 선택된 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 세로모드에 적합한 형태로 동적으로 변경하여 화면에 표시하되, 화면 타측에 가로축을 따라서 연장되되 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상으로 화면 타측에 변형하여 표시하는 기준선 표시 단계; c) 상기 클립 선택 사용자 인터페이스를 통한 사용자 조작에 따라 사용자가 선택한 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인 상에 추가하는 타임라인 삽입 단계; d) 상기 타임라인에 삽입된 동영상 클립을 나타내는 아이콘을 상기 기준선을 따라 표시하는 아이콘 표시 단계; 및 e) 사용자가 타임라인에 동영상 클립을 더 추가하거나, 기존 동영상 클립을 삭제하거나, 타임라인상 위치를 변경함에 따라 상기 타임라인의 동영상 클립들을 나타내는 아이콘들을 상기 기준선을 따라서 재배열하는 아이콘 재정렬 단계;를 포함하는 방법을 수행하기 위한 컴퓨터가 실행가능한 명령의 집합으로 구현되어 컴퓨터가 읽을 수 있는 기록매체에 수록될 수 있다.On the other hand, the present invention to achieve the above object is a) a display direction detection step of detecting whether the screen display direction of the display means is horizontal or vertical; b) vertically selecting a clip selection user interface for selecting at least a portion of a video file and inserting a video clip corresponding to at least a portion of the selected video file in the timeline as the screen display direction of the display means is changed from horizontal to vertical; A baseline display step of dynamically changing a form suitable for a mode to be displayed on a screen, extending along a horizontal axis on the other side of the screen, and deforming on the other side of the screen to increase or decrease the vertical coordinates based on one or more inflection points; c) a timeline insertion step of adding a video clip corresponding to at least a portion of a video file selected by a user on a timeline according to a user manipulation through the clip selection user interface; d) displaying an icon representing a video clip inserted in the timeline along the reference line; And e) rearranging icons along the baseline with icons representing movie clips in the timeline as the user adds more movie clips to the timeline, deletes existing movie clips, or changes positions on the timeline. A computer for executing a method including; may be implemented as a set of executable instructions and stored in a computer-readable recording medium.
이러한 본 발명에 의할 때, 사용자는 상대적으로 작은 화면 크기를 갖는 모바일을 이용하여 직관적인 사용자 인터페이스를 통해 동영상 편집을 할 수 있게 된다.According to the present invention, a user can edit a video through an intuitive user interface using a mobile having a relatively small screen size.
특히, 모바일을 세로로 세운 상태에서도 다수의 동영상 클립이 타임라인에 삽입된 모습을 시각적으로 보면서 간단하게 동영상 편집을 할 수 있게 된다.In particular, even when the mobile is standing vertically, it is possible to simply edit the video while visually seeing a plurality of video clips inserted in the timeline.
도 1은 모바일용 동영상 편집 소프트웨어의 가로모드 GUI 구조를 예시하는 도면이며,
도 2는 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공장치의 구성을 설명하는 블록도이며,
도 3은 모바일용 동영상 편집 소프트웨어의 세로모드 GUI 구조를 예시하는 도면이며,
도 4는 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공방법을 시계열적으로 도시하는 플로우차트이며,
도 5는 사용자에 의하여 동영상 클립이 타임라인에 추가됨에 따라 동영상 클립을 나타내는 아이콘이 기준선을 따라 표시되는 모습을 설명하는 도면이며,
도 6은 기준선을 따라 표시된 아이콘 가운데 어느 하나가 삭제됨에 따라 남은 아이콘들이 기준선을 따라서 재정렬되는 모습을 설명하는 도면이며,
도 7은 기준선을 따라 표시된 아이콘들의 사이에 새로운 아이콘이 추가됨에 따라 아이콘들의 위치가 재정렬되는 모습을 설명하는 도면이며,
도 8은 기준선을 따라 표시되어 있던 아이콘들 가운데 일부의 위치를 변경하는 모습을 설명하는 도면이며,
도 9는 기준선과 아이콘들의 화면상 위치를 이동시키는 동작과정을 설명하는 도면이다.1 is a diagram illustrating a landscape mode GUI structure of mobile video editing software.
2 is a block diagram illustrating a configuration of an apparatus for providing a user interface for editing a video according to the present invention.
3 is a diagram illustrating a vertical mode GUI structure of mobile video editing software.
4 is a flowchart illustrating a method of providing a user interface for video editing according to the present invention in time series.
FIG. 5 is a view for explaining how an icon representing a movie clip is displayed along a baseline as a movie clip is added to a timeline by a user.
FIG. 6 is a view illustrating how the remaining icons are rearranged along the base line as one of the icons displayed along the base line is deleted.
FIG. 7 is a view for explaining how icons are rearranged as new icons are added between icons displayed along a reference line.
8 is a view for explaining a state of changing the position of some of the icons displayed along the reference line,
9 is a diagram illustrating an operation of moving a reference line and icons on a screen.
이하에서는 본 발명의 바람직한 실시예 및 첨부하는 도면을 참조하여 본 발명을 상세히 설명하되, 도면의 동일한 참조부호는 동일한 구성요소를 지칭함을 전제하여 설명하기로 한다.DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENT Hereinafter, the present invention will be described in detail with reference to preferred embodiments of the present invention and the accompanying drawings, wherein like reference numerals refer to like elements.
발명의 상세한 설명 또는 특허청구범위에서 어느 하나의 구성요소가 다른 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 당해 구성요소만으로 이루어지는 것으로 한정되어 해석되지 아니하며, 다른 구성요소들을 더 포함할 수 있는 것으로 이해되어야 한다.It is to be understood that when an element is referred to as being "comprising" another element in the description of the invention or in the claims, it is not to be construed as being limited to only that element, And the like.
또한, 발명의 상세한 설명 또는 특허청구범위에서 "~수단", "~부", "~모듈", "~블록"으로 명명된 구성요소들은 적어도 하나 이상의 기능이나 동작을 처리하는 단위를 의미하며, 이들 각각은 소프트웨어 또는 하드웨어, 또는 이들의 결합에 의하여 구현될 수 있다.Also, in the description of the invention or the claims, the components named as "means", "parts", "modules", "blocks" refer to units that process at least one function or operation, Each of which may be implemented by software or hardware, or a combination thereof.
도 1은 본 출원인에 의하여 개발된 바 있는 모바일용 동영상 편집 소프트웨어의 가로모드 GUI(Graphic User Interface)를 개념적으로 예시한다.1 conceptually illustrates a landscape mode graphical user interface (GUI) of video editing software for mobile developed by the applicant.
모바일(1)은 3인치 가량의 화면을 갖는 스마트폰(Smart Phone)에서부터 10인치 가량의 화면을 갖는 타블렛 컴퓨터(Tablet Computer)에 이르기까지 대체로 제한적인 크기와 해상도의 터치스크린을 갖는다.The mobile 1 has a touch screen of generally limited size and resolution, ranging from a smart phone having a screen of about 3 inches to a tablet computer having a screen of about 10 inches.
한편, 이러한 모바일(1)은 터치스크린을 유일한 입력수단으로 하기 때문에 모바일(1)용 소프트웨어는 PC(Personal Computer)용 소프트웨어와 달리 손가락을 이용한 터치, 멀티터치, 드래그 또는 제스쳐와 같은 동작에 의하여 조작이 가능한 직관적인 사용자 인터페이스를 제공할 필요성이 있다.On the other hand, since the
도 1에 도시된 모바일용 동영상 편집 소프트웨어의 사용자 인터페이스는 이러한 관점에서 제작된 것으로, 화면의 상단에 동영상 클립을 선택하여 타임라인에 추가하기 위한 클립 선택 사용자 인터페이스가 표시된다.The user interface of the video editing software for mobile shown in Fig. 1 is produced in this respect, and a clip selection user interface for selecting and adding a video clip to the timeline is displayed at the top of the screen.
사용자는 이러한 클립 선택 사용자 인터페이스를 이용하여 모바일(1)의 로컬에 저장된 동영상 파일을 오픈하여 이를 동영상 클립으로 하여 타임라인에 추가하거나, 또는 오픈된 파일의 일부분을 선택하여 선택된 부분에 해당하는 동영상 클립을 타임라인에 추가할 수 있다.The user can use the clip selection user interface to open a movie file stored locally on the
사용자는 이와 같이 동영상 파일의 전부 또는 일부를 선택하여 선택된 부분에 해당하는 동영상 클립을 타임라인에 추가하는 과정을 거친 다음, 타임라인을 따라 배열된 동영상 클립들을 렌더링함으로써 최종 결과물을 얻게 된다.The user selects all or part of the video file and adds a video clip corresponding to the selected part to the timeline, and then renders the video clips arranged along the timeline to obtain a final result.
한편, 도 1에 도시된 바에 의할 때 화면 하단에는 가로 방향으로 직선상으로 기준선이 표시된 것을 확인할 수 있다.Meanwhile, as shown in FIG. 1, it can be seen that a reference line is displayed in a horizontal line at the bottom of the screen.
그리고, 기준선을 따라서 사용자가 타임라인에 추가한 동영상 클립을 나타내는 아이콘들이 표시된다.In addition, icons representing movie clips added to the timeline by the user are displayed along the reference line.
이때, 아이콘은 타임라인 상의 각 동영상 클립을 나타내기 위한 것으로 해당 동영상 클립의 썸네일 이미지일 수도 있으며, 별다른 정보를 갖지 않는 단순한 아이콘일 수도 있다.In this case, the icon is to represent each video clip on the timeline, and may be a thumbnail image of the corresponding video clip, or may be a simple icon having no other information.
본 발명은 도 1에 도시된 바와 같은 바로 이러한 동영상 편집기용 GUI환경을 전제한다.The present invention presupposes the GUI environment for the video editor as shown in FIG.
본 발명은 특히 사용자가 도 1에 도시된 바와 같이 모바일(1)의 화면상에 가로 방향에 적합하게 구성된 GUI - 즉, 가로모드용 GUI가 표시된 상태로 동영상 편집 소프트웨어를 사용하다가, 모바일(1)을 세로로 세워서 사용하는 경우에 세로 방향에 적합하게 구성된 GUI - 즉, 세로모드용 GUI를 동적으로 구성하여 제공하는 방법을 제시한다.In particular, the user can use the video editing software with a GUI configured for landscape orientation on the screen of the mobile 1, i.e., a landscape mode GUI, as shown in FIG. In the case of using it vertically, a GUI configured for the vertical direction-that is, a method for dynamically configuring and providing a GUI for portrait mode is presented.
본 발명에 대한 설명에 앞서 본 발명에서 사용되는 용어들을 다음과 같이 정의한다.Prior to the description of the present invention, terms used in the present invention are defined as follows.
타임라인이란 말 그대로 시간축을 의미한다. 동영상 편집 소프트웨어를 사용하여 동영상을 오쏘링할 때에 사용자는 타임라인을 따라서 다수의 동영상 클립을 배열하고, 배열된 각 동영상 클립에 이펙트를 설정한 다음 렌더링을 함으로써 최종 결과물인 하나의 동영상 파일을 얻게 된다.The timeline literally means the time base. When authoring a video using video editing software, the user arranges a number of video clips along the timeline, sets effects on each of the arranged video clips, and then renders the resulting video file.
즉, 타임라인이란 최종 결과물로 렌더링되어 얻어지는 동영상 파일에서 각각의 동영상 클립이 차지하는 시간상 위치를 의미한다. 예컨대, 특정 동영상 클립이 "1분 10초 내지 1분 30초" 구간에 해당하는 타임라인상 위치에 존재한다는 등의 용법으로 사용할 수 있다.In other words, the timeline means a time position occupied by each video clip in the video file that is rendered as the final result. For example, the video clip may be used at a location on a timeline corresponding to a section “1 minute 10 seconds to 1 minute 30 seconds”.
한편, 동영상 클립이란 동영상 편집물을 오쏘링하기 위하여 잘게 쪼개진 동영상의 조각, 일부분을 의미한다.Meanwhile, a video clip refers to a piece or a portion of a video that is split into pieces for authoring a video edit.
사용자는 로컬에 저장된 동영상 파일을 전체로서 타임라인에 삽입할 수도 있으며, 또는 그 일부를 선택하여 타임라인에 삽입할 수 있는데 어느 경우이건 이들은 타임라인에 배열되었다가 최종 렌더링 된 동영상 파일의 결과물의 일부분을 구성한다는 점에서 동영상 클립이라 지칭될 수 있다.The user can insert a locally stored movie file as a whole into the timeline, or select a portion of the movie file to insert into the timeline, in which case they are part of the output of the final rendered movie file, arranged on the timeline. It may be referred to as a video clip in that it is configured.
한편, 본 발명에서 기준선이란 이러한 타임라인을 시각적으로 표시한 그래픽 객체(Object)에 해당한다.Meanwhile, in the present invention, the baseline corresponds to a graphic object that visually displays such a timeline.
도 2는 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공장치의 구성을 설명한다.2 illustrates a configuration of an apparatus for providing a user interface for editing a video according to the present invention.
도 2에 도시된 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공장치(100)는 모바일(1)의 형태로, 또는 모바일(1)에 적재되어 실행되는 소프트웨어, 펌웨어의 형태로 구현될 수 있다.The
이러한 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공장치(100)는 사용자가 도 1에 도시된 바와 같은 가로모드 GUI를 이용하여 동영상 편집을 하다, 모바일(1)을 세로 방향으로 세웠을 때에 도 3에 도시된 바와 같은 세로모드 GUI를 제공한다.The
도 3은 모바일용 동영상 편집 소프트웨어의 세로모드 GUI 구조를 예시하는 도면이다.3 is a diagram illustrating a portrait GUI structure of mobile video editing software.
특히, 도 3의 (a)는 스마트폰의 터치스크린이 가로방향에서 세로방향으로 전환됨에 따라 동영상 편집 소프트웨어의 사용자 인터페이스가 동적으로 변형된 모습을 예시하는 도면이다.In particular, Figure 3 (a) is a diagram illustrating a state in which the user interface of the video editing software is dynamically modified as the touch screen of the smartphone is switched from the horizontal direction to the vertical direction.
도 3의 (b)는 도 3의 (a)에 도시된 바와 같은 세로 모드용 사용자 인터페이스가 타블렛 컴퓨터에 적용된 모습을 예시한다. FIG. 3B illustrates an example in which a portrait mode user interface as shown in FIG. 3A is applied to a tablet computer.
후술하는 바와 같이 본 발명에서는 스마트폰을 가로 방향으로 사용하다 세로 방향으로 세운 경우의 사용자 인터페이스의 동적 재구성을 전제로 주로 설명하나, 다소 화면의 크기에 여유가 있는 타블렛 컴퓨터의 경우에는 가로 또는 세로 방향에 무관하게 도 3의 (b)와 같은 사용자 인터페이스를 유지할 수도 있을 것이다.As will be described later, the present invention is mainly described on the premise of dynamically reconfiguring the user interface when the smartphone is used in the horizontal direction and in the vertical direction. However, in the case of a tablet computer having a large screen size, the horizontal or vertical direction is used. Regardless, the user interface as shown in FIG. 3B may be maintained.
한편, 도 2에 도시된 바에 의할 때, 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공장치(100)는 방향검출수단(110), 클립 선택 사용자 인터페이스 제공수단(120), 아이콘 표시수단(130) 및 기준선 표시수단(140)을 구비한다.Meanwhile, as shown in FIG. 2, the
방향검출수단(110)은 모바일(1)의 터치스크린의 화면 표시방향의 가로세로 방향전환 이벤트를 검출한다.The
일반적으로 모바일(1)은 자이로 센서를 구비하며, 화면 표시방향이 가로에서 세로, 또는 세로에서 가로 방향으로 전환될 때에, 운영체계가 이를 감지하여 실행중인 앱(App)으로 이벤트 발생을 통지한다.In general, the mobile 1 includes a gyro sensor, and when the screen display direction is changed from landscape to portrait, or from portrait to landscape, the operating system detects this and notifies an event to the running app.
방향검출수단(110)은 바람직하게는 운영체계로부터 방향 전환 이벤트를 통지받는 앱의 일부분일 수 있다. 또는 운영체계 그 자체일 수도 있다.The direction detecting means 110 may be a part of the app that is preferably notified of the direction change event from the operating system. Or the operating system itself.
한편, 클립 선택 사용자 인터페이스 제공수단(120)은 터치스크린의 일측에 동영상 파일의 적어도 일부 - 즉, 동영상 파일 그 자체 또는 그 일부를 선택하여, 선택된 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 표시한다.Meanwhile, the clip selection user interface providing means 120 selects at least a portion of the video file on one side of the touch screen, that is, the video file itself or a portion thereof, and displays a video clip corresponding to at least a portion of the selected video file. Displays the clip selection user interface for insertion into a.
클립 선택 사용자 인터페이스는 도 1의 상단 또는 도 3의 (a) 상단에 도시된 바와 같이 모바일(1)의 로컬에 저장된 동영상 파일을 오픈하여 이를 전체로서 선택하거나, 또는 오픈된 동영상 파일의 일부분을 선택하도록 하는 GUI(Graphic User Interface)에 해당한다.The clip selection user interface opens a locally stored video file of the mobile 1 and selects it as a whole, or a portion of the opened video file, as shown at the top of FIG. 1 or at the top of FIG. Corresponds to the GUI (Graphic User Interface).
기준선 표시수단(140)은 도 1의 하단 또는 도 3의 (a) 하단에 도시된 바와 같이 기준선을 터치스크린 화면에 표시하며, 아이콘 표시수단(130)은 사용자가 클립 선택 사용자 인터페이스를 통해 동영상 클립을 타임라인에 삽입함에 따라 상기 삽입된 동영상 클립을 나타내는 아이콘을 상기 기준선을 따라 표시한다.The reference
도 1과 도 3의 (a)를 참조하여 본 출원인이 제시하는 동영상 편집 소프트웨어의 가로모드 GUI와 세로모드 GUI를 비교해보면, 도 1에 도시된 가로모드 GUI의 경우 기준선 표시수단(140)은 가로방향으로 직선형상을 갖는 기준선을 표시하고, 아이콘 표시수단(130)은 기준선 위에, 또는 기준선으로부터 아래 또는 위로 소정거리 이격된 위치에 아이콘들을 일정 간격으로 배열할 수 있다.When comparing the landscape mode GUI and the portrait mode GUI of the video editing software presented by the present applicant with reference to FIGS. 1 and 3 (a), in the case of the landscape mode GUI shown in FIG. The reference line having a straight line in the direction is displayed, and the
각 아이콘들은 타임라인에 배열된 동영상 클립을 나타내는 바, 가로 방향으로 기준선을 따라 표시된 아이콘들은 다수의 동영상 클립이 타임라인을 따라 배열되어 있음을 표시한다.Each icon represents a video clip arranged in the timeline, and the icons displayed along the reference line in the horizontal direction indicate that a plurality of video clips are arranged along the timeline.
한편, 사용자가 모바일(1)을 가로방향에서 세로방향으로 세우면 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공장치(100)는 도 3의 (a)에 도시된 바와 같은 세로모드 GUI를 동적으로 구성하여 화면에 표시한다.On the other hand, when the user raises the mobile 1 from the horizontal direction to the vertical direction, the
이를 위하여 우선 방향검출수단(110)은 모바일(1)의 자이로 센서의 측정값으로부터 터치스크린 화면의 가로방향에서 세로방향으로 방향전환 이벤트 발생을 인지하게 된다.To this end, first, the
이에 따라, 클립 선택 사용자 인터페이스 제공수단(120), 아이콘 표시수단(130) 및 기준선 표시수단(140)은 세로 모드로의 화면표시 모드전환에 따라 사용자 인터페이스를 다음과 같이 각각 동적으로 재구성한다.Accordingly, the clip selection user interface providing means 120, the icon display means 130, and the baseline display means 140 dynamically reconfigure the user interface according to the switching of the screen display mode to the portrait mode as follows.
우선 클립 선택 사용자 인터페이스 제공수단(120)은 우선 상기 클립 선택 사용자 인터페이스의 폭을 줄이고, 세로 방향에 맞추어 회전시킨 것과 같은 세로모드용 클립 선택 사용자 인터페이스를 도 3의 (a)에 도시된 바와 같이 화면 일측에 표시한다.First, the clip selection user interface providing means 120 first reduces the width of the clip selection user interface and displays a clip selection user interface for portrait mode such as rotated in the vertical direction as shown in FIG. Mark on one side.
한편, 기준선 표시수단(140)은 터치스크린이 세로 방향으로 세워짐에 따라 화면 타측에 세로모드에 적합하게 변형된 기준선을 표시한다.On the other hand, the reference line display means 140 displays the reference line modified to suit the portrait mode on the other side of the screen as the touch screen is erected in the vertical direction.
이때 바람직하게는 도 3의 (a)에 도시된 바와 같이 정현파(Sinusoid)의 형상 - 즉, 사인곡선(Sine Curve)에 가까운 모습을 갖는 기준선을 표시할 수 있다.In this case, as shown in (a) of FIG. 3, a sinusoidal shape, that is, a reference line having a shape close to a sine curve may be displayed.
즉, 도 1의 가로모드에서는 기준선이 직선형상이었으나, 도 3의 (a)의 세로모드에서는 사인곡선으로 그 모습이 바뀌는 것이다.That is, in the horizontal mode of FIG. 1, the reference line is straight, but in the vertical mode of FIG. 3A, the shape changes to a sinusoidal curve.
이와 같이 함으로써 도 1의 직선상의 기준선의 길이와 도 3의 (a)의 사인곡선 형상의 기준선의 길이는 실질적으로 큰 차이가 없도록 유지할 수 있게 된다.By doing in this way, the length of the straight reference line of FIG. 1 and the length of the sinusoidal reference line of FIG. 3 (a) can be maintained so that there is no big difference substantially.
즉, 모바일(1)의 터치스크린의 가로, 세로 길이가 다름에도 불구하고, 가로 모드와 세로 모드에서의 기준선의 길이가 일정하게 유지될 수 있는 것이다.That is, although the horizontal and vertical lengths of the touch screen of the mobile 1 are different, the length of the reference line in the horizontal mode and the vertical mode may be kept constant.
기준선은 타임라인을 시각적으로 표시한 객체인 바, 가로모드와 세로모드에서 한 화면에 표시할 수 있는 타임라인의 길이가 실질적으로 동일하게 유지될 수 있게 된다.The reference line is an object that visually displays the timeline, and thus the length of the timeline that can be displayed on one screen in the horizontal mode and the vertical mode can be maintained to be substantially the same.
한편, 도 3의 (a)에서는 사인곡선의 형상을 갖는 기준선을 도시하고 있으나, 가로 방향으로 연장되는 일직선상이 아니면서 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상의 오브젝트이기만 하면 반드시 사인곡선의 형상은 아니어도 무방하다.On the other hand, Figure 3 (a) shows a reference line having the shape of a sinusoid, but not necessarily a straight line extending in the horizontal direction, as long as the object is a shape of the vertical axis is increased or decreased based on one or more inflection points necessarily of the sinusoid It may not be a shape.
예를 들자면, 세로모드에서의 기준선은 소정 각도로 비스듬하게 상방향으로 연장되다 변곡점 이후 하방향으로 방향을 전환하여 연장되기를 반복하는 형상이거나, 가로 방향으로 일정길이 연장되다 반시계 방향으로 90도 각도를 바꾸어 세로 방향으로 방향을 바꾸어 소정길이 더 연장되다 다시 이번에는 시계방향으로 90도 각도를 바꾸어 가로 방향으로 일정길이 연장되기를 반복하는 형태일 수도 있다.For example, in the longitudinal mode, the reference line extends obliquely upward at a predetermined angle and then repeats to extend in a downward direction after the inflection point, or extends a certain length in the horizontal direction, and the angle is 90 degrees counterclockwise. By changing the direction in the vertical direction to further extend the predetermined length and again this time it may be repeated to extend the predetermined length in the horizontal direction by changing the angle of 90 degrees clockwise.
한편, 이러한 세로모드에 적합한 형태의 기준선은 더 이상 직선형상이 아니기 때문에 아이콘들의 배열이나 재정렬이 필요하다.On the other hand, since the reference line of the type suitable for the portrait mode is no longer straight, it is necessary to arrange or rearrange the icons.
도 3의 (a)에 도시된 바와 같이 세로모드에 적합한 형태의 기준선이 화면에 표시됨에 따라, 아이콘 표시수단(130)은 타임라인에 삽입된 동영상 클립들을 나타내는 아이콘들을 상기 기준선에 따라서 각각 표시한다.As shown in (a) of FIG. 3, as a reference line having a form suitable for the portrait mode is displayed on the screen, the
즉, 각 아이콘이 나타내는 동영상 클립의 타임라인 상 위치에 해당하는 상기 기준선 상의 위치를 판정하고, 해당 위치에 표시할 수 있다.That is, the position on the reference line corresponding to the position on the timeline of the video clip indicated by each icon may be determined and displayed on the position.
바람직하게는 각 아이콘들은 가로모드에서와는 달리 인접한 아이콘과 서로 상이한 세로좌표값을 갖는다.Preferably, each icon has a different ordinate value from the adjacent icon unlike the landscape mode.
이때, 반드시 도 3의 (a)에 도시된 바와 같이 기준선 위에 아이콘들을 표시해야하는 것은 아니며, 기준선으로부터 아래위로 소정거리 이격된 위치에 표시하는 등 기준선과의 상대적 거리를 유지한 채 일정 간격으로 표시할 수 있다.At this time, it is not necessary to display the icons on the reference line as shown in (a) of FIG. 3, and to display the icons at a predetermined interval while maintaining the relative distance from the reference line, such as at a position spaced a predetermined distance up and down from the reference line. Can be.
이하에서는 도 3 및 도 4를 참조하여 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공방법을 살펴보기로 한다.Hereinafter, a method of providing a user interface for editing a video according to the present invention will be described with reference to FIGS. 3 and 4.
도 4는 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공방법을 시계열적으로 도시하는 플로우차트이다.4 is a flowchart illustrating a method of providing a user interface for video editing according to the present invention in time series.
본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공방법은 모바일(1)에서 실행될 수 있다.The method of providing a user interface for editing a video according to the present invention can be executed in the mobile 1.
도 4에 도시된 바에 의할 때, 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공방법은 표시방향 검출단계(a 단계), 기준선 표시 단계(b 단계), 타임라인 삽입 단계(c 단계), 아이콘 표시 단계(d 단계) 및 아이콘 재정렬 단계(e 단계)를 포함한다.As shown in FIG. 4, the method of providing a user interface for editing a video according to the present invention includes a display direction detecting step (a step), a baseline display step (b step), a timeline insertion step (c step), Icon display step (d step) and icon rearrangement step (e step).
우선 표시방향 검출단계에서 모바일(1)은 디스플레이 수단 - 즉, 터치스크린의 화면 표시방향이 가로방향인지 세로방향인지 검출한다(a 단계).First, in the display direction detection step, the mobile 1 detects whether the display means-that is, the screen display direction of the touch screen is horizontal or vertical (step a).
바람직하게는 모바일(1)에 내장된 자이로 센서를 이용하여 모바일(1)이 가로 방향으로 사용되고 있는지 또는 세로 방향으로 세워졌는지를 판정한다.Preferably, a gyro sensor embedded in the mobile 1 is used to determine whether the mobile 1 is being used in the horizontal direction or in the vertical direction.
한편, 기준선 표시 단계에서는 터치스크린 화면 일측에 동영상 파일의 적어도 일부를 선택하여 선택된 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 표시하고, 화면의 타측에 기준선을 표시한다(b 단계).On the other hand, in the baseline display step, a clip selection user interface for selecting at least a portion of a video file on one side of the touch screen and inserting a video clip corresponding to at least a portion of the selected video file into a timeline is displayed, and the baseline is displayed on the other side of the screen. (Step b).
특히, 사용자가 모바일(1)을 가로모드로 사용하다가 세로 방향으로 세움에 따라, 모바일(1)은 세로 모드에 적합하게 구성된 클립 선택 사용자 인터페이스를 화면 일측으로 이동시켜 표시한다.In particular, as the user uses the mobile 1 in the landscape mode and stands in the vertical direction, the mobile 1 moves and displays the clip selection user interface configured for the portrait mode to one side of the screen.
그리고, 가로 모드에서는 직선상으로 표시되어 있던 기준선을 도 3의 (a) 에 도시된 바와 같이 세로모드에 적합한 형태로 표시한다.In the horizontal mode, the reference line displayed in a straight line is displayed in a form suitable for the vertical mode as shown in FIG.
타임라인 삽입 단계에서는 이와 같이 클립 선택 사용자 인터페이스가 표시된 상태에서, 사용자가 동영상 클립을 선택하여 타임라인에 삽입하면 이에 해당하는 처리를 수행한다(c 단계).In the timeline insertion step, when the user selects a video clip and inserts it into the timeline while the clip selection user interface is displayed (step c).
그 과정을 더욱 상세히 살펴보면, 사용자는 도 3의 (a)와 같은 세로모드에 적합한 형태의 클립 선택 사용자 인터페이스를 통해 로컬에 저장된 동영상 파일을 오픈하여 이를 화면 아래의 기준선 방향으로 드래그함으로써 해당 동영상 파일을 동영상 클립으로서 타임라인에 삽입할 수 있다.Looking at the process in more detail, the user can open the video file stored locally through the clip selection user interface suitable for the vertical mode as shown in Fig. 3 (a) and drag the video file by dragging it to the baseline direction below the screen. Can be inserted into the timeline as a movie clip.
또는, 모바일(1)이 로컬에 저장된 동영상 파일을 오픈하여 해당 동영상 파일의 프레임들을 화면에 표시하면, 사용자는 그 가운데 임의의 두 개의 프레임을 동시에 터치한 다음 기준선 방향으로 드래그함으로써 두 개의 프레임 가운데 시간순으로 앞선 프레임을 시작위치로, 시간순으로 늦은 프레임을 종료위치로 하는 동영상 클립을 타임라인에 삽입할 수 있다.Alternatively, when the mobile 1 opens a locally stored video file and displays the frames of the video file on the screen, the user touches any two frames at the same time and drags them in the direction of the baseline, thereby chronologically among the two frames. This allows you to insert a movie clip into the timeline with the preceding frame as the start position and the later frame as the end position in chronological order.
드래그가 종료된 기준선 상의 위치로부터 동영상 클립이 삽입될 타임라인 상의 위치를 결정할 수 있다.The position on the timeline to insert the video clip may be determined from the position on the reference line where the drag ends.
이러한 과정을 통해 타임라인에 동영상 클립이 추가되면, 아이콘 표시 단계에서 모바일(1)은 상기 동영상 클립을 나타내는 아이콘을 기준선을 따라 표시한다(d 단계).When the video clip is added to the timeline through this process, in the icon display step, the mobile 1 displays the icon representing the video clip along the reference line (step d).
이때, 반드시 기준선과 중첩되도록 아이콘을 표시할 필요는 없으며, 기준선과 소정거리 이격된 위치에 표시할 수도 있다. In this case, the icon does not necessarily need to be displayed so as to overlap the reference line, and may be displayed at a position spaced apart from the reference line by a predetermined distance.
아이콘 표시단계에서는 사용자에 의하여 타임라인에 추가될 동영상 클립이 선택됨에 따라 선택된 동영상 클립이 표시될 타임라인상 좌표를 결정하게 된다.In the icon display step, as the video clip to be added to the timeline is selected by the user, coordinates on the timeline to display the selected video clip are determined.
이때, 도 1과 같이 기준선이 직선상으로 표시되는 경우라면 아이콘이 타임라인 상에 표시될 가로축 좌표만을 결정하는 것으로 충분하지만, 도 3의 (a)와 같은 세로모드에서는 아이콘이 표시될 화면상 가로축 좌표와 세로축 좌표를 동시에 결정하여야 한다.In this case, when the reference line is displayed in a straight line as shown in FIG. 1, it is sufficient to determine only the horizontal axis coordinates to be displayed on the timeline, but in the vertical mode as shown in FIG. Coordinates and vertical axis coordinates should be determined simultaneously.
이를 위하여 우선, 사용자가 해당 동영상 클립을 타임라인에 삽입하면 모바일(1)은 상기 동영상 클립이 삽입된 타임라인 상 위치에 해당하는 기준선 상 위치를 중심으로 상기 동영상 클립을 나타내는 아이콘을 표시될 위치를 결정한다. 그리고, 결정된 위치에 상기 아이콘을 표시한다.To this end, first, when a user inserts a corresponding video clip into a timeline, the mobile 1 selects a position to display an icon representing the video clip based on a position on a reference line corresponding to a position on a timeline into which the video clip is inserted. Decide Then, the icon is displayed at the determined position.
기준선 상 위치를 중심으로 상기 동영상 클립을 나타내는 아이콘을 표시될 위치를 결정한다는 표현은 반드시 기준선 위에 아이콘을 표시하지는 않을 수 있으며, 적어도 상기 기준선 상의 위치를 중심으로 소정 거리 이내의 상대적 위치에 아이콘을 표시한다는 것을 의미한다.The expression that determines the position to display the icon representing the movie clip based on the position on the reference line may not necessarily display the icon on the reference line, and at least displays the icon at a relative position within a predetermined distance from the position on the reference line. I mean.
이와 같은 과정을 통해 사용자는 도 3의 (a)에 도시된 바와 같이 세로모드에서 간단한 조작만으로 동영상 클립을 타임라인에 자유롭게 배치할 수 있게 된다.Through this process, the user can freely arrange the video clip on the timeline with a simple operation in the vertical mode as shown in FIG.
한편, 사용자에 의하여 새로운 동영상 클립이 타임라인에 더 삽입되면, 모바일(1)은 삽입된 동영상 클립을 기존에 타임라인에 추가된 동영상 클립 가운데 가장 마지막 동영상 클립의 바로 다음 위치에 추가할 수 있다. 즉, 사용자가 선택된 동영상 클립의 타임라인상 위치를 설정하거나 또는 변경하지 않는다면 디폴트로 가장 뒤에 추가되도록 할 수 있다.Meanwhile, when a new video clip is further inserted into the timeline by the user, the mobile 1 may add the inserted video clip to the position immediately after the last video clip among the video clips previously added to the timeline. That is, if the user does not set or change the position on the timeline of the selected movie clip, it can be added to the end by default.
도 5는 이와 같이 새로운 동영상 클립이 타임라인의 맨 뒤에 삽입됨에 따라, 기준선을 따라서 기 표시되어 있던 아이콘들의 맨 뒤에 새로운 아이콘이 더 표시되는 과정을 도시한다.FIG. 5 illustrates a process in which a new icon is further displayed at the back of icons previously displayed along the reference line as the new video clip is inserted at the end of the timeline.
이때, 바람직하게는 새롭게 기준선을 따라 표시되는 아이콘은 직전의 아이콘과 서로 상이한 세로 좌표를 갖는다.In this case, preferably, the icon newly displayed along the reference line has a different vertical coordinate from the previous icon.
한편, 상기 d) 단계에서 동영상 클립이 타임라인에 추가됨에 따라 기준선을 따라 동영상 클립의 아이콘을 표시한 이후, 사용자가 동영상 클립들의 타임라인상 위치를 이동시키거나, 새로운 동영상 클립을 기존 클립들 사이에 추가하거나, 또는 이미 타임라인 상에 추가되어 있던 동영상 클립을 삭제하는 등의 조작을 하면 모바일(1)은 아이콘 재정렬 단계를 통하여 기준선을 따라 표시된 아이콘들을 재배치한다(e 단계).Meanwhile, as the movie clip is added to the timeline in step d), after displaying the icon of the movie clip along the baseline, the user moves the position of the movie clip on the timeline or between the existing clips. When the operation is performed such as adding to or deleting a video clip that has already been added to the timeline, the
아래에서는 타임라인에 추가된 동영상 클립들에 대한 사용자의 편집과정에서 모바일(1)이 아이콘들을 기준선을 따라 재배치하는 과정들을 각 실시예 별로 살펴본다.In the following, the process of repositioning icons along a baseline by the mobile 1 in a user's editing process for video clips added to a timeline will be described for each embodiment.
[제 1 실시예][First Embodiment]
제 1 실시예는 사용자가 도 3의 (a)에 도시된 세로모드용 GUI를 통해 타임라인 상에 추가된 다수의 동영상 클립 가운데 어느 하나를 삭제함에 따라 기준선을 따라 표시된 다수의 아이콘들이 재정렬되는 과정을 설명한다.The first embodiment is a process in which a plurality of icons displayed along a baseline are rearranged as the user deletes any one of a plurality of video clips added on the timeline through the GUI for portrait mode shown in FIG. Explain.
도 6은 기 표시되어 있던 아이콘 가운데 어느 하나가 삭제됨에 따라 기준선을 따라 남은 아이콘들이 재정렬되는 모습을 설명하는 도면이다.FIG. 6 is a diagram illustrating a state in which icons remaining along a reference line are rearranged as one of previously displayed icons is deleted.
d) 단계 이후, 사용자가 기준선을 따라 표시된 다수의 아이콘 가운데 어느 하나를 선택하여 삭제하면,After step d), if the user selects and deletes one of a plurality of icons displayed along the baseline,
모바일(1)은 타임라인 상에서 해당 동영상 클립을 삭제하고서, 삭제된 아이콘의 우측에 표시된 아이콘들의 위치를 각각 좌측의 인접 아이콘이 표시되어 있던 위치로 변경하여 표시한다(e 단계).The mobile 1 deletes the corresponding video clip on the timeline, and changes the positions of the icons displayed on the right side of the deleted icon to the positions where adjacent icons on the left side are displayed (step e).
즉, 삭제된 아이콘의 좌측의 아이콘들은 그대로 둔 채로, 우측의 아이콘들을 한 칸씩 좌측으로 이동시킨다. 이때, 위치가 변경되는 우측의 아이콘들이 도 6에 도시된 바와 같이 사인곡선 형상을 갖는 기준선을 타고서 좌측 방향으로 한 칸씩 이동하는 애니메이션을 표시하여 처리할 수 있다.That is, the icons on the left side of the deleted icon are left as they are, while the icons on the right side are moved left by one space. In this case, as shown in FIG. 6, the icons on the right side of which the position is changed may be displayed by processing an animation of moving the cells one by one to the left by riding a reference line having a sinusoidal shape.
기준선의 모양을 따라서 아이콘들이 한 칸씩 이동하도록 함으로써 사인곡선 형상의 기준선이 타임라인을 의미한다는 것을 사용자들로 하여금 직감케 할 수 있다.By moving the icons one by one along the shape of the reference line, the user can feel that the sinusoidal reference line means the timeline.
한편, 상기의 설명은 타임라인이 화면의 좌측에서 우측으로 진행된다 가정한 것으로 타임라인의 방향이 반대라면 상기 설명에서 좌우가 바뀌게 됨은 당연하다.On the other hand, the above description assumes that the timeline proceeds from the left side to the right side of the screen.
[제 2 실시예][Second Embodiment]
제 2 실시예는 사용자가 도 3의 (a)에 도시된 세로모드용 GUI를 통해 새로운 동영상 클립을 선택하여 기존 타임라인 상의 동영상 클립들 사이에 추가함에 따라, 아이콘들이 기준선을 따라 재정렬되는 과정을 설명한다.In the second embodiment, as the user selects a new video clip through the GUI for portrait mode shown in FIG. 3A and adds it between the video clips on the existing timeline, icons are rearranged along a baseline. Explain.
도 7은 기 표시되어 있던 아이콘들의 사이에 아이콘이 추가됨에 따라 아이콘들의 위치가 재정렬되는 모습을 설명하는 도면이다.FIG. 7 is a view for explaining how icons are rearranged as icons are added between previously displayed icons.
d) 단계 이후, 사용자가 타임라인에 삽입할 동영상 클립을 선택하여 기준선을 따라 표시된 다수의 아이콘 사이로 드래그함에 따라, 모바일(1)은 동영상 클립들의 타임라인상 위치를 조정한다.After step d), as the user selects a video clip to insert in the timeline and drags it between a plurality of icons displayed along the baseline, the mobile 1 adjusts the position of the video clips on the timeline.
즉, 새로운 동영상 클립이 삽입된 위치 이후의 동영상 클립들의 타임라인 상 위치는 새롭게 삽입된 동영상 클립의 재생시간만큼 뒤로 밀리게 된다.That is, the position on the timeline of the movie clips after the position at which the new movie clip is inserted is pushed back by the playing time of the newly inserted movie clip.
그리고, 도 7과 같은 GUI상에서 동영상 클립이 삽입된 위치에, 삽입된 동영상 클립을 나타내는 아이콘을 새로이 표시하고, 삽입된 위치 우측의 아이콘들을 한 칸씩 우측으로 밀어낸다(e 단계).On the GUI as shown in FIG. 7, an icon representing the inserted video clip is newly displayed at the position where the video clip is inserted, and the icons on the right side of the inserted position are pushed to the right by one space (step e).
바람직하게는 삽입된 위치 우측의 아이콘들이 도 7에 도시된 바와 같은 사인곡선 형상의 기준선을 타고서 한 칸씩 이동하는 애니메이션을 처리함으로써 기준선이 타임라인을 의미한다는 점을 직관적으로 알 수 있도록 처리한다.Preferably, the icons to the right of the inserted position are processed one by one by riding a sinusoidal reference line as shown in FIG. 7 so as to intuitively recognize that the reference line means a timeline.
[제 3 실시예][Third Embodiment]
제 3 실시예는 사용자가 도 3의 (a)에 도시된 세로모드용 GUI를 통해 기준선을 따라 배치된 다수의 아이콘들 가운데 둘 이상을 동시에 터치한 다음 드래그함에 따라, 해당 동영상 클립들의 타임라인상 위치를 변경하는 과정을 설명한다.According to the third embodiment, as the user simultaneously touches and then drags two or more of the plurality of icons arranged along the reference line through the portrait mode GUI shown in FIG. Explain the process of changing the location.
도 8은 기 표시되어 있던 아이콘들 가운데 일부의 상대적인 위치를 변경하는 동작과정을 설명하는 도면이다.8 is a diagram illustrating an operation of changing a relative position of some of the previously displayed icons.
d) 단계 이후, 사용자가 기준선을 따라 표시되어 있던 가운데 임의의 두 개(또는 그 이상)을 동시에 터치한 다음 상기 기준선의 일측방향으로 드래그하면, 모바일(1)은 상기 선택된 두 개의 아이콘 및 상기 두 개의 아이콘의 사이의 아이콘들의 상대적인 위치를 상기 기준선을 따라 이동시킨다(e 단계).After step d), if the user touches any two (or more) simultaneously displayed along the reference line and then drags to one side of the reference line, the mobile 1 selects the two icons and the two selected ones. The relative positions of the icons between the two icons are moved along the reference line (step e).
즉, 사용자가 드래그한 길이만큼 아이콘들의 위치를 이동시킨다.That is, the positions of the icons are moved by the length dragged by the user.
바람직하게는 사용자가 드래그함에 따라 아이콘들이 기준선을 따라서 이동하는 애니메이션을 표시함으로써 기준선이 타임라인을 의미함을 직관적을 알 수 있도록 한다.Preferably, by displaying an animation in which icons move along the baseline as the user drags, the user can intuitively know that the baseline means the timeline.
한편, 이와 같이 아이콘들의 기준선 상의 위치가 변경됨에 따라 모바일(1)은 변경된 아이콘들의 위치에 부합하도록 각 아이콘이 나타내는 동영상 클립들의 타임라인상 위치를 재배열한다.Meanwhile, as the positions of the icons on the reference line are changed, the mobile 1 rearranges the positions on the timeline of the video clips represented by the icons so as to match the positions of the changed icons.
이에 의하여 사용자는 도 8에 도시된 바와 같은 세로모드 GUI를 통해 둘 또는 그 이상의 아이콘을 단순히 터치한 다음 드래그하는 것에 의해 동영상 클립들의 타임라인상 위치를 변경할 수 있게 된다.This allows the user to change the position of the video clips on the timeline by simply touching and then dragging two or more icons through the portrait mode GUI as shown in FIG. 8.
[제 4 실시예][Fourth Embodiment]
제 4 실시예는 사용자가 도 3의 (a)에 도시된 세로모드용 GUI를 통해 기준선을 따라 배치된 다수의 아이콘들을 동시에 터치하여 화면 일측으로 드래그함에 따라 기준선과 아이콘들이 화면상에서 이동하는 과정을 설명한다.In the fourth embodiment, a process of moving a reference line and icons on a screen is performed as a user simultaneously touches and drags a plurality of icons arranged along a reference line to one side of the screen through the GUI for portrait mode shown in FIG. Explain.
도 9는 기준선과 아이콘들의 화면상 위치를 이동시키는 동작과정을 설명하는 도면이다.9 is a diagram illustrating an operation of moving a reference line and icons on a screen.
d) 단계 이후, 사용자가 기존에 기준선을 따라 표시되어 있던 아이콘 또는 아이콘들 사이의 공간 가운데 임의의 두 지점을 터치하여 상기 기준선의 일측방향으로 드래그하면, 모바일(1)은 상기 기준선 및 상기 기준선에 표시되어 있던 모든 아이콘들을 동시에 드래그 방향으로 이동시켜 표시한다(e 단계).After the step d), when the user touches and drags any two points of the icon or the space between the icons previously displayed along the reference line to one side of the reference line, the mobile 1 connects to the reference line and the reference line. All displayed icons are simultaneously displayed in the dragging direction (step e).
바람직하게는 사용자가 터치스크린을 터치한 다음 드래그함에 따라 기준선과 기준선에 표시되어 있던 아이콘이 일체로 일측방향으로 이동하는 애니메이션을 처리하여 표시한다.Preferably, as the user touches and then touches the touch screen, the animation displayed on the reference line and the reference line is processed and displayed in one direction.
화면에 모두 표시하기 어려운 정도로 타임라인이 긴 경우, 사용자는 도 9에 도시된 바와 같은 세로모드 GUI를 보면서 간단히 드래그하는 것에 의하여 타임라인 상의 편집하고자 하는 영역을 선택하거나 돌려볼 수 있게 된다.When the timeline is long enough to be displayed on the screen, the user can select or rotate an area to be edited on the timeline by simply dragging while viewing the portrait GUI as shown in FIG. 9.
한편, 본 발명에 의한 동영상 편집을 위한 사용자 인터페이스의 제공방법은 컴퓨터가 판독할 수 있는 명령어의 집합인 소프트웨어의 형태로 구현되어 기록 매체에 수록될 수 있다.Meanwhile, the method for providing a user interface for editing a video according to the present invention may be implemented in the form of software, which is a set of computer readable instructions, and may be recorded on a recording medium.
이때, 기록매체는 컴퓨터에 의하여 읽을 수 있는 모든 종류의 매체를 포함할 수 있으며, 그 예로는 DVD-ROM, CD-ROM, 하드 디스크, USB 메모리, 플래쉬 메모리와 같은 유형물을 들 수 있다.In this case, the recording medium may include any type of medium readable by a computer, such as DVD-ROM, CD-ROM, hard disk, USB memory, and flash memory.
한편, 기록매체에 수록된다는 표현은 이와 같은 유형의 기록매체에 수록되는 경우는 물론, 무형의 반송파(Carrier Wave)의 형태로 통신회선을 통해 제공되는 경우를 포함한다.On the other hand, the expression to be recorded on the recording medium includes not only the case of being recorded on the recording medium of this type but also the case of being provided through a communication line in the form of an intangible carrier wave (Carrier Wave).
본 발명은 첨부 도면 및 상기와 같은 실시예를 참조하여 설명되었으나 이는 예시적인 것에 불과하며, 본 기술 분야의 통상의 지식을 가진 자라면 이로부터 다양한 변형 및 균등한 다른 실시예가 가능하다는 점을 이해할 것이다.While the present invention has been described with reference to the accompanying drawings and embodiments thereof, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the appended claims. .
본 발명은 동영상 편집기술분야 및 모바일 소프트웨어 기술분야에 적용될 수 있다.The present invention can be applied to the video editing technology field and the mobile software technology field.
1 : 모바일
100 : 동영상 편집을 위한 사용자 인터페이스의 제공장치
110 : 방향검출수단
120 : 클립 선택 사용자 인터페이스 제공수단
130 : 아이콘 표시수단
140 : 기준선 표시수단1: Mobile
100: device for providing a user interface for video editing
110: direction detection means
120: clip selection user interface providing means
130: icon display means
140: reference line display means
Claims (11)
상기 터치스크린 표시방향의 가로세로 방향전환 이벤트를 검출하는 방향검출수단;
상기 터치스크린의 일측에 동영상 파일의 적어도 일부를 선택하여 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 표시하고, 사용자에 의하여 선택된 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인 상에 추가하는 클립 선택 사용자 인터페이스 제공수단;
상기 터치스크린 타측에 기준선을 표시하는 기준선 표시수단; 및
상기 터치스크린의 일측에 타임라인에 추가된 동영상 클립을 나타내는 아이콘들을 상기 기준선을 따라 표시하는 아이콘 표시수단;을 구비하되,
상기 터치스크린의 화면 표시방향이 가로방향에서 세로방향으로 방향전환 이벤트가 발생하면 상기 클립 선택 사용자 인터페이스 제공수단은 상기 클립 선택 사용자 인터페이스의 크기를 동적으로 변경하고, 세로 방향에 맞추어 회전시켜 화면 일측에 표시하며, 상기 기준선 표시수단은 직선상으로 표시되어 있던 기준선을 가로축을 따라서 연장되되 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상으로 변형하여 화면 타측에 표시하며, 상기 아이콘 표시수단은 각 아이콘들이 나타내는 동영상 클립의 타임라인상 위치에 따라 상기 기준선을 중심으로 각 아이콘이 표시될 위치를 결정하며,
상기 터치스크린의 화면 표시방향이 세로 방향으로 방향 전환이 된 상태에서 사용자가 기준선을 따라 표시된 하나 이상의 아이콘에 대하여 터치스크린 입력을 함에 따라, 상기 아이콘 표시수단은 사용자의 터치스크린 입력에 대응하여 해당 아이콘을 기준선을 따라 재정렬하되, 해당 아이콘이 나타내는 동영상 클립에 대한 타임라인 상 편집동작을 처리하는 동영상 편집을 위한 사용자 인터페이스의 제공장치.In a mobile device having a touch screen,
Direction detecting means for detecting a horizontal turning event in the touch screen display direction;
A clip for displaying a clip selection user interface for selecting and inserting at least a portion of a video file into a timeline on one side of the touch screen, and adding a video clip corresponding to at least a portion of the video file selected by the user on the timeline; Selecting user interface providing means;
Reference line display means for displaying a reference line on the other side of the touch screen; And
And icon display means for displaying icons representing a video clip added to a timeline on one side of the touch screen along the reference line.
When the screen display direction of the touch screen changes from the horizontal direction to the vertical direction, the clip selection user interface providing means dynamically changes the size of the clip selection user interface and rotates it in the vertical direction to one side of the screen. The reference line display means may be displayed on the other side of the screen by transforming the reference line, which is displayed in a straight line, along a horizontal axis to a shape in which the vertical axis coordinates increase or decrease based on one or more inflection points. Determine the position of each icon based on the reference line according to the position on the timeline of the movie clip that
As the screen display direction of the touch screen is changed in the vertical direction, as the user inputs a touch screen with respect to one or more icons displayed along a reference line, the icon display means corresponds to the user's touch screen input. A device for providing a user interface for editing a video that is rearranged along a baseline but processes an editing operation on a timeline for a video clip represented by the icon.
b) 화면 표시방향이 가로방향에서 세로방향으로 전환됨에 따라, 디스플레이 수단의 화면 일측에 동영상 파일의 적어도 일부를 선택하고 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 표시하되, 화면의 타측에 기준선을 표시하는 기준선 표시 단계;
c) 상기 클립 선택 사용자 인터페이스를 통한 사용자 조작에 따라 사용자가 선택한 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인 상에 추가하는 타임라인 삽입 단계;
d) 상기 타임라인에 삽입된 동영상 클립을 나타내는 아이콘을 상기 기준선을 따라 표시하는 아이콘 표시 단계;를 포함하되,
상기 b) 단계에서는 가로축을 따라서 연장되되, 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상을 갖는 기준선을 표시하며,
동영상 클립이 타임라인에 삽입됨에 따라, 상기 d) 단계에서는 해당 동영상 클립의 타임라인상 위치에 따라 상기 기준선을 중심으로 상기 아이콘이 표시될 화면상 가로위치 및 세로위치를 결정하여 표시하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.In a method executed in a video editing apparatus having display means,
b) As the screen display direction is changed from landscape to portrait, a clip selection user interface for selecting at least a portion of the video file and inserting it into the timeline is displayed on one side of the screen of the display means, and the baseline is displayed on the other side of the screen. A baseline display step of displaying;
c) a timeline insertion step of adding a video clip corresponding to at least a portion of a video file selected by a user on a timeline according to a user manipulation through the clip selection user interface;
and d) displaying an icon representing a video clip inserted in the timeline along the reference line.
In step b), the reference line extends along the horizontal axis and has a shape in which the vertical axis coordinates increase or decrease based on one or more inflection points,
As the video clip is inserted in the timeline, in step d), the video editing is performed by determining the horizontal and vertical positions on the screen where the icon is to be displayed based on the reference line according to the position of the video clip. To provide a user interface.
a) 상기 디스플레이 수단의 화면 표시방향이 가로방향인지 세로방향인지 검출하는 표시방향 검출단계;를 더 포함하되,
상기 b) 단계에서는 화면 표시방향이 가로방향에서 세로방향으로 전환됨에 따라 기존 클립 선택 사용자 인터페이스의 위치와 크기를 변경하고, 회전시킨 형태의 클립 선택 사용자 인터페이스 화면 일측에 표시하되, 기존에 직선상으로 표시되어 있던 기준선을 가로축을 따라서 연장되되 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상으로 화면 타측에 변형하여 표시하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
a) a display direction detecting step of detecting whether the screen display direction of the display means is horizontal or vertical;
In the step b), as the screen display direction is changed from the horizontal direction to the vertical direction, the position and size of the existing clip selection user interface are changed and displayed on one side of the rotated clip selection user interface screen. A method of providing a user interface for editing a video, which is displayed along a horizontal axis of the displayed reference line and is deformed on the other side of the screen in a shape in which the vertical axis coordinates increase or decrease based on one or more inflection points.
상기 b) 단계에서는 가로방향으로 소정거리마다 존재하는 변곡점들을 잇는 정현파(Sinusoid)의 형상을 가지는 기준선을 표시하며,
상기 d) 단계에서는 동영상 클립을 나타내는 아이콘 가운데 적어도 하나를 상기 변곡점 상에 표시하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
In step b), a reference line having a sinusoidal shape connecting the inflection points existing at predetermined distances in a horizontal direction is displayed.
In the step d), at least one of the icon representing the video clip on the inflection point providing a user interface for video editing.
상기 c) 단계에서, 사용자가 상기 클립 선택 사용자 인터페이스에 표시된 다수의 프레임 가운데 임의의 두 개의 프레임을 동시에 선택하여 상기 기준선의 방향으로 드래그함에 따라 상기 선택된 두 프레임 가운데 시간순으로 앞선 프레임을 시작위치로 하되, 시간순으로 늦은 프레임을 종료위치로 하는 동영상 클립을 타임라인에 삽입하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
In the step c), as the user simultaneously selects any two frames among the plurality of frames displayed in the clip selection user interface and drags them in the direction of the reference line, the frames preceding the time in the selected two frames are set as starting positions. And a method for providing a user interface for editing a video, which inserts a video clip whose end position is chronologically late in the timeline.
상기 d) 단계 이후,
e) 사용자가 동영상 클립을 타임라인에 추가함에 따라 상기 추가된 동영상 클립을 나타내는 아이콘을 상기 기준선을 따라 더 표시하되, 기존에 기준선을 따라 표시되어 있던 아이콘 가운데 가장 우측의 아이콘으로부터 우측방향으로 소정거리 이격된 위치에 표시하는 아이콘 재정렬 단계;를 더 포함하되,
상기 추가된 동영상 클립을 나타내는 아이콘과 기존에 표시되어 있던 아이콘 가운데 가장 우측의 아이콘이 서로 상이한 세로 좌표를 갖도록 표시하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
After step d)
e) As the user adds a video clip to the timeline, an icon representing the added video clip is further displayed along the reference line, and a predetermined distance is directed to the right from the icon on the right side among the icons previously displayed along the reference line. Reordering the icon to display in the spaced position; further comprising,
A method for providing a user interface for editing a video for displaying the added video clip and the icon on the far right among the previously displayed icons having different vertical coordinates.
상기 d) 단계 이후,
e) 사용자가 다수의 아이콘 가운데 어느 하나를 선택하여 삭제함에 따라 삭제된 아이콘의 우측에 표시된 모든 아이콘들의 위치를 각각 좌측으로 소정 거리만큼 이동시켜 표시하는 아이콘 재정렬 단계;를 더 포함하되,
상기 e) 단계에서 소정거리 이동되는 각 아이콘들이 상기 기준선을 따라서 이동하는 애니메이션을 화면에 표시하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
After step d)
e) icon rearranging step of moving and displaying positions of all icons displayed on the right side of the deleted icon by a predetermined distance as the user selects and deletes any one of the plurality of icons;
A method of providing a user interface for editing a video for displaying an animation in which each icon moved a predetermined distance in the step e) moves along the reference line.
상기 d) 단계 이후,
e) 사용자가 선택된 동영상 클립을 기준선을 따라 표시된 다수의 아이콘 사이로 드래그함에 따라, 상기 드래그 된 동영상 클립을 나타내는 아이콘을 드래그가 종료된 위치를 중심으로 상기 기준선을 따라 표시하고, 드래그가 종료된 지점의 우측의 모든 아이콘들을 우측으로 소정거리만큼 이동시켜 표시하는 아이콘 재정렬 단계;를 더 포함하되,
상기 e) 단계에서 우측으로 이동되는 각 아이콘이 상기 기준선을 따라서 이동하는 애니메이션을 화면에 표시하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
After step d)
e) As the user drags the selected video clip between the plurality of icons displayed along the baseline, an icon representing the dragged video clip is displayed along the baseline around the position where the drag ends, and at the point where the drag ends. Icon rearranging step of displaying by moving all the icons on the right to the right by a predetermined distance;
The method of providing a user interface for video editing to display on the screen an animation in which each icon moved to the right in the step e) moves along the reference line.
상기 d) 단계 이후,
e) 사용자가 기존에 기준선을 따라 표시되어 있던 아이콘 가운데 임의의 두 개의 아이콘을 동시에 선택하여 상기 기준선의 일측 방향으로 드래그하면, 상기 선택된 두 개의 아이콘 및 상기 두 개의 아이콘의 사이의 아이콘들의 상대적인 위치를 상기 기준선을 따라 이동시키는 아이콘 재정렬 단계;를 더 포함하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
After step d)
e) When a user simultaneously selects any two icons among icons previously displayed along the reference line and drags them to one side of the reference line, the relative positions of the icons between the two selected icons and the two icons are displayed. Reordering the icon to move along the reference line; providing a user interface for editing a video.
상기 d) 단계 이후,
e) 사용자가 기존에 기준선을 따라 표시되어 있던 아이콘 또는 아이콘들 사이의 공간 가운데 임의의 두 지점을 터치하여 상기 기준선의 일측방향으로 드래그하면, 상기 기준선 및 상기 기준선에 표시되어 있던 모든 아이콘들을 동시에 드래그 방향으로 이동시켜 표시하는 아이콘 재정렬 단계;를 더 포함하는 동영상 편집을 위한 사용자 인터페이스의 제공방법.3. The method of claim 2,
After step d)
e) When the user touches any two points among the icons or spaces between the icons previously displayed along the reference line and drags them to one side of the reference line, simultaneously dragging the icons displayed on the reference line and the reference line. Reordering the icon to move in the direction to display; providing a user interface for editing a video.
b) 디스플레이 수단의 화면 표시방향이 가로방향에서 세로방향으로 전환됨에 따라 동영상 파일의 적어도 일부를 선택하고 선택된 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인에 삽입하기 위한 클립 선택 사용자 인터페이스를 가로모드에서 세로모드로 동적으로 변경하여 화면에 표시하되, 화면 타측에 가로축을 따라서 연장되되 하나 이상의 변곡점을 기준으로 세로축 좌표가 증감하는 형상으로 화면 타측에 변형하여 표시하는 기준선 표시 단계;
c) 상기 클립 선택 사용자 인터페이스를 통한 사용자 조작에 따라 사용자가 선택한 동영상 파일의 적어도 일부에 해당하는 동영상 클립을 타임라인 상에 추가하는 타임라인 삽입 단계;
d) 상기 타임라인에 삽입된 동영상 클립을 나타내는 아이콘을 상기 기준선을 따라 표시하는 아이콘 표시 단계;
e) 사용자가 타임라인에 동영상 클립을 더 추가하거나, 기존 동영상 클립을 삭제하거나, 타임라인상 위치를 변경함에 따라 상기 타임라인의 동영상 클립들을 나타내는 아이콘들을 상기 기준선을 따라서 재배열하는 아이콘 재정렬 단계;를 포함하는 방법을 수행하기 위한 컴퓨터가 실행가능한 명령을 갖는 컴퓨터가 읽을 수 있는 기록매체.
a) a display direction detecting step of detecting whether the screen display direction of the display means is horizontal or vertical;
b) the screen selection direction of the display means is changed from landscape to portrait, so that at least a portion of the video file is selected and a clip selection user interface for inserting a video clip corresponding to at least a portion of the selected video file into the timeline is displayed. A baseline display step of dynamically changing from a mode to a portrait mode and displaying on the screen, extending along the horizontal axis on the other side of the screen, and deforming on the other side of the screen in a shape in which the vertical axis coordinates increase or decrease based on one or more inflection points;
c) a timeline insertion step of adding a video clip corresponding to at least a portion of a video file selected by a user on a timeline according to a user manipulation through the clip selection user interface;
d) displaying an icon representing a video clip inserted in the timeline along the reference line;
e) rearranging icons along the baseline of icons representing movie clips in the timeline as the user adds more movie clips to the timeline, deletes existing movie clips, or changes positions on the timeline; A computer-readable recording medium having computer-executable instructions for performing a method comprising a.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020130094879A KR101352713B1 (en) | 2013-08-09 | 2013-08-09 | Apparatus and method of providing user interface of motion picture authoring, and computer readable medium thereof |
| PCT/KR2014/007411 WO2015020496A1 (en) | 2013-08-09 | 2014-08-08 | Device for providing user interface for video editing, and providing method thereof and recording medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020130094879A KR101352713B1 (en) | 2013-08-09 | 2013-08-09 | Apparatus and method of providing user interface of motion picture authoring, and computer readable medium thereof |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR101352713B1 true KR101352713B1 (en) | 2014-01-17 |
Family
ID=50145856
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020130094879A KR101352713B1 (en) | 2013-08-09 | 2013-08-09 | Apparatus and method of providing user interface of motion picture authoring, and computer readable medium thereof |
Country Status (2)
| Country | Link |
|---|---|
| KR (1) | KR101352713B1 (en) |
| WO (1) | WO2015020496A1 (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019093624A1 (en) * | 2017-11-13 | 2019-05-16 | 삼성전자(주) | Display device and method for controlling display device |
| US10311479B2 (en) | 2015-10-20 | 2019-06-04 | Korean Electronics Technology Institute | System for producing promotional media content and method thereof |
| KR102078479B1 (en) | 2018-11-16 | 2020-02-17 | 최규석 | Method for editing video and videos editing device |
| KR20220001657A (en) | 2020-06-30 | 2022-01-06 | 주식회사 미디어클 | movie editor |
| KR20220001658A (en) | 2020-06-30 | 2022-01-06 | 주식회사 미디어클 | Method for movie editting |
| WO2022114924A1 (en) * | 2020-11-30 | 2022-06-02 | 키네마스터 주식회사 | Video editing ui control method and device |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113473224B (en) * | 2021-06-29 | 2023-05-23 | 北京达佳互联信息技术有限公司 | Video processing method, video processing device, electronic equipment and computer readable storage medium |
| CN113747228B (en) * | 2021-09-17 | 2023-09-15 | 四川启睿克科技有限公司 | Method for realizing intelligent rotary television dynamic screen protection |
| CN115567758A (en) * | 2022-09-30 | 2023-01-03 | 联想(北京)有限公司 | Processing method, processing device, electronic equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20090058305A (en) * | 2007-12-04 | 2009-06-09 | 삼성전자주식회사 | Apparatus for photographing moving image and method thereof |
| KR20090107474A (en) * | 2009-09-21 | 2009-10-13 | (주)아이티코어 | The mobile image transmission system that utilized a mobile only public information image editing tool |
| KR20110010935A (en) * | 2009-07-27 | 2011-02-08 | 한국과학기술원 | Nonlinear timeline-based control method and device for contents and control method and device for video and audio clips using the same |
| KR101271357B1 (en) | 2011-05-31 | 2013-06-07 | 삼성전자주식회사 | Timeline-based contents control method and device using dynamic distortion and control method and device for video and audio clips using the same |
-
2013
- 2013-08-09 KR KR1020130094879A patent/KR101352713B1/en active IP Right Grant
-
2014
- 2014-08-08 WO PCT/KR2014/007411 patent/WO2015020496A1/en active Application Filing
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20090058305A (en) * | 2007-12-04 | 2009-06-09 | 삼성전자주식회사 | Apparatus for photographing moving image and method thereof |
| KR20110010935A (en) * | 2009-07-27 | 2011-02-08 | 한국과학기술원 | Nonlinear timeline-based control method and device for contents and control method and device for video and audio clips using the same |
| KR20090107474A (en) * | 2009-09-21 | 2009-10-13 | (주)아이티코어 | The mobile image transmission system that utilized a mobile only public information image editing tool |
| KR101271357B1 (en) | 2011-05-31 | 2013-06-07 | 삼성전자주식회사 | Timeline-based contents control method and device using dynamic distortion and control method and device for video and audio clips using the same |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10311479B2 (en) | 2015-10-20 | 2019-06-04 | Korean Electronics Technology Institute | System for producing promotional media content and method thereof |
| WO2019093624A1 (en) * | 2017-11-13 | 2019-05-16 | 삼성전자(주) | Display device and method for controlling display device |
| US10996824B2 (en) | 2017-11-13 | 2021-05-04 | Samsung Electronics Co., Ltd. | Display device and method for controlling display device |
| KR102078479B1 (en) | 2018-11-16 | 2020-02-17 | 최규석 | Method for editing video and videos editing device |
| KR20220001657A (en) | 2020-06-30 | 2022-01-06 | 주식회사 미디어클 | movie editor |
| KR20220001658A (en) | 2020-06-30 | 2022-01-06 | 주식회사 미디어클 | Method for movie editting |
| WO2022114924A1 (en) * | 2020-11-30 | 2022-06-02 | 키네마스터 주식회사 | Video editing ui control method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2015020496A1 (en) | 2015-02-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101352713B1 (en) | Apparatus and method of providing user interface of motion picture authoring, and computer readable medium thereof | |
| KR101077981B1 (en) | A graphical user interface, electronic device, method and computer program that uses sliders for user input | |
| US8910072B2 (en) | Browsing and interacting with open windows | |
| US9710149B2 (en) | Method and apparatus for displaying user interface capable of intuitively editing and browsing folder | |
| US20120047463A1 (en) | Method of configuring menu screen, user device for performing the method and computer-readable storage medium having recorded thereon program for executing the method | |
| KR102280620B1 (en) | Method for editing media and an electronic device thereof | |
| US10282219B2 (en) | Consolidated orthogonal guide creation | |
| KR20110067492A (en) | Method for providing gui and multimedia device thereof | |
| KR20140039210A (en) | Multi-application environment | |
| KR20190126267A (en) | Method and device for generating capture image for display windows | |
| TW201525851A (en) | Touch-based reorganization of page element | |
| US11119622B2 (en) | Window expansion method and associated electronic device | |
| US9436358B2 (en) | Systems and methods for editing three-dimensional video | |
| KR101932675B1 (en) | Terminal, method for contrlling thereof and program written in a recording medium for implementing the method | |
| KR20200002735A (en) | Method and terminal for displaying a plurality of pages | |
| KR102103957B1 (en) | Apparatus, method and recording medium for controlling display area of a flexible display device including display unit and touch panel | |
| KR20130126430A (en) | Method and apparatus for providing multi windows | |
| KR20170132776A (en) | Improvements to text selection controls | |
| JP5835240B2 (en) | Information processing apparatus, information processing method, and program | |
| KR102274156B1 (en) | Method for resizing window area and electronic device for the same | |
| JPWO2012026322A1 (en) | Object layout editing method and apparatus | |
| KR101399234B1 (en) | Enhanced user interface based on gesture input for motion picture authoring tool on a mobile device | |
| KR102093580B1 (en) | touch control method, apparatus, program and computer readable recording medium | |
| KR102648288B1 (en) | Methods and systems for presenting media content with multiple media elements in an editorial environment | |
| KR102093084B1 (en) | touch control method, apparatus, program and computer readable recording medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A201 | Request for examination | ||
| A302 | Request for accelerated examination | ||
| E902 | Notification of reason for refusal | ||
| E701 | Decision to grant or registration of patent right | ||
| GRNT | Written decision to grant | ||
| FPAY | Annual fee payment |
Payment date: 20170109 Year of fee payment: 4 |
|
| FPAY | Annual fee payment |
Payment date: 20181224 Year of fee payment: 6 |