Media player with imaged based browsing
Methods and systems that improve the way media is played, sorted, modified, stored and cataloged on a portable media player are disclosed. One aspect relates to an image based browser that allows a user to navigate through and select images that are related to media items.
1. An electronic device, comprising:
a display;
a touch-sensitive surface;
one or more processors;
memory; and
one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including a media player comprising instructions for:
storing information corresponding to a set of media items;
determining whether the electronic device is in a first orientation or a second orientation;
in accordance with a determination that the device is in the first orientation, presenting a first graphical user interface for scrolling through a list comprising one or more entries, wherein each entry in the list corresponds to a media item in the set of media items;
in accordance with a determination that the device is in the second orientation, presenting a second graphical user interface, wherein the second graphical user interface is configured to:
display a first image in a primary mode, wherein the primary mode is for displaying images with a 2D appearance;
display a second image in a secondary mode, wherein the secondary mode is for displaying images with a with a 3D appearance;
detect a gesture on the touch-sensitive surface;
in response to the detection of the gesture:
in accordance with a determination that the gesture is a selection input, perform an operation associated with play back of a media item corresponding to the first image;
in accordance with a determination that the gesture is a navigational input, display the first image in the secondary mode and display the second image in the primary mode.
2. The electronic device of claim 1 , wherein the navigational input includes a swipe input on the touch-sensitive surface.
3. The electronic device of claim 2 , wherein:
the first and second images are separated on the display by one or more images displayed in the secondary mode, the one or more images separating the first and second images comprising a count of images; and
the count of images is proportional to one or more properties of the swipe input, the one or more properties comprising properties in the group consisting of: speed, length of time, and number of fingers used.
4. The electronic device of claim 3 , the media player further comprising instructions for:
animating a transition between displaying the first image in the primary mode and displaying the first image in the secondary mode, wherein the transition occurs at a transition speed determined in accordance with a speed of the user sliding their finger over the touch screen display.
5. The electronic device of claim 1 , wherein the media player comprises an image browsing module responsible for said displaying of the first image and the second image and a playback module responsible for said playing back the media item corresponding to the first image.
6. The electronic device of claim 1 , wherein
the media item corresponding to the first image is an audio file or a video file; and
the operation associated with play back of the media item corresponding to the first image includes playing back the audio or video file.
7. The electronic device of claim 1 wherein,
the media item corresponding to the first image is a collection of media assets, and
the operation associated with play back of the media item corresponding to the first image includes presentation of a scrollable display of the media assets for selection of a particular media asset.
8. The electronic device of claim 7 wherein, presentation of a scrollable display includes an animation of the first image flipping over to present the scrollable display on the backside of the first image.
9. The electronic device of claim 1 wherein,
the media item corresponding to the first image is a contact in an address book, and
the operation associated with play back of the media item corresponding to the first image includes initiating a phone call with the contact.
10. The electronic device of claim 1 wherein,
the media item corresponding to the first image is a document with one or more user modifiable fields, and
the operation associated with play back of the media item corresponding to the first image includes displaying an interface for a user to modify the one or more user modifiable fields.
11. A method of operating an electronic device with a display and a touch-sensitive surface, the method comprising:
storing information corresponding to a set of media items;
determining whether the electronic device is in a first orientation or a second orientation;
in accordance with a determination that the device is in the first orientation, presenting, using a media player of the electronic device, a first graphical user interface on the display for scrolling through a list comprising one or more entries, wherein each entry in the list corresponds to a media item in the set of media items; and
in accordance with a determination that the device is in the second orientation, presenting, using the media player of the electronic device, a second graphical user interface on the display, wherein presenting the second graphical user interface includes:
displaying a first image in a primary mode, wherein the primary mode is for displaying images with a 2D appearance;
displaying a second image in a secondary mode, wherein the secondary mode is for displaying images with a with a 3D appearance;
detecting a gesture on the touch-sensitive surface; and
in response to the detection of the gesture:
in accordance with a determination that the gesture is a selection input, performing an operation associated with play back of a media item corresponding to the first image; and
in accordance with a determination that the gesture is a navigational input, displaying the first image in the secondary mode and displaying the second image in the primary mode.
12. The method of claim 11 , wherein the navigational input includes a swipe input on the touch-sensitive surface.
13. The method of claim 12 , wherein:
the first and second images are separated on the display by one or more images displayed in the secondary mode, the one or more images separating the first and second images comprising a count of images; and
the count of images is proportional to one or more properties of the swipe input, the one or more properties comprising properties in the group consisting of: speed, length of time, and number of fingers used.
14. The method of claim 13 , further comprising:
animating a transition between displaying the first image in the primary mode and displaying the first image in the secondary mode, wherein the transition occurs at a transition speed determined in accordance with a speed of the user sliding their finger over the touch screen display.
15. The method of claim 11 , wherein the media player comprises an image browsing module responsible for said displaying of the first image and the second image and a playback module responsible for said playing back the media item corresponding to the first image.
16. The method of claim 11 , wherein:
the media item corresponding to the first image is an audio file or a video file; and
the operation associated with play back of the media item corresponding to the first image includes playing back the audio or video file.
17. The method of claim 11 , wherein:
the media item corresponding to the first image is a collection of media assets, and
the operation associated with play back of the media item corresponding to the first image includes presenting a scrollable display of the media assets for selection of a particular media asset.
18. The method of claim 17 wherein presenting the scrollable display includes animating the first image flipping over to present the scrollable display on the backside of the first image.
19. The method of claim 11 , wherein:
the media item corresponding to the first image is a contact in an address book; and
the operation associated with play back of the media item corresponding to the first image includes initiating a phone call with the contact.
20. The method of claim 11 , wherein:
the media item corresponding to the first image is a document with one or more user modifiable fields, and
the operation associated with play back of the media item corresponding to the first image includes displaying an interface for a user to modify the one or more user modifiable fields.