Media player with image based browsing
Abstract
Problem to be solved.To improve a method of playing, sorting, modifying, storing and cataloging media on a portable media player, and to enable a user to variously search and select images related to media items. Provides an image-based browser. When an image is selected, an operation is started in a portable electronic device 21. Corresponds to playing the media item associated with the image or launching a menu that lists the media items associated with the image. The search for images is initiated by the input configuration of the portable electronic device. The image is searched and displayed horizontally by the rotation user input 25. Alternatively, the linear user input 27 causes the image to be searched and displayed horizontally. [Selection diagram] Fig. 3

Term
9.3 yearsto projected expiry
Projected expiry 6 January 2036, counted from filing; an application has no term until it is granted.
- Priority
- Filed
- Published
- Today
- Projected expiry
64 claims: 5 independent, 59 dependent
- 1ハンドヘルド電子デバイスであって、 接触感知面と、 視覚的出力デバイスとを備え、 前記視覚的出力デバイスは、複数の画像を少なくとも2つの群で表示することが可能であり、 前記複数の画像は、前記接触感知面に対するユーザ入力に応じて、第1の群から第2の群に順次進行することができる、ハンドヘルド電子デバイス。
- 2請求項1に記載のハンドヘルド電子デバイスであって、前記ユーザ入力は、前記接触感知面上または前記接触感知面の近傍における指のスライド動作である、ハンドヘルド電子デバイス。
- 3請求項1に記載のハンドヘルド電子デバイスであって、前記視覚的出力デバイスおよび前記接触感知面は、タッチスクリーンディスプレイの一部である、ハンドヘルド電子デバイス。
- 4請求項3に記載のハンドヘルド電子デバイスであって、前記ユーザ入力は、前記タッチスクリーンディスプレイの表面に沿って前記ユーザの指をスライドさせることである、ハンドヘルド電子デバイス。
- 5請求項4に記載のハンドヘルド電子デバイスであって、前記進行は、前記指が前記タッチスクリーンディスプレイの前記表面に沿ってスライドされる速度に実質的に比例する、ハンドヘルド電子デバイス。
- 6請求項4に記載のハンドヘルド電子デバイスであって、前記指は、前記第1の群と前記第2の群との間で前記画像を順次進行させるために、前記タッチスクリーンディスプレイによって表示されている前記第1および第2の群の画像の上を、前記タッチスクリーンディスプレイを横切ってスライドされる、ハンドヘルド電子デバイス。
- 7請求項4に記載のハンドヘルド電子デバイスであって、前記指は、前記第1の群と前記第2の群との間で前記画像を順次進行させるために、表示されているユーザインターフェース要素を横切ってスライドされる、ハンドヘルド電子デバイス。
- 8請求項1に記載のハンドヘルド電子デバイスであって、前記接触感知面は、タッチパッドを備える、ハンドヘルド電子デバイス。
- 9請求項1に記載のハンドヘルド電子デバイスであって、前記指のスライドは、前記接触感知面に対して実質的に水平なスワイプである、ハンドヘルド電子デバイス。
- 10請求項1に記載のハンドヘルド電子デバイスであって、前記指のスライドは、前記接触感知面に関する実質的に円形の動きである、ハンドヘルド電子デバイス。
- 11請求項1ないし10のいずれかに記載のハンドヘルド電子デバイスであって、前記指のスライドは、ジェスチャとして認識される、ハンドヘルド電子デバイス。
- 12請求項1ないし10のいずれかに記載のハンドヘルド電子デバイスであって、ユーザが前記接触感知面上で指をタップするのに応じて、前記画像の少なくとも1つに関連付けられた別のセットのデータが表示される、ハンドヘルド電子デバイス。
- 13請求項12に記載のハンドヘルド電子デバイスであって、前記指のタップは、前記別のセットのデータを表示するために、表示されている前記画像の前記少なくとも1つの上でなされる、ハンドヘルド電子デバイス。
- 14請求項1ないし10のいずれかに記載のハンドヘルド電子デバイスであって、前記第1の群の画像は、実質的に全体が見えるよう表示され、前記第2の群の画像は、部分的に見えないように、または、変形されて表示される、ハンドヘルド電子デバイス。
- 15請求項1ないし10のいずれかに記載のハンドヘルド電子デバイスであって、 前記指は、前記第1の群と前記第2の群との間で前記画像を順次進行させるために、前記接触感知面を横切ってスライドされ、 前記画像の順次の進行は、アニメーション化されている、ハンドヘルド電子デバイス。
- 16請求項15に記載のハンドヘルド電子デバイスであって、前記画像の順次の進行の前記アニメーションは、ページをめくることをまねたものである、ハンドヘルド電子デバイス。
- 17請求項1ないし10のいずれかに記載のハンドヘルド電子デバイスであって、ユーザ動作に応じて、前記画像の少なくとも1つに関連付けられた別のセットのデータが表示される、ハンドヘルド電子デバイス。
- 18請求項17に記載のハンドヘルド電子デバイスであって、前記別のセットのデータの前記表示は、前記別のセットのデータの前記表示のアニメーションを含む、ハンドヘルド電子デバイス。
- 19請求項18に記載のハンドヘルド電子デバイスであって、前記別のセットのデータの前記表示の前記アニメーションは、前記画像の前記少なくとも1つの二次元回転を含む、ハンドヘルド電子デバイス。
- 20請求項1ないし10のいずれかに記載のハンドヘルド電子デバイスであって、前記画像は、アルバムアート、ムービーアート、写真、モード、アプリケーション、カレンダー機能、連絡先、または、文書に対応する、ハンドヘルド電子デバイス。
- 21請求項1ないし10のいずれかに記載のハンドヘルド電子デバイスであって、ユーザが前記接触感知面と相互作用するのに応じて、前記両群の画像の少なくとも1つに関連付けられた別のセットのデータが表示される、ハンドヘルド電子デバイス。
- 22ディスプレイとユーザ入力デバイスとを有する携帯型電子デバイスに格納された画像をブラウズするための方法であって、 一群の画像からの複数の画像を表示する画像ブラウザを表示する工程と、 少なくとも1つのユーザ入力に従って、前記一群の画像を遷移させる工程と、 前記遷移工程に続いて、前記一群の画像からの前記複数の画像の内の1つを選択する工程と、 次いで、前記選択された画像に関連付けられた動作を実行する工程と、を備える、方法。
- 23請求項22に記載の方法であって、前記遷移工程の間に、前記画像の内の1つが主モードで表示され、前記画像の内の複数の残りの画像が副モードで表示され、前記遷移工程が起きるにつれて、前記主モードで表示されている前記画像の内の前記1つが変化する、方法。
- 24請求項22に記載の方法であって、前記複数の画像の内の1つを選択する工程は、別のユーザ入力に基づいて実行される、方法。
- 25請求項24に記載の方法であって、前記遷移工程のための前記少なくとも1つのユーザ入力は、少なくとも第1のジェスチャに関連し、前記選択工程のための前記別のユーザ入力は、少なくとも第2のジェスチャに関連し、前記第2のジェスチャは、前記第1のジェスチャと異なる、方法。
- 26請求項22に記載の方法であって、前記画像の各々は、複数のメディアアイテムの内の異なる1つに対応しており、前記動作を実行する工程は、前記選択された画像に対応する前記メディアアイテムの内の1つに関する動作を実行する、方法。
- 27請求項22に記載の方法であって、前記画像は、メディアアイテムに関連付けられている、方法。
- 28請求項22に記載の方法であって、前記ユーザ入力は、回転ユーザ入力である、方法。
- 29請求項22に記載の方法であって、前記ユーザ入力は、直線ユーザ入力である、方法。
- 30請求項22に記載の方法であって、前記ユーザ入力は、前記ユーザ入力デバイスを横切る水平のスライドである、方法。
- 31請求項22ないし30のいずれかに記載の方法であって、前記ユーザ入力デバイスは、感知面を備えており、前記ユーザ入力は、前記接触感知面を介してなされる、方法。
- 32請求項31に記載の方法であって、前記感知面は、接触感知面である、方法。
- 33請求項32に記載の方法であって、前記接触感知面は、タッチパッド、タッチスクリーン、または、接触感知ハウジング、から選択される、方法。
- 34請求項33に記載の方法であって、前記画像を遷移させる工程は、前記接触感知面の所定の領域で物体が検出された時のみ実行される、方法。
- 35請求項34に記載の方法であって、前記所定の領域は、表示されている前記画像ベースブラウザの上である、方法。
- 36請求項31に記載の方法であって、前記ユーザ入力デバイスおよび前記ディスプレイは、接触感知ディスプレイデバイスであり、前記画像ブラウザは、前記接触感知ディスプレイデバイスによって表示され、前記ユーザ入力は、前記接触感知ディスプレイデバイスを用いて提供される、方法。
- 37請求項36に記載の方法であって、前記ユーザ入力は、前記画像ブラウザが複数の前記画像を表示している時に、前記接触感知ディスプレイデバイスを用いて提供される、方法。
- 38携帯型電子デバイスであって、 ディスプレイデバイスと、 ユーザ入力デバイスと、 1または複数のデータアイテムと関連付けられた複数の画像と、前記複数の画像を表示、様々に探索、および、選択するためのコンピュータプログラムコードとを格納できる少なくとも1つのメモリデバイスと、 前記ディスプレイデバイス、前記ユーザ入力デバイス、および、前記少なくとも1つのメモリデバイスに動作可能に接続され、前記複数の画像を表示、様々に探索、および、選択するための前記コンピュータプログラムコードを実行できる処理デバイスと、を備え、 一群の画像からの複数の画像が表示され、表示されている前記画像は、前記ユーザ入力デバイスでの少なくとも1つのユーザ入力に従って遷移される、携帯型電子デバイス。
- 39請求項38に記載の携帯型電子デバイスであって、前記ユーザ入力デバイスは、接触感知デバイスである、携帯型電子デバイス。
- 40請求項39に記載の携帯型電子デバイスであって、前記接触感知デバイスは、タッチパッドである、携帯型電子デバイス。
- 41請求項39に記載の携帯型電子デバイスであって、前記接触感知デバイスは、タッチスクリーンである、携帯型電子デバイス。
- 42請求項36に記載の携帯型電子デバイスであって、前記ユーザ入力は、直線ユーザ入力である、携帯型電子デバイス。
- 43請求項36に記載の携帯型電子デバイスであって、前記ユーザ入力は、回転ユーザ入力である、携帯型電子デバイス。
- 44請求項36に記載の携帯型電子デバイスであって、前記画像は、前記遷移工程の際に、前記ディスプレイデバイスを横切って水平に移動する、携帯型電子デバイス。
- 45請求項36に記載の携帯型電子デバイスであって、前記画像は、前記ユーザ入力と同時に移動する、携帯型電子デバイス。
- 46電子デバイスであって、 複数のメディアアイテムを格納するストレージデバイスと、 タッチスクリーンディスプレイと、 前記メディアアイテムに関連付けられた画像を前記タッチスクリーンディスプレイ上に表示すると共に、ユーザが、前記画像をブラウズして前記複数のメディアアイテム内の特定のメディアアイテムを見つけることを可能にするよう動作可能な画像ブラウザモジュールと、 前記特定のメディアアイテムを再生するよう動作可能な再生モジュールと、を備える、電子デバイス。
- 47請求項46に記載の電子デバイスであって、前記ユーザは、前記タッチスクリーンディスプレイを介したユーザ入力を用いて前記画像をブラウズする、電子デバイス。
- 48請求項46に記載の電子デバイスであって、前記ユーザ入力は、ジェスチャである、電子デバイス。
- 49請求項46に記載の電子デバイスであって、前記ユーザ入力は、指によって提供される、電子デバイス。
- 50請求項45に記載の電子デバイスであって、前記ユーザ入力は、前記タッチスクリーンディスプレイ上で指をスライドさせることを含む、電子デバイス。
- 51請求項50に記載の電子デバイスであって、前記ユーザ入力は、さらに、前記タッチスクリーンディスプレイに対するユーザ選択動作を含む、電子デバイス。
- 52請求項51に記載の電子デバイスであって、前記スライドは、前記画像を様々に探索するよう機能し、前記ユーザ選択動作は、前記特定のメディアアイテムを選択する、電子デバイス。
- 53請求項45ないし52のいずれかに記載の電子デバイスであって、前記ユーザ入力の受信に応じて、前記画像ブラウザモジュールは、前記特定のメディアアイテムが見つかるまで、主として表示されている前記画像の内の1つが変化するように、前記画像の表示を遷移させる、電子デバイス。
- 54請求項53に記載の電子デバイスであって、主として表示されている前記画像は、全体が表示され、主として表示されていないそれ以外の前記画像は、一部だけが表示される、電子デバイス。
- 55請求項53に記載の電子デバイスであって、前記画像ブラウザによって前記画像の表示を遷移させることは、前記メディアアイテムの内の1または複数を仮想的にめくることによって実行される、電子デバイス。
- 56請求項53に記載の電子デバイスであって、主として表示されている前記画像は、歪曲なしに表示され、それ以外の前記画像は、歪曲して表示される、電子デバイス。
- 57請求項53に記載の電子デバイスであって、主として表示されている前記画像のみが、完全な正面像で表示され、それ以外の前記画像は、少なくとも部分的に側面像で表示される、電子デバイス。
- 58請求項53に記載の電子デバイスであって、前記それ以外の前記画像は、さらに、歪曲して表示される、電子デバイス。
- 59請求項45ないし52のいずれかに記載の電子デバイスであって、 前記メディアアイテムは、メディアアセットのコレクションであり、 前記特定のメディアアイテムが見つけられた後に、前記特定のメディアアイテムが、別のユーザ入力を用いて選択され、前記コレクション内の前記メディアアセットのリストが表示される、電子デバイス。
- 60請求項59に記載の電子デバイスであって、前記リストが表示された後に、前記タッチスクリーンディスプレイを介した別のユーザ入力が受信され、前記別のユーザ入力は、表示されている前記リスト内の前記メディアアセットの1つを選択することに関連付けられている、電子デバイス。
- 61請求項60に記載の電子デバイスであって、前記リスト内の前記メディアアセットの内の前記選択された1つは、その後に、前記再生モジュールによって再生される、電子デバイス。
- 62ディスプレイおよびユーザ入力デバイスを有する電子デバイス上に格納された画像をブラウズするために、コンピュータによって実行できる具体的なコンピュータプログラムコードを備えるコンピュータ読み取り可能な媒体であって、 一群の画像からの複数の画像を表示する画像ブラウザウィンドウを表示するためのコンピュータプログラムコードと、 少なくとも1つのユーザ入力に従って、前記一群の画像を遷移させるためのコンピュータプログラムコードと、 前記遷移に続いて、前記一群の画像からの前記複数の画像の内の1つを選択するためのコンピュータプログラムコードと、 次いで、前記選択された画像に関連付けられた動作を実行するためのコンピュータプログラムコードと、を備える、コンピュータ読み取り可能な媒体。
- 63請求項62に記載のコンピュータ読み取り可能な媒体であって、前記画像は、メディアコレクションに対応する図版であり、前記メディアコレクションの各々は、複数のメディアアイテムを含み、前記動作は、前記選択された画像に対応する前記メディアコレクションに含まれる前記メディアアイテムの内の少なくとも1つに対して実行される、コンピュータ読み取り可能な媒体。
- 64請求項62に記載のコンピュータ読み取り可能な媒体であって、前記画像は、アルバムに対応する図版であり、前記アルバムの各々は、複数のメディアアイテムを含み、前記動作は、前記選択された画像に対応する前記メディアコレクションに含まれる前記メディアアイテムの内の少なくとも1つに対して実行される、コンピュータ読み取り可能な媒体。
Independent claims64
225 paragraphs, as filed
Today, media playback devices such as media players or music players are media It has a storage capacity to store a large collection of (music, etc.). Such a large amount of media To select a specific song to be played by the media player for a collection , The user usually explores (navigates) variously in a long song list. As an example, you The is a media player on a media player by interacting with the media player. You can display a list of song artists stored in the collection. Next The user now scrolls through the list and selects the appropriate song to play. However, Unfortunately, as the storage capacity of the media player increases, the media player The number of songs stored in the deer collection increases. As a result, to select one song In addition, users may have to explore (navigate) variously in a vast list. ..
Therefore, an improved way of browsing within the content is desired.
In one embodiment, the present invention variously searches (navigates) images related to data. With respect to a portable electronic device having an image-based browser for selection. Select an image Then, the operation is started on the portable electronic device. Behavior is associated with images, for example Play media items or list media items associated with images It may correspond to the activation of the menu. Image exploration (navigation) of portable electronic devices It may be initiated by the input configuration. In one example, the image is searched horizontally by rotating user input. The search is displayed (navigated). In another example, a straight line user input causes the image to be explored horizontally. It is displayed (navigated). User input is achieved, for example, by various input devices. You can do it. In one embodiment, the input device is an object sensing device, such as a contact sensing device. Is. In one example, the input device is a touchpad, touchscreen, and touch. Selected from intellectual housing.
The present invention, in another embodiment, comprises a display and a user input device. It relates to a method of browsing an image stored on a band type electronic device. The method is a group of A step of displaying an image browser for displaying a plurality of images from an image is provided. The image is Medi May be associated with an item. That method also adds to the image when the image is selected. It comprises a step of performing the associated action. The method further follows user input , A step of transitioning a group of images is provided. For example, the user input is a rotating user input or It may be a straight line user input. Further, the input device is, for example, a contact sensing device. It's okay.
The present invention relates to a portable electronic device in another embodiment. Portable electronic devices Equipped with a display device. Portable electronic devices also add user input devices Be prepared. The user input device may be, for example, a touch pad, a touch screen, or a contact. It may be a contact sensing device, such as a tactile sensing housing. Portable electronic devices are even more Tables multiple images associated with one or more data items and their multiple images Show, various explorations (navigation), and computer program code to select It has at least one memory device that can store and. Portable electronic devices are even more Display device, user input device, and at least one memory device It has a processing device that is operably connected to the chair. Processing device displays multiple images , Various search (navigation), and computer program code to select Can be executed. Multiple images from a group of images are displayed on the user input device. Transition according to user input. The user input is, for example, a straight line user input or j is a rotation unit. It may be the input. In addition, the image crosses the display device horizontally during the transition. May be configured to move.
In another embodiment, the present invention relates to a method of operating a portable electronic device. That person The method comprises displaying an image-based browser window. The method is even more sensational It includes a step of detecting an object on the intellectual surface. The sensing surface may be, for example, a contact sensing surface. So The method is further based on the image according to the navigation input associated with the moving object. It is provided with a step of transitioning the image of Lauser. The object rotates, swipes, for example, with respect to the sensing surface. It may be a finger or a sliding finger. The method further follows the first selection input It comprises a step of presenting a selectable data item associated with the selected image. In addition, the method is associated with the data item selected according to the second selection input. It is provided with a step of initiating the operation.
The present invention, in another embodiment, is a handheld with a touch screen display. Regarding electronic devices. Touch screen display has at least 2 images Display in two groups. The first group is displayed in the first format. The second group is the second Displayed in format. Multiple images can be viewed by the user on the touch screen display table As the finger is slid along the surface, the process progresses from the first group to the second group in sequence. Progress is substantial to the speed of the finger sliding along the surface of the touch screen display May be proportional to.
The present invention, in another embodiment, to a hand with a display and a touchpad. Regarding Ludo electronic devices. The display shows multiple images in at least two groups To. The first group is displayed in the first format. The second group is in the second format Is displayed. Multiple images allow the user to slide their finger along the surface of the touchpad According to, the process progresses from the first group to the second group in sequence. Progress is along the surface of the touchpad It may be substantially proportional to the speed of the finger being slid.
The present invention relates to electronic devices in another embodiment. Electronic devices are multiple media A storage device for storing items and a touch screen display Be prepared. The electronic device also touches the image associated with the media item. While displayed on a lean display, users can browse images to multiple media. An image that can work to make it possible to find a particular media item within an item Equipped with a rouser module. Electronic devices also play certain media items It includes a playback module that can operate so as to.
In another embodiment, the present invention browses an image stored on an electronic device. With specific computer program code that can be executed by a computer Computer readable media. Electronic devices include displays and users It may have a force device. Computer-readable media can be multiple from a group of images Display image Computer program code to display an image browser window And a computer for transitioning a group of images according to at least one user input Select one of multiple images from a group of images following the program code and transition Computer program code for, and then the behavior associated with the selected image At least provided with computer program code to execute.
<figref num="1">The figure which shows the electronic device according to one Embodiment of this invention.</figref><figref num="2">The figure which shows the portable electronic device according to one Embodiment of this invention.</figref><figref num="3">The figure which shows the portable electronic device according to one Embodiment of this invention.</figref><figref num="4">A simplified block diagram showing a portable electronic device capable of storing, cataloging, selecting, and outputting data according to an embodiment of the present invention.</figref><figref num="5">The figure which shows the browse window which can browse an image according to some embodiments of this invention.</figref><figref num="6">The figure which shows the browse window which can browse an image according to some embodiments of this invention.</figref><figref num="7">The figure which shows the browse window which can browse an image according to some embodiments of this invention.</figref><figref num="8">The figure which shows the browse window which can browse an image according to some embodiments of this invention.</figref><figref num="9">The figure which shows the method of operating the browser window according to one Embodiment of this invention.</figref><figref num="10">Is a diagram showing a menu hierarchy according to an embodiment of the present invention.</figref><figref num="11">Is a diagram showing a menu hierarchy according to an embodiment of the present invention.</figref><figref num="12A">FIG. 5 illustrates an image-based browser when a portable electronic device is in telephone or communication mode according to an embodiment of the invention.</figref><figref num="12B">FIG. 5 illustrates an image-based browser when a portable electronic device is in telephone or communication mode according to an embodiment of the invention.</figref><figref num="13">FIG. 6 shows an image-based browser associated with an application according to an embodiment of the invention.</figref><figref num="14A">A diagram showing an image-based browser associated with a schedule book or calendar according to an embodiment of the present invention.</figref><figref num="14B">A diagram showing an image-based browser associated with a schedule book or calendar according to an embodiment of the present invention.</figref><figref num="14C">A diagram showing an image-based browser associated with a schedule book or calendar according to an embodiment of the present invention.</figref><figref num="14D">A diagram showing an image-based browser associated with a schedule book or calendar according to an embodiment of the present invention.</figref><figref num="15">FIG. 6 shows an image-based browser associated with a photo display application according to an embodiment of the present invention.</figref><figref num="16">FIG. 5 shows an image-based browser associated with a mode of a portable electronic device according to an embodiment of the present invention.</figref><figref num="17A">FIG. 5 shows an image-based browser associated with data entry into a portable electronic device according to an embodiment of the present invention.</figref><figref num="17B">FIG. 5 shows an image-based browser associated with data entry into a portable electronic device according to an embodiment of the present invention.</figref><figref num="18">The figure which shows the browsing method according to one Embodiment of this invention.</figref><figref num="19A">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="19B">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="19C">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="19D">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="19E">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="19F">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="19G">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="19H">The figure which shows an example of the movement of the object used to generate the navigation input to the image-based browser according to one Embodiment of this invention.</figref><figref num="20">The figure which shows the browsing selection method according to one Embodiment of this invention.</figref><figref num="21A">The figure which shows an example of the movement of the object used to generate the selective input to the image-based browser according to one Embodiment of this invention.</figref><figref num="21B">The figure which shows an example of the movement of the object used to generate the selective input to the image-based browser according to one Embodiment of this invention.</figref><figref num="21C">The figure which shows an example of the movement of the object used to generate the selective input to the image-based browser according to one Embodiment of this invention.</figref><figref num="21D">The figure which shows an example of the movement of the object used to generate the selective input to the image-based browser according to one Embodiment of this invention.</figref><figref num="21E">The figure which shows an example of the movement of the object used to generate the selective input to the image-based browser according to one Embodiment of this invention.</figref><figref num="21F">The figure which shows an example of the movement of the object used to generate the selective input to the image-based browser according to one Embodiment of this invention.</figref><figref num="22">The figure which shows the browser method according to one Embodiment of this invention.</figref><figref num="23A">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="23B">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="23C">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="23D">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="23E">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="23F">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="23G">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="23H">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24A">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24B">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24C">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24D">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24E">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24F">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24G">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="24H">The figure which shows an example of the browsing procedure using the method described with FIG. 22 according to one Embodiment of this invention.</figref><figref num="25">The figure which shows the selection method according to one Embodiment of this invention.</figref><figref num="26A">The figure which shows the flip procedure used in the said embodiment.</figref><figref num="26B">The figure which shows the flip procedure used in the said embodiment.</figref><figref num="26C">The figure which shows the flip procedure used in the said embodiment.</figref><figref num="26D">The figure which shows the flip procedure used in the said embodiment.</figref><figref num="26E">The figure which shows the flip procedure used in the said embodiment.</figref><figref num="27">The figure which shows the browsing method according to one Embodiment of this invention.</figref><figref num="28A">The figure which shows the method described in FIG. 27 according to one Embodiment of this invention.</figref><figref num="28B">The figure which shows the method described in FIG. 27 according to one Embodiment of this invention.</figref><figref num="29">The figure which shows the browsing method according to one Embodiment of this invention.</figref><figref num="30A">The figure which shows the method described in FIG. 29 according to one Embodiment of this invention.</figref><figref num="30B">The figure which shows the method described in FIG. 29 according to one Embodiment of this invention.</figref><figref num="31">The figure which shows the browsing method according to one Embodiment of this invention.</figref><figref num="32">The figure which shows the method of assigning an image to a list according to one Embodiment of this invention.</figref><figref num="33">The figure which shows the operation method for a portable electronic device according to one Embodiment of this invention.</figref><figref num="34">FIG. 5 illustrates how a device transitions between a menu-based window in portrait mode and an image-based browser in landscape mode according to an embodiment of the invention.</figref><figref num="35">FIG. 6 is a block diagram showing a media device according to an embodiment of the present invention.</figref><figref num="36">A block diagram showing a media management system according to an embodiment of the present invention.</figref><figref num="37">The figure which shows the method of transferring the image data between a host device and a portable media device according to one Embodiment of this invention.</figref><figref num="38">The figure which shows the operation method for a portable media device according to one Embodiment of this invention.</figref>
The present invention generally plays and plays media on electronic devices such as portable electronic devices. Regarding methods and systems to improve the way they are imported, modified, stored, and cataloged. .. In one aspect of the invention, the user navigates and / or selects images in various ways. Regarding image-based browsing that makes it possible.
According to one embodiment, the electronic device is an image base for performing image-based browsing. Can perform or provide browser functions. Image-based browser function, user Is a text menu contained in a traditional menu list (for example, a vertical menu) Allows you to explore (navigate) and / or select images in various ways, not items Provides a graphical user interface. Image-based browsing is visual Effective for a group of digital items that are sensibly expressed (or expressible) Roughical browsing (eg, scrolling) can be provided.
The browsed image may be associated with or linked to the data. For example, an image Is a media file, address file, schedule book file, document file, a It may be associated with applications, modes, etc. In one embodiment, the image browser Turn pages, turn Rolodex or calendars, or in a container It may be implemented to mimic the behavior of flipping an LP record or CD.
In the following, these and other embodiments of the present invention will be referred to with reference to FIGS. 1 to 38. explain about. However, the scope of the present invention is not limited to these embodiments. The detailed description described herein in connection with these drawings is for illustration purposes only. Can be easily understood by those skilled in the art.
FIG. 1 is a diagram showing an electronic device 2 according to an embodiment of the present invention. For example, electronic The device 2 may be a portable electronic device that is easy to carry or carry.
For example, electronic devices include computers (eg, personal computers), mobile phones. Talk (eg cell phone), personal digital assistant (PDA), media player (eg) For example, music, video, games, images), media storage devices, cameras, remote controls Place and / or equivalent. Electronic devices are also single devices It may be a multifunctional device incorporating two or more of these device functions. Multi-machine An example of a Noh device is US Provisional Patent Application No. 60 / 658,777 filed March 4, 2005. , Described in "MULTI-FUNCTIONAL HAND-HELD DEVICE" This application is incorporated herein by reference.
The electronic device may further be a handheld electronic device. Handheld The term generally has a form factor small enough for an electronic device to be comfortably held in one hand. It means that. Handheld electronic devices can be operated with one hand or with both hands May be configured to do. In one-handed operation, hold and use the device with one hand Used for both performing operations in the user interface inside. With two-handed operation, one Hold the device in one hand and use the user interface with the other hand when using it Or hold the device with both hands and perform the operation at the time of use with both hands. one In the example of the part, the portable electronic device is large enough to fit in the user's pocket. Poke Due to the size, the user does not have to carry the device directly, so the device Can be carried almost anywhere the user goes. (For example, user Is limited by carrying large, bulky, and often heavy devices There is no such thing).
According to one embodiment, the electronic device 2 is capable of performing image-based browser functions. Wear. The image-based browser feature allows the user to use traditional menu lists (eg, vertical browsers). Explore various images (Navage) instead of the text menu items included in (New) And / or a graphical user interface that allows you to select provide. However, electronic device 2 is not limited to image-based browsers and is often used. Note that it has both a new format list and an image-based browser. In fact, electricity Child device 2 is the device, software platform, and / or user It may be configured to operate in either configuration as needed. In some examples, electronic devices Chair 2 may activate both a menu-style list and an image-based browser.
In general, image-based browsers allow users to view images in an efficient and user-friendly way. Provides a scroll-type action that allows you to flip (turn). The image is Generally, the aspect of the file stored in the electronic device 2 is graphically represented. In many cases, the browser will at least show and hide images from a group of images. It has a display area that provides a place. The display area is usually the total number of images available in the group of images. Show only part of the number. For example, the image is contained within or outside the display area. You may move from one position to the next along the path that extends to. The path is horizontal or vertical It may be an endless line fixed along an axis such as a straight axis. Alternatively, the path is along the axis It does not have to be fixed. For example, a path is associated with a waveform (eg, a sinusoidal curve). You may. In another example, the path forms a shape due to its closed ends. You may. For example, paths are circular, oval, triangular, square, rectangular, and / or, Other similar shapes may be used.
The images contained in the browser can be diverse. For example, the image is album art Often, album art represents one or more songs stored on a portable electronic device. .. The image may be a thumbnail image of a photograph stored in a portable electronic device. image May be an icon representing an application stored in a portable electronic device. The image may represent the month or day of the schedule book stored in the portable electronic device. The image may be a photo of an individual whose information is stored in the address book of a portable electronic device. Good. The image may be an icon representing various modes of the portable electronic device. image May be a symbol or character for entering information into a portable electronic device. The image is , PDF, word processor, or spreadsheet documents (eg pdf, doc, xls) ) May be an image of a document.
More details on image-based browsers and menu lists for electronic devices Is provided in the following applications: (1) U.S. Patent Application No. 28 filed October 28, 2002 10 / 282,861, "GRAPHICAL USER INTERFACE AN" D METHODS OF USE THEREOF IN A MULTIMEDIA PLAYER , (2) US Patent Application No. 11 / 519,4 filed September 11, 2006 No. 60, "MEDIA MANAGER WITH INTEGRATED BROWS ERS ". Both of these applications are incorporated herein by reference.
The image-based browser and menu list will be described in more detail below.
In the embodiment shown in the figure, the electronic device 2 is the housing 4 and at least one. Portable electronic with display device 6 and one or more user input devices 8. It is a device. All user input devices are on the front, sides, and / of housing 4. Or it can be placed on the back. For example, display device 6 is an image-based device. May be used to display image-based browser 3 related to Lauser feature, user entered The force device 8 searches (navigates) various images stored in the portable electronic device 2. ) And / or may be used to select. Of course, display device 6 And the input device 8 is another portable electronic device 2 such as a menu-style list. It may be used for a function.
For example, the display device 6 includes a liquid crystal display (LCD), a display, and a display. Light emitting diode (OLED) displays, electronic ink displays, and / Alternatively, it may include other similar ones. Display device 6 is a portable electronic device. It may have a variety of different configurations, depending on the overall footprint of 2. For example, to limit Although not shown, display device 6 may have a conventional aspect ratio of about 4: 3 or 1 It may have a relatively long aspect ratio such as 6: 9.
In one embodiment, the electronic device 2 is a small display on a portion of the front surface of the electronic device 2. Equipped with Ray. In another embodiment, the display device 2 is at least electronically deviceed. It is configured to occupy most of the front of Vise 2. For example, the surface of a display device The product may occupy 50% or more of the frontal area, and even 75% or more of the frontal area. You may. The electronic device 2 occupies the entire surface (for example, the front surface) of the electronic device 2. Le screen display, or at least the majority of full screen displays It may be configured to provide play. In one implementation example, the full screen display , (For both directions) occupies virtually the entire front surface of electronic device 2. full screen The display may extend from end to end or in the housing at the end of the device. It may fit inside a small bezel.
In addition, the user input device 8 may be, for example, one or more machine driven and / or electric. It can include pneumatically driven input devices. Mechanically driven input devices include buttons, keys, and keys. Itches, dials, navigation pads, joysticks, jog balls, and / Alternatively, other similar mechanisms may be mentioned. As an electrically driven input device For example, a proximity sensing device that detects an object located above the surface (eg, the front surface). And / or an object, such as a contact sensing device, that detects an object in contact with a surface (eg, front) Examples include sensing devices. Examples of contact sensing devices include touchpads and touch screens. , Contact sensing housings, and / or others.
The number and combination of input devices used in electronic devices generally depends on the electronic device. It depends on the need in the office. In most cases, electronic device 2 is an electronic device Input device for variously exploring (navigating) and selecting the contents stored in 2. At least have a space.
In one embodiment, a navigation system for traversing images in an image-based browser. Gation commands are generated by rotating user input and / or straight line user input To. Of course, navigation commands are used to traverse the menu list May be done. Devices for linear user input include, for example, touch devices, near Contact device, mechanical slider, vertical or horizontal scroll wheel, soft scroll Luber and / or other similar. Dever for rotating user input Chairs include, for example, touch devices, proximity devices, mechanical dials, soft diamonds. And / or other similar ones. Select images and menu items The selection command to select is actually by the same input device used for navigation. It may be done or it may be run by another device. For example, the touchpad is While used for visualization, selection may be made using buttons or navigation A touch screen may be used for both operation and selection.
The layout of the input / output device may be diverse. In some embodiments, the menu / The entry required to view the browser and explore (navigate) variously to make that selection All output devices are located in front of the portable electronic device 2. Therefore, the user Can easily operate the input device 8 while looking at the display device 6.
In one embodiment, the front surface of the portable electronic device 2 has a display area and an input area. It is divided into. For example, the display area may be located at the top of the front and the input area may be in front. It may be located at the bottom of the surface. As an example, this is a small landscape display de Touchpad with one or more buttons or tiltable vise on top half of front It may be implemented so that the navigation pad is provided in the lower half of the front. In another embodiment The display and input areas are virtually the same area on the front (part or virtually the entire front). ) Is occupied. This is actually due to the touch screen that doubles as a display. May be disguised. In either embodiment, the device has other controls on the top, bottom, and sides. And ports may be further provided.
Further, inside the housing 4 of the portable electronic device 2, the portable electronic device 2 is installed. Various software or electrical components to support the Lauser function and other functions Is provided.
FIG. 2 is a diagram showing a portable electronic device 10 according to an embodiment of the present invention. Mobile phone The type electronic device 10 may be, for example, an embodiment of the electronic device 2 shown in FIG.
In this embodiment, the portable electronic device 10 is c with the display device 6. A rotating user input device 14 provided on the front surface of the Uzing 4 is provided. Display device Rotate to interact with the menus, lists, browsers, etc. displayed on chair 6. The input device 14 is at least a rotating user from the user of the portable media player 10. Accept the input. The rotating user input device 14 may be, for example, a dial or touch device. It can be In the case of a dial, a circular plastic to generate a rotating user input Rotate the foam about the axis. For touchpads, generate rotating user input To rotate an object such as a finger on a contact sensing platform (eg, an arc or Is a circular movement). Contact sensing platform helps facilitate circular movement It may be circular.
Rotating user input navigates to a set of images associated with an image-based browser May be possible. For example, as shown in the figure, the rotation user input is from one position to the next. To (for example, horizontally inside and outside the screen) to scan an image that moves along a given path It may be used to roll. The traverse aspect is one or more characteristics of circular motion. Such properties may be based on direction, velocity, acceleration, and / or other similar Including, but not limited to.
The portable electronic device 10 also depends on one or more button operating areas 16-22. It may support various button operations. Button operating area 16-22 is rotated user input It may be separated from the device 14 or integrated. In one embodiment The button operating area is integrated into the surface or platform of the rotating user input device 14. May be done. However, in another embodiment, the button operating area is a portable electronic device. It may be provided at another position in the housing 4 of the vise 10. For example, they are rotating you The input device may be surrounded or spatially separated from the rotating user input device 14. It may be.
The user of the portable electronic device 10 is on or near the button operating area 16-22. Pressing can signal the portable electronic device 10 for a particular user input it can. Button operating areas 16-22 can provide button-like functions. one As an example, the button operating area 16-22 is the input of a typical media player, ie It may correspond to the menu, next, back, and play / pause respectively. Or The button operating area is the general telephone input, ie 1, 2, 3, 4, 5, 6, 7, 8, It may correspond to 9, 0, *, and #.
The portable electronic device 10 can further include a select button area 24. Selection button The tongue region 24 may be separated or integrated from the rotating user input device 14. You may. In the embodiment shown in the figure, the selection button area 24 is a rotating user input device. It is provided in the center of S14. However, in another embodiment, the select button area 2 4 may be provided in other positions in the housing of the portable electronic device 10.
The selection button area 24 generally has a selection or input type function. Portable electric The user of the child device 10 makes no selection by pressing above or near the selection button area 24. It can be signaled to the portable electronic device 10 that it should be done. For example, select The button area 24 can be used to select an image in the image browser.
More details about rotating user input devices for electronic devices are provided below. : (1) US Patent Application No. 10 / 722,948, filed November 25, 2003, "T. OUCH PAD FOR HANDHELD DEVICE "; (2) July 2002 1-day US Patent Application No. 10 / 188,182, "TOUCH PAD FOR H" ANDHELD DEVICE "; (3) US Patent Application No. 1 filed on August 18, 2003 0 / 643,256, "MOVABLE TOUCH PAD WITH ADDED FUNCTIONALITY "; (4) US Patent Application No. 1 filed on September 26, 2002 0 / 256,716, "METHOD AND APPARATUS FOR ACC ELERATED SCROLLING "; (5) US patent filed September 26, 2002 Application No. 10 / 259,159, "METHOD AND APPARATUS FOR" USE OF ROTATIONAL USER INPUT "; (6) 2006 7 US Patent Application No. 11 / 483,008 filed on 6th May, "CAPACITANCE SE" NSING ELECTRODE WITH INTEGRATED I / O MECH ANISM "; (7) US Patent Application No. 11 / 482,286 filed July 6, 2006 , "MUTUAL CAPACITANCE TOUCH SENSING DEVIC E "; (8) U.S. Patent Application Publication No. 2003/0076301; (9) U.S. Patent Application Publication 2003/0095096; (10) U.S. Patent Application Publication No. 2003/0055446 No.; (11) U.S. Pat. No. 7,046,230; (12) U.S. Pat. No. 7,084,856 B2. All of these are incorporated herein by reference.
Also, instead of, or in addition to, a rotating user input device, a linear user input device. Please understand that vices may be used. A linear user input device is, for example, , Interact with menus, lists, browsers, etc. displayed on display device 12 Receives at least linear user input from users of portable electronic device 10 for use Kake. Linear user input devices include, for example, mouse scroll wheels, slider mechanisms, Alternatively, it can correspond to a touchpad. In the case of the mouse scroll wheel, a straight line user Rotate the wheel about an axis to generate an input. In the case of a slider mechanism, direct Physically translate the knob up / down or left / right to generate line user input. Tat In the case of Chipad, a finger or other object is touch-sensitive to generate linear user input. Swipe up or down or left or right with respect to the tofoam, that is, to slide. straight Line user input explores (navigate) a group of images associated with an image-based browser. May be used to
FIG. 3 is a diagram showing a portable electronic device 21 according to an embodiment of the present invention. Mobile phone The type electronic device 30 is, for example, an embodiment of the portable electronic device 2 shown in FIG. Good.
In this embodiment, the portable electronic device 21 senses an object sliding on its surface. It is equipped with a switch screen display 23. These objects are, for example, one or more It may be a finger. Touch screen display 23 is a touch screen display B. Because of the interaction with the menu, list, browser, etc. displayed in 23, the rotation unit Rotational movements associated with user input 25 and / or swipes associated with linear user input 27 Various motions can be detected, including motions, that is, slide motions. Touch screen display B23 can also detect pressing, tapping, or holding movements. Yes, those actions can also be associated with selected user input. Of course, touch screen The display can also detect other types of behavior. These actions are Jess Sometimes called cha.
The touch screen display 23 is large in front of the portable electronic device 21 It may occupy an area. For example, a touch screen display is a full screen display It may be a spray or an approximately full screen display.
In addition, the touch screen display 23 senses multiple contacts at the same time (eg). For example, multiple point detection) may be possible.
Touch screen displays have several advantages over other input technologies. example For example, the touch screen sensing is located in front of the display, so the user has a GUI Can be operated directly. In addition, it usually does not require any other input means, so it is a touch screen. Lean allows for larger display areas.
More details on gestures for touch screen displays and electronic devices Details are provided below: (1) US Patent Application No. 10/8, filed May 6, 2004. No. 40,862, "MULTIPOINT TOUCH SCREEN"; (2) 2004 US Patent Application No. 10 / 903,964 filed July 30, 2014, "GESTURES FO R TOUCH SENSITIVE INPUT DEVICES "; (3) 2005 US Patent Application No. 11 / 038,590 filed January 18, 2014, "MODE-BASED" GRAPHICAL USER INTERFACES FOR TOUCH SENS ITIVE INPUT DEVICES "; (4) US special application filed on January 30, 2006 License application No. 60 / 763,605, "GESTURING WITH A MULTIP" OINT SENSING DEVICE "; (5) US Special File filed on February 11, 2005 License application No. 11 / 057,050, "DISPLAY ACTUATOR". These are All are incorporated herein by reference.
In addition or alternatives, the electronic device does not touch the front of the electronic device. It may be equipped with a proximity sensing device that senses a hovering object on it. Proximity detection An example of a device is US Patent Application No. 11 / 241,839, filed September 30, 2005, With "PROXIMITY DETECTOR IN HANDHELD DEVICE" , "PROXIMITY DETECTOR IN HAN" filed on September 30, 2005 DHELD DEVICE, which are incorporated herein by reference. Get caught.
Alternatively or additionally, the electronic device is part of the housing that surrounds the display. It may include a contact sensing housing that senses the object above. In one example, the display The bezel that surrounds the edge of the can accept linear motion associated with linear user input. It may be equipped with a built-in contact sensing device. Examples of contact sensing devices used in housings US Pat. No. 11,115,539, filed April 26, 2005, "HAND HELD ELECTRONIC DEVICE WITH MULTIPLE TOU It is described in "CH SENSING DEVICES". This is herein by reference. Incorporated into the book.
FIG. 4 shows that data can be stored, cataloged, selected and output according to an embodiment of the present invention. It is a simplified block diagram which shows the portable electronic device 50. Portable electronic device 50 May be any of the electronic devices described above, for example with reference to FIGS. 1 to 3.
Electronic device 50 is configured to manage the actions performed by electronic device 50. It is equipped with a controller 52. The controller 52 receives inputs from various input devices 54. You can trust me. Input devices include, for example, buttons, keys, mechanical pads, touchpads, etc. You may choose from a touch screen and the like.
The controller 52 is further configured to control the output through various output devices 58. May be made. The output device 58 is, for example, a display 58A and one or more devices. It may be equipped with a peaker or speaker jack 58B. As an example, image-based data ( (Videos and images, etc.) may be output by the display 58A and audio. Data (such as music or voice) can be one or more speakers or speaker jacks. It may be output by 58B.
Controller 52 also has a graphical user interface on display 58A. It may be configured to generate a case 60. Graphical user interface 60 Provides an easy-to-use interface for controlling the actions performed on electronic devices To. Graphical user interface 60 is stored locally in database 64 It may be generated using the obtained data. Database 64 is generally file system 6 Contains information that describes various aspects of the files stored in 6. For example, in this information Contains metadata, descriptors, and images associated with a particular file Good. For example, in the case of a song, the information includes the song title, album name, artist name, and performance time. It may include spaces, genres, album art, and the like.
Generally speaking, GUI60 uses graphic images to apply, fa Il and operation control. Graphic images are windows, fields, diamonds Log boxes, menus, icons, buttons, cursors, scrollbars, folders, It may include strikes, texts, etc. Such images may be arranged in a predetermined layout. However, it may be dynamically generated to help with a particular action taken by the user. in action In addition, the user can select and activate various graphic images to get involved in it. Can start linked functions and tasks. For example, the user can see the window A button to open, close, minimize, or maximize, or a specific application You may select an icon or an icon to activate the function. GUI is additional or alternative Can display information such as non-interactive text and graphics To.
According to one embodiment, the controller 52 is stored locally in the electronic device. One or more graphicals for scrolling or traversing data files It is configured to generate the user interface 60. In one embodiment, the first G The UI is configured to present the text data associated with the data file. Te Kist data may be presented vertically side by side, for example, as part of a menu list. Another In the second GUI, the second GUI is a database derived from database 44. It is configured to present the image associated with the ill. The image is, for example, an image-based bra It may be presented in the image-based browse window provided by Uza. Image base The rouse window allows the user to display an image instead of a text-based menu item column. Allows you to browse. Day to build GUI in both embodiments Can be stored in database 64. That is, controller 52 has a GUI Appropriate data associated with the file to be presented when assigned the task to generate Is retrieved from the database. Render an image on your display device When controller 52, transitions, animations, shadows, reflections, or Other visual effects may be generated.
In either GUI, users of portable electronic devices can enter menus by typing. Or you can scroll the image. In one embodiment, the input is a touch pad. Rotate your finger on the touch screen / contact sensing housing or dial A rotating user input generated by either rotating. Smell of this embodiment The finger can be moved on the touchpad / touchscreen / contact sensing housing. Or, when the dial is rotated, the displayed item or image from the media item list Since the images from the swarm are changed, the user can effect the media item list and the swarm. Can be scrolled. For another embodiment, the input is a touchpad / touch screen. Swipe your finger over the / contact sensing housing, translate the mechanical slider, and Is a linear user input generated by rotating the scroll wheel. This In the embodiment, the finger follows the touchpad / touchscreen / contact sensing housing. Slide, translate the slider mechanism, or rotate the scroll wheel Then, the display item from the media item list or the image from the image group is changed. Therefore, the user can effectively scroll the media item list and the image group.
Although not shown, the device may further include one or more devices, such as a microphone or camera. A data capture device may be provided. Data capture device is audio, It is configured to capture data in the form of images or videos. Controller 52 Catalog your data and store it in a media database and / or appropriate files Is configured.
Although not shown, the device may further include other devices and / or systems. It may have an input / output port that provides the connection of. The input / output port is, for example, a portable electronic device. That the vise communicates with the host device, peripheral I / O device, or power supply It may be possible. This may be achieved, for example, through a wired or wireless connection.
Although not shown, the device also provides audio and / or tactile sensation to the user. It may have one or more devices that provide feedback. Voice feedback May be, for example, a click or flip sound. Tactile feedback is, for example , Pulse vibration may be used. In one embodiment, the feedback is a data traverser. Wake up at the same time. As the speed of data transition increases, that is, as it accelerates, The frequency of weedback increases. In addition, the rate of data transition is reduced, i.e. When decelerating, the speed of data transition decreases and the frequency of feedback decreases. Shi Therefore, feedback is provided to the user depending on the speed at which the data is traversed. To. Data can be, for example, items in a hierarchical menu list and / or images. It may be an image associated with the base browser.
Figures 5-8 browse images according to some embodiments of the present invention. These are various diagrams showing the browse windows 80A to D that can be created. Browser window 80A to D are used, for example, in the graphical user interface of Figure 4. You can do it. In each of these embodiments, the browser windows 80A-D are The user scrolls or flips image 86 in an efficient and user-friendly way It provides scroll-type behavior that makes it possible. Image 86 is typically one or more Graphically expresses the aspect of the data file. In the case of a song file, the image 86 may be album art. Image 86 for audiobook files May be the cover of a book. In the case of a movie file, image 86 is poster art May be. For game files, image 86 is the game cover jacket You can. In the case of a photo file, the image 86 may be a thumbnail image. address In the case of a book, image 86 may be a photograph of an individual. Documents (eg pdf phi In the case of (le), the image may be a rendering of the document. For example, the image is a pdf document It may be a thumbnail image of the first page of, and if it is a multi-page document, that fact. (Overlapping images) may be included.
Once the desired image 86 is found, the user can select the desired image 86 to image 8 You can start the action associated with 6. For example, the album art image is Al To open a menu containing songs in the bum and / or start playing songs in the album May be selected for.
As shown in Figures 5-8, the browse windows 80A-80D are displayed, respectively. It has area 82. Display area 82 shows and hides image 85 from a group of images Provide a place to do it. The display screen 82 is usually the total number of images 86 available in the image group. Show only some of them. In most cases, image 86 is wide across display area 82. Move from one position to another along a path or line. The path or line is straight It may be a line, a polygonal line, a curved line, a stepped shape, a wavy shape, a meandering shape, or the like. On the line The number of positions along can vary widely, typically the size of display area 82, image 86. Depending on the desired size, the path or line length, and the desired number of images 86 to display at one time. Is decided. In some examples, image 86 is a visual transition effect or animation. May be moved within the display area 82. Audio effects such as clicks or flips Fruits or vibrations may be utilized.
In most examples, image 86 is the principal position 92, and one or one adjacent to the principal position 92. Presented at multiple sub-positions 94. The main position 92 is where the image 86 moves towards selection. is there. That is, in one implementation example, the image 86 becomes selectable when it is in the main position 92. .. In essence, placing image 86 in principal position 92 highlights image 86 ( Similar to selected but not activated). Secondary position 94 is the hold position And the image 86 there is locked to prevent activation. Them Depending on the number, image 86 at sub-position 94 allows the user to move before and after the main image. You can see an image 86, which makes browsing easier (users are interested) You can read the images that are and the images that you are not interested in). In some examples, the user is a subordinate By clicking the image in the setting 94, the image is moved from the sub position 94 to the main position 92. Can be In one embodiment, selecting an image at the secondary position results in selection. Quickly traverse a group of images until the image is finally moved to principal position 92 It will be.
The layout and composition of image 86 may be diverse. In one embodiment, the main The image 86 at position 92 is configured to stand out more than the image 86 at sub-position 94. this Reformats or configures the sub-image so that it differs from the main image, which image is the main This may be achieved by letting the user know which image is the secondary image in the image (eg). For example, by changing the size and / or shape of the image). For example, the sub-image is minimized. However, it may be modified, classified, divided, or otherwise modified, modified or adjusted. add to Objectively or alternatively, this casts, surrounds, or underlines the image in the main position. This may be achieved by a graphical highlighting effect. For example, the browser has a display area of 8 It may have a highlighting window in which the image at principal position 92 moves when transitioning over two. .. Additional or alternative, this is an identifier or note below or above the image at principal position 92. It may be realized by placing a predicate. For example, the identifier is the medium represented by the image. It can be the name or title associated with the file. For example, in the case of a song file The image may be album art and the identifier includes the artist name and album name You can do it.
According to one embodiment, when prompted by the user, the input configuration traverses the image. It is configured to generate navigation commands to access. In one example, the user Simply clockwise or counterclockwise on the contact-sensitive surface to traverse image 86 Rotate your finger. In another example, the user simply contacts to traverse image 86. Swipe your finger on the sensing surface.
FIGS. 5 to 8 will be described in more detail. In Figure 5, the path or line is displayed. A straight line extending horizontally across region 82. During the traverse, images 86 are grouped together. , Moves horizontally from one position to another across display area 86. The user is left When you start the visualization command, a new image 86 appears to the left of the display area 82. All other images 86 move only one position. When the display area is full, the rightmost Image 86 moves out of display area 82. Similarly, the user is the right navigation command When you start, a new image 86 will appear to the right of the display area 82, and all other images 8 6 moves only one position. When the display area is full, the leftmost image 86 is the display area. Move out of area 82. This allows the user to be currently held outside of display area 82. You can see a series of images. In addition, image 86 at sub-position 94 is usually the main position. It is smaller than the image 86 in the setting 92. During browsing, image 86 is in main position 9 Moving from 2 to sub-position 94 may reduce the size, from sub-position 94 to main position 92 The size may increase as it is moved to.
FIG. 6 is similar to FIG. 5 in that the image 86 moves horizontally across the display area 82. Shi However, unlike FIG. 5, image 86 at sub-position 94 is spatially separated as shown in FIG. It is structured so that it does not appear to be stacked. This will give you more You will be able to present images. In this implementation example, each successive sub-image is partially the previous It digs into the bottom of the image to expose the edge 87. The exposed part 87 is you The may provide sufficient visual information to identify the image. The exposed edge part 87 is tech It may contain strike-based information. During browsing, image 86 is from principal position 92. Reconstructed as part 87 of the partially exposed edge when moved to the next sub position 94, sub When moved from position 94 to main position 92, it is reconstructed as a whole visible image. image May be reconstructed on the fly or in the media database with a full view image It may be stored in the space.
Figure 7 shows image 86 moving horizontally across display area 82, presenting more image 86. It is similar to FIG. 6 in that it overlaps so that it can be done. However, unlike Figure 7. So, the sub-image right next to the main image is visible in its entirety (or virtually in its entirety), Each of the sub-images that follow them digs under the previous image and is partially visible.
In addition, the image at sub-position 94 is to appear to extend from the foreground to the background. , May be skewed (eg, 3D effects). This effect is in the secondary position on the left Lower the upper right corner of each image to raise the lower right corner, and lower the upper left corner of each image in the sub position on the right side. It may be created by raising the lower left corner. During browsing, image 86 is in main position 9 When moving from 2 to sub-position 94, it is distorted, and when moving from sub-position 94 to main position 92, it is distorted. Is in the normal state.
In addition, image 86 comprises a reflected portion 96 extending downward from the bottom of image 86. Good. Reflected part 96 makes a copy of the image and crops the copy of the image ( For example, shortening, cropped image is vertically inverted and inverted image Change the transparency of the image from translucent at the top to fully transparent at the bottom (eg gradient) ), By attaching the top of the inverted image to the bottom of the image. afterwards , The image at sub-position 94 and any corresponding reflected portion, individually or as a set. It may be distorted as a whole. Image 86 has a black back to further enhance the reflection effect. They may be lined up on the landscape.
Similar to FIG. 7, FIG. 8 contains an overlaid and distorted image. However, as mentioned above Unlike the embodiment of, FIG. 8 contains an elliptical path, and image 86 is rotated along it. .. Therefore, all images 86 can be found in the display area 82. This embodiment To Rolodex (eg virtual Rolodex) where the page rotates around the swivel axis Somewhat similar. Also, in this embodiment, there are two full-size central images. However, one is the main image and the other is the sub image.
In addition, image 86 is configured to appear as if it were on a visible plane, with two The center image is visible in the foreground, and the rest of the image in the secondary position is flowing towards the background. (These images are in the rear and appear to be transitioning from the image in the front position to the vanishing point. ). This effect reduces the size of image 86 when in the secondary position, and also two fronts. This may be realized by making the image 86 smaller as the distance from the position increases.
When following these rules, if the main position is placed at the highest point of the path, the elevation view (of the observer) It is possible to generate (low viewpoint), and if the main position is placed at the lowest point of the path, it is a bird's-eye view. It is possible to generate a figure (higher viewpoint of the observer) (as shown in the figure). Top view or bird In any of the perspectives, the depth of view can be adjusted by changing the height of the elliptical path. it can. Increasing the height of the elliptical path will increase the depth and increase the height of the elliptical path. The smaller it is, the smaller the depth.
During operation, image 86 now moves along the line from one default position to the next. It is configured. For example, when a navigation command is received, all images 86 The position is moved by one. That is, those images move as a group along the line, Stops when everything shifts to the next default position. When the navigation command is the left command In this case, image 86 typically rotates along a line in a counterclockwise motion. Navigation If the mand is a right command, image 86 typically rotates along a line in a clockwise motion. To.
For more information on moving images within the display area, see October 11, 2005. US Patent Application No. 11 / 249,139, "MULTIMEDIA CONTRO" L CENTER, this application is incorporated herein by reference. ..
FIG. 9 shows an image-based browser device in a portable electronic device according to an embodiment of the present invention. It is a method 100 to operate the window. Method 100 is an image-based browser window It starts from the displayed block 102. For example, an image can be a database or data strike Obtained from a and presented in a given format. Image-based browser windows Presenting an image using any of the image-based browser windows described herein. May be good.
Following block 102, a decision as to whether or not a selection was made is made in block 104. Be done. This selection is achieved, for example, using the select button in the circular input configuration shown in FIG. Or by tapping the image using the touch screen shown in Figure 3. May be realized. If the desired image is selected, method 100 associates with the image. Proceed to block 106 where the performed operation is executed. This is, for example, opening a menu, Play media files, launch applications, start modes, magnify images, make phone calls May include calling, opening other browsers, and / or other similar ..
In one example, if the browse window shows album art, then a particular album By selecting, you can see a list of songs related to the album (for example, in the menu window). ) Can be displayed. Alternatively or additionally, the album selection is the first of the albums Playback may start in order from the track.
In another example, if the browse window is displaying movie art, a particular movie -By selecting art, you can start playing the video file related to the image. To. Alternatively or additionally, the movie image selection is a movie-related menu. You may open the window.
Another example is specific if the browse window is displaying a mode-based icon. By selecting the mode icon of, the mode change of the portable electronic device is started, That is, the portable electronic device switches to the selected mode. For example, the mode is , Phone mode, music player mode, microphone recording mode, camera mode, game player Modes, video player modes, email modes, etc. may be included.
In another example, the browse window displays a photo-based phone or address book. If so, by selecting a specific photo, you can select for the individual displayed in the photo May provide contact information and / or initiate a phone call to the individual shown in the photo You may.
In another example, the browse window is displaying thumbnail photos from the photo library. You can zoom in on the photo for viewing by selecting a specific thumbnail photo Wear.
In another example, select a month when the browse window is displaying the schedule book. By doing so, you may open a new browse window related to that month's day and select a specific day By choosing, you may open a new browser window related to the time of the day, specific By selecting the time, you may open an input window for entering the event.
Yet another example is a specific statement when the browse window is displaying the keypad. By selecting a letter, that letter is entered, for example in a text or number box. Is done. This example may be used to make a phone call or enter text ..
In yet another embodiment, the browse window is a group of applications in the form of icons. By selecting the icon when the screen is displayed, the application associated with the icon is displayed. You can activate the application.
In yet another embodiment, if the browse window is displaying a document image, the sentence By selecting a document image, in addition to the application associated with that document image, You may load the document associated with the document image in.
In yet another embodiment, the browse window is displaying the website image. If you select a website image, you can use the website associated with the website image. You may view the web page from the website.
The browse window can also display more than one item. For example, bra The window may be configured as a finder, thus including it in the finder area. Any data to be included can be presented using images. For example, browse The window may include images such as contacts, documents, photographs, movies, and the like.
If no image was selected, this method executed a navigation command Proceed to block 108 where the determination as to whether or not is made. Navigation commands rotate It may be generated by user input or linear user input. In the case of rotating user input Rotational input is when the dial is rotated or on the touch surface (touch pad, touch screen) Or it may be generated when the finger is rotated in a contact sensitive housing, etc.). Straight line you In the case of the input, the linear input is a touchpad, touch screen or contact sensing house Generated when you slide your finger over the wing, or until the mechanical slider translates Or it may be generated by rotating the mouse scroll wheel.
If a navigation command is generated, Method 100 is a navigation command. Proceed to block 110 where the image is transitioned according to the data. For rotation input, the image is counterclockwise It may be moved to the left when the rotation input is made, and to the right when the rotation input is made clockwise. May be moved to (or vice versa). In the case of straight line input, the image is on the right straight line It may be moved to the left when a force is applied and may be moved to the right when a left straight line input is made ( Or vice versa).
Images can be very long, so the present invention allows the user to move their fingers faster. Therefore, you can quickly traverse (ie, scroll) a group of images (on). The faster the force, the faster the traverse of the image). Furthermore, in one embodiment, you The reason is that by accelerating a group of images, part of the image is skipped and not displayed. You can traverse a group of images in an accelerated way.
If no navigation command is generated, the method is a close command. Proceed to block 112 where a determination as to whether or not has been received is made. If not received If so, the method returns to block 102. If received, the method is an image-based browser Go to block 114 where the window disappears (closes). In some cases, the display Lee returns to the previous window. In another example, the display is associated with the close command. Display a new window.
In one embodiment, a dedicated menu item that opens an image-based browser window. There is. That is, by selecting the menu item, the image is displayed on the electronic device. You can open the image-based browser directly.
Figure 10 is a diagram of the menu hierarchy 120 to open an image-based browser window. Dedicated menu items are used. This figure is related to a media player However, this concept may be applied to other electronic devices. In this example, the "Music" item Is selected in the main menu 121. After that, the "album art" item was subordinated. Selected in New 122, which launches the image-based browser window 123 To. The images used in the image-based browser window 123 are related to album art. It is a series of images. When an album image is selected in the image-based browser window 123 , The album content menu 124 for the selected album is opened. For example, Aruba All audio tracks associated with the device may be displayed in list format. Or select A list of selectable audio tracks may be presented in the main position of the image browser. Kazumi In the example, they may transition to the main position so that they overlap the album art ( For example, by fade-in / fade-out, slide-in / slide-out, etc.) .. In another implementation, the image is used to present a selectable audio track. May be ripped (looks like the audio track is behind the album art ). This can be similar to flipping (turning over) an actual album. Ode When the biotrack is selected, the playing window 125 is typically opened. Or When an album is selected, the method is that the first track is played and then in the album You may go to the playing window where the rest of the tracks will be played (eg menu 124). You may ticket).
In another embodiment, browse mode changes the way menu items are displayed. Is selected for. In the first mode, they are displayed in the traditional list. Second mo They are displayed using an image-based browser window. For example, the user , You may need to select the settings menu and select the mode. In many cases, the second mo Do apply only to the appropriate menu items. Some menu items are images It is best to traverse using traditional lists instead. Image-based browsers It may be used for media items such as album and movie title titles.
FIG. 11 is a schematic view of the menu hierarchy 130, and is a setting menu for setting the display mode. The woo is used. This figure is related to a media player, but this concept is other It may be applied to electronic devices of. In this example, the "Video" item is the main menu Selected in 131. After that, the "Video Settings" item is selected in the video menu 132. It is selected and the video settings menu 133 is opened. In the video settings window 133 When at least one of the menu items is selected, for example, Browse Mode Wi "Brow" that provides browsing options such as lists and / or images in window 134 It is "Zmode". When "Image" is selected, the image mode will be the appropriate menu item. Applies. These may include, for example, any menu item and various sort groups. It may include semi-specific (eg, artist, genre, etc.). In the example of the figure, The user can then return to the main menu 131, select "Video" and select Video Select "Movie" from menu 132. Once selected, Mu with poster art An image-based browser window 135 is displayed displaying the bee. When an image is selected , The movie associated with the image starts playing (as shown), or Mu Bee or playing menu 136 is opened.
Figures 10 and 11 relate to the mode of the media player, but this is not limited. It is understood that image-based browsers may be applied to other features of electronic devices. I want to. Hereinafter, various embodiments will be described.
Figures 12A and 12B are images when the portable electronic device is in phone or communication mode. Indicates the base browser 140. Image 142 of image-based browser 140, as shown in the figure Is a photo of an individual whose contacts are stored in an address book. Therefore, you The traverses photos, not lists, to find the desired individual to contact Can be If the user does not have a photo of the individual, assign another image to the individual You can do it. Alternatively or additionally, the text may be included in the image. For example The text may be an individual's name. In one embodiment, the image in which the user is in the principal position Selecting 142 opens the contact 144 associated with image 142. Contact 14 4 may be associated with a new window or presented in the main position as shown in Figure 12B May be done. Contact 144, such as email and / or various phone numbers 146, It may contain selectable data. The data may include text messaging. Den When a child email is selected, the email window will be filled with the email address already entered. C is opened. When a phone number is selected, the portable electronic device opens a call to that number. Start. Reason that each individual may have multiple email addresses and phone numbers I want to be understood. Alternatively or additionally, when the user selects image 142 in the principal position, The default phone number associated with the image is used to start the phone call immediately May be The default may depend on the mode. For example, in email mode The default can be email, and if the phone is open, the default is It may be a telephone.
Figure 13 shows the image-based browser 150 associated with the application. In the figure As shown, image 152 represents an icon that can be launched on an electronic device. Is. Therefore, the user lists to find the desired application they want to open. You can traverse the icon instead. In one embodiment, the user is the main Select the icon 152 in the box to launch the application. For example, an app Applications include photo management programs, music management programs, video management programs, and work. It may be a professional program, a spreadsheet program, a drawing program, or the like.
Figures 14A-14D are image-based bras associated with schedule books or calendars. It shows Uza 160. In this embodiment, the image-based browser 160 is hierarchical. Includes browsers 161, 162, 163, and 164. Figure 14A shows those It shows the first browser 161 of the hierarchical browsers. In this first browser 161 , Image 165 is associated with each month of the year. Image 165 is an image related to the moon And / or may contain text that identifies the month. For example, the image in February is It may include a red heart representing the day of the month and the "February" identifier. Alternative or additional May display a picture of a person on the birthday of each month. One photo may be assigned However, multiple photos of people who have birthdays in the month may be displayed in sequence (circulated). .. This data may be retrieved from an address book containing birthdays and photos. Figure 14 As shown in B, when the user selects a particular month, the second tier browser 162 is opened. .. In this second browser 162, image 166 is associated with the date of the month. Image 166 contains a date-related image and / or date-specific text. Good. For example, the red heart for Valentine's Day and the "February" identifier are February 14th. May be used in the day. Alternatively or additionally, a photo of a person whose specific date is his birthday is shown in the table May be shown. As shown in Figure 14C, when the user selects a particular date, the third tier Browser 163 is opened. In this third browser 163, image 167 is at the time of the day Associated in between. As shown in Figure 14D, when the user selects a specific time, Data entry that allows the user to enter text associated with the selected time / day / month The force window 164 is opened. For example, window 164 contains one or more data It may be equipped with a force box 168. Therefore, the user can schedule the event To. Once entered, the data is retained for future processing.
Figure 15 shows an image-based browser 170 associated with a photo viewing application. To. As shown in the figure, image 172 is a photo managed by a photo management application. is there. Photo 172 is a photo downloaded to a portable electronic device and / or It may be a photograph taken with a portable electronic device. When selected, Photo 172 is small It may be displayed in full screen on the display instead of the thumbnail.
FIG. 16 shows an image-based browser 180 associated with the mode of a portable electronic device. There is. As shown in the figure, image 182 is an icon representing different modes of a portable electronic device. Is. Therefore, the user traverses the icon to change the mode of the device. You can berth. When the user selects the icon, the mode of the portable electronic device Is changed to that mode. For example, from left to right, the modes are email, bi Deo players, music players, games, phones, microphones, cameras, game players, and / Or other similar items may be included. This browser is hierarchically structured with other browsers Please understand that it may be done. For example, when phone mode is selected, Figure 12A And the browser shown in 12B may be displayed. Alternatively, select music player mode If selected, the browser shown in FIG. 10 may be displayed.
Figures 17A to 17B show image-based devices related to data entry into portable electronic devices. Shows Lauser 190. In both of these figures, image 192 has various characters. Assigned. As shown in Figure 17A, image 192A is assigned a number. ing. When a number is selected, it is entered in the data entry box 194. Figure 17 As shown in B, characters are assigned to image 192B. When a character is selected , It is entered in the data entry box 194. Of course, the numbers and letters are the same It may be included in an image-based browser. In addition, the need for portable electronic devices Other symbols may be used, depending on the situation. For example, image 192 shows a phone call and call. Related to standard phones so that they can perform caller functions Symbols (ie, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, *, #) are assigned You can do it.
FIG. 18 is a diagram showing a browsing method 200 according to an embodiment of the present invention. One Law 200 is implemented, for example, in portable electronic devices (such as those described herein). May be done. Portable electronic devices generally have a user interface and can be used. The interface may be located in any number of positions on the portable electronic device. .. However, in most cases, the front is for implementing the user interface. Provides the main surface. The user interface is generally a display device and Includes one or more input devices. The input device may be diverse. One implementation In morphology, the input device is at least close to sensing an object above the sensing surface. It is equipped with a contact or contact sensing device. Other types of input hands for proximity and contact sensing There are many advantages over the steps.
Method 200 generally displays an image-based browser window in the display area. It starts from block 202. Image-based browsers have a small number of images from a group of images Is also configured to display part. The image is in the main position, that is, in the emphasized position and in the main position. Displayed in one or more sub-positions in close proximity (eg, left, right, top, bottom, etc.) Good. The principal position generally means that the image is selectable. For example, image-based The rouser may be any of the image-based browsers described herein.
Next to block 202, method 200 is to block 204 where the object is detected on the sensing surface. move on. The object may be, for example, a user's finger, and the sensing surface may be a touchpad, touch screen. It may be associated with a contact sensing device, such as a window or a contact sensing housing.
Next to block 204, method 200 recognizes the navigation input based on the movement of the object. Proceed to the perceived block 206. The movement of an object, for example, allows the user to flatten his finger on the sensing surface. May be associated with straight line user input, such as when moving lines (eg vertical, horizontal, diagonal) .. The movement of an object can be rotated, for example, when the user traces the sensing surface with a finger in a circular motion. It may be related to the input. Of course, the movement of other objects may be used.
In some examples, the movement of the object can be perceived at any position on the sensing surface. other In the example, the movement of the object is in a given area, i.e., directly above or adjacent to the image, or Both of them can be recognized only at a specific position on the sensing surface. Number of objects, position of movement Many aspects of object movement, including but not limited to placement, velocity, direction, and length. May be used to generate navigation input.
Next to block 106, the method is that the image in the image-based browser follows the navigation input. Proceed to block 108 to be transitioned. This transition is, for example, the number of objects, the position of movement of objects. It may be based on placement, speed, direction, and length. In general, transitions are in the display area And out, through the sub-position and the main position, including progressively advancing the image. Progress is sensed It may be proportional to the speed at which the user rotates, slides, or swipes against the surface.
Used to generate navigation input 210 for image-based browser 212 Some examples of the movement of the object are shown in Figures 19A-19G. Navigation input 2 The 10 is designed to move the image along a predetermined path. In the example shown, the path is It is the horizontal axis. Therefore, the navigation input 210 is an image linearly along the horizontal axis. Is designed to move. Images from one group to a second group (eg, primary, secondary) , May proceed sequentially along the path.
Figures 19A-19C are diagrams of electronic devices with a touch screen display. is there. In one embodiment, it traverses a touch screen display, as shown in FIG. 19A. A substantially horizontal swipe 214, i.e. along the surface of the touchscreen display A substantially horizontal slide 214 produces the navigation input. One of this embodiment In an example implementation, a virtually horizontal swipe / slide 214 touches the touch screen. It can be anywhere in the sensing area. In another implementation of this embodiment, substantially The horizontal swipe / slide 214 is, for example, the area below the image-based browser 212, Or in the touch area of the touch screen, such as on the image of the image-based browser 212. It needs to be done in a specific area.
In another embodiment, as shown in FIG. 19B, the arc or rotating slide 216 is navigating. Generate a session input. Similar to a virtually horizontal swipe / slide 214, also an arc Rotate 216 in a specific area or position within the touch area of the touch screen You may need to.
In many examples, the speed of the slide determines the speed of the traverse. In addition, on the slide The direction determines the direction of the traverse. In addition, the length of the slide is traversed. The number of statues can be determined. Furthermore, the number of fingers used is the speed of the traverse (one finger = Usually 2 fingers = acceleration) or the number of images traversed (1 finger = normal, 2 fingers = 2) Available for times).
In yet another embodiment, the pressing and holding 218 is navigating, as shown in FIG. 19C. Generate an input. In many cases, the retention length determines the rate at which the image transitions (longer). The more you hold it, the faster it will be), and the location of the press will determine the direction of the transition. For example, in the main image Pressing the left side shifts the image to the left, and pressing the right side of the main image shifts the image to the right. (The reverse is also possible). Alternative or additional, one or more taps, navigating It may be used to generate an input. For example, one tap is the location of the tap One transition of the image may be started, in which the image moves by one position to the right or left depending on the situation. Multiple One tap can be used to transition the image, one position at a time. .. For example, if you hit it twice, the image will move only in two places, and if you hit it three times, the image will move in three places. Move only the place, etc.
19D and 19E are diagrams of a portable electronic device with a touchpad. Figure 1 The 9D has a circular touchpad, and Figure 19E shows a square or rectangular touchpad. It has a de. In one embodiment, a substantially horizontal swipe / slurry across the touchpad Id 214 generates (or is vertical) a navigation input. In another embodiment, The arc or rotating slide 216 to the switchpad produces the navigation input.
FIG. 19F is a diagram of a portable electronic device with a contact sensing housing. Contact detection c Uzing is located in the bezel area that surrounds the edges of the display. As such, Beze The region may include horizontal and vertical sensing components under or on either side of the display. Figure In the embodiment, substantially horizontal on the lower bezel under the image-based browser 212. Swipe / slide 214 generates navigation input 210. In addition, Howjin The navigation input 210 is shown in FIG. 19 when the girder is a widened surface rather than an edge. Same as described in connection with touch screens and touchpads shown in A to 19E Can be generated like this.
19G and 19H are diagrams of a portable electronic device with a touch screen. In this embodiment, the display is, for example, up to FIG. 19D (as shown in FIG. 19G). Or a virtual contact area similar to 19E and / or die (as shown in Figure 19H) Virtual navigation, including virtual mechanisms such as yals or sliders or scrollbars It is configured to display action elements or user interface elements. One embodiment In the state, a swipe / slide 214 that is virtually horizontal to the virtual mechanism is navigable. Generate input. In another embodiment, an arc or rotary slide to a virtual mechanism. 216 generates navigation input.
For Figures 19A-19H, horizontal straight slides are not limited, but vertical slides are used. Please note that you may. However, in most cases, the slide orientation is It is configured to match the layout of the browser. In a simple example, the browser is horizontal A horizontal straight slide is preferred because it has an output. In another example, it produces horizontal movement Vertical slides can also be used to squeeze out.
Also, for Figures 19A to 19H, the use of contact devices is not limited. Note that mechanical means may be used. For example, dial, scroll hoi A mechanical slider and a mechanical slider may be used. However, these solutions are usually contacted. A place that is not as sophisticated as tactile devices and makes portable electronic device assembly methods more complicated Please understand that there is a match.
FIG. 20 is a diagram showing a browsing selection method 250 according to an embodiment of the present invention. .. Method 250, for example, in a portable electronic device (such as that described herein). It may be carried out. Portable electronic devices generally have a user interface. , User interfaces are provided in any number of positions on the portable electronic device Good. However, in most cases, the front is to implement the user interface. Provides the main surface of. The user interface is generally with the display device , With one or more input devices. The input device may be diverse. Kazumi In embodiments, the input device is at least for sensing an object above the sensing surface. It is equipped with a proximity or contact sensing device. Other types of inputs for proximity and contact sensing There are many advantages over means.
Method 250 generally has an image-based browser window on the display device. It starts with block 252 displayed in the spray area. Image-based browsers are a group of images It is configured to display at least a portion of the image from the image. The image is in the main position, i.e. emphasized One or more of the locations that are located and those that are close to the principal location (eg, left, right, top, bottom, etc.) It may be displayed in the sub position. Principal position generally means that the image is selectable .. For example, the image-based browser is any of the image-based browsers described herein. You may.
Next to block 252, method 250 is to block 254 where the object is detected on the sensing surface. move on. The object may be, for example, a user's finger, and the sensing surface may be a touchpad, touch screen. It may be associated with a contact sensing device, such as a window or a contact sensing housing.
Next to block 254, method 250 is that the selection input is recognized based on the movement of the object. Proceed to lock 256. The movement of the object is tap, straight line input, rotation input, and / or Other similar operations may be performed. Of course, the movement of other objects may be used. part In the example of, the movement of the object can be recognized at any position on the sensing surface. In another example , The movement of an object can be recognized only in a predetermined area, that is, at a specific position on the sensing surface. Wear. Includes, but is not limited to, the number of objects, the position of movement, velocity, direction, and length. Many modes of movement of the object may be utilized to generate navigation inputs.
Next to block 256, the method initiates the action associated with the selected image. Proceed to lock 258. By assigning an action to an image, when the image is selected, Please understand that the assigned action is performed. Its behavior can be diverse .. For example, the behavior is to launch an application, change modes, open a new window. It may be related to the reproduction of media, the start of communication, and the like.
The behavior generally depends on the type of browser (or browsing). For example, Blau If The is an album-based browser, the behavior is generally associated with an album. It may correspond to presenting a menu list of songs. Browser is a contact-based browser If, the action is generally to present contact information and / or optionally , Automatically perform contact actions such as making a phone call or starting an email, May correspond to. If the browser is a schedule book browser, the behavior is generally te It may correspond to presenting a date window in which kist input is possible. Browser is mode If the browser is a browser, the action may initiate a mode change, i.e. in the main position. Mode can be started. Select if your browser is a photo-based browser A large window containing the selected image may be opened. The browser is an application browser In the case of a browser, the selected application may be launched. Browser data If configured for input, the data associated with the image may be input. documents If is configured to present a document, the document associated with the image, and in some cases Therefore, the application associated with the document may be opened.
How many object movements are used to generate selective input to an image-based browser An example of this is shown in FIGS. 21A to 21F. Select input 270 is highlighted in the main position It is designed to select an image. In the example of the figure, the image 272 to be selected is an image base. It is placed in the main position of the browser 274.
Figures 21A and 21B are diagrams of electronic devices with a touch screen display. is there. In one embodiment, as shown in FIG. 21A, pressing or tapping one or more times. At 278, a selection input is generated. In another embodiment, touch, as shown in FIG. 21B. Swipe 276 virtually perpendicular to the screen, or along the touch screen A substantially vertical slide 276 produces a selection input. In one implementation, it is virtually vertical Swipe / slide 276, press, or tap 278 touch screen touch It can be anywhere in the knowledge area. In another implementation, a virtually vertical swipe / Slide 276, press or tap 278, for example on the image-based browser 274 Touch screen contact, such as in an adjacent area or on the image-based browser 274 itself It needs to be done in a specific area of the tactile area. In one example, vertical slide 276 or P278 needs to be performed on the image in the main position.
21C and 21D are diagrams of a portable electronic device with a touchpad. Figure 2 1C is a circular surface with a central button area that may be a mechanical button or a touch sensitive button. It has a switchpad, and Figure 21D has a square or rectangular touchpad. .. In one embodiment, button press 278 in the button area produces a selection input (FIG. 2). 1C). In another embodiment, press, tap, or swipe / slide substantially vertically. 276 generates a selection input (Figure 21D).
FIG. 21E is a diagram of a portable electronic device with a contact sensing housing. Contact detection c The uging is located in the bezel area 277 surrounding the display. As such, Beze Area 277 should have horizontal and vertical sensing components under or on both sides of the display. I. In the embodiment of the figure, substantially hanging on the lateral bezel adjacent to the image-based browser 274. A straight swipe / slide 276 generates a selection input. In addition, the housing expands If the surface is a surface, the selection input is the touch screen shown in Figures 21A-21D. And can be generated as described in connection with the touchpad.
FIG. 21F is a diagram of an electronic device equipped with a touch screen. In this embodiment, The display is a virtual mechanism or user interface element that accepts contact input. Is configured to present. In one example, as shown in Figure 21F, the virtual mechanism is shown in the figure. It is a virtual contact area 279 and a button area similar to 21C. In this example, select input Is generated when the button area is tapped.
FIG. 22 is a diagram showing a browser method 300 according to an embodiment of the present invention. Blau The method may be, for example, a combination of the above two methods.
Method 300 generally displays an image-based browser window in the display area. It starts from block 302. Image-based browsers have a small number of images from a group of images Is also configured to display part. The image is in the main position, that is, in the emphasized position and in the main position. Displayed in one or more sub-positions in close proximity (eg, left, right, top, bottom, etc.) Good. The principal position generally means that the image is selectable. For example, image-based The rouser may be any of the image-based browsers described herein.
Next to block 302, method 300 is to block 304 where the object is detected on the sensing surface. move on. The object may be, for example, a user's finger. For example, the sensing surface is a touch pad, It may be embodied as a check screen and / or a contact sensitive housing. Alternative Or additionally, the sensing surface is a proximity sensing pad, proximity sensing screen, and / or near It may be embodied as a proximity region above the surface, such as a contact sensitive housing.
Next to block 304, method 300 relates to whether or not a navigation input has been received. Proceed to block 306 where the determination is made.
If navigation input is received, Method 300 will have an image in the image-based browser. Proceed to block 308 which is transitioned according to the visualization input. This transition is, for example, an object It may be based on the number of objects, the position of movement of the object, the velocity, the direction, and the length. In general, transition Sequentially advances the image in and out of the display area, through the secondary and primary positions. including. Progress is the speed at which the user rotates, slides, or swipes against the sensing surface. It may be proportional to the degree.
If the navigation input is not recognized, method 300 is whether the selection input has been received. Proceed to block 310 where the determination is made. If no selection input is received, how 300 returns to block 306. If the selection input is received, method 300 is the main image. That is, block 31 that presents selectable data associated with the highlighted image Proceed to 2. The selectable data may be presented, for example, in the form of a vertical menu list.
Method 300 then determines whether any of the selectable data items have been selected. Proceed to block 314 for making a determination. If not selected, the method goes to block 316 move on. Block 316 may be a waiting block or a timeout block. In the case of waiting, method 300 waits for the selection to be made, that is, until the selection is made. The new list is displayed. In case of timeout, method 300 is to display the image browser ( Return to block 302). Generally, the display is the last bra before the selection is made. Return to Uza setting.
If block 314 determines that a selectable data item has been selected, Method 300 Goes to block 318 where the selectable item associated action is initiated.
In one embodiment, the size of the area designated to accept swipes is multiple. It is divided into increments, each increment representing one image. Therefore, the user wants to browse It can be used as a guide for the location. In most cases, the area will be incremented according to the number of images ..
Depending on the number of images in your browser, one or more swipes will blur the entire set of images It may be necessary to get rid of.
FIGS. 23A to 23H are diagrams showing an example of a browsing procedure using the above method. .. The browsing procedure is a touch that is placed on the display area of the portable electronic device. Performed on a portable electronic device that has a clean.
As shown in FIG. 23A, the portable electronic device is the display area of the portable electronic device. Display an image-based browser in the area. In this example, the image-based browser is a portable electronic device. Presents an audio track stored in a vise, an album image associated with a song (Each song is assigned an album image).
As shown in FIG. 23B, the user swipes his finger over the display area. Part of In the example, the swipe may depend on its location in the display area, in another example, the swipe May be done anywhere in the display area. In the embodiment of the figure, the swipe The displayed image is executed in the area below the browser. This allows the user to swipe You can see the image browser while you are. Of course, for example, swipe over the browser Other areas may be used, such as. This is to flip the album in the actual container Has the advantage of imitating and.
As shown in Figure 23C, the portable electronic device recognizes the swipe and images accordingly. To move. For example, the swipe length, swipe speed, and swipe direction Of the many possible factors that control the number of images circulated by a given swipe It is some element. In the embodiment of the figure, the user is swiping to the left. Moves the image to the left (similar to flipping an album in a container) .. Of course, the image may be moved in the opposite direction of swiping the finger. In most cases The movement of the image occurs at the same time as the swipe of the finger.
As shown in Figure 23D, the user taps or taps on the image in the principal position with a finger. Press. Alternatively, the user may swipe vertically on the image in the principal position.
As shown in Figure 23E, portable electronic devices are tapped or pressed or swiped vertically. Recognize the song and present a list of songs associated with the main album. In the list of songs Each of the songs is selectable. In some examples this is a completely new window (eg , Menu window). In other examples, the list is part of an image or It is related to the image. For example, the list may be overlaid on top of the image, or the albumer. It may be overlaid on a new image associated with the album (eg, the back of the album). One embodiment In the state, the image is rotated about the horizontal axis so that the back side of the image containing the list can be seen. It is configured as if it were. The direction of rotation is vertical swipe, if vertical swipe is used. It may be related to the direction of the wipe, so that the user is flipping the image over. appear. In addition, the song list and images are original to make it easier to see and select. It may be enlarged compared to the image size. For example, make images and lists look bigger Transition effects may be used. At the same time, the secondary image has a large image list size. As it gets smaller, it may get smaller, i.e. shrink (or just disappear) .. In some examples all the songs on the list may be visible, in another example only part of the list May be visible.
In Figure 23F, the user can explore (navigate) the list of songs in various ways. .. This may be achieved, for example, by a vertical swipe to start vertical scrolling. Well Also, this is achieved with a highlight bar that moves with your finger as it moves up and down in the list. May be done. For example, the highlight bar (as shown) highlights the song closest to your finger. indicate.
A vertical slide moves the highlight bar in the list, as shown in Figure 23F. Can be done.
As shown in Figure 23G, the user presses or taps, for example, on the desired song with a finger. By doing so, the selection event is executed.
As shown in Figure 23H, the portable electronic device recognizes the selection event and starts playing the song. Melt. Portable electronic devices should also open a playback window (as shown in the figure). I.
FIGS. 24A to 24H are diagrams showing an example of a browsing procedure using the above method. .. The browsing procedure is separate from the display area and the separate touchpad and button areas. It is performed on a portable electronic device having and. This is virtually real even if it is physically implemented It may be disguised.
As shown in FIG. 24A, the portable electronic device is the display area of the portable electronic device. Display an image-based browser in the area. Image-based browser stored in a portable electronic device It is configured to present the contact image associated with the address book (each ream). The thong has an image assigned to it). For example, the contact image is in the address book It may be a photograph of an individual included in.
As shown in FIG. 24B, the user swipes his finger over the touchpad area.
As shown in Figure 24C, the portable electronic device recognizes the swipe and images accordingly. To move. For example, the swipe length, swipe speed, and swipe direction Of the many possible factors that control the number of images circulated by a given swipe It is some element. In the embodiment of the figure, the user is swiping counterclockwise. , Thereby moving the image to the left. Of course, the image is in the opposite direction of swiping your finger May be moved to. In most cases, image movement occurs at the same time as a finger swipe.
As shown in FIG. 24D, when the desired image is placed in the principal position, the user is on the button area. Tap or press with your finger. Alternatively, the user presses or taps the touchpad area. You may tap (1 tap, 2 taps, etc.).
As shown in Figure 24E, the portable electronic device recognizes the tap or press and the contact picture Present the contact information associated with the statue. Contact information includes address, family structure, phone number, It may include an email address. In some examples, this data is, for example, a phone number and And may be selectable data such as email addresses. In some cases this is complete All new windows (eg menu windows). In another example, contact information Is part of the contact image or is associated with the contact image. Smell of one embodiment The contact image is rotated about the horizontal axis so that it is behind the contact image containing the list. Is configured as if you can see. The direction of rotation is drooping if a vertical swipe is used It may be related to the direction of the straight swipe, so that the user is flipping the image over. Looks like. In addition, the contact information is the original image to make it easier to see and select. It may be expanded compared to Izu. For example, a transition that makes the contact image look bigger The effect may be used. At the same time, the secondary image will grow as the size of the image list grows. And can be reduced, i.e. reduced (or simply disappeared). In some examples Is visible for all contact information, in another example only part of the contact information is visible ..
As shown in FIG. 24F, the user searches (navigates) contact information in various ways. this Starts vertical scrolling, for example, when the amount of data is greater than the amount displayed This may be achieved by a vertical swipe.
As shown in Figure 24G, the user can select a selectable data item, such as a phone number. Execute the selection event by pressing or tapping the top with your finger.
As shown in Figure 24H, the portable electronic device recognizes the selection event and calls the phone. You can start doing it. In addition, portable electronic devices know who the user is calling. You may go back to the contact image so that you can.
FIG. 25 is a diagram showing a selection method 350 according to an embodiment of the present invention. Method 350 Generally, the image-based browser window is displayed in the display area Block 3 It starts from 52. Image-based browsers display at least a portion of an image from a group of images It is configured to do. The image shows the main position, that is, the emphasized position, and the location close to the main position. It may be displayed in one or more sub-positions (eg, left, right, top, bottom, etc.). Main position Generally means that the image is selectable. For example if, image-based browser, this It may be any of the image-based browsers described in the specification.
In this embodiment, there is a back image associated with the front image. The surface image is a bra Presented when Uza is transitioning elements. The back side image is provided when the front side image is selected. Shown. The back image may include, for example, selectable data associated with the front image. I.
Next to block 352, the method goes to block 354 where the select input event is detected. .. In one embodiment, the select input event is a tap or press. In another embodiment The select input event is a vertical swipe event. Not a configuration requirement, but most examples Then, in order for the selection event to be recognized, the selection event is executed on the image in the main position. Need to be done.
Next to block 354, the method is when a select input event is detected, the surface image and Proceed to block 356 where the backside image is flipped. For example, a surface image is displayed If a select input event is detected, the front side image is removed from the display while the back side image is removed. Presented to be visible. On the contrary, the back side image is displayed and the selection input event is detected. If so, the back image is removed from the display while the front image is presented so that it is visible. Kazumi In the embodiment, the flip is as simple as inserting or replacing an image at the same position. To. In another embodiment, the image is configured to appear to rotate about the horizontal axis. To. In this embodiment, the image is from front to back and back with respect to the horizontal axis. Rotate forward. In some examples, this makes it appear as if it is moving between the foreground and the background. Therefore, it may include distorting the image during rotation (eg, while the leading edge becomes larger). , The trailing edge becomes smaller). Basically, this effect is secondary so that different sides of the object can be seen. It is configured to mimic rotating an original planar object.
26A-26E are diagrams showing flip procedures used in the above embodiments. is there. As shown in FIG. 26A, the user is on the image to be flipped (eg, the main image). Put your finger on. As shown in Figures 26B-26D, the user slides his finger vertically. Let me. The slide may be either up or down.
As shown in Figure 26B, the edges of the image on the side where the slide started are when the finger moves vertically. Follow your finger. In this example, the finger is slid downwards, so the upper edge of the element is the finger. Follow. In addition, the first part of the element above the horizontal axis is configured to expand. Therefore, the second part of the element below the horizontal axis is configured to shrink. In addition, the element To make the first part appear to be carried to the foreground while the second part is moved to the background In addition, it is configured to be distorted while moving. For example, the upper edge of the first part is horizontal It expands horizontally outward from the axis, and the lower edge of the lower part is reduced horizontally inward from the horizontal axis.
As shown in Figure 26C, this until the upper and lower edges of the image are aligned with the horizontal axis. The effect continues. The image disappears or a small line segment appears.
As shown in FIG. 26D, the edges of the image continue to follow the finger as it moves vertically. 1st Part begins to move below the horizontal axis, and the second part moves above the horizontal axis. First The part is enlarged and distorted outwards and placed in the opposite direction, and the second part is shrunk. It remains distorted inward and is placed in the opposite direction.
The content on the image may also be distorted, for example, from the foreground to the background.
At the end of the slide, the backside image is in its original size and without distortion, as shown in Figure 26E. You will be able to see it (in its original state). However, in some examples, the backside image is especially selected. Gradually larger while flipped if it contains possible or hard-to-see data It may be combed.
The present invention is not limited to the front and back images, and the three or more in the main position. Note that flips may be performed between the images above.
FIG. 27 is a diagram showing a browsing method 400 according to an embodiment of the present invention. One Law 400 generally displays an image-based browser window in the display area. Start with lock 402. Image-based browsers are at least one of the images from a group of images It is configured to display the part. The image is close to the main position, that is, the emphasized position, and the main position. It may appear in one or more sub-positions of the location (eg, left, right, top, bottom, etc.) .. In the embodiment of the figure, the browser includes a plurality of sub-images on the left and right sides of the main image. Principal Places are generally selectable for the element to start a new task or action. Means that. For example, an image-based browser is an image-based browser described herein. It may be any of.
Next to block 402, the method is that the select input event is recognized on one of the sub-images. Proceed to lock 404. The selection input may be tap or press, or simply above the secondary image. There may be an object in.
Next to block 404, the method is to place the selected secondary image in the main position, the image Proceed to block 406 to be transitioned. For example, as shown in Figures 28A and 28B, the user However, when the user places his finger on the sub-image, which is the second position to the left of the main position, the selected sub is selected. All images are moved to the right by two positions so that the images are placed in the main position. Of the main position You can do the same for the secondary image on the left.
FIG. 29 is a diagram showing a browsing method 420 according to an embodiment of the present invention. One Law 420 generally displays an image-based browser window in the display area. Start with lock 422. Image-based browsers are at least one of the images from a group of images It is configured to display the part. The image is close to the main position, that is, the emphasized position, and the main position. It may appear in one or more sub-positions of the location (eg, left, right, top, bottom, etc.) .. The principal position is generally selectable for the image to start a new task or action. It means that there is. For example, an image-based browser is an image-based browser described herein. It may be any of Lausa. Each image has the alphabetic letters associated with it Has a tag. Alphabet tags are, for example, the title associated with an image. It may be spell-based. For example, in the case of an album, an alphabetical tag Is the album name. In addition, the image is alpha based on the alphabetic tag Constructed in bet order (for example, images start at A1 and are adjacent to each other to Z (n). Is placed horizontally).
Method 420 also has letters of the alphabet alpha at the bottom of the display area. Includes block 424 displayed in bet order. Method 420 also adds to the displayed characters Includes block 426 where objects are detected above. Method 420 is further associated with the character Block 4 in which the image of the image browser is transitioned in order to place the first image that has been created in the main position. Including 28. For example, referring to FIGS. 30A and 30B, the user moves his finger to When placed on the letter E and / or pressed on the letter E, the image of the first E is predominant It is shown that the images are transitioned so that they are arranged in different positions. In one embodiment, When a character is selected, the selected character is highlighted or a new character identifier is added. Is displayed.
The present invention is not limited to alphabetical order, but may be based on other criteria such as genre, time, etc. Please understand that it may be used.
FIG. 31 is a diagram showing a browsing method 450 according to an embodiment of the present invention. Method 4 50 includes block 452 where the image-based browser is displayed. Image-based browser , Includes the primary position and the first and second sub-positions located on the first and second sides of the main position. The image-based browser may be, for example, any of the browsers described herein.
Method 450 further objects on the images of the first and second sub-positions located next to the main position. Includes block 454 where the body is detected. Method 450 also states that the presence of an object on the secondary image Includes block 456, which is recognized as a navigation input.
Method 450 further blocks block 458 in which the image is transitioned according to the navigation input. including. For example, if the object is on the first side, the image is moved in the first direction and the object is If it is located on the second side, it is moved in the second direction opposite to the first direction. For example, the object is on the left If it is on the side, the image is moved to the left, and if the object is on the right, the image is moved to the right. To. The number of positions the image moves generally depends on the length of time the object has been detected. For example, one second of detection may correspond to five image transitions. In addition, tap quickly May be configured to make one transition. In this way, the user taps By doing so, the image can be changed little by little. A multi-touch sensing surface is provided If so, the invention is further accelerated based on the number of fingers present during user movement. Rousing may be provided. For example, adding a second finger doubles the traverse. , Adding a third finger will triple the traverse, and so on.
FIG. 32 shows a method 500 for assigning images to a list according to an embodiment of the present invention. It is a figure. This method works on the host before downloading the list to a portable electronic device It may be performed or it may be performed on a portable electronic device.
Method 500 generally starts at block 502 where the file is created. The file is , May be a list of data items. The list is, for example, from a large song library It may be a playlist containing a part of the song. Playlists are a library with large users It's like a submenu that prevents you from having to browse. Also, Prairie The strike is an eye to organize songs into categories such as dance music or mood music Useful for The file is not limited to playlists, even if the file contains other data Please understand that it is good. For example, the file is an address file that contains contact information. There may be. Creating a file usually adds a heading or title to the file including.
Next to block 502, method 500 is block 50 where the image is assigned to the file. Proceed to 4. The image should be selected from, for example, a photo library, a pdf library, etc. I. This is, for example, (1) selecting a file, (2) a window containing an image Select "Add image" in the operation menu to open, (3) Image from window Realized by selecting (4) and then assigning the image to the playlist May be done.
Next to block 504, the method goes to block 506 where the image is added to the image browser Mu. Files containing images are in the image browser for any subsequent browsing experience. Is placed in.
FIG. 33 shows an operating method 550 for a portable electronic device according to an embodiment of the present invention. It is a figure which shows. The portable electronic device can be used in multiple orientations. For example , The portable electronic device may be utilized in portrait mode or landscape mode. One embodiment In the state, the portable electronic device has a rectangular display area. For example, The display area is 16: 9 or 4: 3 corresponding to landscape and portrait modes. It may have a configuration. In addition, the display area is virtually the front of the portable electronic device. It may be configured to occupy the whole.
Method 550 is generally block 552 where the first and second GUIs are prepared. start from. The first and first GUIs are based on the same data, but with different formers The data is shown using the data scheme. In one embodiment, the first GUI is text Configured as a base vertical menu list, the second GUI is an image-based image bra Constructed as a lie. The image in the image browser is the corresponding text data in the menu Is associated with. For example, the first GUI is a vertical list of audio tracks. The second GUI may be a horizontal array of albums.
Next to block 552, the method is block 55 where the orientation of the portable electronic device is determined. Proceed to 4. This may be achieved, for example, by a tilt sensor or accelerometer (especially). .. In one embodiment, the determination is such that the portable electronic device is utilized in portrait mode. Includes determining whether it is being used in landscape mode.
If the portable electronic device is in the first orientation (portrait), method 554 is the first glance. Proceed to block 556 where the physical user interface (GUI) is displayed.
If the portable electronic device is in a second orientation (sideways), the method is a second graphic Go to block 558 where the user interface (GUI) is displayed.
In one embodiment, as shown in FIG. 34, when the device is in portrait mode, the menu display When the window is displayed and the device is in landscape mode, the image-based browser Is displayed. Vertical mode scrolls vertically, for example, a vertical menu list. The landscape mode scrolls horizontally, for example in a horizontal image browser. Understood to be useful (more images can be displayed in landscape mode) I.
FIG. 35 is a block diagram showing a media player 700 according to an embodiment of the present invention. is there. The media player 700 is for controlling the entire operation of the media player 700. It comprises a processor 702 associated with a microprocessor or controller. media Player 700 file system 70 media data related to media items Store in 4 and cache 706. File system 704 is typically one or more It is a storage disk of. File system 704 typically mediates large storage capacity Provided to player 700. File system 704 is not only media data, but also non It can also store media data (eg when operating in disk mode). However, the access time to the file system 704 is relatively slow, so the mediap The layer 700 may further include a cache 706. Cache 706 is like For example, it is a random access memory (RAM) realized by a semiconductor memory. Cat Relative access time to Shu 706 is significantly shorter than file system 1004. Deer While the cache 706 has a large storage capacity like the file system 1004 do not have. In addition, the file system 704, in operation, has more than the cache 706. Consume power. Power consumption depends on the battery (not shown) of the media player 700 Often especially important for portable media players that are powered by .. The media player 700 also has RAM720 and read-only memory (ROM). Equipped with 722. ROM722 is a program, utility, or The process can be stored non-volatilely. RAM720 is a volatile data storage (eg, (For cache 1006) is provided.
The media player 700 is also available to users of the media player 700. It includes a user input device 708 that allows it to interact with the layer 700. example For example, the user input device 708 takes various forms such as buttons, keypads, dials, etc. It can be. In addition, the media player 700 can display information to the user. Equipped with a display 710 (screen display) that can be controlled by the Rossessa 702 Elu. Databus 711 has at least file system 704, cache 706, Can facilitate data transfer between processor 702 and codec 712 To.
In one embodiment, the media player 700 is a plurality of media items (eg, songs). Works to store in file system 704. User identified as media player If you want to play media items in, the list of available media items is Displayed on the spray 710. Then, using the user input device 708, the user You can select one of the available media items. Processor 702 is a specific medium Upon receiving an item selection, media data for a particular media item (eg, for example) , Audio file) to the coder / decoder (codec) 712. Then Codec 712 produces an analog output signal for speaker 714. Speaker 7 14 may be the internal speaker of the media player 700 or the media player. It may be 700 external speakers. For example, the file connected to the media player 700 Dophones or earphones are considered external speakers.
The media player 700 also has a network / bar that connects to data link 718. It has a interface 716. Datalink 718 is a media player 700 Allows you to connect to the host computer. Data link 718 is a wired connection Or it may be provided by wireless connection. For wireless connection, network / bus interface The Ace 716 may include a wireless transceiver.
In one implementation example, the host computer is a pre-play of media device playlists, etc. A list on the host computer to make it available and manage it. Applications may be used. California is an example of such an application. ITunes (trademark) manufactured by Apple Inc. of Cupertino can be mentioned.
FIG. 36 shows a block showing a media management system 800 according to an embodiment of the present invention. It is a figure. Media management system 800 is a host computer 802 and media play Including with Ya 804. The host computer 802 is usually a personal computer To. The host computer is a software module, among other traditional components. It is equipped with management module 806. Management module 806 is on host computer 802 Media items (and / or playli) as well as on media player 804 Achieve centralized management of strikes). More specifically, management module 806 is a host computer. Manage media items stored in media store 808 related to 802. Management module 806 also provides media items stored in media store 808. Interacts with media database 810 to store media information related to ..
Media information relates to the characteristics or attributes of media items. For example, audio For deer or audiovisual media, the media information is the title, Aruba Can include one or more of the genres, tracks, artists, composers, and genres. .. These types of media information are specific to individual media items. further , Media information may be related to the quality characteristics of the media item. Media item Examples of quality characteristics are Bitrate, Sample Rate, Equalizer Settings, Volume Control, Start / Can include stop and one or more of the total time.
Further, the host computer 802 includes a playback module 812. Playback module Le 812 is used to play media items stored in media store 808. It is a usable software module. The playback module 812 is also a media device. Display media information from the database 810 (on the display screen), It can be used in other ways. Usually, the target media information is played back. Corresponds to the media item to be played by module 812.
The host computer 802 also has a corresponding communication mod in the media player 804. It is equipped with a communication module 814 that connects to the tool 816. Connection or link 818 is through Connect the communication modules 814 and 816 so that they can be disconnected. In one embodiment, the connection or re-connection The 818 is a device such as the FIREWIRE (trademark) bus or USB bus that is well known to those skilled in the art. A cable that provides a tabass. In another embodiment, the connection or link 818 is absent It is a connection via a line channel or a wireless network. Thus, depending on the implementation , Communication modules 814 and 816 may perform wired communication or wireless communication. May be good.
Media player 804 also puts media items in media player 804 It has a media store 820 to store. Optionally, Media Store 820 also Can store data (ie, non-media item storage). Media store 82 Media items stored in 0 are typically hosted by a connection or link 818. Received from Puta 702. More specifically, the management module 806 is a media strike. All or part of the media items on the 808, via a connection or link 818 Send to media store 820 in media player 804. In addition, the host computer Media corresponding to the media items supplied from the data 802 to the media player 804 A. Information can be stored in the media database 822. In connection with this , Contact media information from media database 810 in host computer 802 Media database 82 in media player 804 via follow-up or link 818 Can be sent to 2. In addition, playlists that identify some of the media items , Media player via connection or link 818, by management module 806 May be sent to media store 820 or media database 822 in 804 ..
In addition, the media player 804 is a media store 820 and a media database. It is equipped with a playback module 824 connected to the 822. Playback module 824 is a medium Software available to play media items stored in Store 820 It is a module. Playback module 824 is also available from media database 822. Display (on the display screen) or otherwise use the media information of Can be done. Usually, the target media information is referred to by the playback module 824. Corresponds to the media item that should be played.
Thus, in one embodiment, the media player 804 is the media player 80. 4 Limited ability to manage media items on, or no such feature I don't prepare. However, the management module 806 in the host computer 802 is Media items existing on the ear player 804 can be indirectly managed. Example For example, a management module to "add" media items to media player 804. Le 806 is a media that should be added to media player 804 from media store 808 Acts to identify the item, then the identified media item is the media pre -To be supplied to Ya 804. As another example, from media player 804 Is management module 806 a media store 808 to "delete" ear items? Acts to identify media items that should be removed, and then the identified media Allow assets to be deleted from Media Player 804. As yet another example, Special features of media items using management module 806 on strike computer 802 When the sex is changed (ie, modified), such a property is the media player 804. It can also be reflected in the corresponding media item above. In one implementation example, add, Deletes and / or changes host media items on media player 804 Performed in batch processing when synchronizing with media items on computer 802.
In another embodiment, the media player 804 is a playli on the media player 804. The function to manage strikes is limited, or it does not have such a function at all. But However, the management module 806 in the host computer 802 is on the host computer. Playlists present on Media Player 804 through management of existing playlists Can be managed indirectly. In this regard, adding, deleting, or changing playlists , Run on host computer 802, then fed to media player 804 At that time, it can be reflected in the media player 804.
As mentioned above, synchronization is a form of media management. To the function to start synchronization automatically It is also mentioned above and is described in the related application above. However, between devices Sync is automatic if the host computer and media player do not recognize each other It may be restricted not to perform synchronous synchronization.
According to one embodiment, when the media player is first connected to the host computer (More generally, if there is no matching identifier), the user of the media player Associate, assign, or lock the media player to the host computer You will be asked if you want to. The user of the media player hosts the media player When associated, assigned, or locked to a tutor, a pseudo-random identifier is obtained. Being a media database for both the host computer and the media player Is stored in one of the files. In one implementation example, the identifier is also the host computer Is an identifier associated with the management module (eg, a known identifier, or host An identifier generated by a computer or its management module), such knowledge The Besshi is sent to the media player and stored. In another implementation, the identifier is Medi An identifier associated with the player (for example, a known identifier or a media player) An identifier (identifier generated by) that is sent to the host computer and up to that file. Or it is stored in the media database.
Image-based browsers with image capabilities typically support different browser display modes. In order to require several different image formats. For example, the browser is the main You may need a complete image for the placement and various thumbnail images for the secondary position, This can help the user browse a group of images. This is a partial ba It may include versions, distorted versions, versions with reflections, and so on.
One way to generate various images in the image browser window is to use the original image as a portable media device. Download the original image to your vise and then bring the original image to your handheld media when you need to see it This is a method of converting to the required format on the device. This is an on-the-fly de Also called data processing. Although this method works, it is not desirable for the user. It is generally considered to have a point. For example, the image format is (especially larger) It is a processing-intensive task (on portable media devices that lack the processing power of the host). Therefore, in portable media devices, the operation tends to be slow and the power consumption tends to increase. To. Therefore, formatting an image on a portable media device will give the user experience It may be insufficient. As an example, the user waited while the image was being formatted. There must be. As another example, portable media devices are prone to running out of battery. Become.
To reduce or overcome these shortcomings, host data before or during download Images can be preformatted on the vise. Image identified for download When done, various preformatted images obtained from the original image (in some cases, the original) The image) is sent to the portable media device. The process is executed on the host. Ho The strike can handle these tasks more easily than a portable media player. The task is , For example, scaling, cropping, rotation, color correction, distortion, reflection, etc. may be included. Mobile phone When received by a type media device, the preformatted image will be used later. Stored to be stored. By storing these images, the media device can display the images. You don't have to perform heavy tasks related to formatting. That is, Reformatted images are a media device from most of the work required to display the image. Release the chair. As a result, the device needs to be recharged faster and more often. You will be able to operate without it. In one embodiment, with a few preformatted images Some are thumbnail images.
While using the media device, the image-based browser may request the display of the image. Up Instead of processing the original image as described above, the device simply uses a media database. Get the appropriate preformatted image from and present it to the user on the display .. Preformatted images are the complete image for the primary position and how many for the secondary position Images of different thumbnail sizes may be included. However, in some cases, the mede The ear device does some processing (eg, transition, a) when the image is presented. It may be used to perform nimation, distortion, reflection, etc.).
In some examples, when connected to the host, the media device will display the image on the media device. Do not explain to the host which image format is preferred when it is downloaded to the computer. I will notify you. Media devices include, for example, various images that support different formats. The profile may be sent to the host computer. Image profiles are generally defined for each image. Contains attributes or keys for image formatting. For example, the image profile is for each image. You may describe the size, orientation, pixel format, color depth, etc. for the format. This particular method is different with different versions of software and hardware Helps with compatibility issues that typically occur when media devices are used. In other words, Medi Software to let the device know what information it wants to get from the host device The air / hardware version doesn't matter.
FIG. 37 shows a host device and a portable media device according to an embodiment of the present invention. It is a figure which shows the method 900 which transfers the image data between. Method 900 is, for example, Medi A. It may be executed by the management software. The method is block 902, 904, And 906. In block 902, the image download request is sent to the host computer. Received by the putter. Image download request downloaded to portable media device Specify the image stored on the host device to download. The request is a user interface It may be done on the host device or media device through the face. For example The user may select a group of images and then a download button. Or that The request may be made by the media device without user input.
In block 904, the image collection for each requested image is the host device. Generated on a chair. Each image collection is a new version of the original image or a different image Includes images in the same format. In some examples, the image collection also contains the original image. You can do it. For example, the new version may include a primary image and various sub-images, sub-images. Each of the images is usually a reduced version of the main image (plus reconstruction, distortion, reflection, etc.) May be). The file size of the new version is usually the file size of the original image. Note that it is significantly smaller than Zu. Therefore, they are more than the corresponding original images Also occupies less space in storage.
Each of the new versions is different based on the display requirements of portable media devices Has an image profile. The image profile for a particular media device is May be stored on the device or provided to the host device by the media device May be done. In the former case, the media device provides an identifier (ID) to the host device. The ID may be used to determine the image profile for the requesting media device. May be utilized by the host to do so. For example, after getting the ID, the host A pre-stored table or list that contains all the features of the identified media device You may refer to. In the latter case, the media device synchronizes with or hangs with the host device. This information may be uploaded automatically as part of the doshaking procedure.
In block 906, the image collection for each requested image is downloaded. It is sent to the portable media device as part of the processing. For portable media devices Therefore, when received, the image collection becomes a portable media device for later use. It is stored. The image collection may be stored in the memory of the portable media device. .. Each of the different image sets has its own file to efficiently store the images in memory. It may be stored in the file.
When the download is complete, the display request will be sent to the media device while the media device is in operation. It may be done in the space. Then, based on the display request, one or more images will be in memory Taken from. The display request indicates an image to be displayed in the media player. Once retrieved, the image is viewable. In browse mode, determined by the browser The image is displayed as it was done.
FIG. 38 shows an operating method 1 for a portable media device according to an embodiment of the present invention. It is a figure which shows 000. The method is blocks 1002, 1004, 1006, and Equipped with 1008. Image data is stored in block 1002. Image data , At least include multiple image collections. The image collection is based on the original image A plurality of images having different formats may be included, and the original image may be included. Image collection The system is not formed by portable media devices and is a device other than portable media devices. It is generated independently in the space. Image collections, for example, make them portable for storage It may be generated on the host device that you download to the media device. For example, an image The collection may be provided in the manner shown in Figure 37. Alternative or additional image Rection is another handheld media that has already downloaded an image collection from the host It may be downloaded from the device.
At block 1004, a display command is received. The display command is image data Specify one or more images to be displayed. The display command is media It may be generated by the user's choice on the layer's user interface.
At block 1006, at least the specified image is retrieved. In some examples Will retrieve only the specified image. In another example, it is the specified image that is retrieved. It's not just the statue. For example, the display command only needs to specify one image, but that image Other images associated with or linked to the image may be further retrieved.
At block 1008, one or more retrieved images are output. Taken out The resulting image may be output to the display. When you receive the retrieved images, The extracted image is displayed. In some examples all those images are displayed, in another example Will display only some of those images. In the latter example, the size and number of images are different. Actually when the size of the clean and / or the number of positions in the image-based browser is exceeded May be applied.
Transferring images between the host and the portable device, and a table of images on the portable device An example of the example is given in U.S. Patent Application No. 10 / 973,657, which is referenced. Is incorporated herein by.
In some of the above embodiments, media items (ie, media assets). ), Especially about audio items (eg audio files or songs) However, media items are not limited to audio items. For example, media The item is about a video (eg movie) or an image (eg photo) You may.
The present invention is described with reference to some of the above embodiments relating to portable electronic devices. As revealed, the present invention is not limited to use in portable electronic devices. Another embodiment of the present invention The state can also be used with other electronic devices, which are portable. It doesn't have to be portable, it's a computer (eg a personal computer), a mede Ear player (eg music, video, games, images) or media storage device It may be a vise or the like.
The various aspects, embodiments, implementations, or features of the invention are separate or in any set. It is available in combination.
The present invention is preferably implemented by software, but by hardware or , May be implemented by a combination of hardware and software. In addition, the present invention Realized as computer-readable code on computer-readable media May be done. A computer-readable medium is one that is read by a computer system. Any data storage device that can store visible data. Computer Examples of readable media are read-only memory, random access memory, and CDs. -ROMs, DVDs, magnetic tapes, optical data storage devices, and carrier waves I can get rid of it. In addition, the computer-readable medium is a computer-readable core. Multiple computers connected to the network so that they can be stored and executed in a distributed manner. It may be distributed to the system.
The present invention has been described with reference to some preferred embodiments, but is within the scope of the present invention. There are alternatives, substitutions, and equivalents.
It is also noted that there are many other embodiments in which the methods and devices of the present invention are practiced. I want to. Therefore, the scope of claims attached below is included in the true purpose and scope of the present invention. It is interpreted to cover all alternatives, substitutions, and equivalents that are included.
76 sheets
Sheet 1 Sheet 2 Sheet 3 Sheet 4 Sheet 5 Sheet 6 Sheet 7 Sheet 8 Sheet 9 Sheet 10 Sheet 11 Sheet 12 Sheet 13 Sheet 14 Sheet 15 Sheet 16 Sheet 17 Sheet 18 Sheet 19 Sheet 20 Sheet 21 Sheet 22 Sheet 23 Sheet 24 Sheet 25 Sheet 26 Sheet 27 Sheet 28 Sheet 29 Sheet 30 Sheet 31 Sheet 32 Sheet 33 Sheet 34 Sheet 35 Sheet 36 Sheet 37 Sheet 38 Sheet 39 Sheet 40 Sheet 41 Sheet 42 Sheet 43 Sheet 44 Sheet 45 Sheet 46 Sheet 47 Sheet 48 Sheet 49 Sheet 50 Sheet 51 Sheet 52 Sheet 53 Sheet 54 Sheet 55 Sheet 56 Sheet 57 Sheet 58 Sheet 59 Sheet 60 Sheet 61 Sheet 62 Sheet 63 Sheet 64 Sheet 65 Sheet 66 Sheet 67 Sheet 68 Sheet 69 Sheet 70 Sheet 71 Sheet 72 Sheet 73 Sheet 74 Sheet 75 Sheet 76
Every citation, both waysCites: the store holds 28 of 29
| Document | Relation | Office | Cited during |
|---|---|---|---|
| CN118188150A | Cited by | China | Search report |
| JP2018106289A | Cited by | Japan | Search report |
| WO03062975A1 | Cites | World Intellectual Property Organization (WIPO) | Search report |
| WO03062976A1 | Cites | World Intellectual Property Organization (WIPO) | Search report |
| WO03062976A1 | Cites | World Intellectual Property Organization (WIPO) | Search report |
| WO03062976A1 | Cites | World Intellectual Property Organization (WIPO) | Search report |
| JP2000231371A | Cites | Japan | Search report |
| JP2003062975A | Cites | Japan | Search report |
| JP2004038895A | Cites | Japan | Search report |
| JP2004038895A | Cites | Japan | Search report |
| JP2004038895A | Cites | Japan | Search report |
| US2004237048A1 | Cites | United States of America | Search report |
| US2004237048A1 | Cites | United States of America | Search report |
| US2004237048A1 | Cites | United States of America | Search report |
| US2004250217A1 | Cites | United States of America | Search report |
| US2004250217A1 | Cites | United States of America | Search report |
| US2004250217A1 | Cites | United States of America | Search report |
| JP2005507112A | Cites | Japan | Search report |
| US6208342B1 | Cites | United States of America | Search report |
| US6208342B1 | Cites | United States of America | Search report |
| US6208342B1 | Cites | United States of America | Search report |
| US6600936B1 | Cites | United States of America | Search report |
| US6600936B1 | Cites | United States of America | Search report |
| US6600936B1 | Cites | United States of America | Search report |
| JPH09258947A | Cites | Japan | Search report |
| JPH09258947A | Cites | Japan | Search report |
| JPH09258947A | Cites | Japan | Search report |
| JPH11272391A | Cites | Japan | Search report |
| JPH11272391A | Cites | Japan | Search report |
| JPH11272391A | Cites | Japan | Search report |
| 山口 優: "お役立ちフリーウエア、シェアウエア情報 Pick Up ONLINEWARE 第23回", MDN, vol. 第146巻, JPN6018006112, 1 June 2006 (2006-06-01), JP, pages 1 - 5 | Non-patent | – | Search report |
| WHITEHOUSE,BEN, COVERFLOW:BETTER DIGITAL MUSIC NAVIGATION, JPN6018006114, 15 August 2005 (2005-08-15) | Non-patent | – | Search report |
| SAWYER,BRIAN, GET WITH THE COVERFLOW, JPN6018006113, 9 December 2005 (2005-12-09) | Non-patent | – | Search report |
76 members in 12 offices
Priority claims15
| Document | Office | Kind | Date |
|---|---|---|---|
| 60843832 | United States of America | – | |
| 84383206 | United States of America | P | |
| 84383206 | United States of America | P | |
| 60878746 | United States of America | – | |
| 87874607 | United States of America | P | |
| 87874607 | United States of America | P | |
| 11767409 | United States of America | – | |
| 76740907 | United States of America | A | |
| 76740907 | United States of America | A | |
| 11767409 | – | – | – |
| 60843832 | – | – | – |
| 60878746 | – | – | – |
| US20060843832P | – | – | – |
| US20070767409 | – | – | – |
| US20070878746P | – | – | – |
Members76
| Document | Office | Kind | |
|---|---|---|---|
| US2008062141A1 | United States of America | A1 | |
| US2008066016A1 | United States of America | A1 | |
| AU2007296558A1 | Australia | A1 | |
| CA2661200A1 | Canada | A1 | |
| CA2882403A1 | Canada | A1 | |
| WO2008033773A1 | World Intellectual Property Organization (WIPO) | A1 | |
| WO2008033853A2 | World Intellectual Property Organization (WIPO) | A2 | |
| WO2008033853A3 | World Intellectual Property Organization (WIPO) | A3 | |
| US2009002335A1 | United States of America | A1 | |
| AU2008101162A4 | Australia | A4 | |
| AU2008101164A4 | Australia | A4 | |
| AU2008101171A4 | Australia | A4 | |
| DE212007000053U1 | Germany | U1 | |
| DE202007018761U1 | Germany | U1 | |
| DE202007018762U1 | Germany | U1 | |
| KR20090040462A | Republic of Korea | A | |
| GB0905048D0 | United Kingdom | D0 | |
| GB0905084D0 | United Kingdom | D0 | |
| EP2064620A2 | European Patent Office (EPO) | A2 | |
| EP2064632A1 | European Patent Office (EPO) | A1 | |
| GB2455257A | United Kingdom | A | |
| DE112007002143T5 | Germany | T5 | |
| US2009172532A1 | United States of America | A1 | |
| GB2456928A | United Kingdom | A | |
| US2009198359A1 | United States of America | A1 | |
| CN101512473A | China | A | |
| US7581186B2 | United States of America | B2 | |
| CN101542479A | China | A | |
| AU2008101164B4 | Australia | B4 | |
| AU2008101171B4 | Australia | B4 | |
| AU2008101162B4 | Australia | B4 | |
| DE112007002133T5 | Germany | T5 | |
| US2009319949A1 | United States of America | A1 | |
| JP2010503130A | Japan | A | |
| KR20110020954A | Republic of Korea | A | |
| KR20110022742A | Republic of Korea | A | |
| EP2330517A2 | European Patent Office (EPO) | A2 | |
| EP2330517A3 | European Patent Office (EPO) | A3 | |
| GB201114592D0 | United Kingdom | D0 | |
| GB201114593D0 | United Kingdom | D0 | |
| GB2480573A | United Kingdom | A | |
| GB2480777A | United Kingdom | A | |
| AU2011250783A1 | Australia | A1 | |
| GB2455257B | United Kingdom | B | |
| GB2480573B | United Kingdom | B | |
| GB2480777B | United Kingdom | B | |
| KR101124913B1 | Republic of Korea | B1 | |
| KR20120098902A | Republic of Korea | A | |
| HK1164487A1 | Hong Kong, China | A1 | |
| HK1164506A1 | Hong Kong, China | A1 | |
| KR101191550B1 | Republic of Korea | B1 | |
| KR101191574B1 | Republic of Korea | B1 | |
| US8296656B2 | United States of America | B2 | |
| AU2011250783B2 | Australia | B2 | |
| KR101296055B1 | Republic of Korea | B1 | |
| US8564543B2 | United States of America | B2 | |
| US8587528B2 | United States of America | B2 | |
| EP2682851A1 | European Patent Office (EPO) | A1 | |
| US8736557B2 | United States of America | B2 | |
| JP2014112412A | Japan | A | |
| CN101512473B | China | B | |
| CN104238943A | China | A | |
| CA2661200C | Canada | C | |
| IN681KON2015A | India | A | |
| CN105183816A | China | A | |
| JP5869012B2 | Japan | B2 | |
| JP2016103286AThis record | Japan | A | |
| US9489106B2 | United States of America | B2 | |
| US2017010782A1 | United States of America | A1 | |
| JP6391602B2 | Japan | B2 | |
| CN105183816B | China | B | |
| US10133475B2 | United States of America | B2 | |
| JP2018185829A | Japan | A | |
| CN104238943B | China | B | |
| CA2882403C | Canada | C | |
| DE112007002133B4 | Germany | B4 |
18 legal events, as the office reported them to INPADOC
Over the term
Point at a mark for the eventEvents
| Event | Code | |
|---|---|---|
| Receipt of annual feesJAPANESE INTERMEDIATE CODE: R250R250 | R250 | |
| Receipt of annual feesJAPANESE INTERMEDIATE CODE: R250R250 | R250 | |
| Receipt of annual feesJAPANESE INTERMEDIATE CODE: R250R250 | R250 | |
| Receipt of annual feesJAPANESE INTERMEDIATE CODE: R250R250 | R250 | |
| Receipt of annual feesJAPANESE INTERMEDIATE CODE: R250R250 | R250 | |
| Certificate of patent or registration of utility modelJAPANESE INTERMEDIATE CODE: R150R150 | R150 | |
| First payment of annual fees (during grant procedure)JAPANESE INTERMEDIATE CODE: A61A61 | A61 | |
| Written decision to grant a patent or to grant a registration (utility model)JAPANESE INTERMEDIATE CODE: A01A01 | A01 | |
| Decision of grant or rejection writtenTRDD | TRDD | |
| Transfer to examiner for re-examination before appeal (zenchi)AppealJAPANESE INTERMEDIATE CODE: A911A911 | A911 | |
| Request for written amendment filedJAPANESE INTERMEDIATE CODE: A523A521 | A521 | |
| Decision of refusalJAPANESE INTERMEDIATE CODE: A02A02 | A02 | |
| Request for written amendment filedJAPANESE INTERMEDIATE CODE: A523A521 | A521 | |
| Notification of reasons for refusalJAPANESE INTERMEDIATE CODE: A131A131 | A131 | |
| Request for written amendment filedJAPANESE INTERMEDIATE CODE: A523A521 | A521 | |
| Written request for extension of timeJAPANESE INTERMEDIATE CODE: A601A601 | A601 | |
| Notification of reasons for refusalJAPANESE INTERMEDIATE CODE: A131A131 | A131 | |
| Report on retrievalJAPANESE INTERMEDIATE CODE: A971007A977 | A977 |
Numbers
- Publication
- 2016103286
- Publication, DOCDB
- 2016103286
- Publication, EPODOC
- JP2016103286
- Application
- 1259
- Application, DOCDB
- 2016001259
- Application, EPODOC
- JP20160001259
Titles2
- Japanese
- 画像ベースブラウジングを備えたメディアプレーヤ
- English
- Media player with image-based browsing
Classification
- CPC, 15
- G06F1/1694
- G06F3/0488
- G06F16/54
- G06F3/0483
- G06F3/04883
- G11B27/105
- G11B27/34
- G06F2203/0381
- G06F16/444
- G06F16/904
- G06F3/0482
- G06F3/041
- G06F3/0412
- G06F3/04845
- G06F2203/04104
- IPC, 3
- G06F3 0482
- G06F3 0483
- G06F3 0488