Method and device for managing progress indicator display
View Patent ↗The present application discloses methods and devices that are used to improve the display of a progress indictor for a program, such as an audio/video player application. A progress indicator on a progress bar is often used for the indication of the progress of a program. There may also be one or more status indicators on the progress bar. When a user drags the progress indicator along or within the progress bar and passes one or more status indicators, the computer system displays an indicating image between the starting position and the drag position in the progress bar for a pre-defined period of time. The indicating image can be generated by combining a layer associated with the progress indicator and layers associated with one or more status indicators that are passed. The current method and device make the display of progress indictor more distinctive and improve user experience.
1. A method for displaying play session progress status, comprising:
at a computer system having one or more processors and memory storing programs executed by the one or more processors and displaying a progress indicator and one or more status indicators positioned on a progress bar for a play session,
detecting a starting position of the progress indicator along the progress bar and the respective positions of the one or more status indicators;
detecting a drag operation to the progress indictor and a drag position of the progress indicator;
displaying an indicating image between the starting position and the drag position in the progress bar for a pre-defined period of time when there is one or more respective positions of the status indicators between the starting position and the drag position, wherein
the progress indicator has a corresponding progress layer and a drag layer and the one or more status indicators have respective corresponding status layers, and
the indicating image is generated by combining the drag layer and one or more status layers having corresponding status indicators with positions between the starting position and the drag position; and
displaying the progress layer between an initiating position of the progress bar and the drag position after the pre-defined period.
2. The method of claim 1 , wherein:
the starting position is behind the position of a first indicator and the drag position is in front of the position of the first indicator,
the indicating image comprises a first section between the starting position and the position of the first indicator and a second section between the position of the first indicator and the drag position,
the first section of the indicating image is generated by overlaying the drag layer and the indicating layer corresponding to the first indicator, and
the second section of the indicating image comprises the progress layer.
3. The method of claim 2 , further comprising:
displaying the drag layer between the initiating position of the progress bar and the starting position during the predefined period.
4. The method of claim 1 , wherein:
one of the status indicators is a buffering indicator indicating data buffering progress for the play session.
5. The method of claim 4 , wherein:
when the starting position is behind the position of the buffering indicator and the drag position is in front of the position of the buffering indicator, displaying a warning message indicating that progress indicator is surpassing the data buffering progress of the play session.
6. The method of claim 1 , wherein:
the progress indicator has a width, and the indicating image is not displayed when the distance between the starting position and the drag position is less than or equal to half the width.
7. The method of claim 1 , wherein:
the drag layer is selected by a user of the computer system from a group of selectable layers.
8. The method of claim 1 , wherein:
the progress layer and the one or more status layers are combined by conducting one or more of the operations: selecting, overlaying, fusing, color mixing, pattern mixing, paralleling, adjusting contrast, feathering, adjusting sharpness, adjusting transparency, removing, rotating, adjusting size, changing color, and adding text.
9. The method of claim 1 , wherein:
the predefined period is the period when the drag operation is being conducted.
10. A computer system displaying a progress indicator and one or more status indicators positioned on a progress bar for a play session, the computer system comprising:
one or more processors;
memory; and
one or more programs modules stored in the memory and configured for execution by the one or more processors, the one or more program modules including:
a first detecting module configured to detect a starting position of the progress indicator along the progress bar and the respective positions of the one or more status indicators;
a second detecting module configured to detect a drag operation to the progress indictor and a drag position of the progress indicator;
a first display module configured to display an indicating image between the starting position and the drag position in the progress bar for a pre-defined period of time when there is one or more respective positions of the status indicators between the starting position and the drag position, wherein
the progress indicator has a corresponding progress layer and a drag layer and the one or more status indicators have respective corresponding status layers, and
the indicating image is generated by combining the drag layer and one or more status layers having corresponding status indicators with positions between the starting position and the drag position; and
a second display module configured to display the progress layer between an initiating position of the progress bar and the drag position after the pre-defined period.
11. The computer system of claim 10 , wherein
the starting position is behind the position of a first indicator and the drag position is in front of the position of the first indicator,
the indicating image comprises a first section between the starting position and the position of the first indicator and a second section between the position of the first indicator and the drag position,
the first section of the indicating image is generated by overlaying the drag layer and the indicating layer corresponding to the first indicator, and
the second section of the indicating image comprises the progress layer.
12. The computer system of claim 11 , wherein:
the first display module is further configured to display the drag layer between the initiating position of the progress bar and the starting position during the predefined period.
13. The computer system of claim 10 , wherein:
one of the status indicators is a buffering indicator indicating data buffering progress for the play session.
14. The computer system of claim 13 , further comprising:
a third display module configured to display a warning message indicating that progress indicator is surpassing the data buffering progress of the play session when the starting position is behind the position of the buffering indicator and the drag position is in front of the position of the buffering indicator.
15. The computer system of claim 10 , wherein:
the progress indicator has a width, and the indicating image is not displayed when the distance between the starting position and the drag position is less than or equal to half the width.
16. The computer system of claim 10 , wherein:
the drag layer is selected by a user of the computer system from a group of selectable layers.
17. The computer system of claim 10 , further comprising:
a processing layer configured to combine the progress layer and one or more status layers, wherein the progress layer and one or more status layers are combined by conducting one or more of the operations: selecting, overlaying, fusing, color mixing, pattern mixing, paralleling, adjusting contrast, feathering, adjusting sharpness, adjusting transparency, removing, rotating, adjusting size, changing color, and adding text.
18. The computer system of claim 10 , wherein:
the predefined period is the period when the drag operation is being conducted.
19. A non-transitory computer readable storage medium having stored therein one or more instructions, which, when executed by a computer system displaying a progress indicator and one or more status indicators positioned on a progress bar for a play session, cause the computer system to:
detect a starting position of the progress indicator along the progress bar and the respective positions of the one or more status indicators;
detect a drag operation to the progress indictor and a drag position of the progress indicator;
display an indicating image between the starting position and the drag position in the progress bar for a pre-defined period of time when there is one or more respective positions of the status indicators between the starting position and the drag position, wherein
the progress indicator has a corresponding progress layer and a drag layer and the one or more status indicators have respective corresponding status layers, and
the indicating image is generated by combining the drag layer and one or more status layers having corresponding status indicators with positions between the starting position and the drag position; and
display the progress layer between an initiating position of the progress bar and the drag position after the pre-defined period.
20. The non-transitory computer readable storage medium of claim 19 , wherein
the starting position is behind the position of a first indicator and the drag position is in front of the position of the first indicator,
the indicating image comprises a first section between the starting position and the position of the first indicator and a second section between the position of the first indicator and the drag position,
the first section of the indicating image is generated by overlaying the drag layer and the indicating layer corresponding to the first indicator, and
the second section of the indicating image comprises the progress layer.