KR101503710B1 - Method for providing GUI and multimedia device thereof - Google Patents

Abstract

A GUI providing method for receiving a user command on a touch screen and a multimedia device using the same are provided. According to the present GUI providing method, the step of judging whether or not an enlarging command for a GUI item is received and enlarging the GUI item are included. This makes it possible for the user to more precisely manipulate GUI items, and to provide superior visual effects when manipulating GUI items.

Description

Technical Field [0001] The present invention relates to a GUI providing method and a multimedia device using the same,

The present invention relates to a GUI (Graphic User Interface) providing method and a multimedia device using the same, and more particularly, to a GUI providing method for receiving a user command on a touch screen and a multimedia device using the same.

With the remarkable development of digital technology combined with various multimedia devices, the functions provided by multimedia devices are increasing exponentially. In particular, in consideration of the aesthetics of the multimedia device itself and the convenience of accessing the multimedia device of the user, the functions provided by the multimedia device are often provided to the user through the screen.

However, in the case of a portable multimedia device, it is a reality that the convenience of carrying is to be considered, and thus the screen can not be enlarged in consideration of convenience of user's operation only. Therefore, there is a problem that current portable multimedia devices can not perform precise operations on items provided through a small screen.

Therefore, there is a need for a method of providing a GUI for providing an item that enables precise operation for a user and provides excellent visual effects in operation.

SUMMARY OF THE INVENTION It is an object of the present invention to provide a GUI providing method for providing an item capable of precise operation on a touch screen and providing excellent visual effects during operation, Equipment.

According to another aspect of the present invention, there is provided a GUI providing method comprising: determining whether an enlargement command for a GUI item provided to select any one of consecutive points is received through a touch screen; And enlarging and displaying the GUI item if it is determined that the enlargement command has been received.

Here, the GUI item preferably includes at least one of a progress bar, a scroll bar, and a status control bar.

In addition, the determining step may determine that the enlargement instruction is received when a touch over a predetermined time is maintained at any one of the points of the GUI item, and the displaying step may include: It is preferable to enlarge and display the GUI item up to a predetermined range.

The determining step determines that the enlargement command is received when a touch is continuously input to any one of the points of the GUI item, and the display step displays the point where the continuous touch is input It is preferable that the GUI item is enlarged and displayed within a predetermined range.

Further, the determining step may determine that the enlargement command is received when the touch is held to the first one of the GUI items to the second one of the GUI items, and the displaying step determines that the first The GUI item can be enlarged and displayed from the first point to the second point.

If the first and second points of the GUI items are simultaneously touched or touched within a predetermined time, the determining step determines that the enlargement instruction has been received, and the displaying step displays the first And enlarge and display the GUI item from the first point to the second point.

Further, the determining step may determine that the enlargement command has been received when the GUI item is touched by drawing a circle around the GUI item so as to pass through the first point and the second point of the GUI item, It is preferable to enlarge and display the GUI item from the first point to the second point.

If it is determined that the enlargement command has been received, the display step may enlarge and display the GUI item after highlighting the enlarged point of the GUI item.

Preferably, the display step may display the GUI item after displaying the sound information or the image information indicating that the enlargement command has been received, if it is determined that the enlargement command has been received.

According to another aspect of the present invention, there is provided a method for providing a GUI, the method comprising the steps of: determining whether a reduction instruction for the enlarged GUI item has been received through a touch screen; The GUI items can be displayed in a reduced size.

The displaying step may display the enlarged GUI item together with the content displayed before the enlarging command is received.

According to another aspect of the present invention, there is provided a multimedia device including: a touch screen for receiving an enlargement command for a GUI item provided to select one of consecutive points; And a controller for controlling the GUI item to be enlarged and displayed when it is determined that the enlargement command has been received.

Here, the GUI item may include at least one of a progress bar, a scroll bar, and a status control bar.

The control unit determines that the enlargement command is received when a touch over a predetermined time is maintained at any one of the points of the GUI item, It is preferable to control the GUI item to be enlarged and displayed.

The control unit determines that the enlargement command is received when a touch is continuously input to any one of the points of the GUI item, and when the continuous touch is input, So that the GUI item is enlarged and displayed.

The control unit may determine that the enlargement command has been received when the first touch point of the GUI items is touched to the second point among the GUI items, The GUI item may be enlarged and displayed.

When the first point and the second point of the GUI items are simultaneously touched or touched within a preset time, the control unit determines that the enlarge command has been received, and the control unit determines from the first point to the second point The GUI item may be enlarged and displayed.

The control unit draws a circle around the GUI item so as to pass through the first point and the second point of the GUI items, and when the touch screen is touched, determines that the magnify command has been received, The GUI item is enlarged and displayed from the first point to the second point.

The control unit may control the GUI item to be enlarged and displayed after highlighting a point to be enlarged of the GUI item when it is determined that the enlargement command has been received.

If it is determined that the enlargement command has been received, the control unit may output the GUI information to the display unit after outputting the sound information or image information indicating that the enlargement command has been received.

The control unit may determine whether a reduction command for the enlarged GUI item has been received through the touch screen and control that the enlarged GUI item is displayed in a reduced form when it is determined that the reduction command has been received desirable.

Preferably, the control unit controls the enlarged GUI item to be displayed together with the content displayed before the enlargement command is received.

INDUSTRIAL APPLICABILITY As described above, according to the present invention, an enlarged GUI item is displayed on a touch screen so that a user can perform more precise operations. In addition, it is possible to provide an enlarged GUI item to the user, thereby providing an excellent visual effect during operation.

Figures 1a-1g are provided to illustrate a method for enlarging a progress bar,
FIGS. 2A to 2D are views for explaining a result of enlarging the progress bar,
3 is a block diagram of a multimedia device capable of providing a GUI including an enlarged progress bar,
4 is a flowchart illustrating a method of providing a GUI according to an exemplary embodiment of the present invention.

Hereinafter, the present invention will be described in detail with reference to the drawings.

FIGS. 1A through 1G are views provided for explaining a method for enlarging the progress bar 130 on the touch screen 100. FIG. FIG. 1A shows a touch screen 100 in which various items are displayed. In the touch screen 100, a screen 110 (hereinafter, referred to as a 'screen') for content currently being reproduced, A bar 130, and a set of items 150 for entering commands for playing, pausing, skipping, and skipping a content.

On the screen 110, a playback screen for the video content is displayed. Examples of the content include video content such as a movie or a drama, simple music content, or music content displayed together with an image. Since the present embodiment assumes the case of the music content provided with the video content or the video, the video content is provided on the touch screen 100, but the present invention can be applied to a case where the music content is simply provided. The image content is not provided on the screen 110. [

The item set 150 includes a reverse skip command item 151, a stop command item 153, a play / pause command item 155 and a skip command item 157, When one of the items in the set 150 is selected, a command corresponding to the selected item is input. For example, if an image of the current content is displayed on the screen 110 and the current displayed point of the continuous image content is the 'A' point, the user can select the reverse skip command item 151 , An image corresponding to a point 10 minutes before the 'A' point is displayed on the screen 110.

This operation principle is the same in that, when a skip command is input, an image corresponding to a point 10 minutes or later from the point " A " is displayed on the screen 110, and the user operates the other operation means (not shown) It is also possible to set the time of '10 minutes' to another time.

This set of items 150 may be semitransparently processed and overlapped with the video content and may be provided to the user only if there is an output command for the set of items 150 to minimize interference to the video content. have.

The progress bar 130 provides location information on the currently playing content. In other words, the progress bar 130 provides the user with positional information on the point at which the current content is reproduced, out of all the points of the continuous content reproduced by the user's playback command. This positional information is displayed so that the other part of the progress bar 130 and the part corresponding to the current position are distinguished from each other and provided to the user.

In the present embodiment, the entire progress bar 130 is indicated by a thin solid line so that the entire length of the content is schematically shown, and an item (hereinafter referred to as " The item 135 ') is displayed in a state in which a dot is indicated inside the square block shape, so that the other part of the progress bar 130 can be distinguished from the part corresponding to the current position.

When the reproduction position of the content is changed by the user's operation using the item set 150, the position item 135 is also moved to a position corresponding to the changed reproduction position.

On the other hand, if the position item 135 is moved on the progress bar 130 by manipulating the position item 135 to move the position of the position item 135, since the position item 135 is movable by the user's manipulation on the touch screen 100, The reproduction position of the content is changed, and the content is reproduced from the changed point.

The operation of moving the point of the position item 135 is mainly input by touching the point where the position item 135 is desired to move among the entire points of the progress bar 130. [ That is, the point at which the position item 135 is desired to be moved becomes a point at which the content is desired to be reproduced.

Hereinafter, the progress bar 130 enlarging method and enlargement result for more precisely selecting a point at which a content is desired to be reproduced among all points of the progress bar 130 will be described with reference to FIGS. 1A to 1G and FIGS. 2d will be described in more detail with reference to FIG.

1A to 1G are diagrams for explaining a method for enlarging the progress bar 130, and FIGS. 2A to 2D are provided for explaining the enlarged result of the progress bar 130 FIG.

FIG. 1A is a view for explaining a method of enlarging the progress bar 130 by touching the position item 135 for 2 seconds or more.

When the user presses the position item 135 of the progress bar 130 for more than two seconds while the progress bar 130 is displayed on the touch screen 100 as shown in FIG. , The position item 135 is displayed on the touch screen 100 as a boundary from the point five minutes before to the point five minutes after the corresponding point 'A'.

2A shows a state in which the progress bar 130 is enlarged on the touch screen 100 after the user presses the position item 135 of the progress bar 130 for 2 seconds or more Fig. Referring to FIG. 2A, only the progress bar 130 is enlarged and displayed without enlarging or reducing the screen 110 and the item set 150 for the contents.

The enlarged progress bar 130 has a larger magnitude of the position item 135 compared to the progress bar 130 before being enlarged and a solid line 130 indicating the total length of the content on both sides of the position item 135. [ Is expanded to a bold line representing only a part of the length of the content.

When the progress bar 130 is enlarged in this manner, a portion other than the range desired by the user disappears, and only the range desired by the user is enlarged, so that the user can perform precise operations using the enlarged progress bar 130 .

For example, if the total image content is one hour's worth and the progress bar 130 is 5 centimeters long, the progress bar 130 will contain a fraction corresponding to 12 minutes of video content, Since the progress bar 130 contains 10 minutes at 5 centimeters, the enlarged progress bar contains only about 2 minutes at 1 centimeter. Therefore, the user can operate the reproduction of the video contents with the accuracy increased by six times.

1B is a view for explaining a method of enlarging the progress bar 130 by touching a point other than the position item 135 for 2 seconds or more. 1B, the user may touch the other point ('B') of the progress bar 130, not the point where the position item 135 exists, continuously for more than 2 seconds to enlarge the progress bar 130 . In this case, as shown in FIG. 2B, the portion corresponding to the five minutes before and after the point "B" selected by the user is enlarged and displayed. In addition, since the user has selected the 'B' point, an image different from the image at the 'A' point at which the original content was reproduced is displayed.

1C is a view for explaining a method of enlarging the progress bar 130 by touching the position item 135 twice in succession. Referring to FIG. 1C, the user may enlarge the progress bar 130 by touching the point where the position item 135 exists twice in succession.

In this case, as shown in FIG. 2A, the portion corresponding to the five minutes before and after the point selected by the user is enlarged and displayed. That is, the same result as in the case of holding the touch for 2 seconds or more with respect to the position item 135 is generated.

FIG. 1D is a view for explaining a method of enlarging the progress bar 130 by touching two points. 1D, the user can touch and select one point ('C') and another point ('D') of the progress bar 130, and the selected two points ('C' The progress bar 130 can be enlarged.

Here, there are various ways to select the two points ('C', 'D') of the progress bar 130. Accordingly, the user can touch the 'C' point and then touch the 'D' point within a predetermined time (for example, within 1 second) You can also select two points by touching the point at the same time.

In this case, as shown in FIG. 2C, the portion corresponding to the section between the 'C' point and the 'D' point selected by the user is enlarged and displayed. Accordingly, the user can operate the reproduction of the image content more accurately by using the enlarged progress bar 130. [

For example, if the total image content is one hour and the progress bar 130 is 5 centimeters, then one centimeter of the progress bar 130 includes 12 minutes of image content. Here, if the amount of content existing between the 'C' point and the 'D' point touched by the user is 20 minutes, only about 4 minutes is included in 1 centimeter of the enlarged progress bar 130. Therefore, the user can operate the reproduction of the video contents with a precision three times higher.

In this case, since the user does not enlarge the progress bar 130 with 'A' as the central point, 'A' may not be located exactly in the middle as shown in FIG. 2A.

In the present embodiment, it is assumed that the left and right sides of the position item 135 are respectively touched and expanded including the position item 135. However, this is merely an example for convenience of description, It is also acceptable to assume that the portion not to be enlarged is enlarged.

FIG. 1E is a view for explaining a method of enlarging the progress bar 130 by touching in a circular shape so that two points desired to be enlarged with respect to the progress bar 130 are included. Referring to FIG. 1E, the user touches the touch screen 100 in a circle so as to include one point ('C') and another point ('D') of the progress bar 130, And the 'D' point can be selected, and the progress bar 130 can be enlarged with two selected points ('C' and 'D') as a boundary.

Here, there are various ways to select the two points ('C', 'D') of the progress bar 130. Accordingly, the user may not necessarily touch the touch screen 100 by drawing a circle. For example, touching the touch screen 100 with a 'V' character, two points ('C' , 'D'), you can select two points. That is, the user can select two points by touching the touch of the partial user who wants to enlarge in the progress bar 130, so that the present embodiment can be applied.

In this case, as shown in FIG. 2C, the portion corresponding to the section between the 'C' point and the 'D' point selected by the user is enlarged and displayed. Also, since the progress bar 130 is not enlarged with 'A' as an emphasis, it is needless to say that 'A' may not be located exactly in the middle as shown in FIG. 2A.

FIG. 1F is a view for explaining a method of enlarging the progress bar 130 by touching one of two points desired to be enlarged with respect to the progress bar 130 and then dragging it to another point. Referring to FIG. 1F, the user first touches one point ('C') of the progress bar 130, holds the touch to another point ('D') while maintaining the touch, And the 'D' point can be selected, and the progress bar 130 can be enlarged with two selected points ('C' and 'D') as a boundary. That is, the user can touch the 'C' point and then drag the 'C' point to the 'D' point so that the progress bar 130 can be enlarged (from the point 'C' to the point 'D').

FIG. 1G is a view provided to illustrate a method of displaying both two points desired to be enlarged for the progress bar 130 and two other points not desired to be enlarged but desired to be displayed on the touch screen 100. FIG. Referring to FIG. 1G, the user first touches two points ('E', 'F') of the progress bar 130 and touches the remaining two points ('C' and 'D' The touch can be maintained. In this case, the touch is displayed at the boundary between the last two points ('C' and 'D'), and the progress bar (' 130 can be enlarged.

That is, the user touches the 'E' point and the 'F' point and then drags to the 'C' point and the 'D' point so that the progress bar 130 ' (From point 'C' to 'D') to be displayed on the display.

FIG. 2D is a view showing a progress bar 130 that is extended and displayed when a touch is performed by the method illustrated in FIG. 1G. Referring to FIG. 2D, thin solid lines are drawn from the points 'C' to 'E' and points 'F' to 'D' are shown by thin solid lines, and 'E' to 'F' . In addition, a position item 135 is shown at the 'A' point between the 'E' point and the 'F' point. As described above, the 'E' point and the 'F' point at which the user's touch is started are points for the enlarged and displayed portion of the progress bar 130, and the two points 'C' Point and the " D " point are points for the portion of the entire progress bar 130 that is desired to be displayed on the touch screen 100. [

This method corresponds to an embodiment for convenience of explanation. It is assumed that a point of time is a point for a portion of the entire progress bar 130 that is desired to be displayed on the touch screen 100, and an end point is a progress bar The present invention is not limited to the above embodiments.

Also, since the progress bar 130 is not enlarged with 'A' as the central point, it is needless to say that 'A' may not be positioned exactly in the middle.

Although it has been assumed in the above description that the enlargement command is input, the progress bar 130 is immediately enlarged. However, it is also possible to provide the image information or the sound information in accordance with the enlargement command so as to allow the user to input the enlargement command correctly, It is possible to realize that the response bar 130 is expected to be enlarged. For example, when an enlargement command by a user is inputted, a video message or a voice message called " enlarging a progress bar " can be output to the user so that the user can select the next The operation can be prepared in advance.

Further, when the enlargement command is input, it is possible to implement the highlight bar for the enlarged portion and enlarge the progress bar. Accordingly, if the user has appropriately input a desired point, or if a desired portion of the user is not properly input, information on whether or not the other portion is enlarged is provided to the user in advance through highlight processing, Can be enlarged.

3 is a block diagram of a multimedia device 300 capable of providing a GUI including an enlarged progress bar 130. As shown in FIG. 3, the multimedia device 300 includes a multimedia function block 310, a graphical user interface (GUI) unit 320, a touch screen 100, and a control unit 330.

The multimedia function block 310 performs the functions of the present multimedia device such as playback, skip, stop and movement of the multimedia contents.

The GUI unit 320 adds a GUI to the image generated in the multimedia function block 310. [

The touch screen 100 is a means for receiving an operation such as a touch or a drag of a user and displays an image added with a GUI implemented using the items output from the GUI unit 320. [

The control unit 330 controls the functioning of the multimedia function block 310 according to a user's operation inputted through the touch screen 100 or other operation means (not shown).

In addition, the control unit 330 controls the GUI unit 320 so that a GUI corresponding to the user's operation is displayed on the touch screen 100.

Specifically, when a command to display the progress bar 130 for the content being reproduced from the user is input through the touch screen 100, the control unit 330 controls the progress bar 130 to display the content And controls the GUI unit 320 so that the GUI unit 320 is displayed.

In addition, when a content playback command, a stop command, a skip command, and the like are input from the user through the item set of the touch screen 100, the control unit 330 reproduces, stops, or skips the content according to the input command.

When the user inputs a change instruction to the point of the position item 135 through the progress bar 130 of the touch screen 100, the control unit 330 displays the position item 135 of the progress bar 130, Controls the GUI unit 320 so that the user changes the portion to be touched, and controls the multimedia function block 310 to display the content at a position corresponding to the changed point.

When the enlargement command for the progress bar 130 of the touch screen 100 is input, the control unit 330 determines whether the progress bar 130 is positioned at a point previously set by the user or at a point selected by the user And controls the GUI unit 320 to display the enlarged image.

When an enlargement command for a part of the progress bars 130 of the touch screen 100 is inputted, the controller 330 displays the enlarged portion of the progress bar 130, And controls the GUI unit 320.

When the enlargement command for the progress bar 130 of the touch screen 100 is inputted, the controller 330 outputs the sound information or the image information indicating that the enlargement command has been inputted, and then the progress bar 130 And controls the multimedia function block 310 and the GUI unit 320 to display the enlarged image.

4 is a flowchart illustrating a method of providing a GUI according to an exemplary embodiment of the present invention.

First, the control unit 330 determines whether a playback command for content is input (S410).

If it is determined that a playback command has been input (S410-Y), the control unit 330 displays the content on which the playback command is input on the touch screen 100 and displays the progress bar 130 for the content together (S420 ).

Thereafter, the controller 330 determines whether an enlargement command for the progress bar 130 has been received (S430).

If it is determined that the enlarge command for the progress bar 130 has been received (S430-Y), the control unit 330 controls the GUI unit 320 to display the progress bar 130 enlarged and displayed. In this case, the enlarged progress bar 130 is displayed together with the content (S440). Since the progress bar is enlarged, the user can change the playback position of the content with more precise operation.

Thereafter, the control unit 330 determines whether the position item 135 of the progress bar 130 is located, and a position movement command for reproducing the content is input (S450).

If it is determined that the position movement command is inputted (S450-Y), the controller 330 controls the multimedia function block 310 so that the content is displayed at the moved position (S460).

By the above process, the enlarged progress bar 130 can be provided to the user, which allows the user to operate the progress bar 130 more precisely.

In the above description, it is assumed that the progress bar is enlarged in order to explain how to enlarge and display the GUI item. However, this is only one embodiment for convenience of explanation, and even when enlarging a GUI item other than the progress bar, It goes without saying that the technical idea of the invention can be applied as it is. For example, it can be implemented by enlarging the status bar or the scroll bar for volume adjustment or channel adjustment.

While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is clearly understood that the same is by way of illustration and example only and is not to be construed as limiting the scope of the invention as defined by the appended claims. It will be understood by those skilled in the art that various changes may be made and equivalents may be substituted without departing from the scope of the appended claims.

100: Touch screen 300: Multimedia device
310: Multimedia function block 320: GUI part
330:

Claims (38)

In an electronic device,
A display unit; And
And a control unit for displaying a moving picture corresponding to the video data and controlling to display a progress bar having a position indicating item for providing a reproducing position,
Wherein the controller is configured to perform a normal shift mode or a fine shift mode based on the duration of the first touch input applied to the position indicating item before the touch drag input is applied to move the position indicating item, mode to change the playback position. The method according to claim 1,
When the touch drag input for the position indicating item for moving the position indicating item is received, the reproducing position is changed in the normal shift mode,
When the first touch duration of the touch drag input applied to the position indicating item is equal to or longer than a preset time, the reproducing position is changed in the fine shift mode,
Wherein the reproduction position is adjusted more precisely in the fine shift mode than in the normal shift mode. The method according to claim 1,
Wherein the touch drag input comprises a series of touches in one direction on the progress bar. The method of claim 3,
Wherein the reproduction time corresponding to the moving distance of the position indication item in the normal shift mode is larger than the reproduction time corresponding to the moving distance of the position indication item in the fine shift mode. 3. The method of claim 2,
When the duration of the first touch input is longer than the predetermined time,
Wherein,
And controls the display unit to display a second progressive bar having the position indicating item, and the second progressive bar corresponds to a portion of the video data determined by the playing time indicated by the position indicating item Electronic device. 6. The method of claim 5,
When there is a change in the second progress bar in the first progress bar corresponding to the duration of the first touch input of the touch drag input having the predetermined time or longer, Remains at the same position on the display unit as the position of the position indicating item. The method according to claim 6,
The control unit controls the display unit to display at least one control item in a first area of the display unit while controlling the display unit to play back the video data, And the electronic device. 8. The method of claim 7,
And the first area overlaps with the area where the moving picture is displayed. 8. The method of claim 7,
Wherein the at least one control item displayed in the first area is displayed to have a translucent effect. 8. The method of claim 7,
Wherein an area in which the moving picture is displayed is located in an upper area of the display unit, and the first area is located in a lower area of the display unit. 6. The method of claim 5,
Wherein the second progress bar is displayed on the first progress bar, and when the second progress bar is displayed, the first progress bar is not displayed. 6. The method of claim 5,
Wherein the displayed length of the second progressive bar is equal to the displayed length of the first progressive bar. In an electronic device,
A display unit;
And a controller for controlling the display unit to display moving images corresponding to the video data in a first area of the display unit,
Wherein the controller receives a touch input on the display unit while displaying the moving picture to provide a reproduction position of the moving picture and displays a first progressive bar having a position indicating item displayed in a second area of the display unit Respectively,
Changing a playback position in a normal shift mode corresponding to receiving a touch drag input for the position indicating item to move the position indicating item,
When the initial touch duration of the touch drag input applied to the position indicating item is longer than a preset time, the reproducing position is changed in a fine shift mode,
Wherein the reproduction position is adjusted more precisely in the fine shift mode than in the normal shift mode. 14. The method of claim 13,
Wherein the touch drag input comprises a series of touches in one direction on the first progress bar. 15. The method of claim 14,
And a user interface for outputting information on which the touch input is received. 15. The method of claim 14,
Wherein the reproduction time corresponding to the moving distance of the position indication item in the normal shift mode is larger than the reproduction time corresponding to the moving distance of the position indication item in the fine shift mode. 15. The method of claim 14,
When the duration of the first touch is equal to or longer than the preset time,
Wherein the control unit controls the display unit to display a second progressive bar having the position indicating item, and the second progressive bar is a portion of the video data corresponding to a portion of the video data determined by the playing time indicated by the position indicating item . 18. The method of claim 17,
When there is a change in the second progress bar in the first progress bar corresponding to the duration of the first touch of the touch drag input having the predetermined time or longer, Remains at the same position on the display unit as the position of the position indicating item. 14. The method of claim 13,
The control unit controls the display unit to display at least one control item in a third area of the display unit while controlling the reproduction of the video data in response to receiving the touch input while displaying the moving picture . 20. The method of claim 19,
Wherein a portion of the first region and the third region overlap. 21. The method of claim 20,
Wherein the at least one control item displayed in the third region is displayed to have a translucent effect. 20. The method of claim 19,
Wherein the first area is located in an upper area of the display unit and the third area is located in a lower area of the display unit. 18. The method of claim 17,
The second progress bar is displayed on the first progress bar, and when the second progress bar is displayed, the first progress bar is not displayed. 18. The method of claim 17,
Wherein the indicated length of the second progressive bar is equal to the indicated length of the first progressive bar. 24. The method of claim 23,
Wherein the first progress bar is not displayed until the touch input is received. In an electronic device,
A display unit;
And a controller for controlling the display unit to display moving images corresponding to the video data in a first area of the display unit,
Wherein the control unit receives the touch input on the display unit while displaying the moving picture in order to provide the reproduction position of the moving picture so as to display a first progress bar having the position indicating item displayed in the second area of the display unit Control,
A first touch input including a first touch input and a drag input contiguous to the first touch on the position indicating item,
When the duration of the first touch of the first touch input is less than a preset time, the play position is changed to a normail shift mode,
When the first touch duration of the first touch input is longer than the preset time, the play position is changed in a fine shift mode according to the drag input,
Wherein the reproduction position can be adjusted more finely in the fine shift mode than in the normal shift mode. 27. The method of claim 26,
And a user interface for outputting information on which the touch input is received. 27. The method of claim 26,
Wherein the reproduction time corresponding to the moving distance of the position indication item in the normal shift mode is larger than the reproduction time corresponding to the moving distance of the position indication item in the fine shift mode. 27. The method of claim 26,
When the duration of the first touch is equal to or longer than the preset time,
Wherein the control unit controls the display unit to display a second progressive bar having the position indicating item corresponding to a portion of the video data determined by the playing time indicated by the position indicating item. 30. The method of claim 29,
If the first progress bar changes to the second progress bar in response to the first touch having a duration longer than or equal to the predetermined time that the duration has been applied to the position indicating item, The position of the position indicating item is the same as the position of the position indicating item. 27. The method of claim 26,
The control unit controls the display unit to display at least one control item in a third area of the display unit while controlling the reproduction of the video data in response to receiving the touch input while displaying the moving picture . 32. The method of claim 31,
Wherein a portion of the first region and the third region overlap. 33. The method of claim 32,
Wherein the at least one control item displayed in the third region is displayed to have a translucent effect. 34. The method of claim 33,
Wherein the first area is located in an upper area of the display unit and the third area is located in a lower area of the display unit. 30. The method of claim 29,
The second progress bar is displayed on the first progress bar, and when the second progress bar is displayed, the first progress bar is not displayed. 30. The method of claim 29,
Wherein the indicated length of the second progressive bar is equal to the indicated length of the first progressive bar. 28. The method of claim 27,
Wherein the touch drag input comprises a series of touches in one direction on the first progress bar. 36. The method of claim 35,
Wherein the first progress bar is not displayed until the touch input is received.

Images