User interface for playback of live content items

Abstract

The invention relates to a user interface for playback of live content items. Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate controlling playback of live content items displayed in a playback user interface. Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate display of critical content corresponding to a live content item in a critical content user interface. Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate simultaneous display of multiple content items in a multi-view user interface. Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate displaying insights corresponding to content items displayed in a playback user interface.

Description

[0001] This application is a continuation of Chinese Patent Application No. 202380080419.X, filed September 23, 2023, entitled “User Interface for Playing Live Content Item,” which claims priority to U.S. Provisional Application No. 63 / 377,018, filed September 24, 2022, U.S. Provisional Application No. 63 / 506,087, filed June 4, 2023, and U.S. Provisional Application No. 63 / 584,860, filed September 22, 2023, the contents of which are incorporated by reference in their entirety for all purposes.

[0002] CROSS-REFERENCE TO RELATED APPLICATIONS

[0003] This application claims the benefit of U.S. Provisional Application No. 63 / 377,018, filed September 24, 2022, U.S. Provisional Application No. 63 / 506,087, filed June 4, 2023, and U.S. Provisional Application No. 63 / 584,860, filed September 22, 2023, the contents of which are incorporated by reference in their entirety for all purposes. TECHNICAL FIELD

[0004] The present disclosure generally relates to presenting information and user interfaces for controlling playback of a live content item on an electronic device. BACKGROUND

[0005] In recent years, user interaction with electronic devices has increased significantly. These devices can be devices such as computers, tablet computers, televisions, multimedia devices, mobile devices, and the like.

[0006] In some cases, such devices present live broadcast content items. In some cases, the electronic device presents information about the live broadcast content item in a user interface that is specific to the live broadcast content item. In some cases, a user wishes to efficiently control playback of the live broadcast content item. Enhancing these interactions can improve the user’s experience with the device and reduce user interaction time, which is particularly important in cases where the input device is powered by a battery. SUMMARY

[0007] Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate controlling playback of a live content item displayed in a playback user interface. Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate displaying highlights corresponding to a live content item in a highlights user interface. Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate displaying multiple content items simultaneously in a multi-view user interface. Some embodiments described in the present disclosure relate to one or more electronic devices that facilitate displaying insights corresponding to a content item displayed in a playback user interface. A full description of the embodiments is provided in the drawings and the detailed description, and it should be understood that the summary provided above does not limit the scope of the disclosure in any way.

[0008] It is well understood that the use of personally identifiable information should follow privacy policies and practices that are generally recognized as meeting or exceeding industry or governmental requirements for maintaining the privacy of users. In particular, personally identifiable information data should be managed and handled in a manner that minimizes risks from unauthorized or unintended access or use, and that is in accordance with industry or governmental requirements. In addition, users should be given the opportunity to opt in or opt out of data collection, sharing, profiling, and / or merging of data collection. BRIEF DESCRIPTION OF DRAWINGS

[0009] For a better understanding of various described implementations, reference should be made to the following detailed description taken in connection with the accompanying drawings in which like reference numerals refer to corresponding parts throughout the figures.

[0010] Figure 1A is a block diagram illustrating a portable multifunctional device having a touch-sensitive display in accordance with some implementations.

[0011] Figure 1B is a block diagram illustrating example components for event processing in accordance with some implementations.

[0012] Figure 2 is a block diagram illustrating a portable multifunctional device having a touch screen in accordance with some implementations.

[0013] Figure 3 is a block diagram of an example multifunctional device with a display and a touch-sensitive surface in accordance with some implementations.

[0014] Figure 4A is a block diagram illustrating an example user interface for a menu of applications on a portable multifunctional device in accordance with some implementations.

[0015] Figure 4B is a block diagram illustrating an example user interface for a multifunctional device with a display that is separate from a touch-sensitive surface in accordance with some implementations.

[0016] Figures 5A to 5C is a block diagram illustrating an example architecture for a device in accordance with some implementations of the present disclosure.

[0017] Figures 6A to 6000 is an example way for an electronic device to facilitate controlling playback of a live content item displayed in a playback user interface in accordance with some implementations of the present disclosure.

[0018] Figure 7 is a flow diagram illustrating a method of facilitating controlling playback of a live content item displayed in a playback user interface in accordance with some implementations.

[0019] Figures 8A to 8BB is an example way for an electronic device to facilitate interacting with key content corresponding to a live content item displayed in a key content user interface in accordance with some implementations of the present disclosure.

[0020] Figures 9A to 9B is a flow chart illustrating a method of facilitating interaction with key content corresponding to a live content item displayed in a key content user interface, according to some embodiments of the present disclosure.

[0021] 10A to 10T Illustrated are exemplary ways in which electronic devices according to some embodiments of the present disclosure facilitate displaying insights corresponding to content items displayed in a playback user interface.

[0022] Figure 11 is a flow chart illustrating a method of facilitating interaction with a content item displayed in a multi-view viewing mode according to some embodiments of the present disclosure.

[0023] FIG. 12A to FIG. 12B is a flow diagram illustrating a method 1200 of facilitating display of insights corresponding to a content item displayed in a playback user interface, according to some embodiments of the present disclosure. DETAILED DESCRIPTION

[0024] The following description sets forth exemplary methods, parameters, etc. However, it should be recognized that such description is not intended to limit the scope of the present disclosure, but is provided as a description of exemplary embodiments.

[0025] A need exists for an electronic device that provides an efficient method for controlling the playback of a live content item displayed in a playback user interface. In some embodiments, an electronic device displays a live content item in a playback user interface configured to playback content. In some embodiments, when the live content item is displayed in the playback user interface, the electronic device receives a first input corresponding to a request to display one or more controls for controlling the playback of the live content item. In some embodiments, in response to receiving the first input, the electronic device simultaneously displays a scrubbing bar and a visual indicator in the playback user interface overlaid on the live content item. In some embodiments, when the scrubbing bar and the visual indicator are displayed in the playback user interface, the electronic device receives a second input corresponding to a request to scrub through the live content item. In some embodiments, in response to receiving the second input, the electronic device updates the current playback location in the live content item according to the input and changes the visual state of the visual indicator displayed in the playback user interface. Such technology can alleviate the cognitive burden of users using such devices. In addition, such technology can reduce processor power and battery power that would otherwise be wasted on redundant user input.

[0026] There is a need for an electronic device that provides an efficient method for interacting with key content corresponding to a content item. In some embodiments, the electronic device displays a user interface associated with playback of the content item. In some embodiments, while displaying the user interface, the electronic device receives an input corresponding to a request to display key content corresponding to the content item. In some embodiments, the key content corresponding to the content item includes a key content sequence associated with a playback position sequence within the content item. In some embodiments, in response to receiving the input, the electronic device displays first key content corresponding to the content item in the key content user interface. In some embodiments, while the first key content is displayed in the key content user interface, the electronic device detects that an event has occurred. In some embodiments, in response to detecting that the event has occurred, based on determining that the detected event includes an input corresponding to a request to navigate forward in the key content sequence, the electronic device transitions from displaying the first key content to displaying the second key content in the key content user interface. In some embodiments, based on determining that the detected event includes an input corresponding to a request to play the content item, the electronic device initiates playback of the content item from a predetermined playback position within the live content item. Such techniques can reduce the cognitive burden on users using such devices. Additionally, such techniques can reduce processor power and battery power that would otherwise be wasted on redundant user input.

[0027] There is a need for an electronic device that provides an efficient method for simultaneously displaying content items in a multi-view user interface. In some embodiments, the electronic device displays a first live content item in a playback user interface configured to play back content. In some embodiments, while displaying the first live content item in the playback user interface, the electronic device receives a sequence of one or more inputs corresponding to a request to view the first live content item and a second live content item in the multi-view user interface. In some embodiments, in response to receiving the sequence of one or more inputs, the electronic device simultaneously displays the first live content item at a first size and the second live content item at a second size in a playback area of ​​the multi-view user interface. In some embodiments, while simultaneously displaying the first live content item and the second live content item in the multi-view user interface, the electronic device detects that a threshold amount of time has elapsed since the first live content item and the second live content item were displayed in the multi-view user interface, and no intervening inputs have been detected. In some embodiments, in response to detecting that the threshold amount of time has elapsed, the electronic device updates the display of the first live content item and the second live content item in the playback area to a third size that is different from the first size and the second size. Such techniques can reduce the cognitive burden on users using such devices. Additionally, such techniques can reduce processor power and battery power that would otherwise be wasted on redundant user input.

[0028] There is a need for an electronic device that provides an efficient method of facilitating display of insights corresponding to playback of a content item with a live content item displayed in a playback user interface. In some embodiments, the electronic device displays a live content item in a playback user interface configured to play back content. In some embodiments, while the live content item is displayed in the playback user interface, the electronic device receives a first input corresponding to a request to display one or more controls for controlling playback of the live content item. In some embodiments, in response to receiving the first input, the electronic device concurrently displays a scrubber and a first option that is selectable to display information corresponding to the live content item. In some embodiments, while the scrubber and the first option are displayed in the playback user interface, the electronic device receives a second input corresponding to selection of the first option. In some embodiments, in response to receiving the second input, the electronic device displays first information corresponding to the live content item in the playback user interface. In some embodiments, while the first information is displayed in the playback user interface, the electronic device receives a third input corresponding to a request to scroll in the playback user interface. In some embodiments, in response to receiving the third input, the electronic device displays the live content item in a minimized state in the playback user interface and updates the first information to include insights corresponding to the live content item. Such techniques can reduce the cognitive burden on a user using such a device. Further, such techniques can reduce processor and battery power that would otherwise be wasted on redundant user inputs.

[0029] Although the following description uses the terms "first," "second," etc. to describe various elements, these elements should not be limited by the terms. These terms are only used to distinguish one element from another. For example, a first touch can be named a second touch and, similarly, a second touch can be named a first touch without departing from the scope of the various described embodiments. The first touch and the second touch are both touches, but they are not the same touch.

[0030] The terminology used in the description of the various described embodiments herein is for the purpose of describing particular embodiments only and is not intended to be limiting. As used in the description of the various described embodiments and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will also be understood that the term "and / or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items. It will be further understood that the terms "comprises" and / or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and / or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and / or groups thereof.

[0031] The term "if' is optionally construed to mean "when" or "upon" or "in response to determining" or "in response to detecting," depending on the context. Similarly, the phrase "if it is determined" or "if [a stated condition or event] is detected" is optionally construed to mean "upon determining" or "in response to determining" or "upon detecting [the stated condition or event]" or "in response to detecting [the stated condition or event]," depending on the context.

[0032] Embodiments of electronic devices, user interfaces for such devices, and associated processes for using such devices are described. In some embodiments, the device is a portable communications device, such as a mobile telephone, that also contains other functions, such as PDA and / or music player functions. Exemplary embodiments of portable multifunction devices include, without limitation, the iPhone®, iPod Touch®, and iPad® devices from Apple Inc. of Cupertino, California. Other exemplary embodiments can include a device, an iPod device, and an device. Other portable electronic devices, such as laptops or tablet computers with touch-sensitive surfaces (e.g., touch-screen displays and / or touchpads), are, optionally, used. It should also be understood that, in some embodiments, the device is not a portable communication device, but is a desktop computer with a touch-sensitive surface (e.g., a touch-screen display and / or a touchpad).

[0033] In the discussion that follows, an electronic device that includes a display and a touch-sensitive surface is described. It should be understood, however, that the electronic device optionally includes one or more other physical user-interface devices, such as a physical keyboard, a mouse and / or a joystick.

[0034] The device typically supports a variety of applications, such as one or more of the following: a drawing application, a presentation application, a word processing application, a website creation application, a disk authoring application, a spreadsheet application, a game application, a telephone application, a video conferencing application, an e-mail application, an instant messaging application, a workout support application, a photo management application, a digital camera application, a digital video camera application, a web browsing application, a digital music player application, and / or a digital video player application.

[0035] Various applications executing on the device optionally use at least one common physical user-interface device, such as a touch-sensitive surface. One or more functions of the touch-sensitive surface, as well as corresponding information displayed on the device, are, optionally, adjusted and / or changed based on the application being used. In this way, the user interface of the device is adaptable to change based on whether the device is, for example, locked, unlocked, or active, among other examples. User-interface changes that are, optionally, implemented include changes to the visual appearance, audible output, haptic feedback, as well as changes to the information that is presented for display.

[0036] Attention is now directed to embodiments of portable devices with touch-sensitive displays. Figure 1A is a block diagram illustrating portable multifunction device 100 with touch-sensitive display system 112, in accordance with some embodiments. Touch- sensitive display 112 is sometimes called a "touch screen" for convenience and is sometimes called a "touch-sensitive display system." Device 100 includes memory 102 (which optionally includes one or more computer-readable storage mediums), memory controller 122, one or more processing units (CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, input / output (I / O) subsystem 106, other input control devices 116, and external port 124. Device 100 optionally includes one or more optical sensors 164. Device 100 optionally includes one or more contact intensity sensors 165 for detecting intensity of contacts on device 100 (e.g., a touch-sensitive surface such as touch- sensitive display system 112 of device 100). Device 100 optionally includes one or more tactile output generators 167 for generating tactile outputs on device 100 (e.g., tactile outputs on a touch-sensitive surface such as touch- sensitive display system 112 of device 100 or touchpad 355 of device 300). These components optionally communicate over one or more communication buses or signal lines 103.

[0037] As used in the specification and claims, the term "intensity" of a contact on a touch- sensitive surface refers to the force or pressure (force per unit area) of a contact (e.g., a finger contact) on the touch- sensitive surface, or a proxy for the force or pressure of the contact on the touch- sensitive surface. The intensity of a contact has a range of values that includes at least four distinct values and more typically includes hundreds of distinct values (e.g., at least 256). Intensity of a contact is, optionally, determined (or measured) using various approaches and various sensors or combinations of sensors. For example, one or more force sensors underneath (or adjacent to) the touch- sensitive surface optionally are used to measure force at various points on the touch- sensitive surface. In some implementations, force measurements from multiple force sensors are combined (e.g., a weighted average) to determine an estimated force. Similarly, a pressure- sensitive tip of a stylus is, optionally, used to determine a pressure of the stylus on the touch- sensitive surface. Alternatively, resistance changes of the touch- sensitive surface are used to determine the intensity of a contact. In some implementations, the intensity of a contact is determined using a combination of the force and pressure sensors. Contact intensity is, optionally, determined using any (or combinations of) the following methods: 1) Absolute pressure measurement, 2) Change in electrical resistance across the contact, 3) Detection of indentation created by the contact, 4) Force change of sensors underneath (or adjacent to) the touch- sensitive surface, or 5) Any combination of the above.

[0038] As used in the specification and claims, the term "tactile output" refers to physical displacement of a device relative to a previous positioning of that device by a user with the user's sense of touch, physical displacement of a component (e.g., a touch-sensitive surface) of a device relative to another component (e.g., a housing) of that device, or displacement of that component relative to a center of mass of the device that will be detected by a user with the user's sense of touch. For example, in situations where the device or the component of the device is in contact with a surface (e.g., a surface of a finger, palm, or other part of a user's hand), the tactile output generated by physical displacement will be interpreted by the user as a tactile sensation corresponding to a perceived change in physical characteristics of the device or the component of the device. For example, movement of a touch-sensitive surface (e.g., a touch- sensitive display or trackpad) is optionally interpreted by a user as a "down click" or "up click" of a physical button even if there is no physical button in physical contact with the touch-sensitive surface. In some cases, a user will feel a tactile sensation such as an "down click" or "up click" even if there is no physical actuator in physical contact with the touch-sensitive surface to be depressed (e.g., to be physically displaced). As another example, movement of the touch-sensitive surface is optionally interpreted or sensed by a user as a "roughness" of the touch-sensitive surface even if the roughness of the touch-sensitive surface does not change. While such interpretations of touch by a user will be subject to the individualized sensory perceptions of the user, there are many tactile sensations that are commonly perceived by most users. According to such interpretations of touch, when a tactile output is described as corresponding to a particular sensory perception of a user (e.g., "down click," "up click," "roughness"), the generated tactile output corresponds to physical displacement of the device or a component thereof that will generate the described sensory perception for a typical (or average) user unless otherwise stated.

[0039] It should be appreciated that device 100 is only one example of a portable multifunctional device, and that device 100 optionally has more or fewer components than shown, optionally combines two or more components, or optionally has a different configuration or arrangement of the components. Figure 1A The various components illustrated in FIG. 1 can be implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing and / or application specific integrated circuits.

[0040] Memory 102 optionally includes high-speed random access memory and can also include nonvolatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other nonvolatile solid-state storage devices. Memory controller 122 optionally controls access to memory 102 by other components of device 100.

[0041] Peripheral device interface 118 can be used to couple the input peripherals and output peripherals of the device to CPU 120 and memory 102. One or more processors 120 run or execute various software programs and / or instruction sets stored in memory 102 to perform various functions of device 100 and process data. In some embodiments, peripheral device interface 118, CPU 120, and memory controller 122 are optionally implemented on a single chip (such as chip 104). In some other embodiments, they are optionally implemented on separate chips.

[0042] RF (radio frequency) circuitry 108 receives and transmits RF signals, also known as electromagnetic signals. RF circuitry 108 converts electrical signals into / from electromagnetic signals and communicates with a communication network and other communication devices via the electromagnetic signals. RF circuitry 108 optionally includes well-known circuitry for performing these functions, including but not limited to an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a codec chipset, a subscriber identity module (SIM) card, memory, and the like. RF circuitry 108 optionally communicates with networks and other devices via wireless communications, such as the Internet (also known as the World Wide Web (WWW)), intranets, and / or wireless networks (such as cellular telephone networks, wireless local area networks (LANs), and / or metropolitan area networks (MANs)). RF circuitry 108 optionally includes well-known circuitry for detecting near-field communication (NFC) fields, such as via a short-range communication radio. The wireless communication optionally uses any of a variety of communication standards, protocols and technologies, including, but not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), High Speed ​​Downlink Packet Access (HSDPA), High Speed ​​Uplink Packet Access (HSUPA), Evolution, Data Only (EV-DO), HSPA, HSPA+, Dual Cell HSPA (DC-HSPDA), Long Term Evolution (LTE), Near Field Communication (NFC), Wideband Code Division Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11d), IEEE 802.11e, IEEE 802.11f, IEEE 802.11g, IEEE 802.11g), IEEE 802.11f, IEEE 802.11g ... 11n and / or IEEE 802.11ac), Voice over Internet Protocol (VoIP), Wi-MAX, email protocols (e.g., Internet Message Access Protocol (IMAP) and / or Post Office Protocol (POP)), instant messaging (e.g., Extensible Messaging and Presence Protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)) and / or Short Message Service (SMS), or any other suitable communication protocol, including communication protocols not yet developed as of the filing date of this document.

[0043] Audio circuitry 110, speaker 111, and microphone 113 provide an audio interface between a user and device 100. Audio circuitry 110 receives audio data from peripherals interface 118, converts the audio data to Figure 2 an electrical signal, and transmits the electrical signal to speaker 111. Speaker 111 converts the electrical signal to human-audible sound waves. Audio circuitry 110 also receives electrical signals converted by microphone 113 from sound waves. Audio circuitry 110 converts the electrical signal to audio data and transmits the audio data to peripherals interface 118 for processing. Audio data is, optionally, retrieved from and / or transmitted to memory 102 and / or RF circuitry 108 by peripherals interface 118. In some embodiments, audio circuitry 110 also includes a headset jack (e.g., 212 in FIG. 2). The headset jack provides an interface between audio circuitry 110 and removable audio input / output peripherals such as output-only headphones or a headset with both output (e.g., stereo

[0044] I / O subsystem 106 couples input / output peripherals on device 100, such as touch screen 112 and other input control devices 116, with peripherals interface 118. I / O subsystem 106 optionally includes display controller 156, optical sensor controller 158, intensity sensor controller 159, haptic feedback controller 161, and one or more input controllers 160 for other input or control devices. The one or more input controllers 160 receive and / or Figure 2 process electrical signals from the other input control devices 116. The other input control devices 116 optionally include physical buttons (e.g., 208 in FIG. 2), dials, slider switches, joysticks, click wheels, and so on. In some alternate embodiments, input controller(s) 160 optionally Figure 2 are, optionally, coupled to any (or none) of the following: a keyboard, infrared port, USB port, and a pointer device such as a mouse. The one or more buttons (e.g., 206 in FIG. 2) optionally include an up / down button for

[0045] A quick press of the down button optionally disengages a lock of touch screen 112 or optionally begins a process that uses a gesture on the touch screen to unlock the device, as described in U.S. Patent Application 11 / 322,549 (U.S. Patent No. 7,657,849), “Unlocking a Device by Performing Gestures on an Unlock Image,” filed December 23, 2005, which is hereby incorporated by reference in its entirety. A longer press of the down button (e.g., 206) optionally turns power to device 100 on or off. The functionality of one or more of these buttons is optionally made user-customizable by mapping of one or more buttons to key commands. Touch screen 112 is used to implement virtual or soft buttons and one or more soft keyboards.

[0046] Touch-sensitive display 112 provides an input interface and an output interface between device and user. Display controller 156 receives and / or sends electrical signals from / to touch screen 112. Touch screen 112 displays visual output to the user. The visual output optionally includes graphics, text, icons, video, and any combination thereof (collectively termed “graphics”). In some embodiments, some or all of the visual output corresponds to user-interface objects.

[0047] Touch screen 112 has a touch-sensitive surface, sensor, or set of sensors that accepts input from the user based on haptic and / or tactile contact. Touch screen 112 and display controller 156 (along with any associated modules and / or sets of instructions in memory 102) detect contact (and any movement or breaking of the contact) on touch screen 112 and convert the detected contact into interaction with user-interface objects (e.g., one or more soft keys, icons, web pages, or images) that are displayed on touch screen 112. In an exemplary embodiment, a point of contact between touch screen 112 and the user corresponds to a finger of the user.

[0048] Touch screen 112 optionally uses LCD (liquid crystal display) technology, LPD (light emitting polymer display) technology, or LED (light emitting diode) technology, although other display technologies are used in other embodiments. Touch screen 112 and display controller 156 optionally use and iPod technology used in the iPod.

[0049] The touch-sensitive display of some embodiments of the touch screen 112 is, optionally, analogous to the multi-touch- sensitive touchpad described in the following U.S. Patents: 6,323,846 (Westerman et al.), 6,570,557 (Westerman et al.), and / or 6,677,932 (Westerman et al.), and / or U.S. Patent Publication 2002 / 0015024 Al, each of which is hereby incorporated by reference in its entirety. However, the touch screen 112 displays visual output from the device 100, whereas a touch-sensitive touchpad does not provide visual output.

[0050] The touch-sensitive display in some embodiments of touch screen 112 is described in the following applications: (1) U.S. Patent Application No. 11 / 381,313, "Multipoint Touch Surface Controller," filed May 2, 2006; (2) U.S. Patent Application No. 10 / 840,862, "Multipoint Touchscreen," filed May 6, 2004; (3) U.S. Patent Application No. 10 / 903,964, "Gestures For Touch Sensitive Input Devices," filed July 30, 2004; (4) U.S. Patent Application No. 11 / 048,264, "Gestures For Touch Sensitive Input Devices," filed January 31, 2005; (5) U.S. Patent Application No. 11 / 038,590, "Mode-Based Graphical User Interfaces For Touch Sensitive Input Devices," filed January 18, 2005; (6) U.S. Patent Application No. 11 / 228,758, "Virtual Input Device Placement On A Touch Screen User Interface," filed September 16, 2005; (7) U.S. Patent Application No. 11 / 228,700, "Operation Of A Computer With A Touch Screen Interface," filed September 16, 2005; (8) U.S. Patent Application No. 11 / 228,737, "Activating Virtual Keys Of A Touch-Screen Virtual Keyboard," filed September 16, 2005; and (9) U.S. Patent Application No. 11 / 367,749, "Multi-Functional Hand-Held Device," filed March 3, 2006. All of these applications are hereby incorporated by reference in their entirety into this document.

[0051] Touch screen 112 optionally has a video resolution in excess of 100 dpi. In some embodiments, the touch screen has a video resolution of approximately 160 dpi. The user optionally makes contact with touch screen 112 using any suitable object or appendage, such as a stylus, finger, and the like. In some embodiments, the user interface is designed to work primarily with finger-based contacts and gestures, which can be less precise than stylus-based input due to the larger object area of a finger

[0052] In some embodiments, device 100 is a portable computing system that is in communication (e.g., via wireless communication, via wired communication) with a display generation component. The display generation component is configured to provide visual output, such as display via a CRT display, display via an LED display, or display via image projection. In some embodiments, the display generation component (e.g., an integrated display, touch screen 112, etc.) is integrated with the computer system. In some embodiments, the display generation component (e.g., an external monitor, a projection system, etc.) is separate from the computer system. As used herein, “displaying” content includes displaying content (e.g., video data rendered or decoded by display controller 156) by sending data (e.g., image data or video data) to an integrated or external display generation component via a wired or wireless connection to visually produce the content.

[0053] In some embodiments, in addition to touch screen, device 100 optionally includes a touchpad (not shown) for activating or deactivating particular functions. In some embodiments, the touchpad is a touch-sensitive area of the device that, unlike the touch screen, does not display visual output. The touchpad is optionally a touch- sensitive surface that is separate from the touch screen 112 or an extension of the touch-sensitive surface formed by the touch screen.

[0054] Device 100 also includes power system 162 for powering the various components of device 100. Power system 162 optionally includes a power management system, one or more power sources (e.g., battery, alternating current (AC)), a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator (e.g., a light-emitting diode (LED)) and any other components associated with the generation, management and distribution of power for portable devices.

[0055] Device 100 optionally also includes one or more optical sensors 164. Figure 1AAn optical sensor coupled to optical sensor controller 158 in I / O subsystem 106 is shown. The optical sensor 164 optionally includes charge coupled device (CCD) or complementary metal-oxide semiconductor (CMOS) optical phototransistors. The optical sensor 164 receives light from the environment, projected through one or more lens, and converts the light to data representing an image. In conjunction with an imaging module 143 (also called a camera module), the optical sensor 164 optionally captures still images or video. In some embodiments, an optical sensor is located on the back of device 100, opposite the touch screen display 112 on the front of the device, so that the touch screen display is enabled for use as a viewfinder for still image and / or video image acquisition. In some embodiments, an optical sensor is located on the front of the device so that the device is enabled for use as a video conferencing device. In some embodiments, the location of the optical sensor 164 can be changed by the user (e.g., by rotating the lens and the sensor in the device housing so that a single optical sensor 164 together with the touch screen display is used for both video conferencing and still and / or video image acquisition.

[0056] Device 100 optionally also includes one or more contact intensity sensors 165. Figure 1A A contact intensity sensor coupled to intensity sensor controller 159 in I / O subsystem 106 is shown. The contact intensity sensor 165 optionally includes one or more piezoresistive strain gauges, capacitive force sensors, electric force sensors, piezoelectric force sensors, optical force sensors, capacitive touch-sensitive surfaces, or other intensity sensors (e.g., sensors used to measure the force (or pressure) of a contact

[0057] Device 100 optionally also includes one or more proximity sensors 166. Figure 1AA proximity sensor 166 coupled to the peripherals interface 118 is shown. The proximity sensor 166 is optionally coupled to the contact intensity sensor 165. The proximity sensor 166 optionally performs as described in U.S. Patent Application Nos. 11 / 241,839, "Proximity Detector In Handheld Device"; 11 / 240,788, "Proximity Detector In Handheld Device"; 11 / 620,702, "Using Ambient Light Sensor To Augment Proximity Sensor Output"; 11 / 586,862, "Automated Response To And Sensing Of User Activity In Portable Devices"; and 11 / 638,251, "Methods And Systems For Automatic Configuration Of Peripherals," which are hereby incorporated by reference in their entirety. In some embodiments, the proximity sensor turns off and disables the touch screen 112 when the multifunction device is placed near the user's ear (e.g., when the user is making a phone call).

[0058] The device 100 optionally also includes one or more tactile output generators 167. Figure 1A Tactile output generators coupled to the haptic feedback controller 161 in the I / O subsystem 106 are shown. The tactile output generators 167 optionally include one or more electroacoustic devices such as speakers or other audio components and / or electromechanical devices such as a motor, a solenoid, an electroactive polymer, a piezoelectric actuator, an electrostatic actuator or other tactile output generation components (e.g., components for converting electrical signals into tactile outputs on the device). The contact intensity sensor 165 receives tactile feedback generation instructions from the haptic feedback module 133 and generates tactile outputs on the device 100 that are capable of being sensed by a user of the device 100. In some embodiments, at least one tactile output generator is collocated with, or proximate to, a touch-sensitive surface (e.g., a touch- sensitive display screen 112) and, optionally, generates a tactile output by moving the touch-sensitive surface vertically (e.g., in / out of a surface of a device 100) or laterally (e.g., back and forth in the same plane as a surface of the device 100). In some embodiments, at least one tactile output generator sensor is located on the back of a device 100, opposite to where contact intensity sensor 165 or touch screen display 112 is located on the front of the device 100.

[0059] Device 100 optionally also includes one or more accelerometers 168. Figure 1A An accelerometer 168 is coupled to peripherals interface 118. Alternatively, accelerometers 168 are, optionally, coupled to an input controller 160 in I / O subsystem 106. Accelerometer 168 optionally performs the functionality described in U.S. Patent

[0060] In some embodiments, the software components stored in memory 102 include an operating system 126, a communication module (or set of instructions) 128, a contact / motion module (or set of instructions) 130, a graphics module (or set of instructions) 132, a text input module (or set of instructions) 134, a Global Positioning System (GPS) module (or set of instructions) 135, and applications (or sets of instructions) 136. In some embodiments, memory 102 (or 370 Figure 1A ) or 370 Figure 3 stores a device / global internal state 157, as shown in FIGS. 1A Figure 1A and 1D. Device / global internal state 157 includes one or more of: active application state, indicating which applications, if any, are currently active; display state, indicating what, if anything, is currently being displayed by the Figure 3 various applications, views or other information occupying various regions of touch screen display 112; sensor state, including information obtained from the device's various sensors and input control devices 116; and location information regarding the

[0061] The operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS, WINDOWS, or an embedded operating system such as VxWorks) includes various software components and / or drivers for controlling and managing general system tasks (e.g., memory management, storage device control, power management, etc.) and facilitates wireless communications between various hardware components and software components.

[0062] The communication module 128 facilitates communication with other devices over one or more external ports 124 and also includes various software components for handling data received by the RF circuitry 108 and / or the external port 124. The external The communication module 128 facilitates communication with other devices over one or more external ports 124 and also includes various software components for handling data received by the RF circuitry 108 and / or the external port 124. The external

[0063] The contact / motion module 130 optionally detects contact with the touch screen 112 (in conjunction with the display controller 156) and other touch-sensitive devices (e.g., a touchpad or physical click wheel). The contact / motion module 130 includes various software components for performing various operations related to detection of contact, such as determining if contact has occurred (e.g., detecting a finger-down event), determining an intensity of the contact (e.g., the force or pressure of the contact or a substitute for the force or pressure of the contact), determining if movement has occurred (e.g., detecting a finger-dragging event), and determining a velocity (magnitude and / or direction), an acceleration (a change in magnitude and / or direction) of the movement, and / or a deceleration (a decrease in magnitude and / or a change in direction) of the movement (e.g., if a finger tapping event or a finger liftoff event was detected during a finger-dragging event). The contact / motion module 130 receives contact data from the touch screen 112. The determination of movement of the contact point is optionally based on data received by the touch screen 112. The contact / motion module 130 optionally detects contact with the touch screen 112 (in conjunction with the display controller 156) and other touch-sensitive devices (e.g., a touchpad or physical click wheel). The contact / motion module 130 includes various software components for performing various operations related to detection of contact, such as determining if contact has occurred (e.g., detecting a finger-down event), determining an intensity of the contact (e.g., the force or pressure of the contact or a substitute for the force or pressure of the contact), determining if movement has occurred (e.g., detecting a finger-dragging event), and determining a velocity (magnitude and / or direction), an acceleration (a change in magnitude and / or direction) of the movement, and / or a deceleration (a decrease in magnitude and / or a change in direction) of the movement (e.g., if a finger tapping event or a finger liftoff event was detected during a finger-dragging event). The contact / motion module 130 receives contact data from the touch screen 112. The determination of movement of the contact point is optionally based on data received by the touch screen 112.

[0064] In some embodiments, the contact / motion module 130 determines whether an operation has been performed by the user (e.g., determines whether the user has "clicked" an icon) using a set of one or more intensity thresholds. In some embodiments, at least a subset of the intensity thresholds are determined based on software parameters (e.g., the intensity thresholds are not determined by activation thresholds of particular physical actuators, and can be adjusted without changing the physical hardware of the device 100). For example, without changing the hardware of a touchpad or touch screen display, mouse "click" thresholds can be set to any of a large range of predefined thresholds. Additionally, in some implementations, the user of the device is provided with software settings for adjusting one or more of the set of intensity thresholds (e.g., by adjusting individual intensity thresholds and / or by adjusting multiple intensity thresholds at once with a system-wide click on a "strength" parameter).

[0065] The contact / motion module 130 optionally detects contact input by a user. Different gestures on the touch-sensitive surface have different motion profiles (e.g., different patterns of detected motion, timing, and / or intensity of contacts). Thus, a gesture is optionally detected by detecting a particular motion profile. For example, detecting a finger tap gesture includes detecting a finger down event followed by a finger up event at the same location (or substantially the same location) as the finger down event (e.g., at the location of an icon). As another example, detecting a finger swipe gesture on the touch-sensitive surface includes detecting a finger down event followed by one or more finger drag events, and subsequently detecting a finger up (lift off) event.

[0066] The graphics module 132 includes various known software components for rendering and displaying graphics on the touch screen 112 or other display, including components for changing the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual property) of graphics that are displayed. As used herein, the term "graphics" includes any object that can be displayed to a user, including without limitation text, web pages, icons (such as user-interface objects including soft keys), digital images, videos, animations, and the like.

[0067] In some embodiments, the graphics module 132 stores data representing graphics to be used. Each graphic is, optionally, assigned a corresponding code. The graphics module 132 receives, from applications etc., one or more codes specifying graphics to be displayed, and so generates screen image data for output to the display controller 156, along with, where necessary, coordinate data and other graphical property data.

[0068] Haptic feedback module 133 includes various software components for generating instructions used by haptic feedback generator 167 to produce tactile outputs at one or more locations on device 100 in response to user interactions with device 100.

[0069] Text input module 134, which is, optionally, a component of graphics module 132, provides soft keyboard to generate entered text, and supports

[0070] GPS module 135 determines the location of the device and provides this information for use in various applications (e.g., to telephone 138 for use in

[0071] Applications 136, optionally, include the following modules (or sets of instructions):

[0072] • contacts module 137 (sometimes referred to as an address book or contact list);

[0073] • telephone module 138;

[0074] • video conferencing module 139;

[0075] • e-mail client module 140;

[0076] • instant messaging (IM) module 141;

[0077] • fitness support module 142;

[0078] • camera module 143 for still and / or video images;

[0079] • image management module 144;

[0080] • video player module;

[0081] • music player module;

[0082] • browser module 147;

[0083] • calendar module 148;

[0084] • Widget modules 149, which optionally include one or more of: weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, and other widgets obtained by the user, as well as user-created widgets 149-6;

[0085] • A widget creator module 150 for creating the user-created widgets 149-6;

[0086] • A search module 151;

[0087] • A video and music player module 152, which merges video player module and music player module;

[0088] • A notes application 153;

[0089] • A maps module 154; and / or

[0090] • An online video module 155.

[0091] Examples of other applications 136 that can be stored on the storage 102 include other word processing applications, other image editing applications, a drawing application, presentation application, a JAVA-enabled application, an encryption application, a digital rights management application, a voice recognition and / or voice replication software application.

[0092] In conjunction with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the contacts module 137 are, optionally, used to manage a plurality of contacts stored in the memory 102, or in the application internals state 192 of the contacts module 137, for example. The plurality of contacts can comprise individuals (e.g., friends) with associated contact information, such as phone number, e-mail address, physical address, and the like. In some embodiments, the contacts module 137 is integrated into the operating system of the device 100. In some embodiments, the contacts module 137 includes both an individual contacts database, a corporate and contacts database, and / or a hybrid database, as desired. In some embodiments, the contacts module 137 includes other contact-related information, such as a picture, a nickname, a contact category (e.g., relative, friend, co-worker, and the like), a mean of communication, a group ID, and the like, for a contact.

[0093] In conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the telephone module 138 are, optionally, used to enter a sequence of characters corresponding to a telephone number, access one or more telephone numbers in the contacts module 137, modify a telephone number that has been entered, dial one or more telephone numbers, conduct a conversation, and disconnect or hang up when the conversation is completed. As described above, the wireless communication optionally uses any of a plurality of communications standards, protocols, and technologies.

[0094] In conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact / motion module 130, graphics module 132, text input module 134, contact list 137, and telephone module 138, video conference module 139 includes executable instructions to initiate, conduct, and terminate a video conference between a user and one or more other participants in accordance with user instructions.

[0095] In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, e-mail client module 140 includes executable instructions to create, send, receive, and manage e-mail in response to user instructions. In conjunction with image management module 144, e-mail client module 140 makes it very easy to create and send e-mails with still or video images taken with camera module 143.

[0096] In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the instant messaging module 141 includes executable instructions to enter a sequence of characters corresponding to an instant message, modify previously entered characters, transmit a respective instant message (for example, using a Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for a telephone-based instant message or using XMPP, SIMPLE, or IMPS for an Internet-based instant message), receive instant messages, and view received instant messages. In some embodiments, the sent and / or received instant messages optionally include graphics, photos, audio files, video files and / or other attachments as are supported in a MMS and / or an Enhanced Messaging Service (EMS). As used herein, "instant messaging" refers to both telephone-based messages (e.g., using SMS or MMS) and Internet-based messages (e.g., using XMPP, SIMPLE, or IMPS).

[0097] In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, map module 154, and music player module, the workout support module 142 includes executable instructions to create workouts (e.g., with time, distance, and / or calorie burning goals); communicate with workout sensors (sports devices); receive workout sensor data; calibrate sensors used to monitor a workout; select and play music for a workout; and display, store, and send workout data.

[0098] In combination with the touch screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact / motion module 130, graphics module 132 and image management module 144, the camera module 143 includes executable instructions for performing the following operations: capturing still images or videos (including video streams) and storing them in the memory 102, modifying the characteristics of the still images or videos, or deleting the still images or videos from the memory 102.

[0099] In conjunction with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and camera module 143, image management module 144 includes executable instructions for arranging, modifying (e.g., editing) or otherwise manipulating, marking, deleting, presenting (e.g., in a digital slideshow or album), and storing still images and / or video images.

[0100] In combination with the RF circuit 108, the touch screen 112, the display controller 156, the touch / motion module 130, the graphics module 132 and the text input module 134, the browser module 147 includes executable instructions for performing the following operations: browsing the Internet in accordance with user instructions, including searching for, linking to, receiving and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.

[0101] In combination with the RF circuit 108, the touch screen 112, the display controller 156, the touch / motion module 130, the graphics module 132, the text input module 134, the email client module 140 and the browser module 147, the calendar module 148 includes executable instructions for creating, displaying, modifying and storing a calendar and data associated with the calendar (e.g., calendar entries, to-do items, etc.) in accordance with user instructions.

[0102] In conjunction with the RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and browser module 147, the widget module 149 is a mini-application that is optionally downloaded and used by a user (e.g., weather widget 149-1, stock market widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-5) or created by a user (e.g., user-created widget 149-6). In some embodiments, a widget includes an HTML (Hypertext Markup Language) file, a CSS (Cascading Style Sheets) file, and a JavaScript file. In some embodiments, a widget includes an XML (Extensible Markup Language) file and a JavaScript file (e.g., a Yahoo! widget).

[0103] In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, and browser module 147, the widget creator module 150 are, optionally, used by a user to create widgets (e.g., turning a user-specified portion of a web page into a widget).

[0104] In conjunction with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the search module 151 includes executable instructions to search for text, music, sound, image, video, and / or other files in memory 102 that match one or more search criteria (e.g., one or more user-specified search terms) in accordance with user instructions.

[0105] In conjunction with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, and browser module 147, the video and music player module 152 includes executable instructions to play back recorded music and other sound files stored in one or more file formats, such as MP3 or AAC files, and executable instructions to display, present or otherwise play back videos (e.g., on touch screen 112 or on an external, connected display). In some embodiments, device 100 optionally includes the functionality of an MP3 player, such as an iPod (trademark of Apple Inc.).

[0106] In conjunction with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, and text input module 134, the note taking module 153 includes executable instructions to create and manage notes, to-do lists, and the like using a formatting style selected by the user (e.g., different fonts, colors, and / or

[0107] In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact / motion module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, the map module 154 is used to receive, display, modify, and store maps and data associated with maps (e.g., driving directions, data on stores and other points of interest at or near a particular location, and other location-based data) in accordance with user instructions.

[0108] In conjunction with touch screen 112, display controller 156, contact / motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, text input module 134, e-mail client module 140, and browser module 147, online video module 155 includes instructions for enabling user to access, browse, receive (e.g., by streaming and / or download), play back (e.g., on the touch screen or on an external, connected display via external port 124), send an e-mail with a link to a particular online video, and otherwise manage online videos in one or more file formats, such as H.264. In some embodiments, instant messaging module 141, rather than e-mail client module 140, is used to send a link to a particular online video. Additional description of the online video application can be found in U.S. Provisional Patent Application No. 60 / 936,562, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos,” and U.S. Patent Application No. 11 / 968,067, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos,” both of which were filed on June 20, 2007, the contents of which are hereby incorporated by reference in their entirety.

[0109] Each of the above-identified modules and applications corresponds to a set of executable instructions for performing one or more functions described above and the methods described in this application (e.g., the computer-implemented methods described herein and other information processing methods). These modules (e.g., sets of instructions) need not be implemented as separate software programs, procedures, or modules. Various subsets of these modules optionally combine or are re-arranged in various embodiments. For example, video and music player module 152 optionally combines the video player module and the music player module into a single module (e.g., media player module 152). In some embodiments, memory 102 optionally stores a subset of the modules and data structures identified above. Furthermore, memory 102 optionally stores additional modules and data structures not described above. Figure 1A

[0110] ​In some embodiments, device 100 is a device on which a predefined set of functions of the device are operated exclusively through touch screen and / or touchpad. By using a touch screen and / or touchpad as the primary input control devices for operating device 100, the number of physical input control devices (such as push buttons, dials, etc.) on device 100 is optionally reduced.

[0111] The predefined set of functions that are operated exclusively through touch screen and / or touchpad optionally includes navigation between user interfaces. In some embodiments, a touchpad, when touched by a user, navigates device 100 from any user interface displayed on device 100 to a main menu, home menu, or root menu. In such embodiments, the touchpad is used to implement a "menu button." In some other embodiments, the menu button is a physical push button or other physical input control device, rather than a touchpad.

[0112] Figure 1B FIG. 1 is a block diagram illustrating example components of a device for event handling in accordance with some embodiments. In some embodiments, memory 102 Figure 1A ) or memory 370 Figure 3 ) includes an event classifier 170 (e.g., in operating system 126) and respective applications 136-1 (e.g., any of the aforementioned applications 137-151, 155, 380-390).

[0113] Event classifier 170 receives event information and determines an application 136-1 and an application view 191 of the application 136-1 to which to deliver the event information. Event classifier 170 includes an event monitor 171 and an event dispatcher module 174. In some embodiments, an application 136-1 includes an application internal state 192 that indicates a current application view that is displayed on touch-sensitive display 112 when the application is active or executing. In some embodiments, device / global internal state 157 is used by event classifier 170 to determine which application(s) are currently active, and application internal state 192 is used by event classifier 170 to determine an application view 191 to which to deliver event information.

[0114] In some embodiments, application internal state 192 includes additional information, such as one or more of: resume information to be used when the application 136-1 resumes execution, user interface state information indicating that information is being displayed or is ready for display by the application 136-1, a state queue for enabling the user to return to a previous state or view of the application 136-1, and a repeat / undo queue of previous actions taken by the user.

[0115] The event monitor 171 receives event information from the peripherals interface 118. The event information includes information about sub-events (e.g., user touches on touch- sensitive display 112, movement of the user's finger on the touch- sensitive display 112 as part of a multi-touch gesture). The peripherals interface 118 sends events to the event monitor 171 from various input devices 4 and sensors. The event information is sent to the event monitor 171 by the peripherals interface 118.

[0116] In some embodiments, the event monitor 171 transmits a request to the peripherals interface 118 at predetermined intervals. In response, the peripherals interface 118 sends event information. In other embodiments, the peripherals interface 118 sends event information only when there are significant events (e.g., receiving input that is above a predetermined noise threshold and / or receiving input that exceeds a predetermined duration).

[0117] In some embodiments, the event classifier 170 also includes a hit view determination module 172 and / or an active event recognizer determination module 173.

[0118] When the touch-sensitive display 112 displays more than one view, the hit view determination module 172 provides a software process for determining where within one or more views a sub-event has occurred. A view is made up of controls and other elements that a user is able to see on the display.

[0119] Another aspect of a user interface associated with an application is a set of views, sometimes also referred to herein as an application view or a user interface window, in which information is displayed and touch-based gestures occur. The application view (of the respective application) in which a touch is detected optionally corresponds to a programmatic level within the application's programmatic or view hierarchy. For example, the lowest level view in which a touch is detected is optionally referred to as the hit view, and the set of events that are recognized as being correctly inputted is optionally determined based at least in part on the hit view of an initial touch that begins a touch-based gesture.

[0120] The hit view determination module 172 receives information related to sub-events of a touch-based gesture. When an application has multiple views that are organized in a hierarchy, the hit view determination module 172 identifies the hit view as the lowest view in the hierarchy that should be handled for a sub-event. In most cases, the hit view is the lowest level view in which an initiating sub-event (e.g., the first sub-event in a sequence of sub-events that form an event or a potential event) occurs. Once the hit view is identified by the hit view determination module 172, the hit view typically receives all sub-events related to the same touch or input source for which it was identified as the hit view.

[0121] The active event recognizer determination module 173 determines which view or views within the view hierarchy should receive a particular sub-event sequence. In some embodiments, the active event recognizer determination module 173 determines that only the hit view should receive a particular sub-event sequence. In other embodiments, the active event recognizer determination module 173 determines that all views that include a physical location that is touched by the touch sub-event are active participants and thus should receive the particular sub-event sequence. In yet other embodiments, even though a touch sub-event is completely confined to a region associated with one particular view, the higher-level view in the hierarchy will still be determined to be an active participant in the touch sub-event.

[0122] The event distributor module 174 distributes event information to event recognizers (e.g., event recognizers 180). In embodiments that include the active event recognizer determination module 173, the event distributor module 174 delivers event information to the event recognizers determined by the active event recognizer determination module 173. In some embodiments, the event distributor module 174 stores event information in an event queue that is retrieved by the respective event receivers 182.

[0123] In some embodiments, the operating system 126 includes the event classifier 170. Alternatively, the application 136-1 includes the event classifier 170. In yet other embodiments, the event classifier 170 is a standalone module or part of another module stored in the memory 102, such as the contact / motion module 130.

[0124] In some embodiments, application 136-1 includes a plurality of event handlers 190 and one or more application views 191, each of which includes instructions for handling touch events that occur within a respective view of the user interface of the application. Each application view 191 of application 136-1 includes one or more event recognizers 180. Typically, a respective application view 191 includes a plurality of event recognizers 180. In other embodiments, one or more of event recognizers 180 are part of a separate module, such as a user interface toolkit (not shown) or a higher level object from which the application 136-1 inherits methods and other attributes. In some embodiments, a respective event handler 190 includes one or more of a data updater 176, an object updater 177, a GUI updater 178, and / or event data 179 received from event sorter 170. Event handler 190 optionally utilizes or calls for use of the data updater 176, object updater 177, or GUI updater 178 to update the application internal state 192. Alternatively, one or more of event handler 190, data updater 176, object updater 177, and GUI updater 178, can be included in one or more components of application 136-1 and / or external to application 136-1.

[0125] A respective event recognizer 180 receives event information (e.g., event data 179) from event sorter 170 and, based on the event information, identifies events. Event recognizers 180 include event receivers 182 and event comparators 184. In some embodiments, event recognizers 180 also include at least a subset of metadata 183 and event delivery instructions 188 (which optionally include sub-event delivery instructions).

[0126] Event receiver 182 receives event information from event sorter 170. The event information includes information about sub-events such as touch or touch movement. Additionally, the event information also includes information about the location of the sub-event. When the sub-event involves a touch by a finger, then event information optionally includes finger ID information which identifies the finger that performed the touch. According to some embodiments, event information additionally comprises or comprises only information to make a determination of the current device orientation (also called device attitude) and the event information is used to update the device orientation.

[0127] Event comparator 184 compares event information to predefined event or sub-event definitions and determines an event or sub-event, or a status of an event or sub-event, based on the comparison. In some embodiments, event comparator 184 includes event definitions 186. Event definitions 186 contain definitions of events (e.g., predefined sequences of sub-events), such as event 1 (187-1), event 2 (187-2), and so forth. In some embodiments, sub-events in an event (187) include, for example, touch begin, touch end, touch move, touch cancel, and multi-touch. In one example, the definition of event 1 (187-1) is a double tap on a displayed object. For example, a double tap includes a first touch (touch begin) on a displayed object for a predetermined duration, a first lift off (touch end) for a predetermined duration, a second touch (touch begin) on the displayed object for a predetermined duration, and a second lift off (touch end) for a predetermined duration. In another example, the definition of event 2 (187-2) is a drag on a displayed object. For example, a drag includes a touch (or contact) on a displayed object for a predetermined duration, movement of the touch on the touch-sensitive display 112, and a lift off of the touch (touch end). In some embodiments, an event also includes information for one or more associated event handlers 190.

[0128] In some embodiments, event definitions 187 include definitions of events for respective user interface objects. In some embodiments, event comparator 184 performs a hit test to determine which user interface object is associated with a sub-event. For example, in an application view that displays three user interface objects on touch-sensitive display 112, when a touch is detected on touch-sensitive display 112, event comparator 184 performs a hit test to determine which of the three user interface objects is associated with the touch (sub-event). If each displayed object is associated with a respective event handler 190, event comparator uses the results of the hit test to determine which event handler 190 should be activated. For example, event comparator 184 selects the event handler that is associated with the sub-event and the object that triggered the hit test.

[0129] In some embodiments, the definition of a respective event (187) also includes a deferred action that delays delivery of event information until it has been determined that a sequence of sub-events does or does not correspond to an event type of the event recognizer.

[0130] When a respective event recognizer 180 determines that a sub-event sequence does not match any event in the event definitions 186, the respective event recognizer 180 enters an event impossible, event failed, or event ended state, after which subsequent sub-events of the touch-based gesture are ignored. In this case, other event recognizers (if any) that remain active for the hit view continue to track and process sub-events of the ongoing touch-based gesture.

[0131] In some embodiments, the respective event recognizers 180 include metadata 183 with configurable properties, flags, and / or lists that indicate how the event delivery system should perform sub-event delivery to the actively engaged event recognizer. In some embodiments, the metadata 183 includes configurable properties, flags, and / or lists that indicate how the event recognizers interact or are able to interact with each other. In some embodiments, the metadata 183 includes configurable properties, flags, and / or lists that indicate whether sub-events are delivered to different levels in a view or programmatic hierarchy.

[0132] In some embodiments, when one or more particular sub-events of an event are recognized, the respective event recognizer 180 activates an event handler 190 associated with the event. In some embodiments, the respective event recognizer 180 delivers event information associated with the event to the event handler 190. Activating an event handler 190 is distinct from passing (and deferring passing) sub-events to the respective hit view. In some embodiments, the event recognizer 180 throws a flag associated with the recognized event, and an event handler 190 associated with the flag picks up the flag and performs a predefined process.

[0133] In some embodiments, the event delivery instructions 188 include sub-event delivery instructions that deliver event information about a sub-event without activating an event handler. Instead, the sub-event delivery instructions deliver the event information to an event handler associated with the sub-event sequence or to the actively engaged view. The event handler associated with the sub-event sequence or with the actively engaged view receives the event information and performs a predetermined process.

[0134] In some embodiments, the data updater 176 creates and updates data used in the application 136-1. For example, the data updater 176 updates the phone number used in the contacts module 137, or stores a video file used in the video player module. In some embodiments, the object updater 177 creates and updates objects used in the application 136-1. For example, the object updater 177 creates a new user interface object or updates the position of a user interface object. The GUI updater 178 updates the GUI. For example, the GUI updater 178 prepares display information and sends it to the graphics module 132 for display on the touch-sensitive display.

[0135] In some embodiments, event handler 190 includes or has access to data updater 176, object updater 177, and GUI updater 178. In some embodiments, data updater 176, object updater 177, and GUI updater 178 are included in a single module of application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

[0136] It should be understood that the above discussion about handling of events with respect to user touches on a touch-sensitive display similarly applies to other forms of user inputs to the multifunction device 100, and that user inputs need not necessarily involve physical touches on a touch-sensitive display. For example, user inputs optionally include verbal inputs, eye gestures, body gestures, and / or any other forms of input.

[0137] Figure 2 A portable multifunction device 100 with touch screen 112 in accordance with some embodiments is illustrated. The touch screen optionally displays one or more graphical user interfaces (GUIs) within user interface (UI) 200. In this embodiment and others described below, the user is enabled to select one or more of the graphical objects by making a gesture on the graphical object, for example, with one or more fingers 202 (not drawn to scale in the figure) or one or more styluses 203 (not drawn to scale in the figure). In some embodiments, selection of a graphical object is done by discontinuing contact with the graphical object. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (from left to right, right to left, upward and / or downward) and / or a drag, a flick (from right to left, left to right, upward and / or downward), and / or a rolling of a finger (from right to left, left to right, upward and / or downward) that has made contact with the device 100. In some implementations or scenarios, an inadvertent or unsolicited touch of a graphical object does not select the graphical object. For example, a swipe gesture that sweeps over an application icon optionally does not select the corresponding application so as to prevent accidental or unintentional launching of the application.

[0138] In some embodiments, stylus 203 is an active device and includes one or more electronic circuits. For example, stylus 203 includes one or more sensors and one or more communication circuits, such as communication module 128 and / or RF circuitry 108. In some embodiments, stylus 203 includes one or more processors and a power system (e.g., similar to power system 162). In some embodiments, stylus 203 includes an accelerometer (such as accelerometer 168), a magnetometer, and / or a gyroscope that is capable of determining the positioning, angle, location, and / or other physical characteristics of stylus 203 (e.g., such as whether the stylus is being held, tilted toward or away from a device, and / or brought closer or farther from a device). In some embodiments, stylus 203 is in communication with an electronic device (e.g., via the communication circuits, over a wireless communication protocol such as Bluetooth) and sends sensor data to the electronic device. In some embodiments, stylus 203 is capable of determining whether a user is holding the device (e.g., via an accelerometer or other sensor). In some embodiments, stylus 203 can accept tap inputs (e.g., single or double taps) from a user on stylus 203 (e.g., received by an accelerometer or other sensor) and interpret the inputs as commands or requests to perform a function or change to a different input mode.

[0139] Device 100 optionally also includes one or more physical buttons, such as “home” or menu button 204. As described earlier, menu button 204 is optionally used to navigate to any application 136 in a set of applications that is optionally executed on device 100. Alternatively, in some embodiments, the menu button is implemented as a soft key in a GUI displayed on touch screen 112.

[0140] In some embodiments, device 100 includes touch screen 112, menu button 204, push button 206 for powering the device on / off and for locking the device, volume adjustment button(s) 208, subscriber identity module (SIM) card slot 210, headset jack 212, and docking / charging external port 124. Push button 206 is optionally used to power-on (or power-off) the device, similar to the wake button described in the previous paragraph. Push button 206 is also, optionally, used to lock the device or as a camera on / off button. In some embodiments, push button 206 additionally has a 3rd function, which is performed by holding the button for a defined period of time.

[0141] Figure 3is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface in accordance with some embodiments. Device 300 need not be portable. In some embodiments, device 300 is a laptop computer, a desktop computer, a tablet computer, a multimedia player device, a navigation device, an education device (such as a child's learning toy), a gaming device, or a control device (e.g., a home or industrial controller). Device 300 typically includes one or more processing units (CPU's) 310, one or more network or other communications interfaces 360, memory 370, and one or more communication buses 320 for interconnecting these components. Communication buses 320 optionally include circuitry (sometimes called a chipset) that interconnects and controls communications between system components. Device 300 includes input / output (I / O) interface 330 comprising display 340, which is typically a touch screen display. I / O interface 330 also optionally includes keyboard and / or mouse (or other pointing device) 350 and touchpad 355, tactile output generator 357 for generating tactile outputs (e.g., similar to tactile output generator 167 described above with reference to Figure 1A touch intensity sensors described above with reference to Figure 1A touch intensity sensors 165). Memory 370 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM or other random access solid state memory devices; and optionally includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid state storage devices. Memory 370 optionally includes one or more storage devices remotely located from CPU(s) 310. In some embodiments, memory 370 stores programs, modules, and data structures similar to the programs, modules, and data structures stored in memory 102 of portable multifunction device 100 Figure 1A ). In addition, memory 370 optionally stores additional programs, modules, and data structures not present in the memory 102 of portable multifunction device 100. For example, memory 370 of device 300 optionally stores drawing module 380, presentation module 382, word processing module 384, website creation module 386, disk authoring module 388, and / or electronic Figure 1A storing these modules.

[0142] Figure 3Each of the above identified elements can optionally be stored on one or more of the previously mentioned memory devices, and corresponds to a set of instructions for performing a function described above. The above identified modules or programs (i.e., set of instructions) need not be implemented as separate software programs, procedures or modules, and thus various subsets of these modules can optionally be combined or otherwise re-arranged in various embodiments. In some embodiments, memory 370 optionally stores a subset of the modules and data structures identified above. Furthermore, memory 370 optionally stores additional modules and data structures not described above.

[0143] Attention is now directed towards embodiments of user interfaces that are optionally implemented on portable multifunction devices 100.

[0144] Figure 4A An exemplary user interface of an application menu on portable multifunction device 100 in accordance with some embodiments is illustrated. Similar user interfaces are optionally implemented on device 300. In some embodiments, user interface 400 includes the following elements, or a subset or superset thereof:

[0145] • Signal strength indicators 402 for wireless communications such as cellular and Wi-Fi signals;

[0146] • Time 404;

[0147] • Bluetooth indicator 405;

[0148] • Battery status indicator 406;

[0149] • Tray 408 with icons for commonly used applications, such as:

[0150] • Icon 416 for telephone module 138 labeled "Phone," which optionally includes an indicator 414 of the number of missed calls or voice mails;

[0151] • Icon 418 for email client module 140 labeled "Mail," which optionally includes an indicator 410 of the number of unread emails;

[0152] • Icon 420 for browser module 147 labeled "Browser"; and

[0153] • Icon 422 for video and music player module 152, also referred to as iPod (Apple Inc.'s trademark) module 152, labeled "iPod"; and

[0154] • Icons for other applications, such as:

[0155] • an icon 424 for the IM module 141, labeled "Messages";

[0156] • an icon 426 for the Calendar module 148, labeled "Calendar";

[0157] • an icon 428 for the Image Management module 144, labeled "Photos";

[0158] • an icon 430 for the Camera module 143, labeled "Camera";

[0159] • an icon 432 for the Online Video module 155, labeled "Online Videos";

[0160] • an icon 434 for the Stocks widget 149-2, labeled "Stocks";

[0161] • an icon 436 for the Maps module 154, labeled "Maps";

[0162] • an icon 438 for the Weather widget 149-1, labeled "Weather";

[0163] • an icon 440 for the Alarm Clock widget 149-4, labeled "Clock";

[0164] • an icon 442 for the Fitness Support module 142, labeled "Fitness Support";

[0165] • an icon 444 for the Notes module 153, labeled "Notes"; and

[0166] • an icon 446 for the Settings application or module, labeled "Settings", which provides access to settings for the device 100 and its various applications 136.

[0167] It should be noted that Figure 4A The illustrated icon labels are merely examples. For instance, the icon 422 for the Video and Music Player module 152 is labeled "Music" or "Music Player". Other labels are optionally used for the various application icons. In some embodiments, a label for a respective application icon includes the name of the application that corresponds to that respective application icon. In some embodiments, a label for a particular application icon is different than the name of the application that corresponds to that particular application icon.

[0168] Figure 4B A device is illustrated having a touch-sensitive surface 451 (e.g., a touchpad or touch screen 355) that is separate from the display 450 (e.g., Figure 3 of FIG. 1A). The device 300 optionally includes one or more sensors 410. FIG. 3B shows the device 300 in accordance with some embodiments. As shown in FIG. 3B, in some embodiments, device 300 includes display 450, touch- sensitive surface 451, and one or more sensors 410, where each of the display 450, the touch-sensitive surface 451, and the one or more sensors 410 are located on the same side of the device 300. Figure 3Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 359) for detecting intensity of contacts on touch-sensitive surface 451 and / or one or more tactile output generators 357 for generating tactile output for a user of device 300.

[0169] Although some of the examples below will be given with reference to input on a touch screen display 112 (where the touch-sensitive surface and display are combined), in some embodiments, the device detects input on a touch-sensitive surface that is separate from the display, such as Figure 4B In some embodiments, the touch-sensitive surface (e.g., Figure 4B 451) has a main axis (e.g., Figure 4B 453) corresponding to the main axis (for example, Figure 4B According to these embodiments, the device detects a position corresponding to a corresponding position on the display (e.g., Figure 4B , 460 corresponds to 468 and 462 corresponds to 470 ) at contact with touch-sensitive surface 451 (e.g., Figure 4B 460 and 462 in FIG. 4. Thus, when the touch-sensitive surface (e.g., Figure 4B 451) and a display of a multi-function device (e.g., Figure 4B When the user interface 450 in FIG. 1 is separated, the user input detected by the device on the touch-sensitive surface (e.g., contacts 460 and 462 and their movement) is used by the device to manipulate the user interface on the display. It should be understood that similar methods are optionally used for other user interfaces described herein.

[0170] Additionally, while the examples below are primarily given with reference to finger inputs (e.g., finger contacts, single-finger tap gestures, finger swipe gestures), it should be understood that in some embodiments, one or more of these finger inputs are replaced by input from another input device (e.g., mouse-based input or stylus input). For example, a swipe gesture is optionally replaced by a mouse click (e.g., instead of contact), followed by movement of the cursor along the path of the swipe (e.g., instead of movement of the contact). As another example, a tap gesture is optionally replaced by a mouse click when the cursor is over the location of the tap gesture (e.g., instead of detecting the contact, followed by ceasing to detect the contact). Similarly, when multiple user inputs are detected simultaneously, it should be understood that multiple computer mice are optionally used simultaneously, or mice and finger contacts are optionally used simultaneously.

[0171] Figure 5A A block diagram illustrating an exemplary architecture for device 500 according to some embodiments of the present disclosure is shown. Figure 5A In the embodiment of the present invention, media content or other content is optionally received by the device 500 via the network interface 502, which is optionally a wireless connection or a wired connection. One or more processors 504 optionally execute any number of programs stored in the memory 506 or storage device, which optionally include instructions for performing one or more of the methods and / or processes described herein (e.g., methods 700, 900, 1100, and 1200).

[0172] In some embodiments, the display controller 508 causes the various user interfaces of the present disclosure to be displayed on the display 514. In addition, input to the device 500 is optionally provided by a remote control 510 via a remote control interface 512, which is optionally a wireless connection or a wired connection. In some embodiments, input to the device 500 is provided by a multifunction device 511 (e.g., a smartphone) on which a remote control application is running that configures the multifunction device to simulate remote control functionality, as will be described in more detail below. In some embodiments, the multifunction device 511 corresponds to Figure 1A and Figure 2 The device 100 and Figure 3 It should be understood that one or more of the devices 300 in Figure 5A The embodiments are not meant to limit the features of the device of the present disclosure, and other components that facilitate other features described in the present disclosure are optionally included in the Figure 5A In some embodiments, the device 500 optionally corresponds to Figure 1A and Figure 2 The multifunction device 100 and Figure 3 One or more of the devices 300 in; the network interface 502 optionally corresponds to Figure 1A and Figure 2 RF circuit 108, external port 124 and peripheral device interface 118 in the Figure 3 One or more of the network communication interfaces 360 in; the processor 504 optionally corresponds to Figure 1A The processor 120 and Figure 3 One or more of the CPUs 310 in; the display controller 508 optionally corresponds to Figure 1A The display controller 156 and Figure 3 One or more of the I / O interfaces 330 in; the memory 506 optionally corresponds to Figure 1A The memory 102 and Figure 3 One or more of the memories 370 in; the remote control interface 512 optionally corresponds to Figure 1A The peripheral device interface 118 and the I / O subsystem 106 (and / or its components) in Figure 3one or more of the I / O interfaces 330 in FIG. 3; the remote control 512 optionally corresponds to and / or includes Figure 1A the speaker 111, touch-sensitive display system 112, microphone 113, optical sensor 164, contact intensity sensor 165, tactile output generator 167, other input control devices 116, accelerometer 168, proximity sensor 166, and I / O subsystem 106 in FIG. 1, Figure 3 one or more of the keyboard 350, touchpad 355, tactile output generator 357, and contact intensity sensor 359 in FIG. 4, and the touch-sensitive surface 451 in FIG. 4; and the display 514 optionally corresponds to Figure 1A the touch-sensitive display system 112 in FIG. 1, and Figure 2 one or more of the displays 340 in FIG. 3. Figure 3

[0173] Figure 5B An example structure of a remote control 510 in accordance with some embodiments of the present disclosure is illustrated. In some embodiments, the remote control 510 optionally corresponds to and / or includes Figure 1A and Figure 2 one or more of the multifunction device 100 in FIG. 1, and Figure 3 the device 300 in FIG. 3. The remote control 510 optionally includes the touch- sensitive surface 451. In some embodiments, the touch-sensitive surface 451 is edge-to-edge (e.g., it extends to the edges of the remote control 510 so that there is little or no surface of the remote control 510 between the touch-sensitive surface 451 and one or more edges of the remote control 510, as illustrated in Figure 5B ​The touch-sensitive surface 451 optionally senses contact and optionally intensity of contact, as described above, e.g., based on electric field changes caused by contacts on the touch-sensitive surface 451. In some embodiments, the touch-sensitive surface 451 is capable of generating a list of detected contacts, such as at a sampling rate of 30 samples per second or higher. Contacts are optionally detected on the touch-sensitive surface 451 by any of numerous techniques, including but not limited to capacitive, resistive, inductive, acoustic, optical, and ultrasonic techniques. In some embodiments, after a contact is detected, the device 500 optionally generates one or more events for the contact. Events are permissible notifications that the contact has changed states or otherwise has changed, for example, by a gesture having been made by a user of the device 500. Examples of events include tap, down, move, up, JavaScript, and cancellation. For example, when a contact is detected, the device 500 generates event streams 455, 456, and 457, which respectively correspond to tap, down, and move events. The event streams 455, 456, and 457 optionally comprise information about the contact. In some embodiments, information about the contact includes contact identification, timing information, location

[0174] Figure 5C An example personal electronic device 500 is depicted. In some embodiments, the device 500 can include features relative to the device 500 depicted in FIG. 1A, as described above. Figure 1A , Figure 1Band Figure 3 Some or all of the described components can be included in the device 500. The device 500 has a bus 512 that operatively couples an I / O section 514 with one or more computer processors 516 and memory 518. The I / O section 514 can be connected to a display 504, which can have a touch- sensitive component 522 and optionally a strength sensor 524 (e.g., contact strength sensor). Additionally, the I / O section 514 can be connected with a communication unit 530 for receiving application and operating system data, using Wi-Fi, Bluetooth, Near Field Communication (NFC), cellular, and / or other wireless communication techniques. The device 500 can include input mechanisms 506 and / or 508. For example, the input mechanism 506 is optionally a rotatable input device or a pressable, rotatable input device. In some examples, the input mechanism 508 is optionally a button.

[0175] In some examples, the input mechanism 508 is optionally a microphone. The personal electronic device 500 optionally includes various sensors, such as a GPS sensor 532, an accelerometer 534, an orientation sensor 540 (e.g., a compass), a gyroscope 536, a motion sensor 538, and / or a combination thereof, all of which can be operatively connected to the I / O section 514.

[0176] The memory 518 of the personal electronic device 500 can include one or more non-transitory computer-readable storage media that stores computer-executable instructions for execution by the one or more computer processors 516, which, for example, can cause the computer processors to perform the techniques described below, including the processes described with reference to FIGS. 6-8, and / or the techniques described above. Figure 11 The computer-readable storage media can be any media capable of Figure 5C storing computer-executable instructions for use by or in connection with an instruction execution system, apparatus, and device. In some examples, the storage media is a transitory computer-readable storage medium. In some examples, the storage media is a non-transitory computer-readable storage medium. The non-transitory computer-readable storage medium can include, but is not limited to, magnetic, optical, and / or semiconductor storages. Examples of such storage include magnetic disks, optical disks based on CD, DVD, or Blu-ray technologies, and persistent solid-state memory such as flash, solid-state drives, and the like. The personal electronic device 500 is not limited to the components and configuration illustrated, but can include other components or additional components in multiple configurations.

[0177] In addition, in the method described herein where one or more steps depend on having met one or more conditions, it should be understood that the described method can be repeated in multiple repetitions so that in the process of repetition, all conditions of the steps in the method of determining the method have been met in different repetitions of the method. For example, if the method needs to perform a first step (if the condition is met) and a second step (if the condition is not met), then those of ordinary skill will know that the steps stated are repeated until both the condition is met and the condition is not met (in no particular order). Therefore, the method described as having one or more steps depending on having met one or more conditions can be rewritten as a method of repeating until each condition described in the method has been met. However, this does not require a system or computer-readable medium to declare that the system or computer-readable medium includes instructions for performing a contingent operation based on the satisfaction of the corresponding one or more conditions, and is therefore able to determine whether a possible situation has been met without explicitly repeating the steps of the method until all conditions of the steps in the method of determining the method have been met. Those of ordinary skill in the art will also understand that, similar to the method with contingent steps, the system or computer-readable storage medium can repeat the steps of the method as needed multiple times to ensure that all contingent steps have been performed.

[0178] As used herein, the term "indicator" refers to an indication that is optionally provided on device 100, 300, and / or 500 ( Figure 1A 、 Figure 3 and Figures 5A to 5B ) on a display screen of a computer. For example, an image (e.g., an icon), a button, and text (e.g., a hyperlink) optionally each constitute an affordance.

[0179] As used herein, the term "focus selector" refers to an input element used to indicate the current portion of a user interface with which a user is interacting. In some implementations that include a cursor or other position marker, the cursor acts as a "focus selector" such that when the cursor is over a particular user interface element (e.g., a button, window, slider, or other user interface element), a focus selector is displayed on a touch-sensitive surface (e.g., Figure 3 Touchpad 355 or Figure 4B In the event that an input (e.g., a press input) is detected on the touch-sensitive surface 451 in FIG, the particular user interface element is adjusted according to the detected input. In the case of a touch screen display (e.g., a touch screen display) that enables direct interaction with user interface elements on the touch screen display Figure 1A touch-sensitive display system 112 or Figure 4AIn some implementations of touchscreens 112 in Figures 1A-1E, a contact detected on the touch screen acts as a "focus selector," so that when input (e.g., a press input by the contact) is detected on the touch screen display at a location of a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted according to the detected input. In some implementations, focus is moved from one region of the user interface to another region of the user interface without corresponding movement of the cursor or movement of the contact on the touch screen display (e.g., by using the tab key or arrow keys to move focus from one button to another button); in these implementations, the focus selector moves according to movement of focus between different regions of the user interface. Regardless of the particular form that the focus selector takes, the focus selector is typically a user interface element (or contact on the touch screen display) that is controlled by a user to convey an intended user interaction with the user interface (e.g., by indicating to the device the element of the user interface with which the user intends to interact). For example, the position of a focus selector (e.g., a cursor, a contact, or a selection box) over a respective button when a press input is detected on the touch-sensitive surface (e.g., a touchpad or a touch screen) would indicate that the user intends to activate the respective button (as opposed to other user interface elements displayed on a display of the device).

[0180] As used herein, an "installed application" refers to a software application that has been downloaded onto an electronic device (e.g., devices 100, 300, and / or 500) and is ready to be launched (e.g., become open) on the device. In some embodiments, a downloaded application becomes an installed application with an installer that extracts program portions from a downloaded package and integrates the extracted portions with the operating system of the computer system.

[0181] As used herein, the term "open application" or "application in execution" refers to a software application that has state information held (e.g., as part of the device / global internal state 157 and / or application internal state 192). An open or application in execution is optionally any of the following types of applications:

[0182] • an active application that is currently displayed on a display screen of a device using the application;

[0183] • a background application (or background process) that is not currently displayed but one or more processes of the application are being processed by one or more processors; and

[0184] • a suspended or hibernating application that is not running but has state information stored in (respectively, volatile and non-volatile) memory and available to resume execution of the application.

[0185] As used herein, the term "closed application" refers to a software application that does not retain state information (e.g., the state information of a closed application is not stored in the device's memory). Therefore, closing an application includes stopping and / or removing the application's application process and removing the application's state information from the device's memory. Generally speaking, while in a first application, opening a second application does not close the first application. When the second application is displayed and the first application stops displaying, the first application becomes a background application.

[0186] One or more of the embodiments disclosed herein may optionally include one or more of the features disclosed in the following patent applications: “User Interfaces For Interacting with Channels that Provide Content that Plays in a Media Browsing Application” (Agent Docket No. 106843171600, filed March 24, 2019 (P42089USP1)), “User Interfaces For a Media Browsing Application” (Agent Docket No. 106843171700, filed March 24, 2019 (P42090USP1)), and “User Interfaces Including Selectable Representations of Content Items” (Agent Docket No. 106843171800, filed March 24, 2019 (P42091USP1)), each of which is hereby incorporated by reference.

[0187] Attention is now turned to an embodiment of a user interface ("UI") and associated processes implemented on an electronic device, such as portable multifunction device 100, device 300, or device 500.

[0188] User interface and associated processes

[0189] Content player bar for interacting with live content

[0190] Users interact with electronic devices in a variety of ways, including using the electronic devices to control playback of content (including live content) items in a playback user interface. In some embodiments, an electronic device can be configured to display a content player bar that is interactive to control playback of a live content item currently displayed in a playback user interface. The embodiments described below provide ways in which an electronic device uses a content player bar and associated controls to control playback of a live content item in a playback user interface. Enhancing interaction with a device reduces the amount of time it takes a user to perform an operation, which reduces power usage of the device and improves battery life in battery-powered devices. It should be appreciated that a person using a device is optionally referred to as a user of the device.

[0191] Figures 6A to 6FFF Example ways in which an electronic device according to some embodiments of this disclosure facilitates control of playback of a live content item displayed in a playback user interface are illustrated. The embodiments in these figures are used to illustrate the processes described below, including the processes described with reference to Figure 7 and Figure 11 .

[0192] Figures 6A to 6K An example way in which an electronic device 514 presents a user interface associated with scrubbing through a live content item displayed in a playback user interface is illustrated. Figure 6A A playback user interface 602 (e.g., displayed via a display of an electronic device 524) is illustrated. Figure 6AAs shown in FIG. 6A, playback user interface 602 is optionally displaying a live content item (“live content A”). In some embodiments, the live content item corresponds to a sporting event, such as a baseball game. In some embodiments, the live content item corresponds to a live broadcast content item that is being broadcast to electronic device 514 via the respective media provider of the live broadcast content item. For example, the live content item corresponds to a sporting event, a movie, a television show, a news program, or other content that is not available for playback at electronic device 514 prior to being broadcast / streamed by the respective media provider for consumption at electronic device 514. In some embodiments, playback user interface 602 is displaying the live content item because the user of electronic device 514 has access to the live content item from the respective media provider for consumption (e.g., viewing) at electronic device 514. For example, a user account associated with the user of electronic device 514 is logged in on electronic device 514, and the user account is authorized to consume the live content item from the respective media provider (e.g., via a subscription, purchase, lease, or other form of access). It is understood that, in some embodiments, playback user interface 602 can be configured to display content items other than live content items, such as on-demand content. Additional examples of live content items that can be displayed in playback user interface 602 are provided below with reference to method 700.

[0193] As Figure 6A As shown in FIG. 6B, the user provides a selection for the live content item in playback user interface 602 (e.g., with contact 603a). For example, as shown in Figure 6A As shown in FIG. 6B, the user provides a selection for the live content item in playback user interface 602 (e.g., with contact 603a). For example, as shown in

[0194] In some embodiments, as shown in FIG. 6C, in response to receiving the selection for the live content item in the playback user interface, electronic device 514 displays one or more controls for controlling playback of the live content item in playback user interface 602. For example, as shown in Figure 6B Figure 6B In some embodiments, as shown in FIG. 6C, in response to receiving the selection for the live content item in the playback user interface, electronic device 514 displays one or more controls for controlling playback of the live content item in playback user interface 602. For example, as shown in Figure 6B ​, the electronic device 514 displays a content player bar 606 overlaid on a bottom portion of the live content item in the playback user interface. In some embodiments, the content player bar 606 includes a scrub bar 608 corresponding to the current playback location within the live content item. In some embodiments, as discussed in more detail below, input to the scrub bar 608 and / or the content player bar 606 causes the electronic device 514 to navigate (e.g., scrub) through the live content item in the playback user interface. Figure 6B , the scrubber bar 608 is optionally displayed with a real-world time indicator 609 that indicates the time of day corresponding to the current playback location of the scrubber bar 608 at the electronic device 514. For example, Figure 6B , the real-world time indicator 609 includes text expressing the time of day ("3:30 PM") corresponding to the current playback position. In some embodiments, because the current playback position of the scrubber bar 608 within the live content item is at the live edge within the live content item (e.g., the latest playback position in the live content item provided (e.g., rebroadcast) by the corresponding media provider of the live content item), the time of day indicated by the real-world time indicator 609 is the current time of day at the electronic device 514.

[0195] In some embodiments, the content player bar 606 also includes information associated with the live content item. Figure 6B As shown in FIG, the content player bar 606 is displayed along with an indication 611 of the start time (“1:00 PM”) of the live content item (e.g., the time of day at which the live content is first played / rebroadcasted at the electronic device 514). Additionally, as Figure 6B , electronic device 514 optionally displays an indication 607 of a sports league ("League A") associated with a live content item, which is optionally a sporting game. It should be understood that for different live content items, indication 607 of sports league is optionally replaced with different information and / or is not displayed with content player bar 606. For example, if the live content item is a live news program, television program, or movie, indication 607 includes the media provider (e.g., channel, network, application, etc.) of the live content item.

[0196] In some embodiments, the content player bar 606 includes a visual indication of the amount of live content that has been played back and / or the amount of live content that has elapsed since the live content item was first played / rebroadcast. Figure 6BAs shown in FIG. 6B, the content player bar 606 includes a scrubber bar 608 from a first end of the content player bar 606 (e.g., the left end of the content player bar 606) until a bubble / shading of the scrubber bar 608 that visually indicates an amount of time that has elapsed from when the live content item was first played / telecast (e.g., from 1 :00 PM as discussed above). As used herein, the live edge within the content player bar 606 corresponds to the live playback position within the live content item as discussed above. In Figure 6B In some embodiments, as shown in FIG. 6B, two hours and fifty minutes have elapsed from when the live content item was first played / telecast (e.g., the current time of day is two hours and fifty minutes after 1 :00 PM).

[0197] In some embodiments, as shown in FIG. 6B, the content player bar 606 includes a scrubber bar 608 from a first end of the content player bar 606 (e.g., the left end of the content player bar 606) until a bubble / shading of the scrubber bar 608 that visually indicates an amount of time that has elapsed from when the live content item was first played / telecast (e.g., from 1 :00 PM as discussed above). As used herein, the live edge within the content player bar 606 corresponds to the live playback position within the live content item as discussed above. In Figure 6B As shown in FIG. 6B, the electronic device 514 displays a plurality of selectable options (e.g., tabs) with the content player bar 606 in the playback user interface. For example, as shown in Figure 6B As shown in FIG. 6B, the electronic device 514 displays a plurality of selectable options (e.g., tabs) with the content player bar 606 in the playback user interface. For example, as shown in

[0198] In some embodiments, as shown in FIG. 6B, the content player bar 606 includes a scrubber bar 608 from a first end of the content player bar 606 (e.g., the left end of the content player bar 606) until a bubble / shading of the scrubber bar 608 that visually indicates an amount of time that has elapsed from when the live content item was first played / telecast (e.g., from 1 :00 PM as discussed above). As used herein, the live edge within the content player bar 606 corresponds to the live playback position within the live content item as discussed above. In Figure 6B As shown in FIG. 6B, the electronic device 514 displays a plurality of selectable options (e.g., tabs) with the content player bar 606 in the playback user interface. For example, as shown in Figure 6B, the live indicator 605 is optionally displayed in a first visual state in the playback user interface. For example, the live indicator 605 is displayed as having a first visual appearance, such as a first color, brightness, shading, vividness, etc. In some embodiments, the live indicator 605 indicates that a live content item (e.g., a live broadcast content item) is currently displayed in the playback user interface. For example, if a non-live content item (such as an on-demand content item) is displayed in the playback user interface, the electronic device 514 forgoes displaying the live indicator 605 and the content player bar 606 in the playback user interface. In some embodiments, when the current playback position within the live content item corresponds to a live playback position within the live content item, the live indicator 605 is displayed as having a first visual appearance. For example, as shown in FIG. Figure 6B , the electronic device 514 displays the live indicator 605 in the first visual state because the position of the scrubber bar 608 in the content player bar 606 is at the live edge within the content player bar 606 discussed above. In some embodiments, as described below, if the electronic device 514 receives an input to the content player bar 606 that causes the current playback position within the live content item to no longer correspond to the live playback position within the live content item, the live indicator 605 is no longer displayed in the first visual state.

[0199] exist Figure 6B , while content player bar 606 is displayed in the playback user interface, the user provides input (e.g., using contact 603b) corresponding to a request to scrub through a live content item displayed in the playback user interface. Figure 6B As shown in FIG, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510, followed by a leftward movement of the contact 603c on the touch-sensitive surface 451, as shown in FIG. Figure 6C As shown in .

[0200] In some embodiments, in response to receiving an input corresponding to a request to scrub through a live content item, the electronic device 514 scrubs through the live content item according to the input. Figure 6CAs shown in FIG. 6Q, in response to detecting the contact 603c, the electronic device 514 moves the scrubber bar 608 within the content player bar 606. In some embodiments, the movement of the scrubber bar 608 within the content player bar 606 corresponds to a backward movement of the current playback position within the live content item to a previous (past-occurring) playback position within the live content item. In some embodiments, when the electronic device 514 scrubs left / backward in the live content item, the electronic device 514 updates the current playback position within the live content item, which includes displaying the live content item from the updated current playback position, which is no longer at the live edge 618 in the content player bar 606. As shown in FIG. 6R, the electronic device 514 displays the live content item from the updated current playback position. Figure 6B As shown in FIG. 6Q, in response to detecting the contact 603c, the electronic device 514 moves the scrubber bar 608 within the content player bar 606. In some embodiments, the movement of the scrubber bar 608 within the content player bar 606 corresponds to a backward movement of the current playback position within the live content item to a previous (past-occurring) playback position within the live content item. In some embodiments, when the electronic device 514 scrubs left / backward in the live content item, the electronic device 514 updates the current playback position within the live content item, which includes displaying the live content item from the updated current playback position, which is no longer at the live edge 618 in the content player bar 606. As shown in FIG. 6R, the electronic device 514 displays the live content item from the updated current playback position.

[0201] In some embodiments, when the current playback position within the live content item is updated in accordance with the scrub input, the electronic device 514 updates the real- world time indicator 609. For example, as shown in FIG. 6Q, the electronic device 514 moves the real-world time indicator 609 in the playback user interface with the scrubber bar 608. Additionally, as shown in FIG. 6R, the electronic device 514 updates the real-world time indicator 609 to reflect the time of day corresponding to the updated current playback position within the live content item. Figure 6C In some embodiments, when the current playback position within the live content item is updated in accordance with the scrub input, the electronic device 514 updates the real- world time indicator 609. For example, as shown in FIG. 6Q, the electronic device 514 moves the real-world time indicator 609 in the playback user interface with the scrubber bar 608. Additionally, as shown in FIG. 6R, the electronic device 514 updates the real-world time indicator 609 to reflect the time of day corresponding to the updated current playback position within the live content item. Figure 6C In some embodiments, when the current playback position within the live content item is updated in accordance with the scrub input, the electronic device 514 updates the real- world time indicator 609. For example, as shown in FIG. 6Q, the electronic device 514 moves the real-world time indicator 609 in the playback user interface with the scrubber bar 608. Additionally, as shown in FIG. 6R, the electronic device 514 updates the real-world time indicator 609 to reflect the time of day corresponding to the updated current playback position within the live content item. Figure 6CAs shown in FIG. 6M, the electronic device 514 updates the real-world time indicator 609 to express 3:35 PM in print, which corresponds to the time of day that the portion of the live content item at the updated current playback position was first broadcast / telecast to the electronic device 514.

[0202] Additionally, in some embodiments, the electronic device 514 updates the display of the live indicator 605 in the playback user interface. As Figure 6C As shown in FIG. 6M, in response to receiving the scrubbing input, in accordance with a determination that the updated current playback position within the live content item no longer corresponds to the live playback position within the live content item, the electronic device 514 optionally displays the live indicator 605 in a second visual state that is different from the first visual state discussed above. For example, the electronic device 514 adjusts the display of the color, brightness, shading, vividness, etc. of the live indicator 605. In some embodiments, the electronic device 514 displays the live indicator 605 in the second visual state because the playback of the live content item in the playback user interface is no longer truly “live” playback as a result of the leftward / backward scrubbing through the live content item. Moreover, in some embodiments, the electronic device 514 displays a selectable option 620 (e.g., a “jump to live” button) in the playback user interface with (e.g., above) the content player bar 606. In some embodiments, the selectable option 620 is displayed as a result of the updated current playback position within the live content item not corresponding to the live playback position within the live content item. In some embodiments, the selectable option 620 can be selected to move the current playback position to the live playback position within the live content item, as discussed in more detail below.

[0203] In Figure 6D As shown in FIG. 6N, the user has moved the current focus to the selectable option 620 (e.g., using the remote input device 510). As Figure 6D As shown in FIG. 6N, while the selectable option 620 has the current focus, the user provides a selection (e.g., with contact 603d) of the selectable option 620 in the playback user interface. For example, as similarly discussed above, the electronic device 514 detects a tap, touch, press, or other input on the touch- sensitive surface 451 of the remote input device 510.

[0204] In some embodiments, as Figure 6E As shown in FIG. 6N, in response to receiving the selection of the selectable option 620 in the playback user interface, the electronic device 514 updates the current playback position within the live content item to correspond to the live playback position within the live content item. For example, as Figure 6EAs shown in FIG, the electronic device 514 moves (e.g., displays) the scrubber bar 608 to the live edge 618 within the content player bar 606. In some embodiments, when the electronic device 514 updates the current playback location within the live content item, the electronic device 514 stops displaying the selectable options 620 in the playback user interface, such as Figure 6E . For example, because the updated current playback location within the live content item corresponds to the live playback location within the live content item, the electronic device 514 stops displaying the selectable option 620. Additionally, in some embodiments, the electronic device 514 displays a message 622 (e.g., “You’ve caught up!”) indicating that the updated current playback location within the live content item corresponds to the live playback location within the live content item. Additionally, as Figure 6E As shown in , the electronic device 514 optionally redisplays the live indicator 605 in the first visual state described above (e.g., and no longer displays the live indicator 605 in the second visual state). Figure 6E As shown in , because the updated current playback location within the live content item corresponds to the live playback location within the live content item, the electronic device 514 redisplays the live indicator 605 in the first visual state.

[0205] In some embodiments, when the electronic device 514 updates the current playback location within the live content item to correspond to the live playback location within the live content item, the electronic device 514 updates the real-world time indicator 609 in the playback user interface. Figure 6E As shown in FIG, the electronic device 514 displays the real-world time indicator 609 at the updated position of the scrub bar 608 in the content player bar 606. Additionally, in some embodiments, the electronic device 514 updates the time of day expressed by the real-world time indicator 609. For example, Figure 6E As shown in FIG, because the scrubber bar 608 is located at the live edge 618 within the content player bar 606, the electronic device 514 updates the time of day expressed by the real-world time indicator 609 to the current time of day at the electronic device 514 (“3:52 PM”). Figure 6E As shown in FIG, when the rubbing strip 608 is finally located at Figure 6B The live edge 618 may have optionally been advanced in the content player bar 606 (e.g., corresponding to an increase of two minutes in the time of day at the electronic device, from Figure 6B 3:50 PM in the Figure 6E 3:52 PM in the video).

[0206] Figures 6F to 6K An exemplary interaction with a live content item displayed in a playback user interface on a second electronic device 500 is illustrated. Figure 6F The electronic device 500 is illustrated as displaying a live content item (“Live Content A”) in the playback user interface 602 (e.g., via the display 504). In some embodiments, the live content item corresponds to the live content item described above. In some embodiments, the playback user interface 602 has one or more characteristics of the playback user interface 602 described above. In some embodiments, the electronic device 500 is different from the electronic device 514 described above. For example, the electronic device 500 is a mobile electronic device, such as a smartphone. In some embodiments, the display 504 is a touchscreen of the electronic device 500.

[0207] In Figure 6F In some embodiments, the electronic device 500 receives input for the live content item displayed in the playback user interface 602 via a contact 603f (e.g., a tap or touch provided by an object such as a finger or a stylus) on the touchscreen 504. In some embodiments, in response to receiving input on the touchscreen 504 for the live content item, the electronic device 500 displays one or more controls for controlling playback of the live content item in the playback user interface, as similarly discussed above. As Figure 6G As shown in FIG. 6M, the electronic device 500 displays a content player bar 606 with the live content item (e.g., optionally an image of the live content item) in the playback user interface. In some embodiments, the content player bar 606 has one or more characteristics of the content player bar 606 described above. As Figure 6G As shown in FIG. 6M, the content player bar 606 optionally includes a scrubber bar 608. In some embodiments, the scrubber bar 608 has one or more characteristics of the scrubber bar 608 described above. In some embodiments, the electronic device 500 displays a title 613 of the live content item with the content player bar 606 in the playback user interface. For example, the electronic device 500 displays the title “Team A vs. Team B” of the live content item above the content player bar 606 in the playback user interface. Additionally, as shown in FIG. 6M, the electronic device 500 optionally displays an indication 611 of a start time (“1:00 PM”) of the live content item and / or an indication 607 of a sports league (“League A”) within the content player bar 606 in the playback user interface. In some embodiments, the indications 611 and 607 have one or more characteristics of the indications 611 and 607 described above. Figure 6G As shown in FIG. 6M, the content player bar 606 optionally includes a scrubber bar 608. In some embodiments, the scrubber bar 608 has one or more characteristics of the scrubber bar 608 described above. In some embodiments, the electronic device 500 displays a title 613 of the live content item with the content player bar 606 in the playback user interface. For example, the electronic device 500 displays the title “Team A vs. Team B” of the live content item above the content player bar 606 in the playback user interface. Additionally, as shown in FIG. 6M, the electronic device 500 optionally displays an indication 611 of a start time (“1:00 PM”) of the live content item and / or an indication 607 of a sports league (“League A”) within the content player bar 606 in the playback user interface. In some embodiments, the indications 611 and 607 have one or more characteristics of the indications 611 and 607 described above.

[0208] Additionally, in some embodiments, the electronic device 500 displays a real-world time indicator 609 with the content player bar 606 in the playback user interface. In some embodiments, the real-world time indicator 609 has one or more characteristics of the real-world time indicator 609 described above. In some embodiments, as Figure 6G , the electronic device 500 displays a real-world time indicator 609 adjacent to a first end (e.g., left end) of the content player bar 606 in the playback user interface. In some embodiments, the electronic device 500 displays a selectable option 619 with the content player bar 606 in the playback user interface. In some embodiments, the selectable option 619 can be selected to initiate a process for displaying the live content item on a separate electronic device (e.g., having a display) such as the electronic device 514 described above. Additionally, as Figure 6G , the electronic device 500 optionally displays a selectable option 626 in the playback user interface with the content player bar 606. In some embodiments, the selectable option 626 can be selected to display one or more viewing options for the live content item on the electronic device 500. For example, as described in more detail later herein, the one or more viewing options include options for displaying the live content item in picture-in-picture (PiP) mode, from the beginning (e.g., a starting point) of the live content item, and / or in a multi-view mode.

[0209] In some embodiments, as Figure 6G As shown in FIG, the electronic device 500 displays selectable options 610 to 616 and a content player bar 606 in the playback user interface. In some embodiments, the selectable options 610 to 616 have one or more characteristics of the selectable options 610 to 616 described above. Additionally, the electronic device 500 optionally displays a live indicator 605 and a content player bar 606 in the playback user interface. Figure 6G As shown in and as similarly discussed above, because the current playback location within the live content item corresponds to the live playback location within the live content item, the electronic device 500 optionally displays the live indicator 605 in the first visual appearance. In some embodiments, the live indicator 605 has one or more characteristics of the live indicator 605 described above.

[0210] In some embodiments, as Figure 6G As shown in FIG, the electronic device 500 displays one or more playback controls and a content player bar 606 in the playback user interface. Figure 6G, electronic device 500 displays a first navigation indicator 615-1, a playback indicator 617, and / or a second navigation indicator 615-2. In some embodiments, the first navigation indicator 615-1 can be selected to rub a predetermined amount of time (e.g., 1 second, 3 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds, 60 seconds, 90 seconds, 120 seconds, etc.) backward in the live content item, and the second navigation indicator 615-2 can be selected to rub the predetermined amount of time forward in the live content item. In some embodiments, the playback indicator 617 can be selected to pause the live content item when the live content item is being played back in the playback user interface, and / or resume the playback of the live content item in the playback user interface when the live content item is paused in the playback user interface.

[0211] In some embodiments, electronic device 500 modifies second navigational affordance 615-2 based on the current playback location within the live content item. For example, as described above, second navigational affordance 615-2 can be selected to move the current playback location in the live content item forward by a predetermined amount of time. Figure 6G , the current playback location within the live content item optionally corresponds to the live playback location within the live content item (e.g., indicated by the location of the scrub bar 608 within the content player bar 606). In some embodiments, because portions of the live content item outside (e.g., in front of) the live playback location are not yet available (e.g., because such portions have not yet occurred and / or have not yet been rebroadcast / broadcasted by the corresponding media provider of the live content item), the electronic device 500 cannot scrub forward in the live content item when the current playback location is the live playback location in the live content item. Therefore, in some embodiments, the electronic device 500 deactivates the second navigation affordance 615-2 in the playback user interface. For example, the electronic device 500 adjusts the display of the second navigation enable representation 615-2 in the playback user interface, such as fading the appearance of the second navigation enable representation 615-2 (e.g., reducing the brightness, coloring, opacity, etc. of the second navigation enable representation), and / or reducing the visual prominence of the second navigation enable representation 615-2 relative to the first navigation enable representation 615-1. Figure 6G , when second navigational enable representation 615-2 is deactivated in the playback user interface, electronic device 500 forgoes scrubbing forward through the live content item for a predetermined amount of time in response to receiving a selection of second navigational enable representation 615-2. For example, electronic device 500 does not perform any operation in response to receiving a selection of second navigational enable representation 615-2.

[0212] exist Figure 6H, electronic device 500 receives input corresponding to a request to scrub through live content items while content player bar 606 is displayed and the second navigation affordance is deactivated in the playback user interface. Figure 6H As shown in , the electronic device 500 receives a contact 603h (e.g., a tap or touch provided by an object) on the touch screen 504 corresponding to the position of the scrubber bar 608 in the playback user interface, followed by a leftward movement of the contact 603h on the touch screen 504.

[0213] In some embodiments, as Figure 6I As shown in , in response to receiving an input to scrub through a live content item, the electronic device 500 scrubs backward through the live content item according to the input. Figure 6I As shown in , the electronic device 500 moves the scrub bar 608 to the left within the content player bar 606 based on the leftward movement of contact 603h. In some embodiments, as similarly discussed above, the electronic device 500 updates the current playback position within the live content item based on the movement of the scrub bar 608 within the content player bar 606. For example, because the scrub bar 608 moves to the left and away from the live edge 618 within the content player bar 606, the current playback position updated by the electronic device 500 does not correspond to the live playback position within the live content item. Therefore, as similarly discussed above, the electronic device 500 optionally displays the live indicator 605 in the second visual state and displays the selectable option 620 in the playback user interface. In some embodiments, the selectable option 620 has one or more characteristics of the selectable option 620 described above. Additionally, as Figure 6I , the electronic device 500 updates the display of the real-world time indicator 609 in the playback user interface. For example, as similarly described above, the real-world time indicator 609 is optionally updated to express the time of day corresponding to the updated current playback location within the live content item (e.g., 3:35 PM).

[0214] Additionally, in some embodiments, the electronic device 500 activates the second navigation affordance 615-2 in the playback user interface. Figure 6I, the electronic device 500 adjusts the display of the second navigation enable representation 615-2 to indicate that the second navigation enable representation 615-2 is active, such as displaying the second navigation enable representation 615-2 with visual characteristics similar to or the same as the visual characteristics of the first navigation enable representation 615-1 (e.g., brightness, color, opacity, etc.). In some embodiments, as described below, when the second navigation enable representation 615-2 is active in the playback user interface, the second navigation enable representation 615-2 can be selected to scrub forward a predetermined amount in the live content item. For example, because the updated current playback location is not a live playback location within the live content item, and the portions of the live content item in front of the updated current playback location and the live playback location are available (e.g., have been rebroadcast), the electronic device 500 is able to scrub forward a predetermined amount of 1 second, 3 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds, 60 seconds, 90 seconds, 120 seconds, etc.) in the live content item.

[0215] exist Figure 6J , electronic device 500 receives a selection of second navigation enable representation 615-2 in the playback user interface. For example, electronic device 500 detects contact 603j (e.g., a tap or touch of an object) on touch screen 504 at a location corresponding to second navigation enable representation 615-2 in the playback user interface. In some embodiments, in response to receiving a selection of second navigation enable representation 615-2, electronic device 500 scrubs forward in the live content item for a predetermined amount of time, such as Figure 6K For example, Figure 6K As shown in , the electronic device 500 moves the scrub bar 608 to the right within the content player bar 606 by an amount corresponding to the predetermined amount of time. Additionally, in some embodiments, the electronic device 500 updates the display of the real-world time indicator 609 based on the predetermined amount of time. For example, in Figure 6K In the example, the predetermined amount of time is two minutes, so when the electronic device 500 scrubs forward two minutes in the live content item, the electronic device 500 updates the time of day expressed by the real-world time indicator to increase by two minutes (e.g., from Figure 6J 3:35PM in the Figure 6K 3:37 PM in the video). Figure 6K As shown in , since the updated current playback location is still not the live playback location within the live content item, the second navigational affordance 615-2 is still active in the playback user interface. Figure 6K As shown in , the electronic device 500 optionally maintains displaying the live indicator 605 in the second visual state and / or maintains displaying the selectable option 620 in the playback user interface.

[0216] Figures 6L to 6PAn example of an electronic device 514 presenting a user interface including information associated with a live content item displayed in a playback user interface is illustrated. Figure 6L In FIG. 5 , the electronic device 514 is displaying the content player bar 606 and the live content item (live content A) in the playback user interface. Figure 6L As shown in , the current playback location within the live content item is optionally not the live playback location within the content item. Figure 6L , the scrub bar 608 is not located at the live edge 618 within the content player bar 606 in the playback user interface. Figure 6L , the electronic device 514 is optionally displaying the live indicator 605 in the second visual state described previously above and / or displaying selectable options 620 in the playback user interface. Additionally, in some embodiments, as similarly described above, the time of day expressed by the real-world time indicator 609 corresponds to the current playback location within the live content item, rather than the live playback location within the live content item.

[0217] exist Figure 6L , the electronic device 514 detects that the user has scrolled down in the playback user interface (e.g., using contact 6031). Figure 6L As shown in , the electronic device 514 detects contact 603l (e.g., a tap, touch, selection, or other input) on the touch-sensitive surface 451 of the remote input device 510, followed by downward movement of the contact 603l while the content player bar 606 (and related user interface objects) are displayed in the playback user interface simultaneously with the live content item.

[0218] In some embodiments, in response to receiving a scroll down, the electronic device 514 moves the current focus to the selectable option 610, such as Figure 6M In some embodiments, the electronic device 514 displays the selectable option 610 with an indication of focus (e.g., visual border, highlighting, shading, bolding, etc.). Figure 6M In the example, when the selectable option 610 has the current focus in the playback user interface, the electronic device 514 detects the selection of the selectable option 610. Figure 6M As shown in , the electronic device 514 detects contact 603m (eg, a tap, touch, selection, or other input) on the touch-sensitive surface 451 of the remote input device 510.

[0219] In some embodiments, in response to receiving a selection of the selectable option 610, the electronic device 514 displays information 621 associated with the live content item in the playback user interface. Figure 6NAs shown in FIG. 6, the electronic device 514 shifts the content player bar 606 (and associated user interface objects) upward in the playback user interface and displays the first information element 621a, the second information element 621b, and / or the third information element 621c. As previously noted above with reference to FIG. 5, the first information element 621a, the second information element 621b, and / or the third information element 621c can be displayed in response to detecting a user input that corresponds to a request to display information associated with the live content item. In some embodiments, the first information element 621a, the second information element 621b, and / or the third information element 621c can be displayed in response to detecting a user input that corresponds to a request to display information associated with the live content item and / or a request to display information associated with a particular player in the live content item. Figure 6A As described above, the live content item optionally corresponds to a sporting event. In Figure 6N As described above, the live content item optionally corresponds to a sporting event. In Figure 6N As described above, the live content item optionally corresponds to a sporting event. In

[0220] As described above, the live content item optionally corresponds to a sporting event. In Figure 6N As described above, the live content item optionally corresponds to a sporting event. In Figure 6N As described above, the live content item optionally corresponds to a sporting event. In Figure 6N As described above, the live content item optionally corresponds to a sporting event. In Figure 6N As described above, the live content item optionally corresponds to a sporting event. In

[0221] In some embodiments, as mentioned above, the information 621 associated with the live content item is based on a current playback position within the live content item. For example, as previously discussed above, in Figure 6N , the current playback position does not correspond to a live playback position within the live content item. Accordingly, the statistics shown in information elements 621a-c optionally do not reflect (e.g., do not fully reflect) statistics for the baseball game at the live playback position within the live content item. For example, as shown in Figure 6N and as discussed above, the statistics corresponding to the baseball game shown in information elements 621a-c are for the top half of the 7th inning (specifically, at time 3:35 PM of the top half of the 7th inning). Accordingly, the live playback position in the live content item is optionally after (e.g., later than) 3:35 PM of the top half of the 7th inning, such as at a time during the bottom half of the 7th inning, at a time during the top half of the 8th inning, etc. In some embodiments, as described below, changing the current playback position within the live content item changes the information associated with the live content item displayed in the playback user interface.

[0222] In Figure 6N , the electronic device detects a user scrolling up in the playback user interface (e.g., using contact 603n). For example, as shown in Figure 6N , the electronic device 514 detects a contact 603n (e.g., a tap, touch, selection, or other input) on the touch-sensitive surface 451 of the remote input device 510 followed by an upward movement of the contact 603n on the touch-sensitive surface 451. In some embodiments, in response to receiving the upward scroll, the electronic device 514 moves the current focus to the content player bar 606 in the playback user interface. In Figure 6O , while the content player bar 606 has the current focus, the electronic device receives an input (e.g., using contact 603o) corresponding to a request to scrub forward through the live content item, such as the scrub input described previously above.

[0223] In some embodiments, in response to receiving the input to scrub through the live content item, the electronic device 514 scrubs forward through the live content item according to the input. For example, as shown in Figure 6O , the electronic device 514 moves the scrub bar 608 rightward within the content player bar 606 based on the rightward movement of the contact 603o. Accordingly, as similarly described above, the electronic device 514 optionally updates the current playback position within the live content item to correspond to a playback position forward in the live content item (e.g., relative to the current playback position in Figure 6N . As Figure 6OAs shown in FIG. 6Q, the updated current playback position within the live content item optionally corresponds to 3:45 PM in the live broadcast of the live content item, as expressed by the updated real-world time indicator 609.

[0224] Additionally, in some embodiments, as Figure 6O As shown in FIG. 6Q, the electronic device 514 updates the display of information 621 associated with the live content item based on the updated current playback position within the live content item. For example, as shown in the first information element 621a, the statistics corresponding to the baseball game are still for the top of the 7th inning, but the total hits count for Team A has increased by 1 (e.g., a player for Team A has hit a baseball) in the time that has elapsed since receiving the input to scrub forward in the live content item (e.g., via contact 603o). Additionally, as shown in the second information element 621b, the pitch statistics included in the second information element 621b have been updated to reflect the updated current playback position within the live content item. Figure 6O As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item. Figure 6O As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item. Figure 6N As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item. Figure 6O As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item. Figure 6O As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item. Figure 6N As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item.

[0225] In some embodiments, if the electronic device 514 alternatively receives an input to scrub backward in the live content item, such as in FIG. 6R, the electronic device 514 similarly updates the information associated with the live content item based on the updated current playback position within the live content item. For example, in FIG. 6R, the electronic device 514 receives an input to scrub backward in the live content item (e.g., using contact 603p). As Figure 6P As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item. Figure 6P As shown in FIG. 6Q, the electronic device 514 optionally updates the pitch statistics included in the second information element 621b. For example, as shown in the second information element 621b, the total pitch count for Player A has increased from 78 pitches (e.g., in FIG. 6P) to 84 pitches in the time that has elapsed since receiving the input to scrub forward in the live content item. Figure 6P, the electronic device 514 moves the scrubber bar 608 to the left within the content player bar 606 in accordance with the input and updates the current playback location within the live content item. For example, the updated current playback location within the live content item corresponds to 3:15 PM in the live broadcast of the live content item, as expressed by the updated real-world time indicator 609. As similarly described above, in some embodiments, because the updated current playback location is not a live playback location within the live content item, the electronic device 514 maintains displaying the live indicator 605 in the second visual state and maintains displaying the selectable options 620.

[0226] As similarly discussed above, in some embodiments, Figure 6P As shown in , the electronic device 514 updates the display of information 621 associated with the live content item based on the updated current playback location within the live content item. For example, as shown in the first information element 621a, the statistics corresponding to the baseball game are now for the bottom of the 6th inning, rather than for the 6th inning as described above with reference to FIG. Figure 6N The top of the seventh inning is described. Additionally, Figure 6P As shown in , the electronic device 514 optionally updates the pitching statistics included in the second information element 621b. Figure 6P As shown in FIG, a fourth player (Player D) is now pitching the ball instead of the first player (Player A) discussed above. Therefore, the second information element 621b includes information related to the fourth player instead of Figure 6N The updated pitching statistics for the first player in . Similarly, Figure 6P As shown in , the electronic device 514 optionally updates the shot statistics included in the third information element 621c. Figure 6P As shown in FIG, the fifth athlete (athlete E) instead of the above reference Figure 6N The second player in question (Player B) is now hitting the ball. Therefore, the third information element 621c includes information related to the fifth player instead of Figure 6N The updated batting statistics corresponding to the second player in .

[0227] Figures 6Q to 6U An example of electronic device 514 presenting a user interface including additional content items for playback in a playback user interface is illustrated. Figure 6Q In FIG. 5 , the electronic device 514 is displaying the content player bar 606 and the live content item (live content A) in the playback user interface. Figure 6Q As shown in , the current playback location within the live content item optionally corresponds to the live playback location within the content item. Figure 6Q, the scrub bar 608 is located at the edge of the live video within the content player bar 606 in the playback user interface. Figure 6Q , the electronic device 514 is optionally displaying the live indicator 605 in the first visual state previously described above in the playback user interface. Additionally, in some embodiments, as similarly described above, the time of day expressed by the real-world time indicator 609 (3:57 PM) corresponds to the live playback location within the live content item and is therefore the current time of day at the electronic device 514.

[0228] exist Figure 6Q , the electronic device 514 detects that the user has scrolled down in the playback user interface (e.g., using contact 603q). Figure 6Q As shown in , the electronic device 514 detects contact 603q (e.g., a tap, touch, selection, or other input) on the touch-sensitive surface 451 of the remote input device 510, followed by downward movement of the contact 603q while the content player bar 606 (and associated user interface objects) is displayed in the playback user interface simultaneously with the live content item.

[0229] In some embodiments, in response to receiving a scroll down, the electronic device 514 moves the current focus to the selectable option 614, such as Figure 6R In some embodiments, the electronic device 514 displays the selectable option 614 with an indication of the focus (e.g., visual border, highlighting, shading, bolding, etc.). Figure 6R In the embodiment, when the selectable option 614 has the current focus in the playback user interface, the electronic device 514 detects the selection of the selectable option 614. For example, Figure 6R As shown in , the electronic device 514 detects contact 603r (eg, a tap, touch, press, or other input) on the touch-sensitive surface 451 of the remote input device 510 .

[0230] In some embodiments, in response to receiving a selection of the selectable option 610, the electronic device 514 displays multiple representations of the content item in the playback user interface. Figure 6S, the electronic device 514 offsets the content player bar 606 (and associated user interface objects) upward in the playback user interface and displays a representation 623-1 of a first content item ("item A"), a representation 623-2 of a second content item ("item B"), a representation 623-3 of a third content item ("item C"), a representation 623-4 of a fourth content item ("item D"), and / or a representation 623-5 of a fifth content item ("item E"). In some embodiments, representations 623-1 to 623-5 include representative images corresponding to the respective content items (e.g., such as posters corresponding to the content items or images taken from the content items (e.g., still images or screenshots)). In some embodiments, representations 623-1 to 623-5 include an indication of the content provider of the respective content items. For example, as shown in FIG. Figure 6S As shown in , a first content item (item A) and a second content item (item B) are provided by a first media provider ("Provider 1"), and a third content item (item C) and a fourth content item (item D) are provided by a second media provider ("Provider 2").

[0231] In some embodiments, the content items included in the plurality of content items are live content items. In some embodiments, the live content items include live content items that are currently available for playback in the playback user interface and live content items that will be available for playback in the playback user interface. In some embodiments, representations of the live content items that are available for playback in the playback user interface are displayed together with a live icon (including the text "Live"). For example, Figure 6S , the representation 623-1 of the first content item includes a live icon 624-1, the representation 623-2 of the second content item includes a live icon 624-2, and the representation 623-3 of the third content item includes a live icon 624-3. In some embodiments, as described in more detail below, selection of one of the representations of the live content items currently available for playback initiates playback of the live content item in the playback user interface. In some embodiments, the representations of the live content items available for playback in the playback user interface are displayed together with a time icon. In some embodiments, the time icon indicates the time of day (e.g., from the media provider of the corresponding content item) at the electronic device 514 when the corresponding content item will be available for playback at the electronic device 514. For example, Figure 6SAs shown in FIG. 6B, the representation 623-4 of the fourth content item includes a time icon 625-1 (e.g., indicating that the fourth content item will be available for playback at 7:00 pm), and the representation 623-5 of the fifth content item includes a time icon 625-2 (e.g., indicating that the fifth content item will be available for playback at 7:30 pm). In some embodiments, selection of one of the live content items that will be available for playback in the playback user interface initiates a process for adding that live content item to a watch list (e.g., the “up next” queue described above) that enables the user to initiate playback of the selected live content item when that live content item becomes available.

[0232] In some embodiments, the user of the electronic device 514 has access to view the plurality of content items displayed in the playback user interface. For example, as similarly discussed previously herein, a user account associated with a user logged in on the electronic device 514 by the user of the electronic device 514 is authorized (e.g., via a subscription, a rental, a purchase, etc.) to consume (e.g., view) the content items. In some embodiments, the representations of the plurality of content items are displayed in a predetermined arrangement in the playback user interface. For example, as similarly discussed previously herein, the representations of the plurality of content items are displayed in a predetermined arrangement in the playback user interface. Figure 6S As shown in FIG. 6B, the representation 623-4 of the fourth content item includes a time icon 625-1 (e.g., indicating that the fourth content item will be available for playback at 7:00 pm), and the representation 623-5 of the fifth content item includes a time icon 625-2 (e.g., indicating that the fifth content item will be available for playback at 7:30 pm). In some embodiments, selection of one of the live content items that will be available for playback in the playback user interface initiates a process for adding that live content item to a watch list (e.g., the “up next” queue described above) that enables the user to initiate playback of the selected live content item when that live content item becomes available.

[0233] In some embodiments, as shown in FIG. 6B, the representation 623-1 of the first content item has a current focus in the playback user interface. In some embodiments, as similarly discussed previously herein, the representation 623-2 of the second content item is displayed in the playback user interface with an indication of the focus. Figure 6S In some embodiments, as shown in FIG. 6B, the representation 623-1 of the first content item has a current focus in the playback user interface. In some embodiments, as similarly discussed previously herein, the representation 623-2 of the second content item is displayed in the playback user interface with an indication of the focus. Figure 6S In some embodiments, as shown in FIG. 6B, the representation 623-1 of the first content item has a current focus in the playback user interface. In some embodiments, as similarly discussed previously herein, the representation 623-2 of the second content item is displayed in the playback user interface with an indication of the focus. Figure 6S In some embodiments, as shown in FIG. 6B, the representation 623-1 of the first content item has a current focus in the playback user interface. In some embodiments, as similarly discussed previously herein, the representation 623-2 of the second content item is displayed in the playback user interface with an indication of the focus.

[0234] In some embodiments, as shown in FIG. 6B, the representation 623-1 of the first content item has a current focus in the playback user interface. In some embodiments, as similarly discussed previously herein, the representation 623-2 of the second content item is displayed in the playback user interface with an indication of the focus. Figure 6T In some embodiments, as shown in FIG. 6B, the representation 623-1 of the first content item has a current focus in the playback user interface. In some embodiments, as similarly discussed previously herein, the representation 623-2 of the second content item is displayed in the playback user interface with an indication of the focus. Figure 6TIn some embodiments, while the representation 623-2 of the second content item has current focus, the electronic device 514 receives a selection (e.g., via the contact 603t) of the representation 623-2 of the second content item in the playback user interface. For example, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510.

[0235] In some embodiments, in response to receiving the selection of the representation 623-2 of the second content item, the electronic device 514 initiates display of the second content item (item B) in the playback user interface, as shown in Figure 6U In some embodiments, the electronic device 514 concurrently displays the content player bar 606 with the second content item in the playback user interface (e.g., overlaid on the second content item). As previously discussed above, the second content item is optionally a live content item. Thus, as shown in Figure 6U In some embodiments, while the electronic device 514 displays the second content item in the playback user interface, the electronic device 514 initiates playback of the second content item from the live playback position within the second content item. Additionally, as shown in Figure 6U In some embodiments, because the current playback position within the second content item is a live playback position, the electronic device 514 displays the live indicator 605 in the first visual state described previously above. Moreover, in some embodiments, because the current playback position within the second content item is a live playback position, the time of day expressed by the real-world time indicator 609 is the current time of day at the electronic device 514.

[0236] As shown in Figure 6U In some embodiments, while the electronic device 514 displays the second content item in the playback user interface, the electronic device 514 displays user interface objects that were previously displayed with the live content item (e.g., in Figure 6Q As shown in Figure 6U In some embodiments, while the electronic device 514 displays the second content item in the playback user interface, the electronic device 514 displays user interface objects that were previously displayed with the live content item (e.g., in Figure 6U As shown in

[0237] Figure 6V to Figure 6MM An example is illustrated in which the electronic device 514 presents a user interface associated with a multi-view watch mode on the electronic device 514. In Figure 6V In some embodiments, while the electronic device 514 displays the second content item in the playback user interface, the electronic device 514 displays user interface objects that were previously displayed with the live content item (e.g., in Figure 6VAs shown in FIG. 6A, the current playback position within the live content item optionally corresponds to the live playback position within the content item. For example, in Figure 6V FIG. 6B, the scrubber 608 is positioned at the live edge within the content player bar 606 in the playback user interface. Thus, as shown in Figure 6V FIG. 6C, the electronic device 514 is optionally displaying the live indicator 605 in the first visual state described previously above in the playback user interface. Additionally, in some embodiments, as similarly described above, the time of day (3:57 PM) expressed by the real-world time indicator 609 corresponds to the live playback position within the live content item, and thus is the current time of day at the electronic device 514.

[0238] In some embodiments, the content player bar 606 includes a selectable option 626 (e.g., positioned above the second end (e.g., the right end) of the content player bar 606) in the playback user interface. In some embodiments, the selectable option 626 is selectable to display one or more viewing options for the live content item in the playback user interface. In Figure 6V FIG. 6D, the electronic device 514 detects a user scrolling up (e.g., using the contact 603v) in the playback user interface. For example, as shown in Figure 6V FIG. 6E, the electronic device 514 detects a contact 603w (e.g., a tap, touch, press, or other input) on the touch-sensitive surface 451 of the remote input device 510, followed by an upward movement of the contact 603w while the content player bar 606 (and related user interface objects) and the live content item are concurrently displayed in the playback user interface.

[0239] In some embodiments, in response to scrolling up and down, the electronic device 514 moves the current focus to the selectable option 626, as shown in Figure 6W FIG. 6F. In Figure 6W FIG. 6G, the electronic device 514 detects a selection of the selectable option 626 while the selectable option 626 has the current focus in the playback user interface. For example, as shown in Figure 6W FIG. 6H, the electronic device 514 detects a contact 603w (e.g., a tap, touch, press, or other input) on the touch-sensitive surface 451 of the remote input device 510.

[0240] In some embodiments, in response to receiving the selection of the selectable option 626, the electronic device 514 displays a menu element 627 including one or more viewing options for the live content item in the playback user interface (e.g., above and / or covering a portion of the selectable option), as shown in Figure 6X FIG. 61. For example, as shown in Figure 6XAs shown in , menu element 627 includes a multi-view viewing option, a PiP viewing option and / or an option for viewing a second content item from the beginning (e.g., when the live content item was first broadcast / rebroadcast). Figure 6X As shown in , the multi-view option optionally has current focus in menu element 627.

[0241] exist Figure 6X , when the multi-view option has current focus in menu element 627 in the playback user interface, the electronic device 514 receives a selection of the multi-view option in menu element 627 (e.g., via contact 603x). For example, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510.

[0242] In some embodiments, as Figure 6Y As shown in FIG, in response to receiving a selection of the multi-view option in menu element 627, electronic device 514 displays a multi-view user interface 632. For example, as shown in FIG. Figure 6Y As shown in FIG, the electronic device 514 will Figure 6X The display of the playback user interface is replaced with the display of the multi-view user interface 632. In some embodiments, the multi-view user interface 632 includes a playback area 634, such as Figure 6Y In some embodiments, when the multi-view user interface 632 is displayed, the electronic device 514 displays the Figure 6X For example, if Figure 6Y , the electronic device 514 displays the live content item in the first viewing window 635 in the playback area 634 of the multi-view user interface 632. In some embodiments, the electronic device 514 continues to play back the live content item in the first viewing window 635 in the playback area 634 (e.g., Figure 6X In some embodiments, such as Figure 6Y , a first viewing window 635 displaying a live content item is displayed in a primary position within the playback area 634. For example, the first viewing window 635 is displayed centrally in the playback area 634 and / or at a first size that occupies a majority (e.g., 40%, 50%, 60%, 70%, 80%, etc.) of the playback area 634.

[0243] In some embodiments, when the multi-view user interface 632 is displayed on the electronic device 514, the user can select additional content items to be displayed in the playback area 634 simultaneously with the live content items. Figure 6YAs shown in FIG. 6M, the multi-view user interface 632 optionally includes an available content area 633 (“Add More Content”) below the playback area 634. In some embodiments, the available content area 633 includes representations of a plurality of content items that are currently available for playback on the electronic device 514. For example, the available content area 633 includes a representation 636-1 of a first content item (“Item A”), a representation 636-2 of a second content item (“Item B”), a representation 636-3 of a third content item (“Item C”), a representation 636-4 of a fourth content item (“Item D”), and / or a representation 636-5 of a fifth content item (“Item E”). In some embodiments, as similarly discussed previously above, the representations of the plurality of content items include representative content (e.g., images) corresponding to the plurality of content items. Additionally, in some embodiments, the representations of the plurality of content items include an indication of the media provider of the content items, such as Figure 6Y “Provider 1,” “Provider 2,” and / or “Provider 3” as shown in FIG. 6M.

[0244] In some embodiments, the plurality of content items includes live content items that are currently available for playback and / or on-demand content items that are currently available for playback. In some embodiments, a live content item of the plurality of content items is displayed with a live icon (“Live”) indicating that the content item is a live content item. For example, as shown in Figure 6Y FIG. 6M, in the available content area 633, the representation 636-1 of the first content item includes a live icon 637-1, the representation 636-2 of the second content item includes a live icon 637-2, and the representation 636-3 of the third content item includes a live icon 637-3. In some embodiments, a non-live content item (e.g., an on-demand content item) of the plurality of content items is not displayed with a live icon in the available content area 633. For example, as shown in Figure 6Y FIG. 6M, the representation 636-4 of the fourth content item 636-4 and the representation 636-5 of the fifth content item are not displayed with a live indicator, indicating that the fourth and fifth content items are non-live content items (e.g., available via an application running on the electronic device 514 that provides on-demand access to content items). In some embodiments, as described below, the representations of the plurality of content items in the available content area 633 are selectable to add the selected content item for playback in the playback area 633 with the live content item (Content A).

[0245] In Figure 6Y FIG. 6M, the electronic device 514 detects a user scroll down (e.g., using contact 603y) in the playback user interface. For example, as shown in Figure 6Y, the electronic device 514 detects contact 603y (e.g., a tap, touch, press, or other input) on the touch-sensitive surface 451 of the remote input device 510, followed by a downward movement of the contact 603y while the multi-view user interface 632 is displayed. In some embodiments, in response to receiving the downward scroll, the electronic device 514 moves the current focus to the representation 636-1 of the first content item (item A) in the available content area 633 of the multi-view user interface, as shown in FIG. Figure 6Z For example, the electronic device 514 displays a representation 636 - 1 of a first content item and an indication of a focus point in the available content area 633 .

[0246] In some embodiments, when the representation 636-1 of the first content item receives current focus, the electronic device 514 displays a visual indication 638a (e.g., a preview or prompt) of the first content item in the playback area 634 in the multi-view user interface, such as Figure 6Z For example, Figure 6Z , the electronic device 514 displays a visual indication 638a in the playback area 634 adjacent to the first viewing window 635 that is displaying the live content item. In some embodiments, the placement of the visual indication 638a in the playback area 634 indicates a location in the playback area 634 at which the first content item will be displayed in response to further input (e.g., selection of the representation 636-1 of the first content item in the available content area 633). Figure 6Z As shown in , when visual indication 638a is displayed in playback area 634, electronic device 514 optionally adjusts the display of first viewing window 635. For example, as shown in Figure 6Z As shown in FIG, the first viewing window 635 is no longer displayed at its primary location within the playback area 634, but is offset to the left in the playback area 634 to accommodate the display of the visual indication 638a. Additionally, in some embodiments, the first viewing window 635 is no longer displayed in the playback area 634 at the first size described above. For example, Figure 6Z , the electronic device 514 reduces the size of the first viewing window 635 in the playback area 634 to accommodate the display of the visual indication 638a. In some embodiments, the electronic device 514 displays the first viewing window 635 and the visual indication 638a at the same size in the playback area 634. In some embodiments, the electronic device 514 continues to play back the live content item in the first viewing window 635 while the visual indication 638a is displayed.

[0247] exist Figure 6ZIn some embodiments, while the representation 636-1 of the first content item has the current focus and the visual indication 638a is displayed in the playback area 634, the electronic device 514 receives a selection (e.g., via contact 603z) of the representation 636-1 of the first content item in the available content area 633. For example, as shown in FIG. 6Q, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510. Figure 6Z In some embodiments, as shown in FIG. 6Q, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510.

[0248] In some embodiments, in response to receiving the selection of the representation 636-1 of the first content item, the electronic device 514 displays the first content item (Item A) concurrently with the live content item in the playback area 634, as shown in FIG. 6R. For example, as shown in FIG. 6R, the electronic device 514 displays a second watch window 639 in the playback area 634 that is displaying (e.g., playing back) the first content item. Figure 6AA In some embodiments, as shown in FIG. 6R, the electronic device 514 displays the second watch window 639 in the playback area 634 at a location that is proximate to the visual indication 638a of the first content item in the available content area 633. Figure 6AA In some embodiments, as shown in FIG. 6R, the electronic device 514 displays the second watch window 639 in the playback area 634 at a location that is proximate to the visual indication 638a of the first content item in the available content area 633. Figure 6Z In some embodiments, as shown in FIG. 6R, the electronic device 514 displays the second watch window 639 in the playback area 634 at a location that is proximate to the visual indication 638a of the first content item in the available content area 633. Figure 6AA In some embodiments, as shown in FIG. 6R, the electronic device 514 displays the second watch window 639 in the playback area 634 at a location that is proximate to the visual indication 638a of the first content item in the available content area 633. Figure 6Z In some embodiments, as shown in FIG. 6R, the electronic device 514 displays the second watch window 639 in the playback area 634 at a location that is proximate to the visual indication 638a of the first content item in the available content area 633. Figure 6Z In some embodiments, as shown in FIG. 6R, the electronic device 514 displays the second watch window 639 in the playback area 634 at a location that is proximate to the visual indication 638a of the first content item in the available content area 633.

[0249] In some embodiments, as shown in FIG. 6R, the electronic device 514 displays the second watch window 639 in the playback area 634 at a location that is proximate to the visual indication 638a of the first content item in the available content area 633. Figure 6AAAs shown in FIG. 6Q, the electronic device 514 displays a visual element 631-1 (e.g., a checkmark element) overlaid on the representation 636-1 of the first content item, indicating that the first content item has been successfully added for playback to the playback area 634. In some embodiments, the electronic device 514 changes the visual appearance of the representation 636-1 of the first content item to indicate that the first content item has been successfully added for playback to the playback area 634. For example, the electronic device 514 adjusts the brightness, opacity, tint, saturation, etc. of the representation 636-1 in the available content area 633. In some embodiments, the user is able to stop displaying the second watch window 639 in the playback area 634 that is displaying the first content item. For example, when the electronic device 514 receives a (e.g., subsequent) selection of the representation 636-1 of the first content item in the available content area 633, the electronic device 514 stops displaying the second watch window 639 in the playback area 634.

[0250] In some embodiments, as shown in FIG. 6R, the electronic device 514 displays a visual element 631-2 (e.g., a checkmark element) overlaid on the representation 636-2 of the second content item, indicating that the second content item has been successfully added for playback to the playback area 634. In some embodiments, the electronic device 514 changes the visual appearance of the representation 636-2 of the second content item to indicate that the second content item has been successfully added for playback to the playback area 634. For example, the electronic device 514 adjusts the brightness, opacity, tint, saturation, etc. of the representation 636-2 in the available content area 633. In some embodiments, the user is able to stop displaying the first watch window 635 in the playback area 634 that is displaying the live content item. For example, when the electronic device 514 receives a (e.g., subsequent) selection of the representation 636-2 of the second content item in the available content area 633, the electronic device 514 stops displaying the first watch window 635 in the playback area 634. Figure 6AA In some embodiments, as shown in FIG. 6R, the electronic device 514 displays a visual element 631-2 (e.g., a checkmark element) overlaid on the representation 636-2 of the second content item, indicating that the second content item has been successfully added for playback to the playback area 634. In some embodiments, the electronic device 514 changes the visual appearance of the representation 636-2 of the second content item to indicate that the second content item has been successfully added for playback to the playback area 634. For example, the electronic device 514 adjusts the brightness, opacity, tint, saturation, etc. of the representation 636-2 in the available content area 633. In some embodiments, the user is able to stop displaying the first watch window 635 in the playback area 634 that is displaying the live content item. For example, when the electronic device 514 receives a (e.g., subsequent) selection of the representation 636-2 of the second content item in the available content area 633, the electronic device 514 stops displaying the first watch window 635 in the playback area 634. Figure 6AA In some embodiments, as shown in FIG. 6R, the electronic device 514 displays a visual element 631-2 (e.g., a checkmark element) overlaid on the representation 636-2 of the second content item, indicating that the second content item has been successfully added for playback to the playback area 634. In some embodiments, the electronic device 514 changes the visual appearance of the representation 636-2 of the second content item to indicate that the second content item has been successfully added for playback to the playback area 634. For example, the electronic device 514 adjusts the brightness, opacity, tint, saturation, etc. of the representation 636-2 in the available content area 633. In some embodiments, the user is able to stop displaying the first watch window 635 in the playback area 634 that is displaying the live content item. For example, when the electronic device 514 receives a (e.g., subsequent) selection of the representation 636-2 of the second content item in the available content area 633, the electronic device 514 stops displaying the first watch window 635 in the playback area 634.

[0251] In some embodiments, as shown in FIG. 6R, the electronic device 514 displays a visual element 631-2 (e.g., a checkmark element) overlaid on the representation 636-2 of the second content item, indicating that the second content item has been successfully added for playback to the playback area 634. In some embodiments, the electronic device 514 changes the visual appearance of the representation 636-2 of the second content item to indicate that the second content item has been successfully added for playback to the playback area 634. For example, the electronic device 514 adjusts the brightness, opacity, tint, saturation, etc. of the representation 636-2 in the available content area 633. In some embodiments, the user is able to stop displaying the first watch window 635 in the playback area 634 that is displaying the live content item. For example, when the electronic device 514 receives a (e.g., subsequent) selection of the representation 636-2 of the second content item in the available content area 633, the electronic device 514 stops displaying the first watch window 635 in the playback area 634. Figure 6BB Figure 6BB In some embodiments, as shown in FIG. 6R, the electronic device 514 displays a visual element 631-2 (e.g., a checkmark element) overlaid on the representation 636-2 of the second content item, indicating that the second content item has been successfully added for playback to the playback area 634. In some embodiments, the electronic device 514 changes the visual appearance of the representation 636-2 of the second content item to indicate that the second content item has been successfully added for playback to the playback area 634. For example, the electronic device 514 adjusts the brightness, opacity, tint, saturation, etc. of the representation 636-2 in the available content area 633. In some embodiments, the user is able to stop displaying the first watch window 635 in the playback area 634 that is displaying the live content item. For example, when the electronic device 514 receives a (e.g., subsequent) selection of the representation 636-2 of the second content item in the available content area 633, the electronic device 514 stops displaying the first watch window 635 in the playback area 634. Figure 6B

[0252] ​​In some embodiments, as similarly discussed above, the electronic device 514 displays a visual indication 638b at a location in the playback area 634 where the second content item will be displayed in response to further input (e.g., selection of representation 636-2 in the available content area 633). Figure 6BB As shown in , when the electronic device 514 displays the visual indication 638b in the playback area 634, the electronic device 514 adjusts the display of the first viewing window 635 and the second viewing window 639 in the playback area 634. For example, Figure 6BB As shown in FIG, the first viewing window 635 and the second viewing window 639 are offset upward in the playback area 634 to accommodate the display of the visual indication 638b. Additionally, in some embodiments, the electronic device 514 reduces the size of the first viewing window 635 and the second viewing window 639 displayed in the playback area 634 (e.g., Figure 6AA ). For example, as shown in FIG. Figure 6BB As shown in , the first viewing window 635 and the second viewing window 639 are displayed at a reduced size to accommodate the display of the visual indication 638b. In some embodiments, the size of the visual indication 638b is the size at which the second content item will be displayed in the playback area 634 in response to further input. In some embodiments, as Figure 6BB As shown in FIG, the visual indication 638b is displayed in the playback area 634 at the same size as the first viewing window 635 and / or the second viewing window 639.

[0253] exist Figure 6BB , the electronic device 514 receives a selection of the representation 636-2 of the second content item (e.g., via contact 603bb) when the visual indication 638b is displayed in the playback area 634 and the representation 636-2 of the second content item has current focus in the available content area 633. Figure 6BB As shown in , the electronic device 514 detects a touch, tap, press, or other input on the touch-sensitive surface 451 of the remote input device 510.

[0254] In some embodiments, in response to receiving a selection of the representation 636-2 of the second content item, the electronic device 514 displays the second content item (item B) simultaneously with the live content item (content A) and the first content item (item A) in the playback area 634 of the multi-view user interface, as shown in FIG. Figure 6CC For example, Figure 6CCAs shown in FIG. 6Q, the electronic device 514 displays, in the playback area 634, the third watch window 639b that is displaying the second content item concurrently with the first watch window 635 that is displaying the live content item and the second watch window 639a that is displaying the first content item. In some embodiments, as described above, the second content item is a live content item. Thus, in Figure 6CC In some embodiments, the electronic device 514 initiates playback of the third content item from the live playback position within the third watch window 639b.

[0255] In some embodiments, the electronic device 514 replaces display of the visual indication 638b of the second content item in Figure 6BB with display of the third watch window 639b that is displaying the second content item. For example, as shown in Figure 6CC In some embodiments, the electronic device 514 displays the third watch window 639b at the location of the visual indication 638b in the playback area 634 (e.g., and stops displaying the visual indication 638b). Additionally, in some embodiments, the electronic device 514 displays the third watch window 639b in the playback area 634 at the same size as the visual indication 638b, as shown in Figure 6BB In some embodiments, the electronic device 514 displays the third watch window 639b at the location of the visual indication 638b in the playback area 634 (e.g., and stops displaying the visual indication 638b). Additionally, in some embodiments, the electronic device 514 displays the third watch window 639b in the playback area 634 at the same size as the visual indication 638b, as shown in Figure 6CC In some embodiments, the electronic device 514 displays the third watch window 639b at the location of the visual indication 638b in the playback area 634 (e.g., and stops displaying the visual indication 638b). Additionally, in some embodiments, the electronic device 514 displays the third watch window 639b in the playback area 634 at the same size as the visual indication 638b, as shown in Figure 6CC In some embodiments, the electronic device 514 displays the third watch window 639b at the location of the visual indication 638b in the playback area 634 (e.g., and stops displaying the visual indication 638b). Additionally, in some embodiments, the electronic device 514 displays the third watch window 639b in the playback area 634 at the same size as the visual indication 638b, as shown in FIG. 6CC In some embodiments, the electronic device 514 displays the third watch window 639b at the location of the visual indication 638b in the playback area 634 (e.g., and stops displaying the visual indication 638b). Additionally, in some embodiments, the electronic device 514 displays the third watch window 639b in the playback area 634 at the same size as the visual indication 638b, as shown in

[0256] In some embodiments, the content items are displayed in the playback area 634 in a predetermined arrangement. In some embodiments, the predetermined arrangement is based on the order in which the content items are added for playback in the playback area 634. For example, in FIG. 6CC In some embodiments, the content items are displayed in the playback area 634 in a predetermined arrangement. In some embodiments, the predetermined arrangement is based on the order in which the content items are added for playback in the playback area 634. For example, in FIG. 6YY In some embodiments, the content items are displayed in the playback area 634 in a predetermined arrangement. In some embodiments, the predetermined arrangement is based on the order in which the content items are added for playback in the playback area 634. For example, in FIG. 6AAThus, in some examples, the second viewing window 639a that is displaying the first content item is displayed adjacent to the first viewing window 635 in the upper right position of the playback area 634, as shown in FIG. FIG. 6CC Finally, as FIG. 6CC As shown in , since the second content item (item B) is added third (last) for playback in the playback area 634, the electronic device 514 optionally displays a third viewing window 639b displaying the second content item below (e.g., centered) the first viewing window 635 and the second viewing window 639a.

[0257] In some embodiments, the user is able to modify the predetermined arrangement described above for content items currently displayed (e.g., being played back) in the playback area 634. For example, FIG. 6DD As shown in , the multi-view user interface includes a first arrangement option 638-1 and a second arrangement option 638-2. In some embodiments, the first arrangement option 638-1 and the second arrangement option 638-2 are displayed in the upper portion of the playback area 634 (e.g., above the viewing windows 635, 639a, and 639b). FIG. 6DD , the first arrangement option 638-1 is currently optionally selected (e.g., as indicated by the shading of the first arrangement option 638-1). In some embodiments, the user can change the predetermined arrangement from the first arrangement (in FIG. 6DD ) is changed to a second arrangement different from the first arrangement, as described below.

[0258] exist FIG. 6DD , when the first arrangement option 638-1 is currently selected (e.g., and has current focus), the electronic device 514 receives input (e.g., via contact 603dd) selecting the second arrangement option 638-2. FIG. 6DD As shown in , electronic device 514 detects a leftward scroll of contact 603dd on touch-sensitive surface 451 , followed by a selection input (eg, a tap, touch, press, or other input) on touch-sensitive surface 451 .

[0259] In some embodiments, in response to receiving a selection of the second arrangement option 638-2, the electronic device 514 changes the predetermined arrangement of the content items displayed in the playback area 634 according to the second arrangement, such as FIG. 6EE For example, FIG. 6EE As shown in FIG, the electronic device 514 updates the display of the first viewing window 635, the second viewing window 639a, and the third viewing window 639b in the playback area 634. In some embodiments, as shown in FIG. FIG. 6EEAs shown in FIG. 6B, the second arrangement corresponds to a columnar arrangement in which the live content item (Content A) is displayed in a primary position within the columnar arrangement. For example, as shown in FIG. 6B, the electronic device 514 displays a first viewing window 635 in the primary position within the playback region 634. In some embodiments, as similarly discussed above, the electronic device 514 displays the first viewing window 635 in the primary position because the live content item was added first for playback in the playback region 634. Additionally, as similarly discussed above, the electronic device 514 displays the first viewing window 635 in the primary position because the first viewing window 635 has a current focus in the multi-view user interface. FIG. 6EE As shown in FIG. 6B, the first viewing window 635 displaying the live content item is displayed in a first size and occupies a left portion of the playback region 634. In some embodiments, as similarly discussed above, the electronic device 514 displays the first viewing window 635 in the primary position because the live content item was added first for playback in the playback region 634. Additionally, as similarly discussed above, the electronic device 514 displays the first viewing window 635 in the primary position because the first viewing window 635 has a current focus in the multi-view user interface. FIG. 6EE As shown in FIG. 6B, the electronic device 514 optionally displays a first content item (Item A) and a second content item (Item B) in a column adjacent to (e.g., to the right of) the live content item in the playback region 634. For example, the electronic device 514 displays a second viewing window 639a and a third viewing window 639b in the column occupying a right portion of the playback region 634. In some embodiments, as similarly discussed above, the electronic device 514 displays the first viewing window 635 in the primary position because the live content item was added first for playback in the playback region 634. Additionally, as similarly discussed above, the electronic device 514 displays the first viewing window 635 in the primary position because the first viewing window 635 has a current focus in the multi-view user interface. FIG. 6EE As shown in FIG. 6B, the second viewing window 639a and the third viewing window 639b are displayed in the column adjacent to the first viewing window 635 in a second size that is smaller than the first size.

[0260] In some embodiments, because the first viewing window 635 has a current focus in the multi-view user interface, the live content item in the first viewing window 635 is displayed in the playback region 634 in a maximum size. For example, in FIG. 6EE In FIG. 6B, if the electronic device 514 receives an input to move the current focus to a different viewing window, such as the second viewing window 639a, the electronic device 514 will display the second viewing window 639a displaying the first content item in the playback region 634 in a maximum size (e.g., in a size of the first viewing window 635 as shown in FIG. 6B). Additionally, the electronic device 514 will optionally maintain the predetermined arrangement (e.g., the second arrangement associated with the second arrangement option 638-2 discussed above) displaying the content items with the second viewing window 639a displayed in the playback region 634 in the maximum size. FIG. 6EE In FIG. 6B, if the electronic device 514 receives an input to move the current focus to a different viewing window, such as the second viewing window 639a, the electronic device 514 will display the second viewing window 639a displaying the first content item in the playback region 634 in a maximum size (e.g., in a size of the first viewing window 635 as shown in FIG. 6B). Additionally, the electronic device 514 will optionally maintain the predetermined arrangement (e.g., the second arrangement associated with the second arrangement option 638-2 discussed above) displaying the content items with the second viewing window 639a displayed in the playback region 634 in the maximum size. FIG. 6EE In FIG. 6B, if the electronic device 514 receives an input to move the current focus to a different viewing window, such as the second viewing window 639a, the electronic device 514 will display the second viewing window 639a displaying the first content item in the playback region 634 in a maximum size (e.g., in a size of the first viewing window 635 as shown in FIG. 6B). Additionally, the electronic device 514 will optionally maintain the predetermined arrangement (e.g., the second arrangement associated with the second arrangement option 638-2 discussed above) displaying the content items with the second viewing window 639a displayed in the playback region 634 in the maximum size.

[0261] In some embodiments, the electronic device 514 outputs audio corresponding to the respective content items being played back in the playback region 634 (e.g., a live broadcast accompanying the respective content items). As shown in FIG. 6B, the electronic device 514 is concurrently displaying three content items (Content A, Item A, and Item B) in the playback region 634. In some embodiments, the electronic device 514 outputs audio based on the location of the current focus in the playback region 634. For example, as shown in FIG. 6B, the electronic device 514 outputs audio corresponding to the live content item (Content A) because the first viewing window 635 has a current focus in the multi-view user interface. FIG. 6EE In some embodiments, the electronic device 514 outputs audio corresponding to the respective content items being played back in the playback region 634 (e.g., a live broadcast accompanying the respective content items). As shown in FIG. 6B, the electronic device 514 is concurrently displaying three content items (Content A, Item A, and Item B) in the playback region 634. In some embodiments, the electronic device 514 outputs audio based on the location of the current focus in the playback region 634. For example, as shown in FIG. 6B, the electronic device 514 outputs audio corresponding to the live content item (Content A) because the first viewing window 635 has a current focus in the multi-view user interface. FIG. 6EEAs shown in FIG. 6Q, the live content item (Content A) has current focus in the playback area 634. Accordingly, in some embodiments, the electronic device 514 outputs audio corresponding to the live content item, without outputting audio corresponding to the first content item (Item A) and the second content item (Item B). It is to be understood that the electronic device 514 continues to play back the first content item and the second content item, but does not output audio corresponding to either of the content items.

[0262] In some embodiments, the electronic device 514 displays an audio indicator 641a that indicates the content item in the playback area 634 for which the electronic device 514 is currently outputting audio. For example, as shown in FIG. 6Q, the electronic device 514 displays the audio indicator 641a adjacent to the first watch window 635, because the electronic device 514 is outputting audio corresponding to the live content item (Content A) that is displayed in the first watch window 635. FIG. 6EE As shown in FIG. 6Q, because the electronic device 514 is outputting audio corresponding to the live content item (e.g., because the live content item has current focus), the electronic device 514 displays the audio indicator 641a adjacent to the first watch window 635. In some embodiments, as described below, the electronic device 514 alternatively displays the audio indicator 641a overlaid on a portion of the first watch window 635 in the playback area 634.

[0263] In some embodiments, while the first watch window 635 is displaying the live content item has current focus, the electronic device 514 receives a selection of the first watch window 635 in the playback area 634 (e.g., via the contact 603ee). For example, as shown in FIG. 6R, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510. FIG. 6FF As shown in FIG. 6R, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510. FIG. 6FF In some embodiments, in response to receiving the selection of the first watch window 635 in the playback area 634, the electronic device 514 ceases to display the available content area 633 in the multi-view user interface, as shown in FIG. 6S. For example, as shown in FIG. 6S, the electronic device 514 no longer displays the representation of the plurality of content items available for playback in the available content area 633 of FIG. 6Q.

[0264] In some embodiments, in response to receiving the selection of the first watch window 635, the electronic device 514 maintains display of the playback area 634. For example, as shown in FIG. 6T, the electronic device 514 continues to simultaneously display (e.g., playback) the live content item (Content A) in the first watch window 635, the first content item (Item A) in the second watch window 639a, and the second content item (Item B) in the third watch window 639b. In some embodiments, as shown in FIG. 6T, the electronic device 514 displays the audio indicator 641a overlaid on a portion of the first watch window 635 in the playback area 634. FIG. 6EE As shown in FIG. 6T, the electronic device 514 displays the audio indicator 641a overlaid on a portion of the first watch window 635 in the playback area 634. FIG. 6FF In some embodiments, in response to receiving the selection of the first watch window 635, the electronic device 514 maintains display of the playback area 634. For example, as shown in FIG. 6T, the electronic device 514 continues to simultaneously display (e.g., playback) the live content item (Content A) in the first watch window 635, the first content item (Item A) in the second watch window 639a, and the second content item (Item B) in the third watch window 639b. In some embodiments, as shown in FIG. 6T, the electronic device 514 displays the audio indicator 641a overlaid on a portion of the first watch window 635 in the playback area 634. FIG. 6FF In some embodiments, in response to receiving the selection of the first watch window 635, the electronic device 514 maintains display of the playback area 634. For example, as shown in FIG. 6T, the electronic device 514 continues to simultaneously display (e.g., playback) the live content item (Content A) in the first watch window 635, the first content item (Item A) in the second watch window 639a, and the second content item (Item B) in the third watch window 639b. In some embodiments, as shown in FIG. 6T, the electronic device 514 displays the audio indicator 641a overlaid on a portion of the first watch window 635 in the playback area 634. FIG. 6FF In some embodiments, in response to receiving the selection of the first watch window 635, the electronic device 514 maintains display of the playback area 634. For example, as shown in FIG. 6T, the electronic device 514 continues to simultaneously display (e.g., playback) the live content item (Content A) in the first watch window 635, the first content item (Item A) in the second watch window 639a, and the second content item (Item B) in the third watch window 639b. In some embodiments, as shown in FIG. 6T, the electronic device 514 displays the audio indicator 641a overlaid on a portion of the first watch window 635 in the playback area 634. FIG. 6EE In some embodiments, in response to receiving the selection of the first watch window 635, the electronic device 514 maintains display of the playback area 634. For example, as shown in FIG. 6T, the electronic device 514 continues to simultaneously display (e.g., playback) the live content item (Content A) in the first watch window 635, the first content item (Item A) in the second watch window 639a, and the second content item (Item B) in the third watch window 639b. In some embodiments, as shown in FIG. 6T, the electronic device 514 displays the audio indicator 641a overlaid on a portion of the first watch window 635 in the playback area 634. FIG. 6FFAs shown in FIG. 6Q, when the available content region 633 is no longer displayed in the multi-view user interface, the electronic device 514 maintains the display of the content items in the predetermined arrangement (e.g., the second arrangement described above). FIG. 6EE

[0265] In some embodiments, when the electronic device 514 stops displaying the available content region 633 in the multi-view user interface, the electronic device 514 increases the size of the content items displayed in the playback region 634. For example, as shown in FIG. 6EE FIG. 6R, the electronic device 514 increases the size of the first viewing window 635, the second viewing window 639a, and the third viewing window 639b in the playback region 634 (e.g., compared to the size shown in FIG. 6FF FIG. 6Q), such that the display of the content items occupies a larger portion of the multi-view user interface (e.g., compared to the portion occupied in FIG. 6FF FIG. 6Q). Additionally, as shown in FIG. 6FF FIG. 6R, the first viewing window 635 that is displaying the live content item has the current focus in the playback region 634. Accordingly, as similarly discussed above, in some embodiments, the electronic device 514 outputs audio corresponding to the live content item, without outputting audio corresponding to the first content item and the second content item. Additionally, in some embodiments, because the electronic device 514 is outputting audio corresponding to the live content item, the electronic device 514 displays the audio indicator 641a in the playback region 634. For example, as shown in FIG. 6FF FIG. 6R, the electronic device 514 displays the audio indicator overlaid on a portion of the first viewing window 635 to indicate that the electronic device 514 is outputting audio corresponding to the live content item.

[0266] In FIG. 6GG FIG. 6Q, while the first viewing window 635 has the current focus in the playback region 634, the electronic device 514 receives a selection of the first viewing window 635 (e.g., via the contact 603ff). For example, as shown in FIG. 6GG FIG. 6R, the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510.

[0267] In some embodiments, as shown in FIG. 6FF FIG. 6R, in response to receiving the selection of the first viewing window 635 in the playback region 634, the electronic device 514 initiates full-screen playback of the live content item on the electronic device 514. For example, as shown in FIG. 6GG FIG. 6R, the electronic device 514 stops displaying the multi-view user interface of FIG. 6FF FIG. 6Q, and displays the playback user interface 602 described previously herein. As FIG. 6GG ​As shown in FIG, playback user interface 602 is displaying a live content item (Content A). In some embodiments, when a live content item is displayed FIG. 6GG When the first viewing window 635 is in the live content item (optionally at a live playback location within the live content item), the electronic device 514 continues to play back the live content item from the current playback location of the live content item.

[0268] In some embodiments, the user can navigate away from the FIG. 6FF 602 in the playback user interface to navigate back to the multi-view user interface described above. FIG. 6HH , the electronic device 514 receives a selection of a menu button of the remote input device 510 (e.g., via contact 603gg). In some embodiments, the electronic device 514 detects a button press of the menu button of the remote input device 510 (e.g., via an object, such as a finger).

[0269] In some embodiments, in response to receiving a selection of the menu button, the electronic device 514 redisplays the FIG. 6HH Multi-view user interface, such as FIG. 6HH For example, FIG. 6HH As shown in , the electronic device 514 stops displaying the playback user interface 602 that is displaying the live content item and redisplays the multi-view user interface including the playback area 634. In some embodiments, as shown in FIG. FIG. 6GG As shown in FIG, the electronic device 514 redisplays the first viewing window 635 displaying the live content item (Content A), the second viewing window 639a displaying the first content item (Item A), and the third viewing window 639b displaying the second content item (Item B). FIG. 6GG As shown in FIG, the electronic device 514 optionally displays the content items in a predetermined arrangement (e.g., the second arrangement previously described above) in the playback area 634. FIG. 6GG In some embodiments, when the multi-view user interface is redisplayed, the electronic device 514 displays the live content item in the first viewing window 635 with the current focus (e.g., because the live content item is currently focused when the multi-view user interface is redisplayed). FIG. 6HH , the first viewing window 635 has current focus). Thus, as similarly discussed above, the electronic device 514 displays the first viewing window 635 with an audio indication 641 a indicating that the electronic device 514 is outputting audio corresponding to the live content item.

[0270] It should be understood that when a live content item is displayed FIG. 6HH, the electronic device 514 continues to play back the live content item in the first viewing window 635 from the current playback location within the live content item (optionally the live playback location within the live content item). In some embodiments, when the electronic device 514 redisplays the first content item (item A) and the second content item (item B) in the playback area 634, the electronic device 514 initiates playback of the first content item and the second content item from the live playback locations within the first content item and the second content item (e.g., because the first content item and the second content item are optionally live content items, as previously discussed above).

[0271] like FIG. 6II , when the electronic device 514 redisplays the multi-view user interface, the multi-view user interface optionally does not include the available content area 633. In some embodiments, the user can redisplay the additional content area 633 in the multi-view user interface by providing input corresponding to a request to navigate backward in the multi-view user interface. For example, in FIG. 6II , the electronic device 514 receives a selection of a menu button of the remote input device 510 (eg, a button press provided by contact 603hh), as similarly described above.

[0272] In some embodiments, as FIG. 6II As shown in FIG, in response to receiving a selection of the menu button of the remote input device 510, the electronic device 514 redisplays the available content area 633 in the multi-view user interface. FIG. 6HH As shown in FIG, the electronic device 514 displays the available content area 633 below the playback area 634 in the multi-view user interface. FIG. 6JJ , the electronic device 514 optionally redisplays representations 636-1 through 636-5 of a plurality of content items available for playback on the electronic device 514 in the available content area 633. In some embodiments, the user is able to add additional content items for playback in the playback area 634 while displaying the available content area 633 in the multi-view user interface following the process previously described above.

[0273] In some embodiments, the user can stop displaying the multi-view user interface (e.g., and redisplay the live content item in the playback user interface 602) by providing input corresponding to a request to navigate backward in the multi-view user interface. FIG. 6JJ , while a multi-view user interface including a playback area 634 and an available content area 633 is displayed, the electronic device 514 receives a selection of a menu button of the remote input device 510 (e.g., a button press provided by contact 603ii), as similarly described above.

[0274] In some embodiments, in response to receiving a selection of a menu button of the remote input device 510, the electronic device 514 stops displaying the multi-view user interface, such as FIG. 6JJ For example, FIG. 6JJ As shown in , the electronic device 514 replaces the display of the multi-view user interface with the display of the playback user interface previously described herein. In some embodiments, the electronic device 514 displays the live content item (Content A) in the playback user interface. For example, FIG. 6II , the electronic device 514 initiates playback of the live content item from a live playback location within the live content item (e.g., corresponding to 4:10 PM within the live content item, as indicated by the real-world time indicator 609). Additionally, because the electronic device 514 is displaying the live content item at the live playback location within the live content item, the playback user interface optionally includes a live indicator 605 displayed in a first visual state, as shown in FIG. FIG. 6X In some embodiments, the electronic device 514 displays the live content item in the playback user interface (instead of FIG. 6KK ), because the live content item is displayed in the playback user interface before the multi-view user interface is displayed (e.g., as previously shown in FIG. FIG. 6KK ).

[0275] In some embodiments, the user can access the multi-view user interface described above via one or more content items included under a "More Content" tab in the playback user interface. FIG. 6KK , when the live content item is displayed in the playback user interface, selectable option 614 (corresponding to "More Content") has been selected in the playback user interface. FIG. 6KK , the electronic device 514 is displaying representations 623-1 through 623-5 of a plurality of content items that are currently available and / or will be available for playback on the electronic device 514, as previously described herein. FIG. 6KK As shown in , representation 623 - 1 of a first content item (item A) has current focus in the playback user interface.

[0276] exist FIG. 6LL , when representation 623-1 of the first content item has current focus, electronic device 514 receives selection and holding (e.g., via contact 603kk) of representation 623-1 in the playback user interface. FIG. 6LL As shown in , the electronic device 514 detects a tap, touch, or press on the touch-sensitive surface 451 of the remote input device 510 and holds it (e.g., for a threshold amount of time, such as 1 second, 2 seconds, 3 seconds, 4 seconds, 5 seconds, 8 seconds, 10 seconds, 15, etc.).

[0277] In some embodiments, in response to receiving selection and holding of representation 623-1 of a first content item (item A), electronic device 514 displays one or more viewing options for the first content item in the playback user interface. FIG. 6LL As shown in FIG, the electronic device displays a menu element 642 and a representation 623-1 of the first content item in the playback user interface (eg, overlaid on the representation of the first content item). FIG. 6LL As shown in , menu element 642 optionally includes a multi-view viewing option, a live viewing option (e.g., to initiate playback of the first content item at a live playback location within the first content item), and / or an option to watch the first content item from the beginning (e.g., the start time of the first content item being first broadcast / rebroadcast by the media provider of the first content item (Provider 1). In some embodiments, as FIG. 6LL As shown in , the multi-view viewing option has current focus in menu element 642 in the playback user interface.

[0278] exist FIG. 6MM , when the multi-view viewing option has current focus in menu element 642, the electronic device 514 receives a selection of the multi-view viewing option (e.g., via contact 60311). FIG. 6MM As shown in , the electronic device 514 detects a tap, touch, press, or other input on the touch-sensitive surface 451 of the remote input device 510.

[0279] In some embodiments, as FIG. 6LL As shown in , in response to receiving a selection of the multi-view viewing option, the electronic device 514 displays a multi-view user interface 632, as similarly discussed above. FIG. 6LL As shown in FIG, the electronic device 514 will FIG. 6LL The display of the playback user interface is replaced by the display of the multi-view user interface 632. As similarly discussed above, in some embodiments, the multi-view user interface 632 includes a playback area 634 and an available content area 633, such as FIG. 6LL As shown in .

[0280] In some embodiments, as similarly discussed above, the electronic device 514 displays the video being played in the first viewing window 635 in the playback area 634. FIG. 6MM In some embodiments, as previously discussed above, when input is made in the playback user interface of FIG. 6V to FIG. 6MM When the video is received, the electronic device 514 initiates playback of the live content item from the current playback location (optionally the live playback location) within the live content item. FIG. 6V to FIG. 6MM, the electronic device 514 displays the first content item (item A) in the second viewing window 639 and the first viewing window 635 in the playback area 634 simultaneously. For example, because the user selected the viewing option in the menu element 642 for viewing the first content item in multi-view, the electronic device 514 automatically fills the playback area 634 with the first content item (in the second viewing window 639). Thus, the electronic device 514 optionally displays the live content item and the first content item simultaneously in the playback area 634 of the multi-view user interface 632. As similarly discussed above, in some embodiments, the electronic device 514 initiates playback of the first content item (which is optionally a live content item) from a live playback location within the first content item in the second viewing window 639.

[0281] Additionally, in some embodiments, because the first content item is displayed in the playback area 634, the electronic device 514 adjusts the display of the representation 636-1 of the first content item in the available content area 633. For example, as similarly discussed above, the electronic device 514 displays a visual element 631-1 (e.g., a check mark element) overlaid on the representation 636-1 of the first content item in the available content area 633 to indicate that the first content item has been successfully added for playback to the playback area 634. In some embodiments, as similarly discussed above, the user is able to add additional content items for playback in the playback area 634 by interacting with (e.g., selecting) the representations of content items available for playback in the available content area 633 (e.g., representations 636-2 through 636-5).

[0282] It should be understood that FIG. 6F to FIG. 6K The interactions illustrated in and described above with reference to these figures are optionally applicable to electronic devices other than electronic device 514. For example, FIG. 6MM to FIG. 6NN The user interface illustrated in FIG. 6OO On the electronic device 500 illustrated in and described above with reference to these figures.

[0283] according to FIG. 6OOIn some embodiments, as shown in Fig. 6Q and as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 adds the second content item and the third content item for playback in playback region 634 of multi-view user interface 632. For example, as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 displays the second content item in third viewing window 639b and the third content item in fourth viewing window 639c in playback region 634, as shown in Fig. 6R. In some embodiments, while displaying the content items in playback region 634 of multi-view user interface 632, if electronic device 514 determines that a threshold amount of time (e.g., 1 second, 2 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds, 60, etc.) has elapsed since detecting the last input (e.g., the sequence of one or more inputs discussed above), then electronic device 514 changes the size of the viewing windows in playback region 634 of multi-view user interface 632. For example, as shown in Fig. 6S, prior to determining that the threshold amount of time represented by time 652-1 in time bar 651 has elapsed, viewing windows 639a-639c are displayed in playback region 634 at a first size (optionally, the same size).

[0284] In some embodiments, as shown in Fig. 6Q and as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 adds the second content item and the third content item for playback in playback region 634 of multi-view user interface 632. For example, as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 displays the second content item in third viewing window 639b and the third content item in fourth viewing window 639c in playback region 634, as shown in Fig. 6R. In some embodiments, while displaying the content items in playback region 634 of multi-view user interface 632, if electronic device 514 determines that a threshold amount of time (e.g., 1 second, 2 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds, 60, etc.) has elapsed since detecting the last input (e.g., the sequence of one or more inputs discussed above), then electronic device 514 changes the size of the viewing windows in playback region 634 of multi-view user interface 632. For example, as shown in Fig. 6S, prior to determining that the threshold amount of time represented by time 652-1 in time bar 651 has elapsed, viewing windows 639a-639c are displayed in playback region 634 at a first size (optionally, the same size). FIG. 6OO FIG. 6PP In some embodiments, as shown in Fig. 6Q and as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 adds the second content item and the third content item for playback in playback region 634 of multi-view user interface 632. For example, as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 displays the second content item in third viewing window 639b and the third content item in fourth viewing window 639c in playback region 634, as shown in Fig. 6R. In some embodiments, while displaying the content items in playback region 634 of multi-view user interface 632, if electronic device 514 determines that a threshold amount of time (e.g., 1 second, 2 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds, 60, etc.) has elapsed since detecting the last input (e.g., the sequence of one or more inputs discussed above), then electronic device 514 changes the size of the viewing windows in playback region 634 of multi-view user interface 632. For example, as shown in Fig. 6S, prior to determining that the threshold amount of time represented by time 652-1 in time bar 651 has elapsed, viewing windows 639a-639c are displayed in playback region 634 at a first size (optionally, the same size). FIG. 6PP

[0285] In some embodiments, as shown in Fig. 6Q and as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 adds the second content item and the third content item for playback in playback region 634 of multi-view user interface 632. For example, as similarly discussed above, in response to detecting the sequence of one or more inputs, electronic device 514 displays the second content item in third viewing window 639b and the third content item in fourth viewing window 639c in playback region 634, as shown in Fig. 6R. In some embodiments, while displaying the content items in playback region 634 of multi-view user interface 632, if electronic device 514 determines that a threshold amount of time (e.g., 1 second, 2 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds, 60, etc.) has elapsed since detecting the last input (e.g., the sequence of one or more inputs discussed above), then electronic device 514 changes the size of the viewing windows in playback region 634 of multi-view user interface 632. For example, as shown in Fig. 6S, prior to determining that the threshold amount of time represented by time 652-1 in time bar 651 has elapsed, viewing windows 639a-639c are displayed in playback region 634 at a first size (optionally, the same size). FIG. 6OO ​​, the electronic device 514 determines that a threshold amount of time, represented by time 652-1 in the time bar 651, has elapsed since the last input (e.g., the sequence of one or more inputs discussed above) was detected without any intervening input (e.g., via the remote input device 510) being detected. In some embodiments, in response to determining that the threshold amount of time has elapsed, the electronic device 514 changes the size of the viewing window in the playback area 634. For example, FIG. 6QQ As shown in FIG, the size of the live content item 635 and the viewing windows 639a to 639c is larger than FIG. 6RR A second size (optionally the same size) of the first size is displayed.

[0286] exist FIG. 6RR , while live content item 635 has current focus (e.g., after detecting an input that moves current focus to live content item 635), electronic device 514 detects a press and hold of a TV button on remote input device 510. For example, electronic device 514 detects a press and hold of contact 603qq on the TV button for a threshold amount of time (e.g., 0.25 seconds, 0.5 seconds, 0.75 seconds, 1 second, 1.5 seconds, 2 seconds, etc.).

[0287] In some embodiments, as FIG. 6RR As shown in FIG, in response to detecting a press and hold of the TV button on the remote input device 510 when the live content item in the first viewing window 635 has current focus, the electronic device 514 displays a plurality of viewing controls for the live content item in the first viewing window 635. For example, FIG. 6RR , the electronic device 514 displays a first option 661-1, a second option 661-2, and a third option 661-3, wherein the first option can be selected to initiate rearrangement of the live content item in the first viewing window 635 in the playback area 634, the second option can be selected to remove the live content item in the first viewing window 635 from the playback area 634, and the third option can be selected to display the live content item in the first viewing window 635 in full screen mode (e.g., displaying the live content item in the first viewing window 635 in the playback user interface 602 discussed above). In some embodiments, as FIG. 6RR As shown in , a plurality of viewing controls are displayed overlying a portion of a live content item in a first viewing window 635 in a playback area 634 .

[0288] exist FIG. 6SS In FIG. 5 , when the first option 661-1 has the current focus, the electronic device 514 detects an input corresponding to a request to move the current focus to the second option 661-2. FIG. 6SSAs shown in FIG. 6R, in response to detecting the swipe of contact 603rr, electronic device 514 moves the current focus from first option 661-1 to second option 661-2. In

[0289] In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632. FIG. 6SS FIG. 6TT In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632. FIG. 6TT

[0290] In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632. FIG. 6UU FIG. 6UU In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632.

[0291] In FIG. 6VV In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632. FIG. 6VV In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632.

[0292] FIG. 6VV In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632. FIG. 6WW In some embodiments, as shown in FIG. 6S, in response to detecting the selection of second option 661-2, electronic device 514 removes the live content item in first viewing window 635 from playback area 634 of multi-view user interface 632. For example, as shown in FIG. 6T, in response to detecting the selection of second option 661-2, electronic device 514 stops playback of the live content item in first viewing window 635 in multi-view user interface 632.

[0293] FIG. 6WW ​​​​​, the electronic device detects a sequence of one or more inputs corresponding to a request to add a fifth content item (e.g., item E) for playback in the playback area 634 of the multi-view user interface 632. For example, the electronic device 514 has moved the current focus to the representation 636-5 corresponding to the fifth content item, and while the representation 636-5 has the current focus, the electronic device 514 detects a tap of the contact 603vv on the touch-sensitive surface 451 of the remote input device 510.

[0294] In some embodiments, based on determining that selecting the fifth content item for playback in the multi-view user interface 632 causes the number of content items played back in the multi-view user interface 632 to exceed the maximum number of content items, the electronic device 514 forgoes adding the fifth content item for playback in the multi-view user interface. FIG. 6WW , the maximum number of content items is four content items (however, it should be understood that in some embodiments, the maximum number is a different number, such as three, five, six, ten, etc.). FIG. 6XX to FIG. 6FFF , the electronic device 514 determines that the maximum number of content items that can be played back simultaneously in the multi-view user interface 632 has been reached, and therefore abandons adding the fifth content item for playback in the playback area 634 of the multi-view user interface 632. Additionally, in some embodiments, the electronic device 514 displays a notification 641 in the multi-view user interface 632. In some embodiments, as FIG. 6XX , notification 641 notifies the user of electronic device 514 that the maximum number of content items for playback in multi-view user interface 632 has been reached, and provides an indication of a component for adding a fifth content item for playback. For example, the user of electronic device 514 can delete / remove one of the four content items currently playing back in multi-view user interface 632 to add a fifth content item for playback in multi-view user interface 632.

[0295] FIG. 6XX Illustrated are exemplary interactions with content items displayed simultaneously in a multi-view user interface on a second electronic device 500. In some embodiments, the second electronic device 500 corresponds to the electronic device 500 discussed above. In some embodiments, the multi-view user interface discussed below corresponds to the multi-view user interface 632 discussed above.

[0296] exist FIG. 6XX , the electronic device 500 is displaying a live content item (e.g., live content A) in a playback user interface 602 via the touch screen 504, as previously discussed above. In some embodiments, the playback user interface 602 corresponds to the playback user interface 602 discussed above. FIG. 6YY, while displaying a live content item in playback user interface 602, electronic device 500 detects input corresponding to a request to display playback controls associated with playback user interface 602. For example, FIG. 6YY As shown in , the electronic device 500 detects a tap of contact 603xx on the touch screen 504.

[0297] In some embodiments, as FIG. 6YY As shown in , in response to detecting a tap of contact 603xx on touch screen 504, electronic device 500 displays playback controls for controlling playback of the live content item (e.g., overlaid on the live content item), such as content player bar 606, selectable options 610 to 616, first navigation enable representation 615-1, playback enable representation 617, second navigation enable representation 615-2, etc., as previously discussed above. In some embodiments, as FIG. 6ZZ , in response to detecting a tap of contact 603xx on touch screen 504, electronic device 500 also displays a multi-view viewing option 629 in playback user interface 602. In some embodiments, multi-view viewing option 629 can be selected to cause electronic device 500 to display the multi-view user interface discussed previously above.

[0298] exist FIG. 6ZZ , when the playback controls are displayed in the playback user interface 602, the electronic device 514 detects a selection of the multi-view viewing option 629. For example, the electronic device 514 detects a tap of the contact 603yy for the multi-view viewing option 629 via the touch screen 504.

[0299] In some embodiments, as FIG. 6ZZ As shown in FIG, in response to detecting selection of the multi-view viewing option 629, the electronic device 514 displays the multi-view user interface 632 previously described above. FIG. 6ZZ As shown in FIG, the electronic device 514 initiates playback of the live content item in the first viewing window 635 in the playback area 634 of the multi-view user interface 632. Additionally, as shown in FIG. FIG. 6ZZ As shown in , and as similarly discussed above, the electronic device 500 is displaying, in the available content area 633 , a plurality of representations 636 - 1 through 636 - 4 corresponding to a plurality of content items available for addition for playback in the multi-view user interface 632 .

[0300] exist FIG. 6AAA , while displaying the multi-view user interface, the electronic device 500 detects a selection of a first representation 636-1 corresponding to a first content item (eg, item A). FIG. 6AAA As shown in , the electronic device 500 detects a tap of the contact 603zz on the touch screen 504 for the first representation 636-1.

[0301] In some embodiments, as shown in Fig. 6Q, in response to detecting selection of the first representation 637-1, the electronic device 500 adds the first content item for playback in the playback area 634 of the multi-view user interface 632. For example, as shown in Fig. 6R, the electronic device 500 displays a second watch window 639 that is playing back the first content item in the playback area 634. Additionally, as previously discussed herein, the electronic device 500 optionally updates the first representation 637-1 with a visual indication (e.g., a checkmark) that indicates that the first content item has been successfully added for playback in the multi-view user interface 632. FIG. 6BBB FIG. 6WW In some embodiments, as shown in Fig. 6Q, in response to detecting selection of the first representation 637-1, the electronic device 500 adds the first content item for playback in the playback area 634 of the multi-view user interface 632. For example, as shown in Fig. 6R, the electronic device 500 displays a second watch window 639 that is playing back the first content item in the playback area 634. Additionally, as previously discussed herein, the electronic device 500 optionally updates the first representation 637-1 with a visual indication (e.g., a checkmark) that indicates that the first content item has been successfully added for playback in the multi-view user interface 632.

[0302] In some embodiments, as shown in Fig. 6Q, in response to detecting selection of the first representation 637-1, the electronic device 500 adds the first content item for playback in the playback area 634 of the multi-view user interface 632. For example, as shown in Fig. 6R, the electronic device 500 displays a second watch window 639 that is playing back the first content item in the playback area 634. Additionally, as previously discussed herein, the electronic device 500 optionally updates the first representation 637-1 with a visual indication (e.g., a checkmark) that indicates that the first content item has been successfully added for playback in the multi-view user interface 632. FIG. 6BBB FIG. 6BBB In some embodiments, as shown in Fig. 6Q, in response to detecting selection of the first representation 637-1, the electronic device 500 adds the first content item for playback in the playback area 634 of the multi-view user interface 632. For example, as shown in Fig. 6R, the electronic device 500 displays a second watch window 639 that is playing back the first content item in the playback area 634. Additionally, as previously discussed herein, the electronic device 500 optionally updates the first representation 637-1 with a visual indication (e.g., a checkmark) that indicates that the first content item has been successfully added for playback in the multi-view user interface 632. FIG. 6BBB FIG. 6BBB In some embodiments, as shown in Fig. 6Q, in response to detecting selection of the first representation 637-1, the electronic device 500 adds the first content item for playback in the playback area 634 of the multi-view user interface 632. For example, as shown in Fig. 6R, the electronic device 500 displays a second watch window 639 that is playing back the first content item in the playback area 634. Additionally, as previously discussed herein, the electronic device 500 optionally updates the first representation 637-1 with a visual indication (e.g., a checkmark) that indicates that the first content item has been successfully added for playback in the multi-view user interface 632. FIG. 6BBB In some embodiments, as shown in Fig. 6Q, in response to detecting selection of the first representation 637-1, the electronic device 500 adds the first content item for playback in the playback area 634 of the multi-view user interface 632. For example, as shown in Fig. 6R, the electronic device 500 displays a second watch window 639 that is playing back the first content item in the playback area 634. Additionally, as previously discussed herein, the electronic device 500 optionally updates the first representation 637-1 with a visual indication (e.g., a checkmark) that indicates that the first content item has been successfully added for playback in the multi-view user interface 632.

[0303] FIG. 6BBB In some embodiments, as shown in Fig. 6Q, in response to detecting selection of the first representation 637-1, the electronic device 500 adds the first content item for playback in the playback area 634 of the multi-view user interface 632. For example, as shown in Fig. 6R, the electronic device 500 displays a second watch window 639 that is playing back the first content item in the playback area 634. Additionally, as previously discussed herein, the electronic device 500 optionally updates the first representation 637-1 with a visual indication (e.g., a checkmark) that indicates that the first content item has been successfully added for playback in the multi-view user interface 632. FIG. 6CCC FIG. 6CCC ​​​​​As shown in FIG. 6BBB, movement of contact 603bbb corresponds to movement of second representation 636-2 from available content area 633 to a position over visual indication 638a in playback area 634 corresponding to the second content item.

[0304] In some embodiments, as FIG. 6WW shown in FIG. 6BBB, in response to detecting movement of contact 603bbb from second representation 636-2 to playback area 634, electronic device 500 displays the second content item (e.g., item B) in playback area 634 of multi-view user interface 632. For example, as FIG. 6BBB shown in FIG. 6BBB, electronic device 500 displays third viewing window 639b (e.g., at the position of visual indication 638a) playing back the second content item in playback area 634, as similarly discussed previously above.

[0305] In some embodiments, when movement of contact 603bbb from second representation 636-2 to playback area 634 is detected, a different user experience can occur if the maximum number of content items (e.g., four content items, as discussed previously with reference to FIG. 6CCC FIG. 6BBB), is displayed in multi-view user interface 632. For example, if the movement corresponds to movement over an existing content item in playback area 634, electronic device 500 is configured to replace display of the existing content item with display of the content item corresponding to second representation 636-2. As FIG. 6DDD shown in FIG. 6BBB, if the maximum number of content items is displayed in multi-view user interface 632, and movement of contact 603bbb corresponds to movement of second representation 636-2 over second viewing window 639 (e.g., displaying the first content item), electronic device 500 replaces display of the first content item in second viewing window 639 with display of the second content item (e.g., item B) corresponding to second representation 636-2. Additionally, in FIG. 6DDD FIG. 6BBB, electronic device 500 updates first representation 636-1 and second representation 636-2 in available content area 633. For example, electronic device 500 stops displaying a checkmark on first representation 636-1 and displays a checkmark on second representation 636-2, indicating that the first content item is no longer playing back in multi-view user interface 632, and that the second content item is now playing back in multi-view user interface 632, as discussed previously herein.

[0306] In FIG. 6DDDIn some embodiments, while displaying the live content item in the first viewing window 635, the first content item in the second viewing window 639a, and the second content item in the third viewing window 639b in the playback area 634 of the multi-view user interface 632, the electronic device 500 detects an input corresponding to a request to remove the first content item from display in the multi-view user interface 632. For example, as shown in FIG. 6DD-1, the electronic device 500 detects a tap of a contact 603ddd-i on the touch screen 504 for the first representation 636-1 corresponding to the first content item (optionally for the checkmark affordance of the first representation 636-1). Alternatively, in some embodiments, the electronic device 500 detects a tap and hold (e.g., without detecting liftoff) of a contact 603ddd-ii for the second viewing window 639a displaying the first content item in the playback area 634, followed by movement of the contact 603ddd-ii toward an edge of the touch screen 504. For example, as shown in FIG. 6DD-2, the electronic device 500 detects a tap and hold of a contact 603ddd-ii for the second viewing window 639a displaying the first content item in the playback area 634, followed by movement of the contact 603ddd-ii toward the right edge / border of the multi-view user interface 632 on the touch screen 504. FIG. 6EEE In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. FIG. 6EEE In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632.

[0307] In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. FIG. 6EEE In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. FIG. 6EEE In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. FIG. 6EEE In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632.

[0308] In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. FIG. 6FFF In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. FIG. 6FFF In some embodiments, as shown in FIG. 6DD-1, in response to detecting the input corresponding to the request to remove the first content item from display in the multi-view user interface 632, the electronic device 500 ceases to display the first content item in the multi-view user interface 632. For example, as shown in FIG. 6DD-2, the electronic device 500 ceases to display the first content item in the multi-view user interface 632.

[0309] In some embodiments, as shown in Fig. 6A, in response to detecting an input corresponding to a request to view a second content item in full screen mode, the electronic device 500 displays the second content item (e.g., item B) in full screen in the playback user interface 602 previously discussed above. For example, as shown in Fig. 6B, the electronic device 500 stops displaying the multi-view user interface 632 and displays the second content item in the playback user interface 602. FIG. 6GGG to FIG. 6KKK FIG. 6GGG

[0310] FIG. 6EEE An example is illustrated in which the size of a content item displayed within the multi-view user interface 632 displayed on the electronic device 500 is updated. As shown in Fig. 6C, the electronic device 500 is displaying a first viewing window 635 (e.g., playing back a live content item (e.g., live content A)), a third viewing window 639b (e.g., playing back a second content item (e.g., item B)), and a fourth viewing window 639c (e.g., playing back a third content item (e.g., item C) corresponding to representation 636-3 in Fig. 6B) in the playback area 634 of the multi-view user interface 632. In some embodiments, as shown in Fig. 6D, the multi-view user interface 632 includes a handle affordance 655 (e.g., a handle bar or grabber bar). In some embodiments, the handle affordance 655 is selectable to initiate updating the size of the content items (e.g., the size of the viewing windows 635, 639b, and 639c) within the multi-view user interface 632. In some embodiments, as shown in Fig. 6E, the handle affordance 655 is displayed at a predetermined location within the playback area 634 of the multi-view user interface 634. For example, as shown in Fig. 6F, the handle bar affordance 655 is displayed at a center location between the viewing window (e.g., the first viewing window 635 playing back the live content item (e.g., live content A)) located in the primary display position and other viewing windows (e.g., the third viewing window 639b and the fourth viewing window 639c) displayed adjacent to the primary viewing window in a column arrangement. FIG. 6GGG FIG. 6GGG FIG. 6GGG FIG. 6HHH FIG. 6HHH

[0311] As mentioned above, in some embodiments, the handle affordance 655 is selectable to initiate updating the size of the viewing windows in the multi-view user interface 632, which thus causes the size of the content items to also be updated. In FIG. 6III FIG. 6III ​​​​​​​​As shown in FIG. 6Q, the electronic device 500 detects a tap of contact 603hhh (e.g., a finger, stylus, or other input mechanism) on the touch screen 504 for the handle affordance 655, followed by movement of the contact 603hhh on the touch screen 504 (e.g., moving leftward in the direction of the first viewing window 635).

[0312] In some embodiments, in response to detecting movement of the contact 603hhh on the touch screen 504, the electronic device 500 moves the handle affordance 655 in the multi-view user interface 632 in accordance with the movement of the contact 603hhh. For example, as shown in FIG. 6R, the electronic device 500 moves the handle affordance 655 leftward in the multi-view user interface 634. FIG. 6III In some embodiments, in response to detecting movement of the contact 603hhh on the touch screen 504, the electronic device 500 moves the handle affordance 655 in the multi-view user interface 632 in accordance with the movement of the contact 603hhh. For example, as shown in FIG. 6R, the electronic device 500 moves the handle affordance 655 leftward in the multi-view user interface 634. FIG. 6III In some embodiments, in response to detecting movement of the contact 603hhh on the touch screen 504, the electronic device 500 moves the handle affordance 655 in the multi-view user interface 632 in accordance with the movement of the contact 603hhh. For example, as shown in FIG. 6R, the electronic device 500 moves the handle affordance 655 leftward in the multi-view user interface 634. FIG. 6III In some embodiments, in response to detecting movement of the contact 603hhh on the touch screen 504, the electronic device 500 moves the handle affordance 655 in the multi-view user interface 632 in accordance with the movement of the contact 603hhh. For example, as shown in FIG. 6R, the electronic device 500 moves the handle affordance 655 leftward in the multi-view user interface 634. FIG. 6HHH In some embodiments, in response to detecting movement of the contact 603hhh on the touch screen 504, the electronic device 500 moves the handle affordance 655 in the multi-view user interface 632 in accordance with the movement of the contact 603hhh. For example, as shown in FIG. 6R, the electronic device 500 moves the handle affordance 655 leftward in the multi-view user interface 634.

[0313] In some embodiments, in response to detecting movement of the contact 603hhh on the touch screen 504, the electronic device 500 moves the handle affordance 655 in the multi-view user interface 632 in accordance with the movement of the contact 603hhh. For example, as shown in FIG. 6R, the electronic device 500 moves the handle affordance 655 leftward in the multi-view user interface 634. FIG. 6JJJ In some embodiments, in response to detecting movement of the contact 603hhh on the touch screen 504, the electronic device 500 moves the handle affordance 655 in the multi-view user interface 632 in accordance with the movement of the contact 603hhh. For example, as shown in FIG. 6R, the electronic device 500 moves the handle affordance 655 leftward in the multi-view user interface 634. FIG. 6JJJthe contact 603hhh in the first content item is moved alternatively to the right on the touch screen 504, causing the handle affordance 655 to move to the right in the multi-view user interface 632, the electronic device 500 will alternatively decrease the size of the third viewing window 639b and the fourth viewing window 639c within the playback area 634, and increase the size of the first viewing window 635. In some embodiments, the handle affordance 655 is able to move a predetermined amount to the left or right in the multi-view user interface 632 (e.g., based on the physical size of the touch screen 504 and thus). For example, the electronic device 500 decreases the size of the first viewing window 635 (or the current primary viewing window) to a minimum size (and thus increases the size of the third viewing window 639b and the fourth viewing window 639c to a maximum size) in accordance with the leftward movement of the handle affordance 655, at which point the electronic device 500 relinquishes further leftward movement of the handle affordance 655 in the multi-view user interface 634. In some embodiments, the opposite is true (e.g., the third viewing window 639b and the fourth viewing window 639c are decreased to a minimum size) for rightward movement of the handle affordance 655 in the multi-view user interface 634.

[0314] In some embodiments, when two content items are simultaneously played back in the multi-view user interface 632, the size of a particular content item can be equal to the minimum size and the maximum size to which the handle affordance 655 is able to be updated in accordance with movement of the handle affordance 655. For example, in FIG. 6JJJ In some embodiments, the multi-view user interface 632 includes, within the playback area 634, the first viewing window 635 that is displaying the live content item and the third viewing window 639b that is displaying the second content item. As discussed above, the multi-view user interface 632 optionally includes the handle affordance 655 that is displayed centrally between the first viewing window 635 and the third viewing window 639b. As discussed above, the handle affordance 655 is configured to be moved in the multi-view user interface 632 to change the size of the first viewing window 635 and the third viewing window 639b. FIG. 6KKK As shown in FIG. 6OO, the electronic device 500 detects an input corresponding to a request to move the handle affordance 655 in the multi-view user interface 632. For example, as shown in FIG. 6OO, the electronic device 500 detects a tap of a contact 603hhh (e.g., a finger, a stylus, or other input mechanism) on the touch screen 504 for the handle affordance 655, followed by movement of the contact 603hhh on the touch screen 504 (e.g., to the left in the direction of the first viewing window 635), as similarly discussed above. FIG. 6KKK As shown in FIG. 6OO, the electronic device 500 detects an input corresponding to a request to move the handle affordance 655 in the multi-view user interface 632. For example, as shown in FIG. 6OO, the electronic device 500 detects a tap of a contact 603hhh (e.g., a finger, a stylus, or other input mechanism) on the touch screen 504 for the handle affordance 655, followed by movement of the contact 603hhh on the touch screen 504 (e.g., to the left in the direction of the first viewing window 635), as similarly discussed above.

[0315] In some embodiments, the movement of the handle affordance 655 corresponds to a maximum movement (e.g., a maximum amount, such as a maximum distance), such that as shown in FIG. 6OO, the third viewing window 639b is increased to a maximum size in the multi-view user interface 632. In some embodiments, the movement of the handle affordance 655 corresponds to a minimum movement (e.g., a minimum amount, such as a minimum distance), such that as shown in FIG. 6OO, the third viewing window 639b is decreased to a minimum size in the multi-view user interface 632. FIG. 6III In some embodiments, the movement of the handle affordance 655 corresponds to a maximum movement (e.g., a maximum amount, such as a maximum distance), such that as shown in FIG. 6OO, the third viewing window 639b is increased to a maximum size in the multi-view user interface 632. In some embodiments, the movement of the handle affordance 655 corresponds to a minimum movement (e.g., a minimum amount, such as a minimum distance), such that as shown in FIG. 6OO, the third viewing window 639b is decreased to a minimum size in the multi-view user interface 632. FIG. 6KKKthe maximum size of the third viewing window 639b in FIG. 6B-2 is greater than the maximum size discussed above with reference to FIG. 6KKK the third viewing window 639b and the fourth viewing window 639c in FIG. 6B-2 (e.g., due to the display of fewer content items in the multi-view user interface 632 FIG. 6KKK in FIG. 6B-2). Additionally, as shown in FIG. 6III FIG. 6B-2, when the third viewing window 639b is enlarged to the maximum size in the multi-view user interface 632, the first viewing window 635 is reduced to a minimum size in the multi-view user interface 632. As shown in FIG. 6KKK FIG. 6B-2, due to the display of two content items in the multi-view user interface 632, when the handle affordance 655 is moved the maximum amount in the multi-view user interface 632, the first viewing window 635 and the third viewing window 639b are updated to display at the same size. As discussed similarly above with reference to FIG. 6KKK Similarly discussed, although after movement of the handle affordance 655, the first viewing window 635 and the third viewing window 639b are displayed at the same size in the multi-view user interface 632, further leftward movement of the handle affordance 655 in the multi-view user interface 632 is limited and / or prevented. For example, due to the live content item currently being displayed in the primary viewing window (e.g., the first viewing window 635) in FIG. 6LLL to FIG. 6OOO FIG. 6B-2, the electronic device 500 refrains from reducing the size of the first viewing window 635 below the size shown in FIG. 6LLL FIG. 6B-2.

[0316] FIG. 6LLL An example is illustrated of displaying content items displayed within the multi-view user interface 632 displayed on the electronic device 500 in a theater viewing mode. As shown in FIG. 6LLL FIG. 6B-3, the multi-view user interface 632 includes a first viewing window 635 and a third viewing window 639b, as similarly discussed above. Additionally, as shown in FIG. 6LLL to FIG. 6MMM FIG. 6B-3, the multi-view user interface 632 includes the handle affordance 655 discussed previously above. In some embodiments, the first viewing window 635 is playing back a live content item (e.g., live content A), and the third viewing window 639b is playing back a second content item (e.g., item B).

[0317] In some embodiments, the electronic device 500 initiates displaying content items playing back in the multi-view user interface 632 in a theater viewing mode in accordance with a determination that the user is inactive (e.g., for a threshold amount of time). For example, as shown in FIG. 6MMMAs indicated in time bar 651, in accordance with a determination that electronic device 500 does not detect a user input (e.g., a touch input or other input detected on touch screen 504, an input detected via an input device in communication with electronic device 500, or a movement of electronic device 500) within at least a first threshold amount of time (e.g., 0.5 seconds, 0.75 seconds, 1 second, 1.5 seconds, 2 seconds, 3 seconds, 4 seconds, 5 seconds, or 10 seconds) after or concurrent with displaying the content item, electronic device 500 transitions to displaying the live content item and the second content item in a theater viewing mode.

[0318] In accordance with a determination that electronic device 500 has not detected a user input for the first threshold amount of time, as indicated in time bar 651 in FIG. 6E, electronic device 500 displays the live content item and the second content item in a theater viewing mode. FIG. 6PP In accordance with a determination that electronic device 500 has not detected a user input for the first threshold amount of time, as indicated in time bar 651 in FIG. 6E, electronic device 500 displays the live content item and the second content item in a theater viewing mode. FIG. 6MMM In accordance with a determination that electronic device 500 has not detected a user input for the first threshold amount of time, as indicated in time bar 651 in FIG. 6E, electronic device 500 displays the live content item and the second content item in a theater viewing mode. FIG. 6MMM In accordance with a determination that electronic device 500 has not detected a user input for the first threshold amount of time, as indicated in time bar 651 in FIG. 6E, electronic device 500 displays the live content item and the second content item in a theater viewing mode. FIG. 6LLL In accordance with a determination that electronic device 500 has not detected a user input for the first threshold amount of time, as indicated in time bar 651 in FIG. 6E, electronic device 500 displays the live content item and the second content item in a theater viewing mode. FIG. 6NNN In accordance with a determination that electronic device 500 has not detected a user input for the first threshold amount of time, as indicated in time bar 651 in FIG. 6E, electronic device 500 displays the live content item and the second content item in a theater viewing mode. FIG. 6NNN In accordance with a determination that electronic device 500 has not detected a user input for the first threshold amount of time, as indicated in time bar 651 in FIG. 6E, electronic device 500 displays the live content item and the second content item in a theater viewing mode.

[0319] In some embodiments, if the multi-view user interface 632 includes the available content area 633 discussed previously above, the electronic device 500 transitions to displaying the content items in the theater viewing mode after a second threshold amount of time that has elapsed without detecting user activity that is greater than the first threshold amount of time. For example, in FIG. 6NNN In some embodiments, the electronic device 500 is concurrently displaying the first viewing window 635, the third viewing window 639b, and the available content area 633 in the multi-view user interface 633. Additionally, as discussed above, the multi-view user interface 633 includes the handle affordance 655. In some embodiments, the available content area 633 is displayed with the slider affordance 657, as shown in FIG. 6NNN to FIG. 6OOO In some embodiments, the electronic device 500 is concurrently displaying the first viewing window 635, the third viewing window 639b, and the available content area 633 in the multi-view user interface 633. Additionally, as discussed above, the multi-view user interface 633 includes the handle affordance 655. In some embodiments, the available content area 633 is displayed with the slider affordance 657, as shown in FIG. 6OOO In some embodiments, the electronic device 500 is concurrently displaying the first viewing window 635, the third viewing window 639b, and the available content area 633 in the multi-view user interface 633. Additionally, as discussed above, the multi-view user interface 633 includes the handle affordance 655. In some embodiments, the available content area 633 is displayed with the slider affordance 657, as shown in

[0320] In accordance with FIG. 6OOO , the electronic device 500 determines that the second threshold amount of time has elapsed without detecting user input, as indicated in the time bar 651 in FIG. 7 Accordingly, in some embodiments, the electronic device 500 transitions to displaying the live content item in the first viewing window 635 and the second content item in the third viewing window 639b in the theater viewing mode. For example, as similarly discussed above, the electronic device 500 darkens the background of the multi-view user interface 632 and ceases to display the handle affordance 655. Additionally, as FIG. 1A to FIG. 1BAs shown in FIG. 6, the electronic device 500 stops displaying the available content region 632 in the multi-view user interface 632.

[0321] FIG. 2 to FIG. 3 is a flow diagram illustrating a method 700 that facilitates controlling playback of a live content item displayed in a playback user interface in accordance with some embodiments. The method 700 is optionally performed by an electronic device, such as device 100, device 300, or device 500, as described above with reference to FIGS. 1-6. FIG. 4A to FIG. 4B 、 FIG. 5A to FIG. 5C 、 FIG. 6A and FIG. 6A Some operations in method 700 are, optionally, combined and / or the order of some operations is, optionally, changed.

[0322] As described below, the method 700 provides for facilitating efficient control of playback of live content displayed in a playback user interface. This method reduces the cognitive burden on a user when interacting with a device user interface of the present disclosure, thereby creating a more efficient human-machine interface. For battery- operated electronic devices, improving the efficiency of user interactions with user interfaces saves power and increases the time between battery charges.

[0323] In some embodiments, the method 700 is performed by an electronic device (e.g., device 514) in communication with a display generation component and one or more input devices (e.g., remote input device 510). For example, the electronic device is a mobile device (e.g., a tablet, a smartphone, a media player, or a wearable device) that includes wireless communication circuitry in communication with one or more of a mouse (e.g., external), a trackpad (optionally integrated or external), a touchpad (optionally integrated or external), a remote control device (e.g., external), another mobile device (e.g., separate from the electronic device), a handheld device (e.g., external), and / or a controller (e.g., external). In some embodiments, the display generation component is a display (optionally a touch screen display) integrated with the electronic device, an external display such as a monitor, a projector, a television, or a hardware component (optionally integrated or external) for projecting or causing a user interface to be visible to one or more users, etc.

[0324] In some embodiments, while displaying a live content item (e.g., a live broadcast content item) in a playback user interface (e.g., a content player, such as a movie player or other media player) via a display generation component, such as displaying live content A in playback user interface 602 in FIG. 6B, the electronic device receives (702a), via the one or more input devices, a first input corresponding to a request to display one or more controls for controlling playback of the live content item, such as described above with reference to FIG. 5B FIG. 6B ​The input provided by the contact 603a is illustrated in FIG. 6B, where the playback user interface is configured to play back content (e.g., a movie, an episode of a television (TV) show, music, a podcast, etc.). For example, the electronic device is displaying a live broadcast and / or a live streaming content item in the playback user interface, such as a live broadcast movie, a TV episode, a sporting event (e.g., a baseball game, a basketball game, a football game, etc.), an awards show, a political debate (e.g., a presidential debate), a competition / show program, etc. In some embodiments, the live broadcast and / or live streaming content item is a live event (e.g., an event that is occurring at a current time) or a previously recorded live event (e.g., an event that occurred in the past). In some embodiments, a current playback position within the live broadcast content item is at a live edge. For example, portions of the live broadcast content item beyond the live edge (e.g., scheduled to be played back from the current playback position in the future) are not yet available for consumption (e.g., have not yet been received / streamed by the electronic device from a content provider). In some embodiments, while displaying the live broadcast content item in the playback user interface, the electronic device receives a request to display one or more controls for controlling playback of the live broadcast content item. For example, the electronic device receives a tap detected on a touch- sensitive surface of the one or more input devices (such as touch-sensitive surface 451 described with reference to FIG. 4), a click of the touch-sensitive surface, or a selection of a hardware button of a remote input device (such as remote controller 510 described below) in communication with the electronic device. In some embodiments, the first input is detected via a touch screen of the electronic device (e.g., the touch screen is integrated with the electronic device and is the display via which the playback user interface is displayed). For example, the electronic device detects, via the touch screen, a tap or touch provided by an object (e.g., a user’s finger or a hardware input device, such as a stylus). As discussed below, in some embodiments, the one or more controls for controlling playback of the live content item enable the user to pause, fast forward, and / or rewind the live content item, select a viewing option for the live content item, and / or stop displaying the live content item (e.g., and / or initiate a process for selecting a different live content item for playback). FIG. 6B The input provided by the contact 603a is illustrated in FIG. 6B, where the playback user interface is configured to play back content (e.g., a movie, an episode of a television (TV) show, music, a podcast, etc.). For example, the electronic device is displaying a live broadcast and / or a live streaming content item in the playback user interface, such as a live broadcast movie, a TV episode, a sporting event (e.g., a baseball game, a basketball game, a football game, etc.), an awards show, a political debate (e.g., a presidential debate), a competition / show program, etc. In some embodiments, the live broadcast and / or live streaming content item is a live event (e.g., an event that is occurring at a current time) or a previously recorded live event (e.g., an event that occurred in the past). In some embodiments, a current playback position within the live broadcast content item is at a live edge. For example, portions of the live broadcast content item beyond the live edge (e.g., scheduled to be played back from the current playback position in the future) are not yet available for consumption (e.g., have not yet been received / streamed by the electronic device from a content provider). In some embodiments, while displaying the live broadcast content item in the playback user interface, the electronic device receives a request to display one or more controls for controlling playback of the live broadcast content item. For example, the electronic device receives a tap detected on a touch- sensitive surface of the one or more input devices (such as touch-sensitive surface 451 described with reference to FIG. 4), a click of the touch-sensitive surface, or a selection of a hardware button of a remote input device (such as remote controller 510 described below) in communication with the electronic device. In some embodiments, the first input is detected via a touch screen of the electronic device (e.g., the touch screen is integrated with the electronic device and is the display via which the playback user interface is displayed). For example, the electronic device detects, via the touch screen, a tap or touch provided by an object (e.g., a user’s finger or a hardware input device, such as a stylus). As discussed below, in some embodiments, the one or more controls for controlling playback of the live content item enable the user to pause, fast forward, and / or rewind the live content item, select a viewing option for the live content item, and / or stop displaying the live content item (e.g., and / or initiate a process for selecting a different live content item for playback).

[0325] In some embodiments, in response to receiving the first input, the electronic device displays (702b), via the display generation component, in the playback user interface, a content player bar (e.g., content player bar 606 in FIG. 6B) for navigating through the live content item and a first visual indicator (e.g., live indicator 605 in FIG. 6B), where the first visual indicator is displayed in a first visual state and the first visual indicator is separate from the content player bar, as described with reference to FIG. 6B. FIG. 6B FIG. 6C In some embodiments, in response to receiving the first input, the electronic device displays (702b), via the display generation component, in the playback user interface, a content player bar (e.g., content player bar 606 in FIG. 6B) for navigating through the live content item and a first visual indicator (e.g., live indicator 605 in FIG. 6B), where the first visual indicator is displayed in a first visual state and the first visual indicator is separate from the content player bar, as described with reference to FIG. 6B. FIG. 6C ​Similarly illustrated. For example, in response to receiving the first input, the electronic device displays the content player bar and the first visual indicator in a predetermined location in the playback user interface. In some embodiments, the content player bar is displayed along a bottom portion of a live content item on the display (e.g., on a touch screen) above the live content item. In some embodiments, while the content player bar and the first visual indicator are displayed, the electronic device maintains playback of the live content item (e.g., continues to play the live broadcast content item in the content player). In some embodiments, while the content player bar and the first visual indicator are displayed, the electronic device pauses playback of the live content item and displays representative content (e.g., an image or thumbnail) corresponding to the live content item. In some embodiments, portions of the content player bar corresponding to portions of the live content item that have been played back (e.g., regardless of when the electronic device initiated playback of the live content item) are visually distinguished from portions of the content player bar corresponding to portions of the live content item that have not yet been played back (e.g., beyond the live edge). For example, the electronic device highlights / fills in portions of the content player bar corresponding to portions of the live content item that have been played back (e.g., bubbles them). In some embodiments, an end of the highlighted / bubbled portions of the content player bar indicates the live edge in the live broadcast content item. In some embodiments, the first visual indicator is displayed above and separate from the content player bar in the playback user interface. For example, the first visual indicator is displayed above a left or right end of the content player bar in the playback user interface. In some embodiments, the first visual indicator corresponds to a “live” status indicator. For example, the first visual indicator includes a “live” text label. In some embodiments, displaying the first visual indicator in the first visual state indicates that the current playback position within the live broadcast content item is currently at the live edge. For example, the first visual state includes a first color state such that the first visual indicator is displayed in a first color (e.g., red, blue, yellow, orange, etc.) to indicate that the current playback position within the live broadcast content item is currently at the live edge. In some embodiments, displaying the first visual indicator in the first visual state includes emphasizing the “live” text label relative to the playback user interface. For example, the electronic device brightens and / or thickens the letters of the “live” text label in the first visual indicator to indicate that the playback position within the live broadcast content item is currently at the live edge. In some embodiments, as described in more detail below, the content player bar includes a visual indication of the current playback position within the content and one or more playback time indications including a time value based on the current playback position within the content. For example, the visual indication of the current playback position is displayed at the live edge within the content player bar.

[0326] In some embodiments, while displaying the content player bar in the playback user interface and displaying the first visual indicator in the first visual state, the electronic device receives (702c) via the one or more input devices a second input corresponding to a request to scrub through the live content item, such as FIG. 6C , the input provided by contact 603c shown in . For example, when the current playback positioning within the live content item is at the live edge, the electronic device receives an input corresponding to a request to navigate backward through (e.g., rewind) the content. In some embodiments, the second input includes a swipe along the corresponding direction detected on the touch-sensitive surface of the one or more input devices. For example, the electronic device detects a left swipe of the user's finger on the touch-sensitive surface. In some embodiments, the second input includes pressing a hardware button of the one or more input devices. For example, the electronic device detects pressing and / or pressing and holding the left arrow key on a remote input device communicating with the electronic device. In some embodiments, the second input includes movement of a content player bar in the playback user interface detected on the touch screen of the electronic device. For example, the electronic device detects contact (e.g., the user's finger) for the content player bar on the touch screen, followed by movement of the contact along the content player bar in a left direction. In some embodiments, as described in more detail below, the electronic device detects a selection of a navigation affordance displayed in the playback user interface. For example, the electronic device detects a selection of a backward navigation affordance displayed in the playback user interface together with the content player bar and the first visual indication. In some embodiments, the electronic device limits and / or prevents forward navigation in the live content item beyond the live edge because portions of the live content item beyond the live edge are not yet available for user consumption. For example, the electronic device effectively ignores input corresponding to a request to navigate forward in the live content item beyond the live edge.

[0327] In some embodiments, in response to receiving the second input (702d), the electronic device updates (702e) the current playback position within the live content item according to the second input, such as FIG. 6Bscrubber 608 within the updated content player bar 606 shown in FIG. 6B. For example, the electronic device navigates backward through the content in accordance with the second input. In some embodiments, the electronic device updates the display of the live broadcast content item (and / or representative content corresponding to the live broadcast content item) in accordance with the update to the current playback position within the live broadcast content item. For example, the electronic device initiates playback of the live broadcast content item at the current playback position (updated in accordance with the magnitude (e.g., speed and / or duration) of the second input) and / or returns to the playback (and / or changes the representative content displayed in the playback user interface to correspond to the current playback position). In some embodiments, the electronic device updates the display of the visual indication of the current playback position in the content player bar in accordance with the update to the current playback position within the live broadcast content item, as discussed in more detail below.

[0328] In some embodiments, the electronic device displays (702f) the first visual indicator in a second visual state, different from the first visual state, in the playback user interface, such as FIG. 6AThe display of the live indicator 605 is changed. For example, the electronic device displays the first visual indicator in a second visual state to indicate that the current playback positioning within the live broadcast content item is no longer at the live edge. In some embodiments, the second visual state includes a second color state such that the first visual indicator is displayed in a second color (e.g., gray, black, etc.) that is different from the first color described above to indicate that the current playback positioning within the live broadcast content item is not currently at the live edge. In some embodiments, displaying the first visual indicator in the second visual state includes dimming the “Live” text label relative to the playback user interface. For example, the electronic device darkens and / or desaturates the letters of the “Live” text label in the first visual indicator to indicate that the playback positioning within the live broadcast content item is not currently at the live edge. In some embodiments, displaying the first visual indicator in the second visual state includes ceasing to display the first visual indicator in the playback user interface. In some embodiments, as discussed in more detail below, if the electronic device receives input corresponding to a request to navigate back to the live edge in the live broadcast content item, the electronic device re-displays the first visual indicator in the first visual state discussed above to indicate that the current playback positioning is back to the live edge in the live broadcast content item. In some embodiments, if the electronic device detects input corresponding to a request to navigate forward in the live broadcast content item beyond the live edge, the electronic device forgoes updating the current playback positioning within the live broadcast content item in accordance with the input, as discussed above. Additionally, in some embodiments, the electronic device maintains displaying the first visual indicator in the playback user interface in the first visual state. For example, the electronic device maintains displaying the first visual indicator in the first visual state because the current playback positioning is still at the live edge in the live content item. When the input of scrubbing through the live broadcast content item causes the current playback positioning within the live broadcast content item to no longer be at the live edge, changing the visual appearance of the visual indicator in the playback user interface that is displaying the live broadcast content item facilitates discovering that the current playback positioning is no longer at the live edge and / or facilitates user input for navigating back to the live edge of the live broadcast content item, thereby improving user-device interaction.

[0329] In some embodiments, the electronic device receives, via the one or more input devices, respective input corresponding to a request to display a second content item in the playback user interface, where the second content item is not a live content item, as described with reference to FIG. 6BSimilarly described. For example, before displaying the live content item in the playback user interface, or when displaying the live content item in the playback user interface, the electronic device receives a corresponding input for causing the playback of the second content item in the playback user interface. For example, the electronic device receives a selection of a representation of the second content item (for example, in a user interface separate from the playback user interface, such as a media browsing application user interface that facilitates browsing a plurality of content items that can be played back at the electronic device). In some embodiments, the electronic device receives the corresponding input after navigating away from the playback user interface that is displaying the live content item. For example, the electronic device receives a selection of a “back” button or a “home” button on a remote input device communicating with the electronic device or a tap of a “back” option displayed in the playback user interface detected via a touch-sensitive surface of the one or more input devices (for example, such as a touchpad or touch screen of the electronic device), which causes the electronic device to display a plurality of representations of the plurality of content items (optionally available via the media browsing application discussed above). In some embodiments, the second content item is not a live content item (for example, not a content item that is currently being broadcast live via the media provider of the content item). For example, the second content item is an on-demand content item (eg, a content item available for purchase or streaming at any time from a corresponding media provider, optionally distinct from a live content item).

[0330] In some embodiments, in response to receiving the corresponding input, the electronic device displays the second content item in the playback user interface via the display generation component. For example, as similarly described above, the electronic device initiates playback of the second content item in the playback user interface. In some embodiments, when the second content item is displayed in the playback user interface, the electronic device receives a third input corresponding to a request to display one or more controls for controlling playback of the second content item via the one or more input devices, such as FIG. 6B . For example, when a second content item is displayed in a playback user interface, the electronic device receives a request to display one or more controls for controlling playback of the second content item (e.g., for scrubbing through the second content item, pausing the second content item, displaying information associated with the second content item, etc.). In some embodiments, the third input has one or more characteristics of the second input described above, and is used to cause the one or more playback controls to be displayed.

[0331] In some embodiments, in response to receiving the third input, the electronic device displays, via the display generation component, a content player bar (e.g., similar to FIG. 6B 606) in the content player bar, without displaying the first visual indicator in the playback user interface, as shown in FIG. FIG. 6BSimilarly described. For example, in response to receiving the third input, the electronic device displays the content player bar and the second content item in the playback user interface, as similarly described above. In some embodiments, the content player bar has one or more characteristics of the content player bar described above. In some embodiments, in response to receiving the third input, the electronic device abandons displaying the first visual indicator and the content player bar in the playback user interface. For example, as discussed above, when the live content item is displayed in the playback user interface, the first visual indicator is displayed. As mentioned above, the second content item is optionally not a live content item (e.g., not a live broadcast content item). Therefore, in response to receiving the third input, the electronic device optionally does not display the first visual indicator and the content player bar in the playback user interface, and the first visual indicator indicates that the playback of the live content item is at the live edge within the live content item. Forgoing displaying a visual indicator in a playback user interface that is displaying a non-live content item in response to receiving input for displaying one or more playback controls in the playback user interface facilitates discovery that the content item is a non-live content item and / or avoids potential confusion that would occur due to displaying the visual indicator with an altered appearance, thereby improving user-device interaction.

[0332] In some embodiments, in response to receiving the first input, the electronic device displays a first selectable option (such as FIG. 6B , the first selectable option can be selected to display information corresponding to the live content item. For example, the first selectable option can be selected to display one or more statistics and / or summary information corresponding to the live content item, as described in more detail below. In some embodiments, the first selectable option includes a textual indication (e.g., a textual label) indicating that the first selectable option can be selected to display information (e.g., an "Information" textual label).

[0333] In some embodiments, the electronic device displays a second selectable option (such as FIG. 6NIn some embodiments, the one or more representations of the one or more second live content items include the representative content corresponding to the one or more second live content items. For example, the second optional option can be selected to show one or more representations of the one or more second live content items that can be used for playback or will become available for playback in the future, as described in more detail below. In some embodiments, the second optional option includes a text indication (for example, a text label) (for example, "more games", "more live content" or "more TV" text label), and the text indication indicates that the second optional option can be selected to show the one or more representations of the one or more second live content items. In some embodiments, the one or more representations of the one or more second live content items include the representative content corresponding to the one or more second live content items. For example, if the one or more second live content items include live sports, the representative content includes the logo of the opposing sports team, the image of the athlete from the sports team and / or the title of the sports game (for example, "Team A is against Team B"). In some embodiments, the one or more representations of the one or more second live content items include the start time of the one or more second live content items. For example, the start time refers to the time at which the live content items first become available for playback on the electronic device and / or will become available for playback on the electronic device (eg, based on a scheduled broadcast time).

[0334] In some embodiments, the first selectable option and the second selectable option are displayed in a predefined area relative to the content player bar in the playback user interface, such as FIG. 6N , below the content player bar 606 in the playback user interface shown in . For example, the first selectable option and the second selectable option are displayed below the content player bar in the playback user interface, optionally towards the bottom portion of the playback user interface. In some embodiments, the first selectable option and the second selectable option are displaye...

Claims

1. A method comprising: At an electronic device in communication with a display generation component and one or more input devices: receiving, via the one or more input devices, a first input corresponding to a request to display one or more controls for controlling playback of the live content item while displaying the live content item in a playback user interface via the display generation component, wherein the playback user interface is configured to play back content; in response to receiving the first input, displaying, via the display generation component, in the playback user interface a scrubber bar and a first visual indicator for navigating through the live content item, wherein the first visual indicator is displayed in a first visual state and the first visual indicator is separated from the scrubber bar; receiving, via the one or more input devices, a second input corresponding to a request to scrub through the live content item while the scrub bar is displayed in the playback user interface and the first visual indicator is displayed in the first visual state; as well as In response to receiving the second input: updating a current playback position within the live content item based on the second input; as well as The first visual indicator is displayed in the playback user interface in a second visual state different from the first visual state.

2. The method according to claim 1, further comprising: receiving, via the one or more input devices, a corresponding input corresponding to a request to display a second content item in the playback user interface, wherein the second content item is not a live content item; in response to receiving the corresponding input, displaying, via the display generation component, the second content item in the playback user interface; receiving, while displaying the second content item in the playback user interface, via the one or more input devices, a third input corresponding to a request to display one or more controls for controlling playback of the second content item; as well as In response to receiving the third input, a scrubber bar for navigating through the second content item is displayed via the display generation component without displaying the first visual indicator in the playback user interface.

3. The method according to claim 1, further comprising: In response to receiving the first input: displaying, via the display generation component, a first selectable option selectable to display information corresponding to the live content item; as well as displaying a second selectable option selectable to display one or more representations of one or more second live content items; The first selectable option and the second selectable option are displayed in a predefined area relative to the scrubber bar in the playback user interface.

4. The method according to claim 3, wherein: The information corresponding to the live content item includes one or more statistics associated with the live content item; and The one or more statistics associated with the live content item are updated based on the current playback location within the live content item.

5. The method according to claim 4, wherein Prior to receiving the second input corresponding to the request to scrub through the live content item, the information corresponding to the live content item includes one or more first statistics associated with the live content item and does not include one or more second statistics associated with the live content item that are different from the one or more first statistics, the method further comprising: In response to receiving the second input: The information corresponding to the live content item is updated to include the one or more second statistics associated with the live content item.

6. The method according to claim 5, wherein: In response to detecting the second input: Based on determining that the second input corresponds to a request to scrub backward in the live content item: Updating the current playback position within the live content item based on the second input includes updating the current playback position to correspond to a first playback position within the live content item, the first playback position being a past playback position relative to the current playback position when the second input was received; and The one or more second statistics associated with the live content item are associated with the past playback location within the live content item.

7. The method according to claim 5, wherein: In response to detecting the second input: Based on determining that the second input corresponds to a request to scrub forward in the live content item: Updating the current playback position within the live content item based on the second input includes updating the current playback position to correspond to a first playback position within the live content item, the first playback position being a future playback position relative to the current playback position when the second input was received; and The one or more second statistics associated with the live content item are associated with the future playback location within the live content item.

8. The method of claim 3, wherein the one or more representations of the one or more second live content items comprise: a first subset of the one or more second live content items currently available for playback in the playback user interface, wherein selection of a respective representation of a respective live content item in the first subset of the one or more second live content items initiates playback of the respective live content item in the playback user interface; and / or A second subset of the one or more second live content items may be available for playback in the playback user interface in the future.

9. The method of claim 1 , wherein the scrub bar includes a corresponding playback time indication, the corresponding playback time indication being based on: the time of day at which the live content item was first available for playback in the playback user interface at the electronic device; and The current playback location within the live content item.

10. The method according to claim 9, further comprising: In response to detecting the second input: The corresponding playback time indication is updated based on the updated current playback location within the live content item, wherein the updated corresponding playback time indication includes an updated time of day when the playback of the live content item at the electronic device was first available at the updated current playback location within the live content item.

11. The method according to claim 1 , further comprising: In response to detecting the second input: A selectable option is displayed in the playback user interface with the scrubber bar via the display generation component, wherein the selectable option is selectable to move the current playback location to a live playback location within the live content item, wherein the selectable option was not displayed when the first visual indicator was displayed in the first visual state.

12. The method according to claim 11, further comprising: receiving, via the one or more input devices, a third input corresponding to a selection of the selectable option while the scrubber bar and the selectable option are displayed in the playback user interface; and In response to receiving the third input: The current playback location is updated to the live playback location within the live content item.

13. The method according to claim 11, further comprising: receiving, via the one or more input devices, a third input corresponding to a request to scrub through the live content item while the scrub bar including the selectable options is displayed in the playback user interface; as well as In response to receiving the third input, updating the current playback position within the live content item according to the third input, comprising: ceasing to display the selectable option in the playback user interface based on determining that the updated current playback location corresponds to the live playback location within the live content item; as well as Based on determining that the updated current playback location does not correspond to the live playback location within the live content item, maintaining the selectable option displayed in the playback user interface.

14. The method of claim 1 , wherein displaying the scrubber bar in the playback user interface comprises displaying a first set of playback controls, the first set of playback controls comprising a first navigation option selectable to scrub backward in the live content by a predefined amount of time, the method further comprising: In response to receiving the first input: displaying, via the display generation component, in the playback user interface, the first navigation option selectable to scrub backward in the live content by the predefined amount of time; as well as A second navigation option is displayed in the playback user interface, the second navigation option for scrubbing forward in the live content item by the predefined amount of time, wherein the second navigation option is deactivated.

15. The method according to claim 14, further comprising: In response to receiving the second input, the first navigation option and the second navigation option are displayed in the playback user interface via the display generation component, wherein the second navigation option is activated and selectable to scrub forward the predefined amount of time in the live content item.

16. The method of claim 1 , wherein the scrubber bar includes selectable options that can be selected to display one or more viewing options for the live content item in the playback user interface, the method further comprising: receiving, via the one or more input devices, a sequence of one or more inputs corresponding to a selection of a first viewing option of the one or more viewing options for the live content item while the scrubber bar including the selectable options is displayed; as well as In response to receiving the sequence of one or more inputs: Stop displaying the playback user interface; and A respective user interface corresponding to the first viewing option is displayed via the display generation component, wherein the respective user interface is configurable to include a plurality of live content items, and displaying the respective user interface includes displaying the live content items in a playback area of ​​the respective user interface.

17. The method of claim 16, wherein the corresponding user interface corresponding to the first viewing option comprises: one or more user interface objects corresponding to the one or more respective content items; Wherein selection of a first user interface object among the one or more user interface objects corresponding to a first content item among the one or more corresponding content items initiates playback of the first content item in the playback area of ​​the corresponding user interface, and simultaneously initiates playback of the live content item in the playback area of ​​the corresponding user interface.

18. The method of claim 17, wherein the live content item has current focus in the playback area in the corresponding user interface, the method further comprising: receiving, via the one or more input devices, a request to move the focus from the live content item to the first user interface object corresponding to the first content item while displaying the respective user interface including the live content item and the one or more user interface objects corresponding to the one or more respective content items; as well as In response to receiving the request: moving the current focus from the live content item in the playback area to the first user interface object; as well as updating, via the display generation component, a display of the playback area to include placeholder indications for both the first content item and the live content item; Wherein, when the first user interface object has the current focus, the first user interface object is selectable to simultaneously display the live content item and the first content item in the playback area in the corresponding user interface.

19. The method according to claim 17, further comprising: receiving, via the one or more input devices, a sequence of one or more inputs corresponding to selecting one or more of the one or more corresponding content items for playback while displaying the corresponding user interface including the live content items and the one or more user interface objects corresponding to the one or more corresponding content items; as well as In response to receiving said sequence of one or more inputs: A display of the respective user interface is updated via the display generation component to simultaneously display the live content item and the one or more content items selected for playback in the playback area of ​​the respective user interface.

20. The method of claim 19, wherein updating the display of the corresponding user interface to include both the live content item and the one or more content items comprises: The live content item and the one or more content items selected for playback are displayed in a predefined arrangement in the respective user interface, wherein the live content is displayed at a first predefined position in the respective user interface and a first content item of the one or more content items is displayed at a second predefined position in the respective user interface adjacent to the first predefined position.

21. The method according to claim 19, further comprising: While displaying the corresponding user interface including the live content item and the one or more content items selected for playback: outputting audio corresponding to the live content item without outputting audio corresponding to a first content item of the one or more content items selected for playback based on determining that the live content item has focus in the corresponding user interface; as well as Based on determining that the first content item has the focus in the corresponding user interface, the audio corresponding to the first content item is output without outputting audio corresponding to the live content item.

22. The method according to claim 19, further comprising: receiving, via the one or more input devices, a corresponding input corresponding to a selection of a corresponding content item in the corresponding user interface while displaying the corresponding user interface including the live content item and the one or more content items selected for playback; and In response to receiving the corresponding input: According to determining that the corresponding content item is the live content item: ceasing to display the corresponding user interface; and Initiating playback of the live content item in the playback user interface; as well as According to determining that the corresponding content item is the first content item among the one or more content items: Stop displaying the corresponding user interface; as well as Playback of the first content item in the playback user interface is initiated.

23. The method according to claim 19, further comprising: receiving, via the one or more input devices, a respective input corresponding to a request to navigate away from the respective user interface while displaying the respective user interface including the live content item and the one or more content items selected for playback; as well as In response to receiving the corresponding input: ceasing to display the corresponding user interface; and The live content item is displayed via the display generation component in the playback user interface at a live playback location within the live content item.

24. The method according to claim 1, further comprising: In response to receiving the first input: displaying selectable options selectable to display one or more representations of one or more second live content items, wherein the selectable options are displayed in a predefined area relative to the scrubber bar in the playback user interface; receiving, via the one or more input devices, a first type of input for the selectable option while the scrubber bar and the selectable option are displayed in the playback user interface; in response to receiving the input of the first type, displaying, via the display generation component, the one or more representations of the one or more second live content items concurrently with the live content item in the playback user interface; receiving, via the one or more input devices, input of a second type, different from the first type, for representations of corresponding ones of the one or more second live content items while the one or more representations of the one or more second live content items are displayed concurrently with the live content item; as well as In response to receiving the input of the second type: One or more viewing options for the corresponding live content item are displayed in the playback user interface via the display generation component, wherein a first viewing option among the one or more viewing options for the corresponding live content item can be selected to display a corresponding user interface corresponding to the first viewing option, including simultaneously displaying the live content item and the corresponding live content item in the playback area of ​​the corresponding user interface, wherein the corresponding user interface can be configured to include multiple live content items.

25. An electronic device, comprising: one or more processors; Memory; and One or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing the method according to any one of claims 1 to 24.

26. A non-transitory computer-readable storage medium storing one or more programs, the one or more programs comprising instructions that, when executed by one or more processors of an electronic device, cause the electronic device to perform the method according to any one of claims 1 to 24.

Images