Devices, methods, and graphical user interfaces for content applications

Abstract

The disclosure relates to devices, methods, and graphical user interfaces for content applications. In some embodiments, an electronic device generates a virtual lighting effect while presenting a content item. In some embodiments, an electronic device enhances navigation to a respective playback location of a content item. In some embodiments, an electronic device displays media content in a three-dimensional environment. In some embodiments, an electronic device presents media content in different presentation modes.

Description

[0001] This application is a divisional application of the invention patent application with the application date of September 16, 2022, application number 202280071068.1, and invention name “Device, method and graphical user interface for content application”.

[0002] CROSS-REFERENCE TO RELATED APPLICATIONS

[0003] This application claims the benefit of U.S. Provisional Application No. 63 / 261,564, filed on September 23, 2021, the contents of which are incorporated herein by reference in their entirety for all purposes. Technical Field

[0004] The present invention generally relates to computer systems having a display generating component for presenting a graphical user interface and one or more input devices, including but not limited to an electronic device for presenting a graphical user interface (including a user interface for presenting and browsing content) via the display generating component. Background Art

[0005] In recent years, the development of computer systems for augmented reality has increased significantly. Example augmented reality environments include at least some virtual elements that replace or augment the physical world. Input devices (such as cameras, controllers, joysticks, touch-sensitive surfaces, and touch screen displays) for computer systems and other electronic computing devices are used to interact with virtual / augmented reality environments. Exemplary virtual elements include virtual objects (including digital images, videos, text, icons, control elements (such as buttons), and other graphics). Summary of the invention

[0006] Some methods and interfaces for interacting with environments (e.g., applications, augmented reality environments, mixed reality environments, and virtual reality environments) that include at least some virtual elements are cumbersome, inefficient, and limited. For example, systems that provide insufficient feedback for performing actions associated with virtual objects, systems that require a series of inputs to achieve desired results in augmented reality environments, and systems where virtual object manipulation is complex, cumbersome, and error-prone can impose a huge cognitive burden on users and detract from the experience of virtual / augmented reality environments. In addition, these methods take longer than necessary, thereby wasting energy. This latter consideration is particularly important in battery-powered devices.

[0007] Therefore, there is a need for a computer system with improved methods and interfaces to provide a computer-generated experience to a user, so that the user's interaction with the computer system is more efficient and more intuitive for the user. Such methods and interfaces optionally supplement or replace conventional methods for providing a computer-generated reality experience to a user. Such methods and interfaces reduce the amount, degree and / or nature of inputs from a user by helping the user understand the connection between the inputs provided and the device's response to those inputs, thereby forming a more effective human-computer interface.

[0008] The disclosed system reduces or eliminates the above-mentioned defects and other problems associated with the user interface for a computer system, which has a display generation component and one or more input devices. In some embodiments, the computer system is a desktop computer with an associated display. In some embodiments, the computer system is a portable device (e.g., a laptop, a tablet computer, or a handheld device). In some embodiments, the computer system is a personal electronic device (e.g., a wearable electronic device, such as a watch or a head-mounted device). In some embodiments, the computer system has a touch pad. In some embodiments, the computer system has one or more cameras. In some embodiments, the computer system has a touch-sensitive display (also referred to as a "touch screen" or "touch screen display"). In some embodiments, the computer system has one or more eye tracking components. In some embodiments, the computer system has one or more hand tracking components. In some embodiments, in addition to the display generation component, the computer system also has one or more output devices, which include one or more tactile output generators and one or more audio output devices. In some embodiments, the computer system has a graphical user interface (GUI), one or more processors, a memory, and one or more modules, a program or instruction set stored in the memory for performing multiple functions. In some embodiments, the user interacts with the GUI through contact and gestures of a stylus and / or finger on a touch-sensitive surface, movement of the user's eyes and hands in space relative to the GUI (and / or computer system) or the user's body (as captured by a camera and other motion sensors), and / or voice input (as captured by one or more audio input devices). In some embodiments, the functions performed by interaction optionally include image editing, drawing, presentations, word processing, spreadsheet creation, playing games, making and receiving calls, video conferencing, sending and receiving emails, instant messaging, testing support, digital photography, digital video recording, web browsing, digital music playback, note-taking, and / or digital video playback. Executable instructions for performing these functions are optionally included in a transient and / or non-transient computer-readable storage medium or other computer program product configured for execution by one or more processors.

[0009] There is a need for electronic devices with improved methods and interfaces for navigating user interfaces. Such methods and interfaces may supplement or replace conventional methods for interacting with graphical user interfaces. Such methods and interfaces reduce the amount, extent, and / or nature of input from a user and produce a more efficient human-computer interface.

[0010] In some embodiments, the electronic device generates a virtual lighting effect while presenting the content items. In some embodiments, the electronic device enhances navigation to the corresponding playback position of the content items. In some embodiments, the electronic device displays media content in a three-dimensional environment. In some embodiments, the electronic device presents media content in different presentation modes.

[0011] It should be noted that the various embodiments described above can be combined with any other embodiments described herein. The features and advantages described in this specification are not comprehensive, and in particular, many additional features and advantages will be apparent to those of ordinary skill in the art based on the drawings, the specification, and the claims. In addition, it should be noted that the language used in this specification is selected in principle for readability and instructional purposes, and may not be selected to describe or define the subject matter of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] For a better understanding of the various described embodiments, reference should be made to the following detailed description taken in conjunction with the following drawings, wherein like reference numerals designate corresponding parts throughout the several views.

[0013] Figure 1 is a block diagram illustrating an operating environment of a computer system for providing an XR experience according to some embodiments.

[0014] Figure 2 is a block diagram illustrating a controller of a computer system configured to manage and coordinate a user's XR experience according to some embodiments.

[0015] Figure 3 is a block diagram illustrating display generation components of a computer system configured to provide a visual component of an XR experience to a user according to some embodiments.

[0016] Figure 4 is a block diagram illustrating a hand tracking unit of a computer system configured to capture gesture input from a user according to some embodiments.

[0017] Figure 5 is a block diagram illustrating an eye tracking unit of a computer system configured to capture gaze input of a user according to some embodiments.

[0018] Fig. 6A is a flow chart illustrating a flash-assisted gaze tracking pipeline according to some embodiments.

[0019] Figure 6B An exemplary environment of an electronic device providing an XR experience according to some embodiments is shown.

[0020] 7A to 7E An example is shown of how an electronic device according to some embodiments can generate a virtual lighting effect while presenting a content item.

[0021] FIG. 8A to FIG. 8O is a flowchart illustrating a method of generating a virtual lighting effect while presenting a content item according to some embodiments.

[0022] 9A to 9E An exemplary manner of displaying media content in a three-dimensional environment according to some embodiments is shown.

[0023] FIG. 10A to FIG. 10I is a flow chart illustrating a method of displaying media content in a three-dimensional environment according to some embodiments.

[0024] FIG. 11A to FIG. 11E An example is shown of how an electronic device according to some embodiments can enhance navigation to a corresponding playback position of a content item.

[0025] FIG. 12A to FIG. 12C is a flowchart illustrating a method for enhancing navigation to corresponding playback positions of content items according to some embodiments.

[0026] FIG. 13A to FIG. 13E Exemplary ways of presenting media content in immersive and non-immersive presentation modes according to some embodiments of the present disclosure are shown.

[0027] FIG. 14A to FIG. 14J is a flowchart illustrating a method for presenting media content in immersive and non-immersive presentation modes according to some embodiments. DETAILED DESCRIPTION

[0028] According to some embodiments, the present disclosure relates to a user interface for providing a computer-generated (CGR) experience to a user.

[0029] The systems, methods, and GUIs described herein provide an improved way for electronic devices to present content corresponding to a physical location indicated in a navigation user interface element.

[0030] In some embodiments, a computer system displays a content application including content items in a three-dimensional environment. In some embodiments, an electronic device applies a virtual lighting effect to the three-dimensional environment while displaying the content application including the content items. In some embodiments, the virtual lighting effect is based on the content item played via the content application (e.g., including the colors included in the image associated with the content item). Presenting a content application user interface with virtual lighting provides an immersive and low-distraction experience for the user when consuming the content item, which in addition reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

[0031] In some embodiments, the computer system presents media content in different presentation modes (including extended presentation mode and picture-in-picture presentation mode) in a three-dimensional environment. In some embodiments, when the user's viewpoint of the three-dimensional environment changes, the computer system updates the position and / or orientation of the media content in the three-dimensional environment. In some embodiments, when the computer system detects movement of the user's viewpoint in the three-dimensional environment, whether the computer system updates the position and / or orientation of the media content in the three-dimensional environment is based on the presentation mode associated with the media content. Changing the position and / or orientation of the media content when the user's viewpoint of the three-dimensional environment changes provides an effective way to provide continuous access to the media content, regardless of the user's current viewpoint of the three-dimensional environment, which further reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

[0032] In some embodiments, the computer system enhances navigation to the corresponding part of the content item. In some embodiments, when presenting the content item, the electronic device detects that the user's attention (e.g., watching) is no longer directed to the content item. In some embodiments, in response to detecting that the user's attention is directed to the content item after not pointing to the content item, the electronic device presents a selectable option, which, when selected, causes the electronic device to navigate to the corresponding playback position of the content item associated with the playback position of the content item played when the user removes their attention from the content item. Presenting the option for navigating to the corresponding playback position of the content item provides an effective way to navigate the content item, which in addition reduces power use and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and effectively, and reduces the error in use that must be corrected with further user input.

[0033] In some embodiments, a computer system presents immersive and non-immersive media content in a three-dimensional environment. In some embodiments, the computer system presents immersive content in an immersive presentation mode and a non-immersive presentation mode. In some embodiments, when the computer system is presenting immersive content in a non-immersive presentation mode, the computer system displays a selectable option that, when selected, causes the computer system to transition the presentation of the immersive content from a non-immersive presentation mode to an immersive presentation mode. Providing a selectable option for transitioning the presentation of content from a non-immersive presentation to an immersive presentation mode provides an efficient way to access different presentation modes associated with immersive content, which in addition reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

[0034] Figure 1 6 provide a description of an exemplary computer system for providing an XR experience to a user (such as described below with respect to methods 800 , 1000 , 1200 , and 1400 ). 7A to 7E Example techniques for generating virtual lighting effects while presenting content items are shown according to some embodiments. FIG. 8A to FIG. 8O is a flowchart illustrating a method of generating a virtual lighting effect while presenting a content item according to some embodiments. 9A to 9E Example techniques for displaying media content in a three-dimensional environment according to some embodiments are shown. FIG. 10A to FIG. 10I is a flow chart illustrating a method of displaying media content in a three-dimensional environment according to some embodiments. FIG. 11A to FIG. 11E Exemplary techniques for enhancing navigation to corresponding playback positions of content items according to some embodiments are shown. FIG. 12A to FIG. 12C is a flowchart illustrating a method for enhancing navigation to corresponding playback positions of content items according to some embodiments. FIG. 13A to FIG. 13E Exemplary techniques for presenting media content in immersive and non-immersive presentation modes according to some embodiments of the present disclosure are shown. FIG. 14A to FIG. 14J is a flowchart illustrating a method for presenting media content in immersive and non-immersive presentation modes according to some embodiments.

[0035] The processes described below enhance the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device) through various techniques, including by providing improved visual feedback to the user, reducing the number of inputs required to perform an operation, providing additional control options without cluttering the user interface with additional display controls, performing an operation without further user input when a set of conditions have been met, improving privacy and / or security, and / or additional techniques. These techniques also reduce power usage and extend the battery life of the device by enabling the user to use the device more quickly and efficiently.

[0036] In addition, in the method described herein where one or more steps depend on one or more conditions being met, it should be understood that the method can be repeated in multiple repetitions so that in the process of repetition, all conditions for determining the steps in the method have been met in different repetitions of the method. For example, if the method needs to perform the first step (if the condition is met), and perform the second step (if the condition is not met), then the ordinary technician 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 one or more conditions being met can be rewritten as a method of repeating until each condition described in the method is met. However, this does not require the system or computer-readable medium to declare that the system or computer-readable medium contains instructions for performing a contingent operation based on the satisfaction of the corresponding one or more conditions, and is therefore able to determine whether the possible situation has been met without explicitly repeating the steps of the method until all conditions for determining the steps in the method have been met. It will also be understood by ordinary technicians in the art that, similar to the method with the contingent step, the system or computer-readable storage medium can repeat the steps of the method as many times as needed to ensure that all the contingent steps have been performed.

[0037] In some embodiments, such as Figure 1As shown in , an XR experience is provided to a user via an operating environment 100 including a computer system 101. The computer system 101 includes a controller 110 (e.g., a processor of a portable electronic device or a remote server), a display generation component 120 (e.g., a head mounted device (HMD), a display, a projector, a touch screen, etc.), one or more input devices 125 (e.g., an eye tracking device 130, a hand tracking device 140, other input devices 150), one or more output devices 155 (e.g., a speaker 160, a tactile output generator 170, and other output devices 180), one or more sensors 190 (e.g., an image sensor, a light sensor, a depth sensor, a tactile sensor, an orientation sensor, a proximity sensor, a temperature sensor, a position sensor, a motion sensor, a speed sensor, etc.), and optionally one or more peripheral devices 195 (e.g., a household appliance, a wearable device, etc.). In some embodiments, one or more of the input device 125, the output device 155, the sensor 190, and the peripheral device 195 are integrated with the display generation component 120 (e.g., in a head mounted device or a handheld device).

[0038] In describing an XR experience, various terms are used to distinguishably refer to several related but distinct environments that a user can sense and / or with which the user can interact (e.g., using inputs detected by the computer system 101 generating the XR experience, which inputs cause the computer system generating the XR experience to generate audio, visual, and / or tactile feedback corresponding to the various inputs provided to the computer system 101). The following is a subset of these terms:

[0039] Physical environment: The physical environment refers to the physical world that people can sense and / or interact with without the help of electronic systems. A physical environment, such as a physical park, includes physical objects, such as physical trees, physical buildings, and physical people. People can directly sense and / or interact with the physical environment, such as through vision, touch, hearing, taste, and smell.

[0040] Extended Reality: In contrast, an extended reality (XR) environment refers to a fully or partially simulated environment that people sense and / or interact with via an electronic system. In XR, a subset of a person's physical movements or a representation thereof is tracked, and in response, one or more features of one or more virtual objects simulated in the XR environment are adjusted in a manner that complies with at least one physical law. For example, an XR system may detect a person's head turn, and in response, adjust the graphical content and sound field presented to the person in a manner similar to the way such views and sounds change in a physical environment. In some cases (e.g., for accessibility reasons), adjustments to the features of virtual objects in the XR environment may be made in response to a representation of physical movement (e.g., a voice command). People can sense and / or interact with XR objects using any of their senses, including vision, hearing, touch, taste, and smell. For example, a person can sense and / or interact with an audio object that creates a 3D or spatial audio environment that provides the perception of a point audio source in 3D space. As another example, an audio object can enable audio transparency that selectively introduces ambient sounds from the physical environment with or without computer-generated audio. In some XR environments, a person can sense and / or interact only with an audio object.

[0041] Examples of XR include virtual reality and mixed reality.

[0042] Virtual Reality: A virtual reality (VR) environment refers to a simulated environment designed to be based entirely on computer-generated sensory input to one or more senses. A VR environment includes a plurality of virtual objects that a person can sense and / or interact with. For example, trees, buildings, and computer-generated images representing avatars of people are examples of virtual objects. A person can sense and / or interact with virtual objects in a VR environment through a simulation of the person's presence within the computer-generated environment and / or through a simulation of a subset of the person's physical movement within the computer-generated environment.

[0043] Mixed Reality: In contrast to VR environments, which are designed to be based entirely on computer-generated sensory input, a mixed reality (MR) environment refers to a simulated environment that is designed to include sensory input from the physical environment, or representations thereof, in addition to computer-generated sensory input (e.g., virtual objects). On the virtuality continuum, a mixed reality environment is anything between, but not including, a fully physical environment at one end and a virtual reality environment at the other end. In some MR environments, computer-generated sensory input can respond to changes in sensory input from the physical environment. In addition, some electronic systems used to render MR environments can track position and / or orientation relative to the physical environment to enable virtual objects to interact with real objects (i.e., physical items from the physical environment, or representations thereof). For example, the system can cause movement so that virtual trees appear stationary relative to the physical ground.

[0044] Examples of mixed reality include augmented reality and augmented virtuality.

[0045] Augmented reality: An augmented reality (AR) environment refers to a simulated environment in which one or more virtual objects are superimposed on a physical environment or a representation of a physical environment. For example, an electronic system for presenting an AR environment may have a transparent or translucent display through which a person can directly view the physical environment. The system may be configured to present virtual objects on a transparent or translucent display so that a person uses the system to perceive virtual objects superimposed on the physical environment. Alternatively, the system may have an opaque display and one or more imaging sensors that capture images or videos of the physical environment, which are representations of the physical environment. The system combines the image or video with the virtual object and presents the composition on an opaque display. A person uses the system to indirectly view the physical environment via an image or video of the physical environment and perceives virtual objects superimposed on the physical environment. As used herein, a video of a physical environment displayed on an opaque display is referred to as a "transparent video," meaning that the system uses one or more image sensors to capture images of the physical environment and uses those images when presenting the AR environment on an opaque display. Further alternatively, the system may have a projection system that projects virtual objects into a physical environment, such as as a hologram or on a physical surface, so that a person using the system perceives virtual objects superimposed on the physical environment. An augmented reality environment also refers to a simulated environment in which a representation of a physical environment is transformed by computer-generated sensory information. For example, in providing a pass-through video, the system may transform one or more sensor images to apply a selected perspective (e.g., a viewpoint) that is different from the perspective captured by the imaging sensor. For another example, the representation of the physical environment may be transformed by graphically modifying (e.g., enlarging) a portion thereof so that the modified portion may be a representative but not real version of the original captured image. For another example, the representation of the physical environment may be transformed by graphically eliminating a portion thereof or blurring a portion thereof.

[0046] Augmented Virtual: An augmented virtual (AV) environment refers to a simulated environment in which a virtual environment or a computer-generated environment incorporates one or more sensory inputs from the physical environment. The sensory input may be a representation of one or more characteristics of the physical environment. For example, an AV park may have virtual trees and virtual buildings, but the faces of people are realistically reproduced from images taken of physical people. For another example, a virtual object may take the shape or color of a physical object imaged by one or more imaging sensors. For another example, a virtual object may take a shadow that conforms to the positioning of the sun in the physical environment.

[0047] Viewpoint-locked virtual objects: When a computer system displays a virtual object at the same position and / or location in a user's viewpoint, the virtual object is viewpoint-locked even if the user's viewpoint shifts (e.g., changes). In embodiments where the computer system is a head-mounted device, the user's viewpoint is locked to the forward direction of the user's head (e.g., when the user is looking straight ahead, the user's viewpoint is at least a portion of the user's field of view); thus, without moving the user's head, the user's viewpoint remains fixed even when the user's gaze shifts. In embodiments where the computer system has a display generation component (e.g., a display screen) that is repositionable relative to the user's head, the user's viewpoint is an augmented reality view presented to the user on the display generation component of the computer system. For example, a viewpoint-locked virtual object that is displayed in the upper left corner of the user's viewpoint when the user's viewpoint is in a first orientation (e.g., the user's head is facing north) continues to be displayed in the upper left corner of the user's viewpoint even when the user's viewpoint changes to a second orientation (e.g., the user's head is facing west). In other words, the position and / or location of the viewpoint-locked virtual object displayed in the user's viewpoint is independent of the user's position and / or orientation in the physical environment. In embodiments where the computer system is a head-mounted device, the user's viewpoint is locked to the orientation of the user's head, such that the virtual object is also referred to as a "head-locked virtual object."

[0048] Environment-locked visual objects: A virtual object is environment-locked (alternatively, "world-locked") when a computer system displays a virtual object at a position and / or location in a user's viewpoint that is based on (e.g., selected with reference to and / or anchored to) a location and / or object in a three-dimensional environment (e.g., a physical environment or a virtual environment). As the user's viewpoint moves, the location and / or objects in the environment change relative to the user's viewpoint, which causes the environment-locked virtual object to be displayed at a different location and / or location in the user's viewpoint. For example, an environment-locked virtual object locked to a tree immediately in front of the user is displayed at the center of the user's viewpoint. When the user's viewpoint shifts to the right (e.g., the user's head turns to the right) such that the tree is now to the left of center in the user's viewpoint (e.g., the tree location in the user's viewpoint shifts), the environment-locked virtual object locked to the tree is displayed to the left of center in the user's viewpoint. In other words, the position and / or orientation of the virtual object that is locked to the environment in the user's viewpoint depends on the position and / or orientation of the object and / or the position to which the virtual object is locked in the environment. In some embodiments, the computer system uses a stationary reference system (e.g., a coordinate system anchored to a fixed position and / or object in the physical environment) to determine the positioning of the virtual object that is locked to the user's viewpoint. The virtual object that is locked to the environment can be locked to a stationary part of the environment (e.g., a floor, wall, table, or other stationary object), or can be locked to a movable part of the environment (e.g., a vehicle, animal, person, or even a representation of a part of the user's body that moves independently of the user's viewpoint, such as a hand, wrist, arm, or foot of the user) so that the virtual object moves as the viewpoint or the part of the environment moves to maintain a fixed relationship between the virtual object and the part of the environment.

[0049] In some embodiments, an environment-locked or viewpoint-locked virtual object exhibits an inertial following behavior that reduces or delays the movement of the environment-locked or viewpoint-locked virtual object relative to the movement of the reference point followed by the virtual object. In some embodiments, when exhibiting inertial following behavior, when detecting the movement of a reference point (e.g., a portion of the environment, a viewpoint, or a point fixed relative to the viewpoint, such as a point between 5 cm and 300 cm from the viewpoint) that the virtual object is following, the computer system intentionally delays the movement of the virtual object. For example, when the reference point (e.g., the portion of the environment or the viewpoint) moves at a first speed, the virtual object is moved by the device to remain locked to the reference point, but moves at a second speed that is slower than the first speed (e.g., until the reference point stops moving or slows down, at which point the virtual object begins to catch up with the reference point). In some embodiments, when the virtual object exhibits inertial following behavior, the device ignores small amounts of movement of the reference point (e.g., ignoring movements of the reference point below a threshold movement amount, such as moving 0 to 5 degrees or moving 0 to 50 cm). For example, when a reference point (e.g., the portion of the environment or viewpoint to which the virtual object is locked) moves a first amount, the distance between the reference point and the virtual object increases (e.g., because the virtual object is being displayed so as to maintain a fixed or substantially fixed position relative to a viewpoint or portion of the environment that is different from the reference point to which the virtual object is locked), and when the reference point (e.g., the portion of the environment or viewpoint to which the virtual object is locked) moves a second amount greater than the first amount, the distance between the reference point and the virtual object initially increases (e.g., because the virtual object is being displayed so as to maintain a fixed or substantially fixed position relative to a viewpoint or portion of the environment that is different from the reference point to which the virtual object is locked), and then decreases as the amount of movement of the reference point increases above a threshold (e.g., a “lazy follow” threshold) because the virtual object is moved by the computer system to maintain a fixed or substantially fixed position relative to the reference point. In some embodiments, maintaining a substantially fixed position of the virtual object relative to the reference point includes displaying the virtual object within a threshold distance (e.g., 1 cm, 2 cm, 3 cm, 5 cm, 15 cm, 20 cm, 50 cm) of the reference point in one or more dimensions (e.g., up / down, left / right, and / or forward / backward relative to the position of the reference point).

[0050] Hardware: There are many different types of electronic systems that enable a person to sense various XR environments and / or interact with various CGR environments. Examples include head-mounted systems, projection-based systems, heads-up displays (HUDs), vehicle windshields with integrated display capabilities, windows with integrated display capabilities, displays formed as lenses designed to be placed on a person's eyes (e.g., similar to contact lenses), headphones / earpieces, speaker arrays, input systems (e.g., wearable or handheld controllers with or without tactile feedback), smartphones, tablets, and desktop / laptop computers. A head-mounted system can have one or more speakers and an integrated opaque display. Alternatively, a head-mounted system can be configured to accept an external opaque display (e.g., a smartphone). A head-mounted system can incorporate one or more imaging sensors for capturing images or video of the physical environment, and / or one or more microphones for capturing audio of the physical environment. Instead of an opaque display, a head-mounted system can have a transparent or translucent display. A transparent or translucent display can have a medium through which light representing the image is directed to a person's eyes. The display can utilize digital light projection, OLED, LED, uLED, liquid crystal on silicon, laser scanning light source, or any combination of these technologies. The medium can be an optical waveguide, a hologram medium, an optical combiner, an optical reflector, or any combination thereof. In one embodiment, a transparent or translucent display can be configured to selectively become opaque. The projection-based system can employ retinal projection technology that projects graphic images onto a person's retina. The projection system can also be configured to project virtual objects into a physical environment, for example as a hologram, or onto a physical surface. In some embodiments, the controller 110 is configured to manage and coordinate the user's XR experience. In some embodiments, the controller 110 includes a suitable combination of software, firmware, and / or hardware. Reference below Figure 2Controller 110 is described in more detail. In some embodiments, controller 110 is a computing device that is located locally or remotely relative to scene 105 (e.g., physical environment). For example, controller 110 is a local server located within scene 105. As another example, controller 110 is a remote server (e.g., cloud server, central server, etc.) located outside scene 105. In some embodiments, controller 110 is communicatively coupled to display generation component 120 (e.g., HMD, display, projector, touch screen, etc.) via one or more wired or wireless communication channels 144 (e.g., Bluetooth, IEEE 802.11x, IEEE 802.16x, IEEE 802.3x, etc.). In another example, the controller 110 is included within a housing (e.g., a physical housing) of the display generating component 120 (e.g., an HMD or a portable electronic device including a display and one or more processors, etc.), one or more input devices of the input devices 125, one or more output devices of the output devices 155, one or more sensors of the sensors 190, and / or one or more peripheral devices of the peripheral devices 195, or shares the same physical housing or support structure with one or more of the above devices.

[0051] In some embodiments, the display generation component 120 is configured to provide an XR experience (e.g., at least the visual component of the XR experience) to the user. In some embodiments, the display generation component 120 includes a suitable combination of software, firmware, and / or hardware. Figure 3 Display generation component 120 is described in further detail. In some embodiments, the functionality of controller 110 is provided by and / or combined with display generation component 120.

[0052] According to some embodiments, display generation component 120 provides an XR experience to the user when the user is virtually and / or physically present within scene 105.

[0053] In some embodiments, the display generation component is worn on a part of the user's body (e.g., on his / her head, on his / her hand, etc.). In this way, the display generation component 120 includes one or more XR displays provided for displaying XR content. For example, in various embodiments, the display generation component 120 surrounds the user's field of view. In some embodiments, the display generation component 120 is a handheld device (such as a smart phone or tablet) configured to present XR content, and the user holds a device with a display facing the user's field of view and a camera facing the scene 105. In some embodiments, the handheld device is optionally placed in a housing worn on the user's head. In some embodiments, the handheld device is optionally placed on a support (e.g., a tripod) in front of the user. In some embodiments, the display generation component 120 is an XR room, housing, or room configured to present XR content, wherein the user does not wear or hold the display generation component 120. Many user interfaces described with reference to one type of hardware for displaying XR content (e.g., a handheld device or a device on a tripod) may be implemented on another type of hardware for displaying XR content (e.g., an HMD or other wearable computing device). For example, a user interface showing interactions with XR content triggered based on interactions occurring in the space in front of a handheld device or a tripod-mounted device may similarly be implemented with an HMD, where the interactions occur in the space in front of the HMD and responses to the XR content are displayed via the HMD. Similarly, a user interface showing interactions with CRG content triggered based on movement of a handheld device or a tripod-mounted device relative to a physical environment (e.g., scene 105 or a part of a user's body (e.g., the user's eyes, head, or hands)) may similarly be implemented with an HMD, where the movement is caused by movement of the HMD relative to the physical environment (e.g., scene 105 or a part of a user's body (e.g., the user's eyes, head, or hands)).

[0054] Despite Figure 1 Relevant features of operating environment 100 are shown, but those skilled in the art will recognize from this disclosure that various other features are not shown for the sake of brevity and so as not to obscure more relevant aspects of the exemplary embodiments disclosed herein.

[0055] Figure 2is a block diagram of an example of a controller 110 according to some embodiments. While some specific features are shown, those skilled in the art will recognize from this disclosure that various other features are not shown for the sake of brevity and so as not to obscure more relevant aspects of the embodiments disclosed herein. To this end, as a non-limiting example, in some embodiments, the controller 110 includes one or more processing units 202 (e.g., a microprocessor, an application specific integrated circuit (ASIC), a field programmable gate array (FPGA), a graphics processing unit (GPU), a central processing unit (CPU), a processing core, etc.), one or more input / output (I / O) devices 206, one or more communication interfaces 208 (e.g., a universal serial bus (USB), IEEE802.3x, IEEE 802.11x, IEEE 802.16x, Global System for Mobile Communications (GSM), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Global Positioning System (GPS), infrared (IR), Bluetooth, ZIGBEE and / or similar types of interfaces), one or more programming (e.g., I / O) interfaces 210, a memory 220, and one or more communication buses 204 for interconnecting these components and various other components.

[0056] In some embodiments, the one or more communication buses 204 include circuits that interconnect and control communications between system components. In some embodiments, the one or more I / O devices 206 include at least one of a keyboard, a mouse, a touch pad, a joystick, one or more microphones, one or more speakers, one or more image sensors, one or more displays, and the like.

[0057] The memory 220 includes a high-speed random access memory, such as a dynamic random access memory (DRAM), a static random access memory (SRAM), a double data rate random access memory (DDR RAM), or other random access solid-state memory devices. In some embodiments, the memory 220 includes a 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. The memory 220 optionally includes one or more storage devices located away from the one or more processing units 202. The memory 220 includes a non-transitory computer-readable storage medium. In some embodiments, the memory 220 or the non-transitory computer-readable storage medium of the memory 220 stores the following programs, modules, and data structures or subsets thereof, including an optional operating system 230 and an XR experience module 240.

[0058] The operating system 230 includes instructions for handling various basic system services and for performing hardware-related tasks. In some embodiments, the XR experience module 240 is configured to manage and coordinate single or multiple XR experiences of one or more users (e.g., a single XR experience of one or more users, or multiple XR experiences of corresponding groups of one or more users). To this end, in various embodiments, the XR experience module 240 includes a data acquisition unit 242, a tracking unit 244, a coordination unit 246, and a data transmission unit 248.

[0059] In some embodiments, the data acquisition unit 241 is configured to obtain Figure 1 120, and optionally acquires data (e.g., presentation data, interaction data, sensor data, location data, etc.) from one or more of input device 125, output device 155, sensor 190, and / or peripheral device 195. To this end, in various embodiments, data acquisition unit 241 includes instructions and / or logic for instructions as well as heuristics and metadata for the heuristics.

[0060] In some embodiments, tracking unit 242 is configured to map scene 105 and track at least display generation component 120 relative to Figure 1 105, and optionally relative to the position / location of one or more of the tracked input device 125, the output device 155, the sensor 190, and / or the peripheral device 195. To this end, in various embodiments, the tracking unit 242 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics. In some embodiments, the tracking unit 242 includes a hand tracking unit 244 and / or an eye tracking unit 243. In some embodiments, the hand tracking unit 244 is configured to track the position / location of one or more parts of the user's hand, and / or the position / location of one or more parts of the user's hand relative to the user's hand. Figure 1 The movement of the scene 105 relative to the display generation component 120 and / or relative to a coordinate system (the coordinate system is defined relative to the user's hand). Figure 4 The hand tracking unit 244 is described in more detail. In some embodiments, the eye tracking unit 243 is configured to track the position or movement of the user's gaze (or more generally, the user's eyes, face, or head) relative to the scene 105 (e.g., relative to the physical environment and / or relative to the user (e.g., the user's hands)) or relative to the XR content displayed via the display generation component 120. Figure 5 The eye tracking unit 243 is described in more detail.

[0061] In some embodiments, coordination unit 246 is configured to manage and coordinate the XR experience presented to the user by display generation component 120, and optionally by one or more of output device 155 and / or peripherals 195. To this end, in various embodiments, coordination unit 246 includes instructions and / or logic for instructions and heuristics and metadata for the heuristics.

[0062] In some embodiments, data transfer unit 248 is configured to transfer data (e.g., presentation data, position data, etc.) to at least display generation component 120, and optionally to one or more of input device 125, output device 155, sensor 190, and / or peripheral device 195. To this end, in various embodiments, data transfer unit 248 includes instructions and / or logic for instructions as well as heuristics and metadata for the heuristics.

[0063] Although the data acquisition unit 241, the tracking unit 242 (e.g., including the eye tracking unit 243 and the hand tracking unit 244), the coordination unit 246, and the data transmission unit 248 are illustrated as residing on a single device (e.g., the controller 110), it should be understood that in other embodiments, any combination of the data acquisition unit 241, the tracking unit 242 (e.g., including the eye tracking unit 243 and the hand tracking unit 244), the coordination unit 246, and the data transmission unit 248 may be located in separate computing devices.

[0064] also, Figure 2 It serves more as a functional description of various features that may be present in a particular implementation, as opposed to a block diagram of the embodiments described herein. As one of ordinary skill in the art will recognize, items shown separately may be combined, and some items may be separated. For example, Figure 2 Some functional modules shown separately in the figure may be implemented in a single module, and the various functions of a single functional block may be implemented by one or more functional blocks in various embodiments. The actual number of modules and the division of specific functions and how the features are distributed among them will vary depending on the specific implementation, and in some embodiments, depends in part on the specific combination of hardware, software and / or firmware selected for a specific implementation.

[0065] Figure 31 is a block diagram of an example of a display generation component 120 according to some embodiments. Although some specific features are shown, those skilled in the art will recognize from this disclosure that various other features are not shown for the sake of brevity and so as not to obscure more relevant aspects of the embodiments disclosed herein. For this purpose, as a non-limiting example, in some embodiments, the display generation component 120 (e.g., an HMD) includes one or more processing units 302 (e.g., a microprocessor, an ASIC, an FPGA, a GPU, a CPU, a processing core, etc.), one or more input / output (I / O) devices and sensors 306, one or more communication interfaces 308 (e.g., USB, FIREWIRE, THUNDERBOLT, IEEE 802.3x, IEEE802.11x, IEEE 802.16x, GSM, CDMA, TDMA, GPS, IR, BLUETOOTH, ZIGBEE and / or similar types of interfaces), one or more programming (e.g., I / O) interfaces 310, one or more XR displays 312, one or more optional internal-facing and / or external-facing image sensors 314, a memory 320, and one or more communication buses 304 for interconnecting these components and various other components.

[0066] In some embodiments, one or more communication buses 304 include circuits for interconnecting and controlling communications between various system components. In some embodiments, one or more I / O devices and sensors 306 include an inertial measurement unit (IMU), an accelerometer, a gyroscope, a thermometer, one or more physiological sensors (e.g., a blood pressure monitor, a heart rate monitor, a blood oxygen sensor, a blood glucose sensor, etc.), one or more microphones, one or more speakers, a haptic engine, and / or one or more depth sensors (e.g., structured light, time of flight, etc.), etc.

[0067] In some embodiments, one or more XR displays 312 are configured to provide an XR experience to the user. In some embodiments, one or more XR displays 312 correspond to holographic, digital light processing (DLP), liquid crystal display (LCD), liquid crystal on silicon (LCoS), organic light emitting field effect transistor (OLET), organic light emitting diode (OLED), surface conduction electron emission display (SED), field emission display (FED), quantum dot light emitting diode (QD-LED), microelectromechanical system (MEMS) and / or similar display types. In some embodiments, one or more XR displays 312 correspond to diffraction, reflection, polarization, holographic and other waveguide displays. For example, the display generation component 120 (e.g., HMD) includes a single XR display. As another example, the display generation component 120 (e.g., HMD) includes an XR display for each eye of the user. In some embodiments, one or more XR displays 312 can present MR and VR content. In some embodiments, one or more XR displays 312 can present MR or VR content.

[0068] In some embodiments, the one or more image sensors 314 are configured to acquire image data corresponding to at least a portion of the user's face, including the user's eyes (and may be referred to as an eye tracking camera). In some embodiments, the one or more image sensors 314 are configured to acquire image data corresponding to the user's hands and, optionally, at least a portion of the user's arms (and may be referred to as a hand tracking camera). In some embodiments, the one or more image sensors 314 are configured to face forward so as to acquire image data corresponding to a scene that the user would see in the absence of the display generating component 120 (e.g., an HMD) (and may be referred to as a scene camera). The one or more optional image sensors 314 may include one or more RGB cameras (e.g., with a complementary metal oxide semiconductor (CMOS) image sensor or a charge coupled device (CCD) image sensor), one or more infrared (IR) cameras, and / or one or more event-based cameras, etc.

[0069] The memory 320 includes a high-speed random access memory, such as a DRAM, SRAM, DDR RAM, or other random access solid-state memory device. In some embodiments, the memory 320 includes a 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. The memory 320 optionally includes one or more storage devices located away from the one or more processing units 302. The memory 320 includes a non-transitory computer-readable storage medium. In some embodiments, the memory 320 or the non-transitory computer-readable storage medium of the memory 320 stores the following programs, modules, and data structures or a subset thereof, including an optional operating system 330 and an XR rendering module 340.

[0070] The operating system 330 includes processes for handling various basic system services and for performing hardware-related tasks. In some embodiments, the XR rendering module 340 is configured to present XR content to a user via one or more XR displays 312. To this end, in various embodiments, the XR rendering module 340 includes a data acquisition unit 342, an XR rendering unit 344, an XR map generation unit 346, and a data transmission unit 348.

[0071] In some embodiments, the data acquisition unit 342 is configured to at least Figure 1 The controller 110 acquires data (e.g., presentation data, interaction data, sensor data, location data, etc.). For the purposes described, in various embodiments, the data acquisition unit 342 includes instructions and / or logic for instructions and heuristics and metadata for the heuristics.

[0072] In some embodiments, the XR rendering unit 344 is configured to render XR content via one or more XR displays 312. For such purposes, in various embodiments, the XR rendering unit 344 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics.

[0073] In some embodiments, the XR map generation unit 346 is configured to generate an XR map (e.g., a 3D map of a mixed reality scene or a map of a physical environment in which a computer-generated object can be placed to generate an extended reality) based on the media content data. For this purpose, in various embodiments, the XR map generation unit 346 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics.

[0074] In some embodiments, the data transmission unit 348 is configured to transmit data (e.g., presentation data, position data, etc.) to at least the controller 110, and optionally one or more of the input device 125, the output device 155, the sensor 190, and / or the peripheral device 195. For such purposes, in various embodiments, the data transmission unit 348 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics.

[0075] Although the data acquisition unit 342, the XR rendering unit 344, the XR map generation unit 346, and the data transfer unit 348 are shown as residing on a single device (e.g., Figure 1 , but it should be understood that in other embodiments, any combination of the data acquisition unit 342, the XR rendering unit 344, the XR mapping generation unit 346, and the data transmission unit 348 may be located in a separate computing device.

[0076] also, Figure 3 More as a functional description of various features that may be present in a particular embodiment, rather than a schematic diagram of the structures of the embodiments described herein. As one of ordinary skill in the art will recognize, items shown separately may be combined, and some items may be separated. For example, Figure 3 Some functional modules shown separately in the figure may be implemented in a single module, and the various functions of a single functional block may be implemented by one or more functional blocks in various embodiments. The actual number of modules and the division of specific functions and how the features are distributed among them will vary depending on the specific implementation, and in some embodiments, depends in part on the specific combination of hardware, software and / or firmware selected for a specific implementation.

[0077] Figure 4 is a schematic illustration of an exemplary embodiment of the hand tracking device 140. In some embodiments, the hand tracking device 140 ( Figure 1 ) is controlled by the hand tracking unit 244 ( Figure 2 ) to track the position / location of one or more parts of a user's hand and / or one or more parts of a user's hand relative to Figure 1The hand tracking device 140 can be used to monitor movement of the scene 105 (e.g., relative to a portion of the physical environment surrounding the user, relative to the display generation component 120, or relative to a portion of the user (e.g., the user's face, eyes, or head), and / or relative to a coordinate system (which is defined relative to the user's hands)). In some embodiments, the hand tracking device 140 is part of the display generation component 120 (e.g., embedded in or attached to the head-mounted device). In some embodiments, the hand tracking device 140 is separate from the display generation component 120 (e.g., located in a separate housing or attached to a separate physical support structure).

[0078] In some embodiments, the hand tracking device 140 includes an image sensor 404 (e.g., one or more IR cameras, 3D cameras, depth cameras, and / or color cameras, etc.) that captures three-dimensional scene information including at least a human user's hand 406. The image sensor 404 captures hand images with sufficient resolution so that fingers and their corresponding positions can be distinguished. The image sensor 404 typically captures images of other parts of the user's body, and also or possibly all parts of the body, and may have zoom capabilities or a dedicated sensor with increased magnification to capture images of the hand with a desired resolution. In some embodiments, the image sensor 404 also captures 2D color video images of the hand 406 and other elements of the scene. In some embodiments, the image sensor 404 is used in conjunction with other image sensors to capture the physical environment of the scene 105, or is used as an image sensor to capture the physical environment of the scene 105. In some embodiments, the image sensor is positioned relative to the user or the user's environment in a manner that the field of view of the image sensor 404 or a portion thereof is used to define an interaction space, in which the hand movements captured by the image sensor are considered as input to the controller 110.

[0079] In some embodiments, the image sensor 404 outputs a sequence of frames containing 3D mapping data (and in addition, possible color image data) to the controller 110, which extracts high-level information from the mapping data. This high-level information is typically provided to an application running on the controller via an application program interface (API), which drives the display generation component 120 accordingly. For example, a user can interact with the software running on the controller 110 by moving his hand 406 and changing his hand posture.

[0080] In some embodiments, the image sensor 404 projects a speckled pattern onto a scene containing the hand 406 and captures an image of the projected pattern. In some embodiments, the controller 110 calculates the 3D coordinates of points in the scene (including points on the surface of the user's hand) by triangulation based on the lateral offset of the spots in the pattern. This method is advantageous because it does not require the user to hold or wear any kind of beacon, sensor, or other marker. The method gives the depth coordinates of points in the scene at a specific distance from the image sensor 404 relative to a predetermined reference plane. In the present disclosure, it is assumed that the image sensor 404 defines an orthogonal set of x-axis, y-axis, and z-axis, so that the depth coordinates of points in the scene correspond to the z component measured by the image sensor. Alternatively, the image sensor 404 (e.g., a hand tracking device) may use other 3D mapping methods based on a single or multiple cameras or other types of sensors, such as stereo imaging or time-of-flight measurement.

[0081] In some embodiments, the hand tracking device 140 captures and processes a time series of depth maps containing the user's hand as the user moves his hand (e.g., the entire hand or one or more fingers). Software running on the image sensor 404 and / or the processor in the controller 110 processes the 3D mapping data to extract image patch descriptors of the hand in these depth maps. The software can match these descriptors with image patch descriptors stored in the database 408 based on a previous learning process to estimate the pose of the hand in each frame. The pose typically includes the 3D position of the user's hand joints and finger tips.

[0082] The software can also analyze the trajectory of the hand and / or finger over multiple frames in the sequence to recognize gestures. The pose estimation function described herein can be alternated with the motion tracking function so that the image block-based pose estimation is performed only once every two (or more) frames, and the tracking is used to find the changes in pose that occur on the remaining frames. The pose, motion, and gesture information is provided to the application running on the controller 110 via the above-mentioned API. The program can, for example, move and modify the image presented on the display generation component 120 in response to the pose and / or gesture information, or perform other functions.

[0083] In some embodiments, gestures include air gestures. An air gesture is a gesture detected without the user touching an input element that is part of a device (e.g., computer system 101, one or more input devices 125, and / or hand tracking device 140) (or independent of an input element that is part of a device) and based on detected movement of a part of the user's body (e.g., head, one or more arms, one or more hands, one or more fingers, and / or one or more legs) through the air (including movement of the user's body relative to an absolute reference (e.g., the angle of the user's arm relative to the ground or the distance of the user's hand relative to the ground), movement relative to another part of the user's body (e.g., movement of the user's hand relative to the user's shoulder, movement of one of the user's hands relative to the user's other hand, and / or movement of a user's finger relative to another finger or part of the user's hand), and / or absolute movement of a part of the user's body (e.g., a tap gesture that includes a hand moving a predetermined amount and / or speed in a predetermined posture, or a shake gesture that includes a predetermined speed or amount of rotation of a part of the user's body)).

[0084] In some embodiments, according to some embodiments, the input gestures used in the various examples and embodiments described herein include air gestures for interacting with an XR environment (e.g., a virtual or mixed reality environment) performed by movement of a user's fingers relative to other fingers or parts of the user's hand. In some embodiments, an air gesture is a gesture detected without the user touching an input element that is part of the device (or independent of an input element that is part of the device) and based on detected movement of a part of the user's body through the air (including movement of the user's body relative to an absolute reference (e.g., the angle of the user's arm relative to the ground or the distance of the user's hand relative to the ground), movement relative to another part of the user's body (e.g., movement of the user's hand relative to the user's shoulder, movement of one of the user's hands relative to the user's other hand, and / or movement of the user's fingers relative to another finger or part of the user's hand), and / or absolute movement of a part of the user's body (e.g., a tap gesture in which the hand moves a predetermined amount and / or speed in a predetermined posture, or a shake gesture including a predetermined speed or amount of rotation of a part of the user's body)).

[0085] In some embodiments where the input gesture is an in-air gesture (e.g., in the absence of physical contact with an input device that provides information to the computer system about which user interface element is the target of the user input, such as contact with a user interface element displayed on a touch screen, or contact with a mouse or trackpad to move a cursor to a user interface element), the gesture takes into account the user's attention (e.g., gaze) to determine the target of the user input (e.g., for direct input, as described below). Thus, in embodiments involving in-air gestures, for example, the input gesture is combined (e.g., simultaneously) with movement of the user's fingers and / or hand to detect attention (e.g., gaze) toward a user interface element to perform a pinch and / or tap input, as described below.

[0086] In some embodiments, an input gesture pointing to a user interface object is performed directly or indirectly with reference to the user interface object. For example, the user input is performed directly on the user interface object according to performing input with the user's hand at a position corresponding to the position of the user interface object in the three-dimensional environment (e.g., as determined based on the user's current viewpoint). In some embodiments, when the user's attention (e.g., gaze) to the user interface object is detected, the input gesture is performed indirectly on the user interface object according to the position of the user's hand not being at the position corresponding to the position of the user interface object in the three-dimensional environment while the user performs the input gesture. For example, for a direct input gesture, the user can guide the user's input to the user interface object by initiating a gesture at or near a position corresponding to the display position of the user interface object (e.g., within 0.5 cm, 1 cm, 5 cm, or a distance between 0 and 5 cm measured from the outer edge of the option or the center portion of the option). For an indirect input gesture, the user can guide the user's input to the user interface object by focusing on the user interface object (e.g., by gazing at the user interface object), and while focusing on the option, the user initiates an input gesture (e.g., at any position detectable by the computer system) (e.g., at a position that does not correspond to the display position of the user interface object).

[0087] In some embodiments, according to some embodiments, the input gestures (e.g., air gestures) used in various examples and embodiments described herein include pinch input and tap input for interacting with a virtual or mixed reality environment. For example, the pinch input and tap input described below are performed as air gestures.

[0088] In some embodiments, the pinch input is part of an air gesture that includes one or more of the following: a pinch gesture, a long pinch gesture, a pinch and drag gesture, or a double pinch gesture. For example, a pinch gesture as an air gesture includes movement of two or more fingers of a hand to contact each other, that is, optionally followed by an immediate (e.g., within 0 to 1 second) interruption of contact with each other. A long pinch gesture as an air gesture includes movement of two or more fingers of a hand in contact with each other for at least a threshold amount of time (e.g., at least 1 second) before an interruption of contact with each other is detected. For example, a long pinch gesture includes the user maintaining a pinch gesture (e.g., in which two or more fingers are in contact), and the long pinch gesture continues until an interruption of contact between the two or more fingers is detected. In some embodiments, a double pinch gesture as an air gesture includes two (e.g., or more) pinch inputs (e.g., performed by the same hand) that are detected consecutively immediately (e.g., within a predefined time period) with each other. For example, the user performs a first pinch input (e.g., a pinch input or a long pinch input), releases the first pinch input (e.g., interrupts contact between two or more fingers), and performs a second pinch input within a predefined time period after releasing the first pinch input (e.g., within 1 second or within 2 seconds).

[0089] In some embodiments, the pinch and drag gesture as an air gesture includes a pinch gesture (e.g., a pinch gesture or a long pinch gesture) performed in conjunction with (e.g., following) a drag input that changes the position of the user's hand from a first position (e.g., the start position of the drag) to a second position (e.g., the end position of the drag). In some embodiments, the user maintains the pinch gesture while performing the drag input, and releases the pinch gesture (e.g., opens their two or more fingers) to end the drag gesture (e.g., at the second position). In some embodiments, the pinch input and the drag input are performed by the same hand (e.g., the user pinches two or more fingers to contact each other and moves the same hand to a second position in the air using the drag gesture). In some embodiments, a pinch input is performed by a first hand of a user, and a drag input is performed by a second hand of the user (e.g., while the user continues the pinch input with the user's first hand, the user's second hand moves in the air from a first position to a second position. In some embodiments, the input gesture as an air gesture includes an input performed using both hands of the user (e.g., a pinch and / or tap input). For example, the input gesture includes two (e.g., or more) pinch inputs performed in conjunction with each other (e.g., simultaneously or within a predefined time period). For example, a first pinch gesture (e.g., a pinch input, a long pinch input, or a pinch and drag input) is performed using the first hand of the user, and in conjunction with the pinch input performed using the first hand, a second pinch input is performed using another hand (e.g., a second hand of the user's two hands). In some embodiments, movement between the two hands of the user (e.g., increasing and / or decreasing the distance or relative orientation between the two hands of the user)

[0090] In some embodiments, a tap input performed as an air gesture (e.g., pointing to a user interface element) includes movement of a user's finger toward the user interface element, movement of a user's hand toward the user interface element (optionally, extension of the user's finger toward the user interface element), downward movement of a user's finger (e.g., mimicking a mouse click motion or a tap on a touch screen), or other predefined movement of a user's hand. In some embodiments, a tap input performed as an air gesture is detected based on movement characteristics of the finger or hand performing the tap gesture movement of the finger or hand, which is a movement of the finger or hand away from the user's viewpoint and / or toward an object that is the target of the tap input, followed by an end of the movement. In some embodiments, the end of the movement is detected based on a change in the movement characteristics of the finger or hand performing the tap gesture (e.g., the end of the movement away from the user's viewpoint and / or toward an object that is the target of the tap input, a reversal of the direction of movement of the finger or hand, and / or a reversal of the acceleration direction of the movement of the finger or hand).

[0091] In some embodiments, it is determined that the user's attention is directed to a portion of the three-dimensional environment based on detection of a gaze directed to that portion of the three-dimensional environment (optionally, no other conditions are required). In some embodiments, it is determined that the user's attention is directed to a portion of the three-dimensional environment based on detection of a gaze directed to that portion of the three-dimensional environment using one or more additional conditions, such as requiring the gaze to be directed to the portion of the three-dimensional environment for at least a threshold duration (e.g., a dwell duration) and / or requiring the gaze to be directed to the portion of the three-dimensional environment when the user's viewpoint is within a distance threshold from the portion of the three-dimensional environment, so that the device determines that the user's attention is directed to the portion of the three-dimensional environment, wherein if one of these additional conditions is not met, the device determines that the attention is not directed to the portion of the three-dimensional environment to which the gaze is directed (e.g., until the one or more additional conditions are met).

[0092] In some embodiments, detection of a ready state configuration of a user or a portion of a user is detected by a computer system. Detection of a ready state configuration of a hand is used by the computer system as an indication that the user may be preparing to interact with the computer system using one or more air gesture inputs (e.g., pinch, tap, pinch and drag, double pinch, long pinch, or other air gestures described herein) performed by the hand. For example, the ready state of the hand is determined based on whether the hand has a predetermined hand shape (e.g., a pre-pinch shape with the thumb and one or more fingers extended and spaced apart to prepare for a pinch or grab gesture, or a pre-tap with one or more fingers extended and the palm facing away from the user), based on whether the hand is in a predetermined position relative to the user's viewpoint (e.g., below the user's head and above the user's waist and extending at least 15 cm, 20 cm, 25 cm, 30 cm, or 50 cm from the body), and / or based on whether the hand has moved in a particular manner (e.g., toward an area in front of the user above the user's waist and below the user's head, or away from the user's body or legs). In some embodiments, the ready state is used to determine whether an interactive element of a user interface responds to attention (e.g., gaze) input.

[0093] In some embodiments, the software may be downloaded to the controller 110 in electronic form, for example, over a network, or may alternatively be provided on a tangible, non-transitory medium such as an optical, magnetic, or electronic memory medium. In some embodiments, the database 408 is also stored in a memory associated with the controller 110. Alternatively or in addition, some or all of the described functions of the computer may be implemented in dedicated hardware, such as a custom or semi-custom integrated circuit or a programmable digital signal processor (DSP). Although in Figure 44, but some or all of the processing functions of the controller may be performed by a suitable microprocessor and software or by dedicated circuits within the housing of the image sensor (e.g., hand tracking device 402) or other devices associated with the image sensor 404, as a separate unit from the image sensor 404. In some embodiments, at least some of these processing functions may be performed by a suitable processor integrated with the display generation component 120 (e.g., in a television receiver, handheld device, or head-mounted device) or integrated with any other suitable computerized device (such as a game console or media player). The sensing functions of the image sensor 404 may also be integrated into a computer or other computerized device to be controlled by the sensor output.

[0094] Figure 4 Also included is a schematic diagram of a depth map 410 captured by the image sensor 404 according to some embodiments. As described above, the depth map includes a matrix of pixels with corresponding depth values. Pixels 412 corresponding to the hand 406 have been segmented from the background and wrist in the map. The brightness of each pixel within the depth map 410 is inversely proportional to its depth value (i.e., the measured z distance from the image sensor 404), where gray shades become darker as depth increases. The controller 110 processes these depth values ​​in order to identify and segment components of the image that have human hand features (i.e., a group of adjacent pixels). These features may include, for example, overall size, shape, and motion from frame to frame in the depth map sequence.

[0095] Figure 4 Also schematically shown is a hand skeleton 414 that the controller 110 ultimately extracts from the depth map 410 of the hand 406 according to some embodiments. Figure 4 In the hand skeleton 414, the skeleton 414 is superimposed on the hand background 416 that has been segmented from the original depth map. In some embodiments, key feature points of the hand and optionally on the wrist or arm connected to the hand (e.g., points corresponding to knuckles, finger tips, palm center, end of the hand connected to the wrist, etc.) are identified and located on the hand skeleton 414. In some embodiments, the controller 110 uses the position and movement of these key feature points over multiple image frames to determine the gesture performed by the hand or the current state of the hand according to some embodiments.

[0096] Figure 5 The eye tracking device 130 ( Figure 1 ). In some embodiments, the eye tracking device 130 is composed of an eye tracking unit 243 ( Figure 2) controls to track the position and movement of the user's gaze relative to the scene 105 or relative to the XR content displayed via the display generation component 120. In some embodiments, the eye tracking device 130 is integrated with the display generation component 120. For example, in some embodiments, when the display generation component 120 is a head-mounted device (such as headphones, helmets, goggles, or glasses) or a handheld device placed in a wearable frame, the head-mounted device includes both components for generating XR content for the user to view and components for tracking the user's gaze relative to the XR content. In some embodiments, the eye tracking device 130 is separate from the display generation component 120. For example, when the display generation component is a handheld device or an XR room, the eye tracking device 130 is optionally a device separate from the handheld device or the XR room. In some embodiments, the eye tracking device 130 is a head-mounted device or a part of a head-mounted device. In some embodiments, the head-mounted eye tracking device 130 is optionally used in conjunction with a display generation component that is also head-mounted or a display generation component that is not head-mounted. In some embodiments, the eye tracking device 130 is not a head mounted device, and is optionally used in conjunction with a head mounted display generation component. In some embodiments, the eye tracking device 130 is not a head mounted device, and is optionally part of a non-head mounted display generation component.

[0097] In some embodiments, the display generation component 120 uses a display mechanism (e.g., a left near-eye display panel and a right near-eye display panel) to display a frame including a left image and a right image in front of the user's eyes, thereby providing a 3D virtual view to the user. For example, the head-mounted display generation component may include a left optical lens and a right optical lens (referred to herein as eye lenses) located between the display and the user's eyes. In some embodiments, the display generation component may include or be coupled to one or more external cameras that capture a video of the user's environment for display. In some embodiments, the head-mounted display generation component may have a transparent or translucent display, and display a virtual object on the transparent or translucent display, and the user can directly view the physical environment through the transparent or translucent display. In some embodiments, the display generation component projects the virtual object into the physical environment. The virtual object may, for example, be projected on a physical surface or projected as a hologram so that an individual using the system observes the virtual object superimposed on the physical environment. In this case, separate display panels and image frames for the left and right eyes may not be required.

[0098] like Figure 5As shown in , in some embodiments, the eye tracking device 130 (e.g., gaze tracking device) includes at least one eye tracking camera (e.g., an infrared (IR) or near infrared (NIR) camera), and an illumination source (e.g., an IR or NIR light source, such as an array or ring of LEDs) that emits light (e.g., IR or NIR light) toward the user's eyes. The eye tracking camera can be pointed at the user's eyes to receive the IR or NIR light reflected directly from the eyes by the light source, or alternatively can be pointed at "hot" mirrors located between the user's eyes and the display panel, which reflect the IR or NIR light from the eyes to the eye tracking camera while allowing visible light to pass through. The eye tracking device 130 optionally captures images of the user's eyes (e.g., as a video stream captured at 60-120 frames per second (fps)), analyzes the images to generate gaze tracking information, and transmits the gaze tracking information to the controller 110. In some embodiments, the user's two eyes are tracked separately by corresponding eye tracking cameras and illumination sources. In some embodiments, only one eye of the user is tracked by the corresponding eye tracking camera and illumination source.

[0099] In some embodiments, the eye tracking device 130 is calibrated using a device-specific calibration process to determine the parameters of the eye tracking device for a specific operating environment 100, such as the 3D geometric relationships and parameters of the LED, camera, thermal mirror (if present), eye lens, and display screen. The device-specific calibration process can be performed at a factory or another facility before the AR / VR equipment is delivered to the end user. The device-specific calibration process can be an automatic calibration process or a manual calibration process. According to some embodiments, the user-specific calibration process may include an estimate of the eye parameters of a specific user, such as pupil position, foveal position, optical axis, visual axis, eye spacing, etc. According to some embodiments, once the device-specific parameters and user-specific parameters are determined for the eye tracking device 130, a flash-assisted method can be used to process the images captured by the eye tracking camera to determine the current visual axis and the user's gaze point relative to the display.

[0100] like Figure 5As shown in , the eye tracking device 130 (e.g., 130A or 130B) includes an eye lens 520 and a gaze tracking system, which includes at least one eye tracking camera 540 (e.g., an infrared (IR) or near infrared (NIR) camera) positioned on the side of the user's face on which eye tracking is performed, and an illumination source 530 (e.g., an IR or NIR light source, such as an array or ring of NIR light emitting diodes (LEDs)) that emits light (e.g., IR or NIR light) toward the user's eye 592. The eye tracking camera 540 can be directed toward a mirror 550 (which reflects IR or NIR light from the eye 592 while allowing visible light to pass) located between the user's eye 592 and a display 510 (e.g., a left display panel or a right display panel of a head-mounted display, or a display of a handheld device, a projector, etc.) Figure 5 ), or alternatively may be directed toward the user's eye 592 to receive reflected IR or NIR light from the eye 592 (e.g., as shown in the top portion of Figure 5 ).

[0101] In some embodiments, the controller 110 renders AR or VR frames 562 (e.g., left and right frames for left and right display panels) and provides the frames 562 to the display 510. The controller 110 uses the gaze tracking input 542 from the eye tracking camera 540 for various purposes, such as for processing the frames 562 for display. The controller 110 optionally estimates the user's gaze point on the display 510 based on the gaze tracking input 542 obtained from the eye tracking camera 540 using a flash-assisted method or other suitable method. The gaze point estimated from the gaze tracking input 542 is optionally used to determine the direction in which the user is currently looking.

[0102] Several possible use cases for the user's current gaze direction are described below and are not intended to be limiting. As an exemplary use case, the controller 110 may render virtual content differently based on the determined direction of the user's gaze. For example, the controller 110 may generate virtual content at a higher resolution in the foveal region determined according to the user's current gaze direction than in the peripheral region. As another example, the controller may position or move virtual content in a view based at least in part on the user's current gaze direction. As another example, the controller may display specific virtual content in a view based at least in part on the user's current gaze direction. As another exemplary use case in an AR application, the controller 110 may direct an external camera used to capture the physical environment of the XR experience to focus in the determined direction. The autofocus mechanism of the external camera may then focus on an object or surface in the environment that the user is currently looking at on the display 510. As another exemplary use case, the eye lens 520 may be a focusable lens, and the controller uses gaze tracking information to adjust the focus of the eye lens 520 so that the virtual object that the user is currently looking at has an appropriate degree of convergence to match the convergence of the user's eye 592. The controller 110 can use the gaze tracking information to guide the eye lens 520 to adjust the focus so that nearby objects that the user is looking at appear at the correct distance.

[0103] In some embodiments, the eye tracking device is part of a head mounted device that includes a display (e.g., display 510), two eye lenses (e.g., eye lenses 520), an eye tracking camera (e.g., eye tracking camera 540), and a light source (e.g., light source 530 (e.g., IR or NIR LED)). The light source emits light (e.g., IR or NIR light) toward the user's eye 592. In some embodiments, the light sources may be arranged in a ring or circle around each of the lenses, such as Figure 5 In some embodiments, for example, eight light sources 530 (eg, LEDs) are arranged around each lens 520. However, more or fewer light sources 530 may be used, and other arrangements and locations of the light sources 530 may be used.

[0104] In some embodiments, the display 510 emits light in the visible range and does not emit light in the IR or NIR range, and therefore does not introduce noise into the gaze tracking system. Note that the positions and angles of the eye tracking cameras 540 are given by way of example and are not intended to be limiting. In some embodiments, a single eye tracking camera 540 is located on each side of the user's face. In some embodiments, two or more NIR cameras 540 may be used on each side of the user's face. In some embodiments, a camera 540 with a wider field of view (FOV) and a camera 540 with a narrower FOV may be used on each side of the user's face. In some embodiments, a camera 540 operating at one wavelength (e.g., 850 nm) and a camera 540 operating at a different wavelength (e.g., 940 nm) may be used on each side of the user's face.

[0105] like Figure 5 Embodiments of the gaze tracking system shown in may, for example, be used in computer-generated reality, virtual reality, and / or mixed reality applications to provide a user with a computer-generated reality, virtual reality, augmented reality, and / or augmented virtual experience.

[0106] Fig. 6A FIG. 2 shows a flash-assisted gaze tracking pipeline according to some embodiments. In some embodiments, the gaze tracking pipeline is implemented by a flash-assisted gaze tracking system (e.g., Figure 1 and Figure 5 The flash-assisted gaze tracking system can maintain a tracking state. Initially, the tracking state is off or "no". When in the tracking state, the flash-assisted gaze tracking system uses previous information from previous frames when analyzing the current frame to track the pupil outline and the flash in the current frame. When not in the tracking state, the flash-assisted gaze tracking system attempts to detect the pupil and the flash in the current frame, and if successful, initializes the tracking state to "yes" and continues with the next frame in the tracking state.

[0107] like Fig. 6A As shown in , the gaze tracking camera can capture left and right images of the user's left and right eyes. The captured images are then input to the gaze tracking pipeline for processing starting at 610. As indicated by the arrow returning to element 600, the gaze tracking system can continue to capture images of the user's eyes at a rate of, for example, 60 to 120 frames per second. In some embodiments, each group of captured images can be input to the pipeline for processing. However, in some embodiments or under some conditions, not all captured frames are processed by the pipeline.

[0108] At 610, for the currently captured image, if the tracking status is yes, the method proceeds to element 640. At 610, if the tracking status is no, the image is analyzed to detect the user's pupil and glint in the image, as indicated at 620. At 630, if the pupil and glint are successfully detected, the method proceeds to element 640. Otherwise, the method returns to element 610 to process the next image of the user's eye.

[0109] At 640, if advancing from element 610, the current frame is analyzed to track pupils and glints based in part on previous information from previous frames. At 640, if advancing from element 630, the tracking state is initialized based on the pupils and glints detected in the current frame. The processing results at element 640 are checked to verify that the results of tracking or detection can be credible. For example, the results can be checked to determine whether the pupil and a sufficient number of glints for performing gaze estimation are successfully tracked or detected in the current frame. At 650, if the results are not likely to be credible, at element 660, the tracking state is set to no, and the method returns to element 610 to process the next image of the user's eye. At 650, if the results are credible, the method advances to element 670. At 670, the tracking state is set to YES (if not already yes), and the pupil and glint information is passed to element 680 to estimate the user's gaze point.

[0110] Fig. 6A It is intended to be used as an example of an eye tracking technology that can be used for a particular implementation. As recognized by one of ordinary skill in the art, according to various embodiments, other eye tracking technologies currently existing or developed in the future can be used in place of or in combination with the flash-assisted eye tracking technology described herein in a computer system 101 for providing an XR experience to a user.

[0111] In some embodiments, the captured portion of the real-world environment 602 is used to provide an XR experience to the user, such as a mixed reality environment in which one or more virtual objects are superimposed on top of a representation of the real-world environment 602 .

[0112] Figure 6B An exemplary environment of an electronic device 101 providing an XR experience according to some embodiments is shown. Figure 6B In FIG. 6 , the real-world environment 602 includes the electronic device 101, the user 608, and real-world objects (e.g., a table 604). Figure 6BAs shown, the electronic device 101 is optionally mounted on a tripod or otherwise fixed in the real world environment 602 so that one or more hands of the user 608 are free (e.g., the user 608 is optionally not holding the device 101 with one or more hands). As described above, the device 101 optionally has one or more groups of sensors positioned on different sides of the device 101. For example, the device 101 optionally includes a sensor group 612-1 and a sensor group 612-2, which are respectively located on the "back" side and the "front" side of the device 101 (e.g., they are capable of capturing information from the corresponding sides of the device 101). As used herein, the front side of the device 101 is the side facing the user 608, and the back side of the device 101 is the side facing away from the user 608.

[0113] In some embodiments, sensor group 612-2 includes an eye tracking unit (e.g., as described above with reference to Figure 2 The eye tracking unit 245 of device 101 includes one or more sensors for tracking the eyes and / or gaze of the user, so that the eye tracking unit can "look" at the user 608 and track the eyes of the user 608 in the manner previously described. In some embodiments, the eye tracking unit of device 101 can capture the movement, orientation and / or gaze of the eyes of the user 608 and treat the movement, orientation and / or gaze as input.

[0114] In some embodiments, sensor group 612-1 includes a hand tracking unit (e.g., as described above with reference to Figure 2 The hand tracking unit 243 described above is capable of tracking one or more hands of the user 608 held on the "back" side of the device 101, such as Figure 6B In some embodiments, a hand tracking unit is optionally included in sensor group 612-2, so that user 608 can additionally or alternatively keep one or more hands on the "front" side of device 101 while device 101 tracks the position of one or more hands. As described above, the hand tracking unit of device 101 can capture the movement, position, and / or gestures of one or more hands of user 608 and treat the movement, position, and / or gestures as input.

[0115] In some embodiments, sensor group 612-1 optionally includes one or more sensors configured to capture an image of real-world environment 602 including table 604 (e.g., such as described above with reference to Figure 4As described above, device 101 is capable of capturing images of a portion (e.g., some or all) of real-world environment 602 and presenting the captured portion of real-world environment 602 to a user via one or more display generation components of device 101 (e.g., a display of device 101, which is optionally located on a user-facing side of device 101, opposite the side of device 101 that faces the captured portion of real-world environment 602).

[0116] In some embodiments, the captured portion of the real-world environment 602 is used to provide an XR experience to the user, such as a mixed reality environment in which one or more virtual objects are superimposed on top of a representation of the real-world environment 602 .

[0117] Thus, the description herein describes some embodiments of a three-dimensional environment (e.g., an XR environment) including representations of real-world objects and representations of virtual objects. For example, the three-dimensional environment optionally includes a representation of a table present in a physical environment, which is captured and displayed in the three-dimensional environment (e.g., actively displayed via a camera and display of a computer system or passively displayed via a transparent or translucent display of a computer system). As previously described, the three-dimensional environment is optionally a mixed reality system, wherein the three-dimensional environment is based on a physical environment captured by one or more sensors of the device and displayed via a display generation component. As a mixed reality system, the computer system is optionally capable of selectively displaying parts and / or objects of the physical environment so that the corresponding parts and / or objects of the physical environment appear as if they exist in the three-dimensional environment displayed by the electronic device. Similarly, the computer system is optionally capable of displaying virtual objects in a three-dimensional environment by placing virtual objects at corresponding positions in the three-dimensional environment that have corresponding positions in the real world to appear as if the virtual objects exist in the real world (e.g., a physical environment). For example, the computer system optionally displays a vase so that the vase appears as if a real vase is placed on top of a table in the physical environment. In some embodiments, each location in the three-dimensional environment has a corresponding location in the physical environment. Thus, when a computer system is described as displaying a virtual object at a corresponding location relative to a physical object (e.g., such as a location at or near a user's hand or at or near a physical table), the computer system displays the virtual object at a specific location in the three-dimensional environment so that it appears as if the virtual object is at or near the physical object in the physical environment (e.g., the virtual object is displayed at a location in the three-dimensional environment that corresponds to the location in the physical environment where the virtual object would be displayed if it were a real object at that specific location).

[0118] In some embodiments, real-world objects present in the physical environment that are displayed in the three-dimensional environment (e.g., and / or visible via a display generation component) can interact with virtual objects that only exist in the three-dimensional environment. For example, the three-dimensional environment may include a table and a vase placed on top of the table, where the table is a view (or representation) of a physical table in the physical environment and the vase is a virtual object.

[0119] Similarly, the user is optionally able to use one or both hands to interact with virtual objects in the three-dimensional environment as if the virtual objects were real objects in the physical environment. For example, as described above, one or more sensors of the computer system optionally capture one or more hands of the user and display representations of the user's hands in the three-dimensional environment (e.g., in a manner similar to displaying real-world objects in the three-dimensional environment described above), or in some embodiments, due to the transparency / translucency of a portion of the user interface being displayed by the display generation component, or due to the projection of the user interface onto a transparent / translucent surface or the projection of the user interface onto the user's eyes or into the field of view of the user's eyes, the user's hands can be seen via the display generation component, via the ability to see the physical environment through the user interface. Therefore, in some embodiments, the user's hands are displayed at corresponding locations in the three-dimensional environment and are treated as if they are objects in the three-dimensional environment, and these objects can interact with virtual objects in the three-dimensional environment as if these virtual objects are physical objects in the physical environment. In some embodiments, the computer system can update the display of the representation of the user's hands in the three-dimensional environment in conjunction with the movement of the user's hands in the physical environment.

[0120] In some of the embodiments described below, the computer system is optionally capable of determining an "effective" distance between a physical object in the physical world and a virtual object in a three-dimensional environment, for example, to determine whether the physical object is directly interacting with the virtual object (e.g., whether the hand is touching, grabbing, holding, etc. a virtual object or is within a threshold distance of the virtual object). For example, a hand that directly interacts with a virtual object optionally includes one or more of the following: a finger of a hand pressing a virtual button, a user's hand grabbing a virtual vase, a user's hand closing together and pinching / holding the user interface of an application, and two fingers that perform any other type of interaction described herein. For example, when determining whether a user is interacting with a virtual object and / or how a user is interacting with a virtual object, the computer system optionally determines the distance between the user's hand and the virtual object. In some embodiments, the computer system determines the distance between the user's hand and the virtual object by determining the distance between the position of the hand in the three-dimensional environment and the position of the virtual object of interest in the three-dimensional environment. For example, the one or more hands of the user are located at a specific location in the physical world, and the computer system optionally captures the one or more hands and displays the one or more hands at a specific corresponding location in the three-dimensional environment (e.g., if the hand is a virtual hand instead of a physical hand, the location where the hand will be displayed in the three-dimensional environment). The location of the hand in the three-dimensional environment is optionally compared with the location of the virtual object of interest in the three-dimensional environment to determine the distance between the one or more hands of the user and the virtual object. In some embodiments, the computer system optionally determines the distance between the physical object and the virtual object by comparing the location in the physical world (e.g., instead of comparing the location in the three-dimensional environment). For example, when determining the distance between the one or more hands of the user and the virtual object, the computer system optionally determines the corresponding position of the virtual object in the physical world (e.g., if the virtual object is a physical object instead of a virtual object, the location where the virtual object will be located in the physical world), and then determines the distance between the corresponding physical location and the one or more hands of the user. In some embodiments, the same technology is optionally used to determine the distance between any physical object and any virtual object. Therefore, as described herein, when determining whether a physical object is in contact with a virtual object or whether a physical object is within a threshold distance of a virtual object, a computer system optionally executes any of the techniques described above to map the position of the physical object to a three-dimensional environment and / or to map the position of the virtual object to the physical environment.

[0121] In some embodiments, the same or similar techniques are used to determine where and what the user's gaze is directed to, and / or where and what the physical stylus held by the user is pointed to. For example, if the user's gaze is directed to a particular location in the physical environment, the computer system optionally determines the corresponding location in the three-dimensional environment (e.g., the virtual location of the gaze), and if a virtual object is located at the corresponding virtual location, the computer system optionally determines that the user's gaze is directed to the virtual object. Similarly, the computer system is optionally able to determine the direction in which the stylus is pointing in the physical environment based on the orientation of the physical stylus. In some embodiments, based on this determination, the computer system determines a corresponding virtual location in the three-dimensional environment that corresponds to the location in the physical environment that the stylus is pointing to, and optionally determines that the stylus is pointing to the corresponding virtual location in the three-dimensional environment.

[0122] Similarly, the embodiments described herein may refer to the position of a user (e.g., a user of a computer system) in a three-dimensional environment and / or the position of a computer system in a three-dimensional environment. In some embodiments, the user of the computer system is holding, wearing, or otherwise located at or near the computer system. Therefore, in some embodiments, the position of the computer system is used as a proxy for the position of the user. In some embodiments, the position of the computer system and / or the user in the physical environment corresponds to the corresponding position in the three-dimensional environment. For example, the position of the computer system will be a position in the physical environment (and its corresponding position in the three-dimensional environment), and if the user stands at this position, facing the corresponding part of the physical environment visible via the display generation component, the user will see from this position in the physical environment in the same positioning, orientation and / or size (e.g., in an absolute sense and / or relative to each other) of the objects displayed in the three-dimensional environment by the display generation component of the computer system or visible in the three-dimensional environment via the display generation component. Similarly, if the virtual objects displayed in the three-dimensional environment are physical objects in the physical environment (e.g., physical objects placed at the same locations in the physical environment as the virtual objects are located in the three-dimensional environment, and physical objects that have the same size and orientation in the physical environment as they do in the three-dimensional environment), then the position of the computer system and / or user is the position from which the user would see the positions of the virtual objects in the physical environment at the same positions, orientations, and / or sizes (e.g., in an absolute sense and / or relative to each other and real-world objects) as the virtual objects displayed in the three-dimensional environment by the display generation components of the computer system.

[0123] In the present disclosure, various input methods are described with respect to interaction with a computer system. When an input device or input method is used to provide an example, and another input device or input method is used to provide another example, it should be understood that each example is compatible with the input device or input method described with respect to another example and optionally utilizes the input device or input method. Similarly, various output methods are described with respect to interaction with a computer system. When an output device or output method is used to provide an example, and another output device or output method is used to provide another example, it should be understood that each example is compatible with the output device or output method described with respect to another example and optionally utilizes the output device or output method. Similarly, various methods are described with respect to interaction with a virtual environment or a mixed reality environment by a computer system. When an example is provided using interaction with a virtual environment, and another example is provided using a mixed reality environment, it should be understood that each example is compatible with the method described with respect to another example and optionally utilizes these methods. Therefore, the present disclosure discloses an embodiment as a combination of features of multiple examples, without exhaustively listing all features of the embodiment in the description of each exemplary embodiment.

[0124] User interface and associated processes

[0125] Attention is now turned to embodiments of a user interface ("UI") and associated processes that may be implemented on a computer system (such as a portable multifunction device or a head mounted device) having display generating components, one or more input devices, and (optionally) one or more cameras.

[0126] 7A to 7E An example is shown of how an electronic device according to some embodiments can generate a virtual lighting effect while presenting a content item.

[0127] Fig. 7A The electronic device 101 is shown to display a three-dimensional environment 702 via the display generation component 120. It should be understood that in some embodiments, the electronic device 101 uses a reference image in a two-dimensional environment without departing from the scope of the present disclosure. 7A to 7E One or more of the techniques described above. Figure 1As described in FIG. 6 , the electronic device 101 optionally includes a display generation component 120 (e.g., a touch screen) and multiple image sensors 314. The image sensor optionally includes one or more of the following: a visible light camera; an infrared camera; a depth sensor; or any other sensor that the electronic device 101 can use to capture one or more images of a user or a portion of a user when the user interacts with the electronic device 101. In some embodiments, the display generation component 120 is a touch screen that can detect gestures and movements of the user's hands. In some embodiments, the user interface shown below can also be implemented on a head-mounted display, which includes a display generation component that displays the user interface to the user, and sensors that detect the physical environment and / or the movement of the user's hands (e.g., external sensors facing outward from the user) and / or sensors that detect the user's gaze (e.g., internal sensors facing inward toward the user's face).

[0128] exist Fig. 7A , the electronic device 101 displays a content item 704 in a three-dimensional environment 702. The three-dimensional environment 702 also includes representations of real objects in the physical environment of the electronic device 101, including a representation 706a of a table, a representation 706b of a sofa, a representation 708a of a wall, and a representation 708b of a ceiling. The electronic device 101 detects, via one or more sensors 314, a user's gaze 713a directed toward the content item 704, which is optionally a video content currently being played on the electronic device 101. In some embodiments, because the user's gaze 713a is directed toward the content item 704 while the content item 704 is being played, the electronic device 101 displays the three-dimensional environment 702 using one or more virtual lighting effects or multiple virtual lighting effects.

[0129] In some embodiments, the virtual lighting effect generated by the electronic device 101 includes visually emphasizing the content item, such as by blurring and / or darkening the portion of the three-dimensional environment 702 that does not include the content item 704 and displaying virtual light spillage emanating from the content item 704. The virtual light spillage includes virtual lighting 710a displayed on the representation 706a of the wall, virtual lighting 710b displayed on the representation 708b of the ceiling, virtual lighting 710c displayed on the representation 708a of the table, and virtual lighting 710d displayed on the representation 706b of the sofa. In some embodiments, the virtual lighting 710a-d is based on the video content of the content item 704. For example, the color, intensity, etc. of the virtual lighting 710a-d are optionally based on the color, intensity, etc. of the video content of the content item 704 to simulate that the virtual lighting 710a-d is a reflection of the video content of the content item 704 and / or that the virtual lighting 710a-d is being emitted from the content item 704 onto various surfaces in the three-dimensional environment 702. In some embodiments, the size of the virtual lighting 710a, 710b, 710c and 710d is based on the distance from the corresponding surface of the virtual lighting effect to the content item 704, and the position of the virtual lighting 710a, 710b, 710c and 710d is based on the position of the content item 704 in the three-dimensional environment 702.

[0130] exist Fig. 7A In the embodiment, the user's hand 703a is in a certain positioning posture, which does not cause the electronic device 101 to display one or more selectable options for controlling the playback of the content item 704, as will be referred to below FIG. 7B to FIG. 7E Therefore, the electronic device 101 abandons the display for controlling Fig. 7A Optional options for playback of content item 704 in.

[0131] Figure 7B Display of multiple selectable options 712a-L for controlling playback of content item 704 and user input corresponding to a request to resize content item 704 in three-dimensional environment 702 are shown. In some embodiments, electronic device 101 displays selectable options 712a-L in response to detecting a user's hand 703b in a ready-state posture when the user's gaze 713a is directed toward content item 704. In some embodiments, detecting hand 703b in a ready-state posture includes detecting hand 703b in a pre-pinched hand shape in which the thumb is within a threshold distance (e.g., 0.1 cm, 0.2 cm, 0.3 cm, 0.5 cm, 1 cm, 2 cm, 3 cm, or 5 cm) of another finger of hand 703b but not touching the other finger, or detecting hand 703b in a pointing hand shape in which one or more fingers are extended and one or more fingers are curled toward the palm.

[0132] exist Figure 7B, multiple selectable options 712c-L for controlling playback of content item 704 are displayed in a user interface element 711 that is separate from content item 704. In some embodiments, user interface element 711 is angled toward the user's viewpoint at an angle different from the angle at which content item 704 is displayed relative to the user's viewpoint, as described in more detail below with reference to method 1400. For example, because user interface element 711 is displayed at a lower height than content item 704 in three-dimensional environment 702, electronic device 101 adjusts the angle of user interface element 711 upward relative to the angle of content item 704. Figure 7B As shown, a portion of user interface element 711 is visually or spatially overlaid on content item 704 , and user interface element 711 is optionally displayed closer to a viewpoint of a user in three-dimensional environment 702 than content item 704 .

[0133] The selectable options 712c-L included in the user interface element 711 will now be described. Option 712c, when selected, causes the electronic device 101 to display the content item 704 in an immersive content mode according to one or more steps of method 1400. Option 712d, when selected, causes the electronic device 101 to display the content item 704 in a picture-in-picture element according to one or more steps of method 1000. Option 712e, when selected, causes the electronic device 101 to present a content playback queue (e.g., in a user interface element separate from the content item 704 and / or in place of the content item 704), including one or more content items that the electronic device 101 is configured to play next. Option 712f, when selected, causes the electronic device 101 to adjust the playback position of the content item 704 backward by a predetermined amount (e.g., 5 seconds, 10 seconds, 15 seconds, 30 seconds, or 60 seconds). Option 712g, when selected, causes the electronic device 101 to pause playback of the content item 704. In some embodiments, when content item 704 is paused, electronic device 101 stops displaying content item 704 with greater visual emphasis relative to the rest of the three-dimensional environment. In some embodiments, when content item 704 is paused, electronic device 101 stops displaying virtual lighting effects, including blurring and / or dimming the three-dimensional environment 702 excluding content item 704 and / or displaying virtual light overflow emanating from content item 704. Option 712h, when selected, causes electronic device 101 to adjust the playback position of content item 704 forward by a predetermined amount (e.g., 5 seconds, 10 seconds, 15 seconds, 30 seconds, or 60 seconds). Option 712i, when selected, causes electronic device 101 to present subtitle options associated with content item 704. Option 712j, when selected, causes electronic device 101 to adjust virtual lighting effects, such as blurring and / or dimming effects and / or light overflow effects, as will be referenced below. FIG. 7C to FIG. 7EOption 712k, when selected, causes electronic device 101 to adjust the playback volume of the audio content included in content item 704. User interface element 711 also includes a swipe bar 712L, which includes an indication of the current playback position of content item 704, and in response to input of the indication of moving the current playback position, causes electronic device 101 to adjust the playback position of content item 704 and resume playback of content item 704 from the adjusted playback position.

[0134] In addition to selectable options 712c-712L displayed in user interface element 711, electronic device 101 also displays selectable option 712a, which when selected causes electronic device 101 to stop displaying content item 704 (and optionally, user interface element 711 and options 712a and 712b), and selectable option 712b, which causes electronic device 101 to resize content item 704 in three-dimensional environment 702 when electronic device 101 detects input directed thereto. Selectable option 712a for closing content item 704 is displayed as an overlay on content item 704 outside of user interface element 711. Selectable option 712b for resizing content item 704 is displayed outside of content item 704 and user interface element 711.

[0135] like Figure 7B As shown, the electronic device 101 receives input provided by a hand 703a and a gaze 713b pointing to a selectable option 712b for adjusting the size of a content item 704. In some embodiments, detecting the input includes detecting the user performing a selection gesture with the hand 703a, including a predetermined hand shape, such as a pinching hand shape in which the thumb of the hand 703a touches another finger of the hand, or a pointing hand shape in which one or more fingers of the hand 703a are extended and one or more fingers of the hand 703a are curled toward the palm of the hand 703a when the gaze 713b points to the option 712b. In some embodiments, while maintaining the predetermined hand shape, the user moves their hand, and in response to detecting the movement, the electronic device 101 adjusts the size of the content item 704 according to the movement of the hand 703a (e.g., its speed, duration, distance, direction, etc.). As will be referenced below Figure 7C Described in more detail, when the size of the content item 704 is adjusted according to the input provided by the hand 703a and the gaze 713b, the electronic device 101 does not adjust the size of the element 711.

[0136] Figure 7C shows how the electronic device 101 responds to Figure 7B The input shown is used to resize content item 704 without changing the size of user interface element 711. Figure 7BAs shown in the input, the electronic device 101 is compared with Figure 7B The size of the displayed content item 704 is smaller than the size in Figure 7C , while maintaining the size of user interface element 711. Electronic device 101 also updates one or more characteristics (e.g., size) of virtual lighting 710a-710c based on the updated size of content item 704; for example, by reducing the size of virtual lighting 710a-710c in three-dimensional environment 702 to correspond to the reduced size of content item 704. Figure 7C , the electronic device 101 optionally continues to display the user interface element 711 and other selectable options in response to detecting the hand 703b in the ready state as described above.

[0137] Figure 7C Also shown is the electronic device 101 displaying a user interface element 714 indicating the functionality of the option 712j in response to the user's gaze 713d pointing to the virtual lighting effect option 712j. In some embodiments, the electronic device 101 displays the user interface element 714 associated with the lighting effect option 712j because the lighting effect option 712j specifically relates to displaying the content item in the three-dimensional environment 702. Figure 7C As shown, if the user's gaze 713c is instead directed to option 712f to adjust the playback position of the content item backward by a predetermined amount, the electronic device 101 will optionally abandon displaying the user interface element associated with option 712f, optionally because option 712f does not relate more specifically to presenting the content item in a three-dimensional environment than presenting the content item in other environments or user interfaces. In some embodiments, a first plurality of interactive elements in user interface elements 711 are associated with a visual indication similar to indication 714, and a second plurality of interactive elements in user interface elements 711 are not associated with a visual indication similar to indication 714.

[0138] exist Figure 7C, the electronic device 101 detects input provided by the hand 703a and the gaze 713a directed to the content item 704. In some embodiments, the input corresponds to a request to update the position of the content item in the three-dimensional environment 702. In some embodiments, the electronic device 101 displays a user interface element other than the content item itself, which, when selected, causes the electronic device 101 to initiate a process of repositioning the content item 704 in the three-dimensional environment 702. In some embodiments, the repositioning user interface element is displayed outside the content item 704 and outside the user interface element 711, which is similar to resizing the user interface element 714. In some embodiments, the repositioning user interface element is a horizontal bar or line aligned along the bottom of the user interface element 711. In some embodiments, the repositioning user interface element is included in the user interface element 711 or overlaid on the content item 704 without being included in the user interface element 711.

[0139] In some embodiments, detecting input corresponding to a request to reposition content item 704 in three-dimensional environment 702 includes detecting a user making a predefined hand shape with hand 703a, such as the pinching hand shape or the pointing hand shape described above, while detecting gaze 713a directed toward content item 704. In some embodiments, when the user makes the predefined hand shape, electronic device 101 detects movement of hand 703a and, in response, moves content item 704 and user interface element 711 according to the movement of hand 703a (e.g., its distance, duration, speed, direction, etc.), such as Fig.7D shown.

[0140] Fig.7D The electronic device 101 is shown according to Figure 7C The input shown is used to display content item 704 and user interface element 711 at the updated position in three-dimensional environment 702. Figure 7C The electronic device 101 displays the input at the position in the three-dimensional environment 702. Fig.7D content item 704 and user interface element 711 in the Figure 7C The content items 704 and user interface elements 711 in FIG. 7 are positioned closer to the user's viewpoint from which the three-dimensional environment 702 is displayed. Fig.7D The electronic device 101 displays the content item 704 closer to the user's viewpoint. Fig.7D China-Israel Figure 7C 704 in the three-dimensional environment 702 at a larger angular size (e.g., occupying more space in the field of view of the user and / or display generation component 120); however, in some embodiments, the size of the content item 704 in the three-dimensional environment 702 is Figure 7C and Fig.7Dare the same in the three-dimensional environment 702 (e.g., the size of the content item 704 in the three-dimensional environment 702 is changed from FIG. 7C to FIG. 7D No change). FIG. 7C to FIG. 7D As shown, electronic device 101 does not update the angular size of user interface element 711, even if user interface element 711 is in Fig.7D In Figure 7C In some embodiments, abandoning updating the angular size of user interface element 711 includes updating the size of user interface element 711 in three-dimensional environment 702. For example, because user interface element 711 is Fig.7D In Figure 7C is closer to the user's viewpoint, but in Figure 7C and Fig.7D The same angular size is shown in Figure 7C Compared to the size of the user interface element 711 in the environment 702 in FIG. Fig.7D The size of the user interface element 711 in the environment 702 in FIG. Fig.7D As shown, according to the movement of the content item 704 , the electronic device 101 updates the positions of the virtual lighting 710 a , 710 b , and 710 d on other parts of the three-dimensional environment 702 .

[0141] exist Fig.7D , the electronic device 101 detects input pointing to the lighting effect option 712j provided by the gaze 713e and the hand 703a. In some embodiments, detecting the input includes detecting the hand 703a making the above-mentioned pinching hand shape or the above-mentioned pointing hand shape while detecting the gaze 713e pointing to the option 712j. In some embodiments, in response to detecting the pinching hand shape or the pointing hand shape within less than a predetermined time threshold (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.5 seconds, 1 second, or 2 seconds), the electronic device 101 turns on or off the lighting effect (e.g., blurs and / or dims the lighting effect and / or light overflow lighting effect). In some embodiments, in response to detecting the pinching hand shape or the pointing hand shape within exceeding the time threshold, the electronic device 101 presents a slider element 716, which enables the user to adjust the level (e.g., intensity) of the lighting effect when interacting with it. In some embodiments, both the blur and / or dim lighting effect and the bloom lighting effect are updated based on input directed to the lighting effect option 712j and / or slider 716. In some embodiments, the three-dimensional environment 702 includes separate elements for adjusting each lighting effect. Fig.7D As shown, the electronic device 101 detects the user's gaze 713e pointing to the slider 716, and detects the movement of the hand 703a when the hand 703a makes a pinching or pointing hand shape. Fig. 7EThe electronic device 101 reduces the intensity of the blur and / or dimming lighting effect and the light overflow lighting effect, such as Fig. 7E shown.

[0142] Fig. 7E The three-dimensional environment 702 is shown with reduced visual emphasis (such as reduced intensity of blurry and / or dimmed lighting effects and light bloom effects) of the content item 704 relative to the rest of the three-dimensional environment 702. Fig. 7E In some embodiments, the electronic device 101 is responsive to the control of the content item 704, the amount of darkening and / or blurring applied to areas of the three-dimensional environment 702 other than the content item 704 is reduced, and the size and / or intensity of the virtual lighting 710a, 710b, and 710d is reduced. Fig.7D In some embodiments, the electronic device 101 reduces the intensity of the virtual lighting effect (or stops displaying the virtual lighting effect) in response to detecting that the user's gaze 713f moves away from the content item 704. In some embodiments, the electronic device reduces the intensity of the virtual lighting effect (or stops displaying the virtual lighting effect) in response to detecting that the content item is paused. In addition, Fig. 7E The electronic device 101 is shown ceasing to display the selectable options 712a - 712L and the user interface element 711 in response to no longer detecting the user's hand in the ready state.

[0143] about 7A to 7E Additional or alternative details of the embodiments shown in the are provided below with reference to FIG. 8A to FIG. 8O In the description of method 800 described.

[0144] FIG. 8A to FIG. 8O 800 is a flowchart illustrating a method for generating a virtual lighting effect while presenting a content item according to some embodiments. In some embodiments, method 800 is performed on a computer system (e.g., Figure 1 101) in the computer system, the computer system including a display generation component (e.g., Figure 1 , Figure 3 and Figure 4 In some embodiments, method 800 is performed by storing in a non-transitory computer-readable storage medium and by one or more processors of a computer system, such as one or more processors 202 of computer system 101 (e.g., Figure 1Some operations in method 800 are optionally combined, and / or the order of some operations is optionally changed.

[0145] In some embodiments, such as Fig. 7A In the method 800, the method 800 is performed at an electronic device (e.g., 101) in communication with a display generation component (e.g., 120) and one or more input devices (e.g., 314) (e.g., a mobile device (e.g., a tablet, a smart phone, a media player, or a wearable device) or a computer). 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 a user interface or making a user interface visible to one or more users. In some embodiments, the one or more input devices include a device capable of receiving user input (e.g., capturing user input, detecting user input, etc.) and transmitting information associated with the user input to the electronic device. Examples of input devices include a touch screen, 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), a controller (e.g., external), a camera, a depth sensor, an eye tracking device, and / or a motion sensor (e.g., a hand tracking device, a hand motion sensor), etc. In some embodiments, the electronic device communicates with a hand tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., touch screen, trackpad)). In some embodiments, the hand tracking device is a wearable device, such as a smart glove. In some embodiments, the hand tracking device is a handheld input device, such as a remote control or a stylus.

[0146] In some embodiments, such as Figure 7BIn some embodiments, when presenting a content item (e.g., 704) in a three-dimensional environment (e.g., 702), the electronic device (e.g., 101) displays (802a) a user interface (e.g., 711) associated with the content item via a display generation component (e.g., 120), wherein the user interface (e.g., 711) includes one or more user interface elements (e.g., 712f) for modifying playback of the content item, and corresponding user interface elements (e.g., 712j) for modifying virtual lighting effects that affect the appearance of the three-dimensional environment (e.g., 702). In some embodiments, the content item is video content, and the one or more user interface elements for modifying playback of the content item include play / pause, skip forward, skip backward, subtitles, and audio options. In some embodiments, the one or more user interface elements include options for displaying the content item in a picture-in-picture user interface element according to one or more steps of method 1000 or displaying the content item in an immersive (e.g., full screen) mode according to one or more steps of method 1400.

[0147] In some embodiments, the content item is a video content item being played / displayed in a three-dimensional environment, such as an episode or video clip in a movie, a series content sequence, or the content item is an audio content item being played in a three-dimensional environment, such as music, a podcast or an audiobook. In some embodiments, the three-dimensional environment includes virtual objects, such as application windows, operating system elements, representations of other users and / or representations of physical objects in the physical environment of the electronic device. In some embodiments, the representation of the physical object is displayed in the three-dimensional environment via a display generation component (e.g., virtual or video transmission). In some embodiments, the representation of the physical object is a view of the physical object in the physical environment of the electronic device visible through the transparent part of the display generation component (e.g., real or reality transmission). In some embodiments, the electronic device displays the three-dimensional environment from the user's viewpoint at a position in the three-dimensional environment corresponding to the physical position of the electronic device in the physical environment of the electronic device. In some embodiments, the three-dimensional environment is generated, displayed or otherwise enabled to be viewed by the device (e.g., a computer-generated reality (XR) environment, such as a virtual reality (VR) environment, a mixed reality (MR) environment, or an augmented reality (AR) environment, etc.).

[0148] In some embodiments, such as Fig.7DIn some embodiments, when displaying a user interface (e.g., 711) associated with a content item (e.g., 704), an electronic device (e.g., 101) receives (802b) a user input pointing to a corresponding user interface element (e.g., 716) via one or more input devices, the user input corresponding to a request to modify a virtual lighting effect. In some embodiments, the input corresponds to a request to change the amount of the virtual lighting effect to a different (e.g., non-zero) amount. In some embodiments, the input corresponds to a request to display a three-dimensional environment without a virtual lighting effect. In some embodiments, the virtual lighting effect is based on the content item, such as a light overflow effect on a representation of a virtual object and / or a real object in the three-dimensional environment, the light overflow effect having a color, pattern, and / or motion based on the image and / or video content of the content item. In some embodiments, the virtual lighting effect is independent of the content item, such as the degree of dimming and / or blurring applied to an area of ​​the three-dimensional environment other than the content item or a user interface including one or more user interface elements (described below) for modifying the playback of the content item.

[0149] In some embodiments, such as Fig. 7E In response to receiving the user input (802c), the electronic device (eg, 101) continues (802d) presenting the content item (eg, 704) in the three-dimensional environment (eg, 702).

[0150] In some embodiments, such as Fig. 7E In the embodiment of the present invention, in response to receiving user input (802c), the electronic device (e.g., 101) applies (802e) a virtual lighting effect to the three-dimensional environment (e.g., 702). For example, in response to a request to display the three-dimensional environment without dimming the virtual lighting effect, the electronic device displays the three-dimensional environment so that (e.g., all) areas of the three-dimensional environment have the same relative dimming level, including areas where content is presented and areas where content is not presented. For another example, in response to a request to display the three-dimensional environment with an increased amount of light overflow virtual lighting effect, the electronic device increases the size and / or brightness of the light overflow (e.g., from the content item) on the objects in the three-dimensional environment. In some embodiments, the virtual light overflow changes over time based on changes in the content item (e.g., the visual content included in the content item).

[0151] Modifying the amount of virtual lighting effects when displaying a three-dimensional environment provides an effective way to switch between an immersive experience and a low-distraction virtual environment, thereby reducing the cognitive burden on the user when engaging with content items and when engaging with other content or applications in the three-dimensional environment.

[0152] In some embodiments, upon receiving a request pointing to a corresponding user interface (e.g., Figure 7CBefore receiving user input from 711 in the video display, the electronic device (e.g., 101) displays the three-dimensional environment (e.g., 702) without a virtual lighting effect via a display generation component (e.g., 120) (804a). In some embodiments, the virtual lighting effect includes one or more of the following: displaying a virtual light overflow effect emitted from the content item in an area of ​​the three-dimensional environment other than the content item; dimming the area of ​​the three-dimensional environment other than the content item relative to the content item; and / or blurring the area of ​​the three-dimensional environment other than the content item relative to the content item. In some embodiments, displaying the three-dimensional environment without the virtual lighting effect includes forgoing displaying the virtual light overflow effect emitted from the content item, displaying the area of ​​the three-dimensional environment other than the content item with the same blur level as the content item, and / or displaying the area of ​​the three-dimensional environment other than the content item with the same dim level as the content item.

[0153] In some embodiments, in response to receiving user input, the electronic device (e.g., 101) displays the three-dimensional environment (e.g., 702) (804b) using virtual lighting effects via the display generation component (e.g., 120), such as in Fig. 7A In some embodiments, the virtual lighting effect includes one or more of the following: displaying a virtual light overflow effect emitted from the content item in an area of ​​the three-dimensional environment other than the content item; dimming the area of ​​the three-dimensional environment other than the content item relative to the content item; and / or blurring the area of ​​the three-dimensional environment other than the content item relative to the content item. In some embodiments, in response to detecting a first input pointing to a corresponding user interface element, the electronic device switches to displaying the three-dimensional environment with or without the virtual lighting effect. For example, the first input is a selection of the corresponding user interface element (e.g., a preliminary selection, such as "click"). In some embodiments, the first input includes detecting a predefined part of the user in a predefined shape (e.g., a user's hand in the shape of a pinched hand) within a time period less than a corresponding threshold (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.5 seconds, 1 second, or 2 seconds) when the user's gaze is directed to the corresponding user interface element. In some embodiments, in response to a second input pointing to the corresponding user interface element (e.g., a secondary selection, an input similar to a "long click"), the electronic device updates the corresponding user interface element to a user interface element for adjusting the amount of lighting effects applied to the three-dimensional environment, as described below. For example, detecting the second input includes detecting a predefined part of the user (e.g., the user's hand) making a predefined gesture, such as a pinch hand gesture, which includes touching the thumb to the other fingers for more than a threshold amount of time (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.5 seconds, 1 second, or 2 seconds) before moving the thumb away from the other fingers.

[0154] Turning on virtual lighting effects in response to input directed to corresponding user interface elements provides an efficient way to turn virtual lighting effects on and off, thereby reducing the cognitive burden on the user when switching between an immersive experience and a three-dimensional environment in which other user interface elements are clearly displayed.

[0155] In some embodiments, before receiving user input directed to a corresponding user interface (e.g., 711) (such as in Figure 7iD), the electronic device (e.g., 101) displays the three-dimensional environment (e.g., 702) (806a) via the display generation component (e.g., 120) using a first amount of virtual lighting effect. In some embodiments, displaying the three-dimensional environment using the first amount of virtual lighting effect includes one or more of the following: displaying a virtual light overflow effect emitted from the content item in an area of ​​the three-dimensional environment other than the content item at a first size, intensity, clarity, etc.; dimming the area of ​​the three-dimensional environment other than the content item by a first amount relative to the content item; and / or blurring the area of ​​the three-dimensional environment other than the content item by a first amount relative to the content item. In some embodiments, the first amount of virtual lighting effect is zero (e.g., the electronic device displays the three-dimensional environment without the virtual lighting effect).

[0156] In some embodiments, in response to receiving user input, the electronic device (e.g., 101) displays the three-dimensional environment (e.g., 702) via the display generation component (e.g., 120) using a second amount of virtual lighting effects that is different from the first amount (806b), such as in Fig. 7EIn some embodiments, the electronic device modifies multiple virtual lighting effects (e.g., light overflow, blur, dimming) by the same amount in response to the input. For example, in response to an input for increasing the virtual lighting effect by a corresponding amount, the electronic device increases the size, intensity, clarity, etc. of the light overflow by a corresponding amount, increases the blur by a corresponding amount, and increases the dimming by a corresponding amount. For another example, in response to an input for reducing the virtual lighting effect by a corresponding amount, the electronic device reduces the size, intensity, clarity, etc. of the light overflow by a corresponding amount, reduces the blur by a corresponding amount, and reduces the dimming by a corresponding amount. In some embodiments, the electronic device adjusts the amount of the virtual lighting effect based on determining that the input pointing to the corresponding user interface element satisfies one or more corresponding criteria, such as a criterion satisfied when the electronic device detects a predefined part of the user (e.g., the user's hand) in a predefined hand shape (e.g., a pinched hand shape) within a threshold time period (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.5 seconds, 1 second, or 2 seconds). In some embodiments, in response to detecting a predefined posture for more than a threshold time period, the electronic device presents an interactive slider that controls the amount of virtual lighting effects when displaying the three-dimensional environment. For example, continued input directed to the corresponding user interface element including movement of a predefined portion of the user causes the electronic device to adjust the amount of the virtual lighting effect and the position of the indicator of the slider.

[0157] Adjusting the amount of virtual lighting effects applied to a three-dimensional environment in response to input directed to a corresponding user interface element provides an effective way to select a trade-off between immersion in a content item and clarity of elements in the three-dimensional environment other than the content item, which reduces the cognitive burden on the user when interacting with various elements in the three-dimensional environment.

[0158] In some embodiments, such as Figure 7C In some embodiments, prior to receiving user input, an area of ​​the three-dimensional environment (e.g., 702) that does not include the content item (e.g., 704) is displayed at a first brightness level (808a). In some embodiments, the content item is displayed at a brightness level greater than the first brightness level (e.g., the dimming visual effect is active). In some embodiments, the content item is displayed at the same brightness level as the area of ​​the three-dimensional environment that does not include the content item (e.g., the dimming visual effect is not active). In some embodiments, the three-dimensional environment includes representations of virtual objects and / or real objects.

[0159] In some embodiments, such as Fig. 7EIn some embodiments, the three-dimensional environment (e.g., 702) is displayed using a virtual lighting effect in response to a user input, including a region (808b) of the three-dimensional environment (e.g., 702) that does not include a content item (e.g., 704) at a second brightness level that is different from (e.g., less than, greater than) a first brightness level. In some embodiments, the electronic device modifies the brightness level of the region that does not include the content item without modifying the brightness level of the content item. In some embodiments, in response to the input, the electronic device turns on or off a dimming visual effect. In some embodiments, in response to the input, the electronic device adjusts the amount of dimming visual effect. In some embodiments, the entire three-dimensional environment consists of a region that does not include a content item and a content item (e.g., adjusting the brightness of all three-dimensional environments except the content item). In some embodiments, the three-dimensional environment includes a third region that does not include content items that are not affected by the adjustment of the amount of brightness. In some embodiments, the three-dimensional environment includes one or more virtual objects and / or regions outside the content item that will be dimmed when the three-dimensional environment is displayed using a virtual lighting effect and / or representations of real objects and / or regions outside the content item.

[0160] Adjusting the brightness level of areas of the three-dimensional environment that do not include content items in response to input directed to corresponding user interface elements provides an effective way to compromise between an immersive experience of the content items and the ability to view and interact with elements in the three-dimensional environment other than the content items.

[0161] In some embodiments, such as Fig. 7AIn some embodiments, displaying a three-dimensional environment (e.g., 702) using a virtual lighting effect in response to a user input includes displaying a corresponding virtual lighting effect (e.g., 710a) (e.g., virtual light overflow) (810) emitted from a content item (e.g., 704) on one or more objects (e.g., 708a) in the three-dimensional environment (e.g., 704). In some embodiments, the corresponding virtual lighting effect changes over time based on the content. For example, the corresponding virtual lighting effect includes one or more colors, intensities, patterns, animations, etc. currently included in the video and / or image content of the content item. In some embodiments, the corresponding virtual lighting effect is a virtual light overflow that simulates the reflection of light emitted from the image and / or video content of the content item on one or more (e.g., real, virtual) surfaces and / or objects in the three-dimensional environment outside the content item. In some embodiments, the one or more objects include virtual objects. In some embodiments, the one or more objects include representations of real objects in the physical environment of the electronic device and / or display generation component. In some embodiments, the representation of the real object includes one or more of the real or reality transmission and / or video or virtual transmission described in more detail above. In some embodiments, virtual light bloom is displayed more intensely (e.g., displayed with greater brightness, sharpness, and / or size) at locations closer to the content item in the three-dimensional environment than at locations farther away from the content item in the three-dimensional environment.

[0162] In some embodiments, presenting corresponding virtual lighting effects emanating from a content item on one or more objects in a three-dimensional environment provides an immersive experience of the content item, which reduces distraction and cognitive burden on a user when consuming the content item.

[0163] In some embodiments, such as Fig. 7A In some embodiments, before receiving user input directed to a corresponding user interface (e.g., 711), the electronic device (e.g., 101) displays a three-dimensional environment (e.g., 702) via a display generation component (e.g., 120) using a first amount of virtual lighting effect, including displaying an area of ​​the three-dimensional environment (e.g., 702) that does not include a content item at a first brightness level, and displaying a first amount (812a) of a corresponding virtual lighting effect (e.g., 710a) (e.g., virtual light overflow) emitted from a content item (e.g., 704) on one or more objects (e.g., 708a) in the three-dimensional environment. In some embodiments, the virtual lighting effect includes dimming an area of ​​the three-dimensional environment other than the content item relative to the content item, and displaying virtual light overflow emitted from the content item on other objects in the three-dimensional environment. In some embodiments, the first amount of virtual lighting effect is zero (e.g., the electronic device displays the three-dimensional environment without the virtual lighting effect)

[0164] In some embodiments, such as Fig. 7EIn some embodiments, in response to receiving user input, the electronic device (e.g., 101) displays the three-dimensional environment (e.g., 702) via the display generation component (e.g., 120) using a second amount of virtual lighting effects, including displaying an area of ​​the three-dimensional environment (e.g., 702) that does not include the content item (e.g., 704) at a second brightness level, and displaying a second amount (812b) of a corresponding virtual lighting effect (e.g., 710a) (e.g., virtual light overflow) emitted from the content item (e.g., 704) on one or more objects in the three-dimensional environment (e.g., 702). In some embodiments, the corresponding user interface element controls the dimming level of the area of ​​the three-dimensional environment other than the content item relative to the content item and the level (e.g., brightness, size, translucency, etc.) of the virtual light overflow emitted from the content item on other objects in the three-dimensional environment. In some embodiments, in response to a first input directed to the corresponding user interface element, the electronic device turns on or off the dimming and light overflow virtual lighting effects. In some embodiments, in response to a second input directed toward a corresponding user interface element, the electronic device adjusts a dimming level on other objects outside the content item in the three-dimensional environment and a level of virtual light overflow (e.g., brightness, size, translucency, etc.) emitted from the content item.

[0165] Adjusting both the amount of dimming and the amount of corresponding virtual lighting effect emanating from the content item in response to input directed to the corresponding user interface element provides an efficient way to adjust multiple characteristics of the virtual lighting of the three-dimensional environment with one input, thereby reducing the amount of time and number of inputs required to make adjustments.

[0166] In some embodiments, such as Fig. 7A In some embodiments, displaying a three-dimensional environment (e.g., 702) using a virtual lighting effect in response to user input includes (814a) displaying the three-dimensional environment (e.g., 702) using a first amount of virtual lighting effects via a display generation component (e.g., 120) (815b) based on detecting, via one or more input devices (e.g., 314), that the attention (e.g., gaze 713a) of a user of the electronic device (e.g., 101) is directed toward a first area (e.g., including content item 704) of the three-dimensional environment (e.g., 702) (e.g., detecting, via an eye tracking device, that the user's gaze is directed toward the first area). In some embodiments, in response to detecting that the user's attention (e.g., gaze) is directed toward the content item, the electronic device increases the amount of virtual lighting effects when displaying the three-dimensional environment.

[0167] In some embodiments, such as Fig. 7EIn some embodiments, displaying a three-dimensional environment (e.g., 702) with a virtual lighting effect in response to a user input includes (814a) displaying the three-dimensional environment (e.g., 702) with a second amount of virtual lighting effects different from the first amount (814c) via a display generation component (e.g., 120) based on detecting, via one or more input devices (e.g., 314), that the user's attention (e.g., gaze 713f) is directed to a second area of ​​the three-dimensional environment (e.g., 702) that is different from the first area (e.g., detecting, via an eye tracking device, that the user's gaze is directed to the second area that does not include the content item). In some embodiments, in response to detecting that the user's attention (e.g., gaze) is not directed to the content item, the electronic device reduces the amount of virtual lighting effects when displaying the three-dimensional environment. In some embodiments, in response to detecting that the user's attention (e.g., gaze) is not directed to the content item, the electronic device updates the three-dimensional environment to display the three-dimensional environment without the virtual lighting effect.

[0168] Adjusting the amount of virtual lighting effects based on the area of ​​the three-dimensional environment to which the user directs their attention provides an effective way to automatically adjust the immersion level of a content item based on the user's attention, which reduces the cognitive burden and amount of input for the user when the user changes which area of ​​the three-dimensional environment they direct their attention.

[0169] In some embodiments, when displaying a three-dimensional environment without virtual lighting effects, the electronic device (e.g., 101) receives (816a) via one or more input devices (e.g., 314) a pointer to a corresponding user interface element (e.g., Figure 7C 712j in, which includes detecting a predefined part (e.g., hand 703b) of a user of the electronic device in a predefined posture via one or more input devices (e.g., 314) within a time threshold of less than a predetermined time (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.5 seconds, 1 second, or 2 seconds). In some embodiments, the predefined posture of the predefined part of the user is that the user's hand makes a pinching shape in which the thumb touches another finger of the hand. In some embodiments, the predefined posture of the predefined part of the user is that the user's hand makes a pointing hand shape in which one or more fingers are extended and one or more fingers are curled toward the palm, while the hand is within a threshold distance (e.g., 1 cm, 2 cm, 3 cm, 5 cm, 10 cm, 15 cm, 30 cm, or 50 cm) of the position corresponding to the corresponding user interface element in the three-dimensional environment. In some embodiments, detecting the first input also includes detecting, via one or more input devices, that the user's attention is directed to the corresponding user interface element. In some embodiments, detecting the first input also includes detecting, via an eye tracking device of one or more input devices, that the user's gaze is directed to the corresponding user interface element.

[0170] In some embodiments, in response to receiving the first input, the electronic device (e.g., 101) displays (816b) a three-dimensional environment (e.g., 702) using a virtual lighting effect via a display generation component (e.g., 120), such as in Fig. 7A In some embodiments, in response to detecting a first input while the three-dimensional environment is displayed without a virtual lighting effect, the electronic device turns on the virtual lighting effect.

[0171] In some embodiments, when displaying a three-dimensional environment using a virtual lighting effect, the electronic device (e.g., 101) receives (816c) via one or more input devices (e.g., 314) a signal pointing to a corresponding user interface element (e.g., Figure 7C In some embodiments, detecting the second input further comprises detecting, via one or more input devices (e.g., 314), a predefined part (e.g., hand 703b) of a user of an electronic device (e.g., 101) in a predefined posture within a time threshold (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.5 seconds, 1 second, or 2 seconds). In some embodiments, detecting the second input further comprises detecting, via one or more input devices, that the user's attention is directed toward a corresponding user interface element. In some embodiments, detecting the second input further comprises detecting, via an eye tracking device of one or more input devices, that the user's gaze is directed toward a corresponding user interface element.

[0172] In some embodiments, in response to receiving the second input, the electronic device (e.g., 101) displays (816d) the three-dimensional environment (e.g., 314) without the virtual lighting effect via the display generation component (e.g., 120). In some embodiments, in response to detecting the second input when the three-dimensional environment is displayed using the virtual lighting effect, the electronic device turns off the virtual lighting effect.

[0173] Turning virtual lighting effects on or off in response to detecting a predefined pose of a predefined portion of a user within less than a threshold amount of time provides an efficient way to switch between an immersive experience of a content item and viewing other portions of the three-dimensional environment with less distraction, thereby reducing the cognitive burden on the user when interacting with the three-dimensional environment.

[0174] In some embodiments, such as Fig.7DIn the embodiment of the present invention, when displaying a three-dimensional environment (e.g., 702) using a first amount of virtual lighting effects, an electronic device (e.g., 101) receives (818a) an input pointing to a corresponding user interface element (e.g., 712j) via one or more input devices (e.g., 314), which includes detecting a movement of a predefined part (e.g., hand 703a) of a user of the electronic device (e.g., 101) via one or more input devices (e.g., 314) when the predefined part of the user is in a predefined posture. In some embodiments, detecting the input also includes detecting, via one or more input devices (e.g., an eye tracking device), that the user's attention (e.g., gaze) is directed to the corresponding user interface element. In some embodiments, the predefined posture is the user's hand in the above-mentioned pinching hand shape. In some embodiments, the predefined posture is the user's hand in the above-mentioned pointing hand shape when the user's hand is within a threshold distance (e.g., 5 cm, 10 cm, 15 cm, 30 cm, or 50 cm) of the location of the corresponding user interface element.

[0175] In some embodiments, in response to pointing to a corresponding user interface element (e.g., Fig.7D In response to an input from 712j in FIG. 1 , the electronic device (e.g., 101) displays (818b) the three-dimensional environment (e.g., 702) via the display generation component (e.g., 120) using a second amount of virtual lighting effects, such as in FIG. Fig. 7E , wherein the second amount is based on a predefined portion of the user (e.g., Fig.7D In some embodiments, in response to detecting movement of a predefined portion of the user in a first (e.g., downward, left) direction, the electronic device reduces the amount of the virtual lighting effect. In some embodiments, in response to detecting movement of a predefined portion of the user in a second (e.g., upward, right) direction, the electronic device increases the amount of the virtual lighting effect. In some embodiments, in response to a movement having a first magnitude (e.g., speed, duration, distance), the electronic device changes the amount of the virtual lighting effect by a first amount corresponding to the first magnitude. In some embodiments, in response to a movement having a second magnitude (e.g., speed, duration, distance), the electronic device changes the amount of the virtual lighting effect by a second amount corresponding to the first magnitude. For example, in response to a downward movement having a relatively small magnitude, the electronic device reduces the amount of the virtual lighting effect by a relatively small amount. As another example, in response to an upward movement having a relatively large magnitude, the electronic device increases the amount of the virtual lighting effect by a relatively large amount.

[0176] Adjusting the amount of virtual lighting effects based on a predefined portion of the user's movement during input directed to a corresponding user interface element provides an effective way for the user to compromise between an immersive experience of the content item and the clarity of the rest of the three-dimensional environment, which reduces the cognitive burden on the user when interacting with elements in the three-dimensional environment.

[0177] In some embodiments, while the content item is being played (820a), the electronic device (e.g., 101) displays (820b) a three-dimensional environment (e.g., 702) via a display generation component (e.g., 120) using virtual lighting effects, such as in Fig. 7A In some embodiments, the virtual lighting effect includes one or more of: blurring and / or dimming areas of the three-dimensional environment that do not include the content item, and / or virtual light spillage emanating from the content item.

[0178] In some embodiments, while the content item is playing (820a), the electronic device (e.g., 101) receives (820c) via one or more input devices a user input corresponding to a request to pause the content item (e.g., 704) (e.g., such as a request to pause the content item). Figure 7B For example, an input corresponding to a request to pause a content item is a selection of a corresponding user interface element of one or more user interface elements displayed in a user interface associated with the content item for modifying playback of the content item.

[0179] In some embodiments, in response to receiving a user input corresponding to a request to pause a content item (820d), the electronic device (eg, 101) pauses (820e) the content item (eg, Fig. 7A In some embodiments, the electronic device continues to display the paused content item (e.g., displaying a frame of the video content at the playback position where the video content was paused).

[0180] In some embodiments, in response to receiving a paused content item (e.g., Fig. 7AIn response to a user input (820d) corresponding to a request for playback of the content item (e.g., 704), the electronic device (e.g., 101) displays (820f) the three-dimensional environment (e.g., 702) via the display generation component (e.g., 120) without the virtual lighting effect (or with the lighting effect reduced in magnitude). In some embodiments, when the content item is paused and the electronic device displays the three-dimensional environment without the virtual lighting effect, in response to receiving an input for playing the content item, the electronic device resumes playback of the content item and displays the three-dimensional environment with the virtual lighting effect. In some embodiments, in response to the input for pausing the content item, the electronic device reduces the amount of the virtual lighting effect when displaying the three-dimensional environment without stopping displaying the virtual lighting effect. Stopping the display of the virtual lighting effect in response to the input for pausing the content item provides an effective way to improve the legibility of elements in the three-dimensional environment other than the content item when the content item is paused, thereby reducing the number of inputs required to switch between contact with the content item and contact with other elements in the three-dimensional environment.

[0181] In some embodiments, such as Figure 7C In the embodiment, the electronic device (e.g., 101) receives (822a) via one or more input devices (e.g., 314) corresponding user input directed to a second corresponding interface element (e.g., 712f) among one or more user interface elements for modifying playback of a content item (e.g., 704).

[0182] In some embodiments, in response to receiving the corresponding user input (822b), the second corresponding user interface element is determined to be a user interface element (e.g., 101) that causes the electronic device (e.g., 101) to switch between playing and pausing the content item (e.g., 704) when selected. Figure 7B 712g in, the electronic device (e.g., 101) switches (822c) the play or pause state of the content item (e.g., 704). In some embodiments, the electronic device selects a user interface element in response to detecting, via one or more input devices (e.g., an eye tracking device), that the user's attention (e.g., gaze) is directed toward a user interface element, and simultaneously detecting, via one or more input devices (e.g., a hand tracking device), that a predefined part of the user (e.g., a hand) is in a predefined posture. For example, detecting a predefined part of the user in a predefined posture includes detecting a user's hand in a pinching hand shape as described above. In some embodiments, in response to detecting an input pointing to a user interface element that causes the electronic device to switch the play or pause state while the content item is playing, the electronic device pauses the content. In some embodiments, in response to detecting an input pointing to a user interface element that causes the electronic device to switch the play or pause state while the content item is paused, the electronic device plays the content.

[0183] In some embodiments, in response to receiving the corresponding user input (822b), the second corresponding user interface element is determined to be a user interface element (e.g., 101) that, when selected, causes the electronic device (e.g., 101) to update the playback position of the content item (e.g., 704). Figure 7B 712f, 712h) (e.g., an option for skipping forward or an option for skipping backward), the electronic device (e.g., 101) updates (822d) the playback position of the content item (e.g., 704) according to the corresponding user input. In some embodiments, selection of the corresponding user interface element causes the electronic device to change the playback position of the content item at a rate different from the rate at which the playback position of the content item changes when the content item is played. In some embodiments, the corresponding user interface element for modifying the virtual lighting effect is displayed in a user interface associated with the content item including a first user interface element and a second user interface element. In some embodiments, the user interface also includes selectable options for accessing audio and subtitle settings for the content item, switching picture-in-picture elements according to one or more steps of method 1000, switching immersive content mode according to one or more steps of method 1400, and viewing the content item playback queue of the electronic device.

[0184] Displaying corresponding user interface elements in a user interface having a user interface element for switching a play or pause state and a user interface element for updating the playback position of a content item provides an effective way to facilitate modification of the playback of a content item and modification of a three-dimensional environment, which reduces the cognitive burden on the user when interacting with the content item and the three-dimensional environment.

[0185] In some embodiments, the electronic device (e.g., 101) receives (824a) via one or more input devices (e.g., 314) a pointer to a second corresponding interface element (e.g., Figure 7B 712k) of the corresponding user input.

[0186] In some embodiments, in response to receiving the corresponding user input, according to determining that the second corresponding user interface element is a user interface element (e.g., 101) that, when selected, causes the electronic device (e.g., 101) to modify the volume of the audio content of the content item (e.g., 704). Figure 7B712k in, the electronic device (e.g., 101) modifies (824b) the volume of the audio content according to the corresponding input. In some embodiments, in response to receiving a first input pointing to a user interface element for modifying the volume of the audio content of the content item, the electronic device updates the user interface element to include a slider user interface element, and when the position of the indicator of the slider changes, the slider user interface element causes the electronic device to change the volume of the audio content according to the updated position of the indicator. In some embodiments, the user interface element for modifying the volume of the audio content is displayed in a user interface associated with the content item having a corresponding user interface element for modifying the virtual lighting effect.

[0187] Displaying corresponding user interface elements in a user interface having user interface elements for modifying the volume of audio content provides an efficient way to facilitate modification of playback of content items and modification of the three-dimensional environment, which reduces the cognitive burden on the user when interacting with the content items and the three-dimensional environment.

[0188] In some embodiments, such as Figure 7B In some embodiments, the user interface (e.g., 711) associated with the content item (e.g., 704) is a user interface separate from the content item (e.g., 704) and is displayed between the viewpoint of the user of the electronic device (e.g., 101) and the content item (e.g., 704) in the three-dimensional environment (e.g., 702) via the display generation component (e.g., 120) (826). In some embodiments, the content item and the user interface are displayed in separate windows in the three-dimensional environment. In some embodiments, the user interface associated with the content item is partially covered on the content item. In some embodiments, the user interface associated with the content item is not covered on the content item.

[0189] Displaying a user interface associated with a content item in a three-dimensional environment separately from the content item and between the user's viewpoint and the content item provides an efficient way to facilitate user interaction with the user interface, which reduces the cognitive burden and time required to modify playback of the content item via interaction with the user interface.

[0190] In some embodiments, a content item is displayed via a display generation component (e.g., 120) at a first angle relative to a viewpoint of a user in a three-dimensional environment (e.g., Figure 7B 704)(828a). In some embodiments, the first angle comprises a lateral angle in the three-dimensional environment (e.g., tilted toward the left or right side of the user). In some embodiments, the first angle comprises a vertical angle in the three-dimensional environment (e.g., tilted upward or downward from the user's viewpoint).

[0191] In some embodiments, a user interface (e.g., 704) associated with a content item (e.g., 704) is displayed via a display generation component (e.g., 120) at a second angle different from the first angle relative to a viewpoint of a user in a three-dimensional environment (e.g., 702). Figure 7B 711)(828b). In some embodiments, the second angle comprises a lateral angle in the three-dimensional environment (e.g., tilted toward the left or right side of the user). In some embodiments, the second angle comprises a vertical angle in the three-dimensional environment (e.g., tilted upward or downward from the user's viewpoint). For example, a user interface associated with a content item is displayed in the three-dimensional environment at a position below the content item and at an angle that is more upward relative to the user's viewpoint than the angle at which the content item is displayed relative to the user.

[0192] Displaying content items and user interfaces associated with the content items at different angles relative to a user's viewpoint in a three-dimensional environment provides an efficient way to easily present content items and user interfaces associated with the content items when the content items and user interfaces associated with the content items are at different positions in the three-dimensional environment, which reduces the time and effort required to interact with the content items and user interfaces associated with the content items.

[0193] In some embodiments, such as Figure 7BIn some embodiments, an electronic device (e.g., 101) displays one or more user interface elements (e.g., 712f, 712g) (830) for modifying playback of a content item (e.g., 704) in response to detecting a predefined portion of a user of the electronic device (e.g., hand 703b) in a posture that satisfies one or more criteria via one or more input devices (e.g., 314) (e.g., a hand tracking device). In some embodiments, detecting the posture of the predefined portion of the user that satisfies the one or more criteria includes detecting movement of the user's hand from a position close to the user's body to an elevated position (e.g., within a predefined area of ​​a three-dimensional environment). In some embodiments, detecting the posture of the predefined portion of the user that satisfies the one or more criteria includes detecting a hand of the user in a predefined hand shape, such as the pointing hand shape described above or a pre-pinched hand shape in which the thumb of the hand is within a threshold distance (e.g., 0.1 cm, 0.2 cm, 0.3 cm, 0.5 cm, 1 cm, 2 cm, or 3 cm) but not touching another finger of the hand. In some embodiments, the one or more criteria include a criterion that is satisfied when the electronic device detects, via one or more input devices (e.g., an eye tracking device), that the user's attention (e.g., gaze) is directed toward the content item. In some embodiments, when the electronic device does not detect a predefined portion of the user in a posture that satisfies the one or more criteria, the electronic device abandons displaying one or more user interface elements for modifying playback of the content item. In some embodiments, the electronic device continues to present (and play) the content item.

[0194] Displaying one or more user interface elements for modifying playback of a content item in response to detecting a predefined portion of a user in a posture that satisfies one or more criteria provides an efficient way to selectively facilitate interaction with the one or more user interface elements, which reduces the time and input required to modify playback of the content item.

[0195] In some embodiments, before displaying one or more user interface elements (e.g., 704) for modifying playback of a content item (e.g., 704), Figure 7B 712f, 712g in (e.g., in response to detecting a predefined portion of the user in a posture that satisfies one or more criteria), the electronic device (e.g., 101) detects (832a) via one or more input devices (e.g., 314) (e.g., a hand tracking device) a predefined portion of the user (e.g., hand 703a) in a posture that does not satisfy the one or more criteria, such as in Fig. 7AIn some embodiments, one or more input devices (e.g., hand tracking devices, eye tracking devices) detect that one or more of the above criteria are not met. In some embodiments, one or more input devices (e.g., hand tracking devices) do not detect a predefined part of the user (e.g., hands) (e.g., because the predefined part of the user is outside the range of one or more input devices (e.g., hand tracking devices)). In some embodiments, the electronic device detects a predefined part of the user in a posture (e.g., shape and / or position) that does not meet one or more criteria. For example, the electronic device detects that the user places their hands on their knees or at their sides.

[0196] In some embodiments, in response to detecting a predefined portion of the user (e.g., 703a) in a posture that does not meet one or more criteria (such as in Fig. 7A ), the electronic device (e.g., 101) reduces (832b) the electronic device (e.g., 101) via the display generation component (e.g., 120) to display one or more user interface elements (e.g., Figure 7B In some embodiments, the electronic device reduces the opacity of one or more user interface elements for modifying the playback of the content item. In some embodiments, the electronic device stops displaying one or more user interface elements for modifying the playback of the content item. In some embodiments, the electronic device continues to present (and play) the content item.

[0197] Ceasing to display one or more user interface elements for modifying playback of a content item in response to detecting a predefined portion of a user in a posture that does not meet one or more criteria provides an effective way to reduce distraction while the user is consuming a content item without indicating an intent to interact with one or more interactive elements, which reduces the cognitive burden on the user while consuming the content item.

[0198] In some embodiments, such as Figure 7BIn some embodiments, while displaying a content item (e.g., 704) at a first size via a display generation component (e.g., 120) and displaying a user interface (e.g., 711) associated with the content item (e.g., 704) at a second size, the electronic device (e.g., 101) receives (834a) via one or more input devices (e.g., 314) an input corresponding to a request to adjust the size of the content item (e.g., 704). In some embodiments, the input corresponding to the request to adjust the size of the content item is a request to change a virtual size of the content item in the three-dimensional environment with or without changing a position of the content item in the three-dimensional environment. In some embodiments, the input corresponding to the request to adjust the size of the content item is a request to change an angular size (e.g., a portion of the display generation component occupied by the content item) with or without changing a position and / or virtual size of the content item in the three-dimensional environment.

[0199] In some embodiments, such as Figure 7C In some embodiments, in response to receiving an input (834b) corresponding to a request to adjust the size of a content item (e.g., 704), the electronic device (e.g., 101) displays (834c) the content item (e.g., 704) at a third size different from the first size via a display generation component (e.g., 120) according to the input corresponding to the request to adjust the size of the content item (e.g., 704). In some embodiments, the electronic device changes the size of the content item in a direction corresponding to the direction of movement of a predefined part of the user (e.g., a hand) by an amount corresponding to the magnitude of the movement of the predefined part of the user (e.g., its speed, duration, distance, etc.).

[0200] In some embodiments, such as Figure 7C In response to receiving an input (834b) corresponding to a request to adjust the size of a content item, the electronic device (e.g., 101) displays (834d) a user interface (e.g., 711) associated with the content item (e.g., 704) at a second size via a display generation component (e.g., 120). In some embodiments, the (e.g., angular) size of the user interface associated with the content item remains constant even if the content item is resized. In some embodiments, if the input is a request to change the size of the content item without changing the position of the content item, the electronic device maintains the angular size and virtual size of the user interface associated with the content item, and also maintains the position of the user interface in the three-dimensional environment. In some embodiments, if the input is a request to change the size and position of the content item in the three-dimensional environment, the electronic device maintains the angular size of the user interface and updates the virtual size of the user interface based on the updated position of the user interface to maintain the angular size of the user interface in the three-dimensional environment.

[0201] Maintaining the size of a user interface associated with a content item while updating the size of the content item provides an effective way to maintain legibility of the user interface in a three-dimensional environment, which reduces the cognitive burden on a user when interacting with the user interface.

[0202] In some embodiments, such as Figure 7C In some embodiments, while displaying a content item (e.g., 704) at a first (e.g., angular) size and a first distance from a viewpoint of a user in a three-dimensional environment (e.g., 702) via a display generation component (e.g., 120) and displaying a user interface (e.g., 711) associated with the content item (e.g., 704) at a second (e.g., angular) size and a second distance from a viewpoint of a user in the three-dimensional environment (e.g., 702), an electronic device (e.g., 101) receives (836a) via one or more input devices (e.g., 314) input corresponding to a request to reposition the content item (e.g., 704) (e.g., and the user interface) in the three-dimensional environment (e.g., 702). In some embodiments, while the user is providing the input, the electronic device repositions the content item and the user interface according to movement of a predefined part of the user (e.g., a hand). For example, the electronic device moves the content item and the user interface in a direction and amount corresponding to the direction and amount of movement of the predefined part of the user (e.g., hand) when providing the input (e.g., its speed, distance, duration, etc.). In some embodiments, detecting the input includes detecting a user's gaze directed toward a content item or a user interface element for repositioning a content item, while detecting the user's hand in a predefined hand shape, such as a pinching hand shape or a pointing hand shape.

[0203] In some embodiments, such as Fig.7DIn some embodiments, in response to receiving an input (836b) corresponding to a request to reposition a content item, an electronic device (e.g., 101) displays (836c) a content item (e.g., 704) at a third (e.g., angular) size and a third distance from a viewpoint of a user in a three-dimensional environment (e.g., 702) that is different from the first distance via a display generation component (e.g., 120) according to the input corresponding to the request to reposition the content item (e.g., 704). In some embodiments, the electronic device maintains a virtual size of the content item in response to a request to move the content item in the three-dimensional environment, which causes the electronic device to update the angular size of the content item (e.g., the portion of the display generation component occupied by the content item) according to a change in the distance between the content item and the user's viewpoint. For example, in response to a request to move the content item farther away from the user, the electronic device displays the content item at a smaller angular size, and in response to a request to move the content item closer to the user, the electronic device displays the content item at a larger angular size. In some embodiments, the electronic device updates the virtual size of the content item at a ratio that is less than the change in the angular size of the content item (for example, if updating the angular size of the content item without changing the virtual size of the content item would cause the angular size of the content item to be outside of the maximum or minimum angular sizes, the display of the content item is maintained within the maximum and minimum sizes).

[0204] In some embodiments, such as Fig.7D In response to receiving an input (836b) corresponding to a request to reposition a content item (e.g., 704), the electronic device (e.g., 101) displays (836d) a user interface (e.g., 711) associated with the content item (e.g., 704) at a second (e.g., angular) size and a fourth distance from a user's viewpoint via a display generation component (e.g., 120) based on the input corresponding to the request to reposition the content item (e.g., 704). In some embodiments, the electronic device updates the virtual size of the user interface based on the distance between the updated user interface and the user's viewpoint in the three-dimensional environment while maintaining the angular size of the user interface.

[0205] Maintaining the size of a user interface associated with a content item provides an effective way to maintain legibility of the user interface in a three-dimensional environment, which reduces the cognitive burden on a user when interacting with the user interface.

[0206] In some embodiments, such as Figure 7B In some embodiments, a content item (e.g., 704) is separated (838a) from a user interface (e.g., 711) associated with the content item (e.g., 704) in a three-dimensional environment (e.g., 702). In some embodiments, the content item and the user interface are displayed in separate containers (e.g., platters, user interface elements, windows, etc.) at different locations in the three-dimensional environment.

[0207] In some embodiments, such as Figure 7B In some embodiments, an electronic device (e.g., 101) displays (838b) one or more second user interface elements (e.g., 712a) for modifying the playback of a content item (e.g., 704) via a display generation component (e.g., 120), and the one or more second user interface elements (e.g., 712a) are displayed as overlaying the content item (e.g., 704) in a three-dimensional environment (e.g., 702). In some embodiments, the one or more second user interface elements are displayed within a container that includes the content item. In some embodiments, the one or more second user interface elements overlap visually (e.g., from the user's point of view) or spatially with the content item in the three-dimensional environment. For example, the electronic device displays a user interface element via a display generation component, which, when selected, causes the electronic device to stop displaying the content item overlaying the content item in the container of the content item, and displays one or more other user interface elements in the user interface (e.g., for modifying the playback of the content item) in a container separate from the content item.

[0208] Displaying one or more second user interface elements overlaid on a content item in a three-dimensional environment provides an efficient way to interact with the one or more second user interface elements while viewing the content item, thereby reducing cognitive burden on a user.

[0209] In some embodiments, such as Figure 7C In some embodiments, the electronic device (e.g., 101) detects (840a) via one or more input devices (e.g., 314) (e.g., an eye tracking device) that the user's attention (e.g., gaze 713c, 713d) directed to a corresponding user interface element (e.g., 712f, 712j) of one or more user interface elements satisfies one or more first criteria. In some embodiments, the one or more first criteria include criteria that are satisfied when the user's attention (e.g., gaze) is directed to the corresponding user interface element for at least a threshold time period (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.4 seconds, 0.5 seconds, 1 second, 2 seconds, or 3 seconds). In some embodiments, the one or more criteria are satisfied at the moment when the user's attention (e.g., gaze) is directed to the corresponding user interface element.

[0210] In some embodiments, such as Figure 7CIn response to detecting that the user's attention (e.g., gaze 713d) directed to a corresponding user interface element (e.g., 712j) satisfies one or more first criteria (840b), based on determining that the corresponding user interface element (e.g., 712j) satisfies one or more second criteria, the electronic device (e.g., 101) displays (840c) a visual indication (e.g., 714) identifying the functionality of the corresponding user interface element (e.g., 712j) via a display generation component (e.g., 120). In some embodiments, the corresponding user interface element satisfies the one or more second criteria when the corresponding user interface element is included in a predetermined subset of one or more user interface elements included in a user interface associated with the content item. For example, one or more of an immersive content option according to one or more steps of method 1400, a picture-in-picture option according to one or more steps of method 1000, and a corresponding user interface element for modifying a virtual lighting effect are included in the predetermined subset. In some embodiments, the corresponding user interface element satisfies one or more second criteria when the corresponding user interface element is associated with a functionality related to the presentation of a content item in a three-dimensional environment (e.g., and may not generally be associated with the presentation of a content item in another environment). In some embodiments, the visual indication identifying the functionality of the corresponding user interface element includes text describing the functionality of the corresponding user interface element. For example, the visual indication identifying the functionality of a corresponding option for modifying a virtual lighting effect includes text pronounced "lighting effect" or similar text. In some embodiments, the electronic device stops displaying the visual indication in response to detecting the user's attention moving away from the corresponding user interface element. In some embodiments, when the user's gaze is directed to the corresponding user interface element, the electronic device displays a visual indication based on detecting the user's ready state via one or more input devices.

[0211] In some embodiments, such as Figure 7CIn some embodiments, in response to detecting that the user's attention (e.g., gaze 713c) directed to a corresponding user interface element (e.g., 712f) satisfies one or more first criteria (840b), based on determining that the corresponding user interface element (e.g., 712f) does not satisfy one or more second criteria, the electronic device (e.g., 101) abandons (840d) displaying a visual indication of the functionality identifying the corresponding user interface element (e.g., 712f). In some embodiments, the corresponding user interface element does not satisfy the one or more second criteria when the corresponding user interface element is not included in a predetermined subset of one or more user interface elements included in a user interface associated with the content item. For example, one or more of a playback queue option, an option for skipping backward or forward in a playback position of a content item and an option for playing / pausing a content item, an option for viewing subtitle options for a content item, and an option for viewing audio options for a content item are not included in a predetermined subset of the one or more user interface elements. In some embodiments, the corresponding user interface element does not satisfy one or more second criteria when the corresponding user interface element is generally associated with functionality related to presentation of content items (e.g., and may not be specifically associated with presentation of content items in a three-dimensional environment).

[0212] Displaying a visual indication of the functionality of a corresponding user interface element that satisfies one or more second criteria provides an efficient way to indicate to the user the operation to be performed in response to further input directed to the corresponding user interface element, which reduces user errors and the amount of input required to correct user errors.

[0213] In some embodiments, such as Figure 7B In some embodiments, the electronic device (e.g., 101) displays (842a) a corresponding user interface element (e.g., 712b) via a display generation component (e.g., 120), which is displayed separately from the content item (e.g., 704) and the user interface (e.g., 711) associated with the content item (e.g., 711). In some embodiments, the content item and the user interface are displayed in separate containers (e.g., platters, user interface elements, windows, etc.) at different locations in the three-dimensional environment, and the corresponding user interface element is displayed at a location different from the location of the content item and the user interface in the three-dimensional environment outside of these containers. In some embodiments, in response to detecting a predefined portion of a user in a posture that meets one or more criteria, optionally simultaneously detecting a user gaze directed at the content item, the electronic device displays the corresponding user interface element simultaneously with one or more selectable elements for modifying the playback of the content item. For example, in response to detecting a predefined portion of a user in a posture that meets one or more criteria, optionally simultaneously detecting a user gaze directed at the content item, the electronic device displays the corresponding user interface element and a plurality of selectable elements for modifying the playback of the content item.

[0214] In some embodiments, such as Figure 7B In the embodiment, when a corresponding user interface element (e.g., 712b) is displayed, the electronic device (e.g., 101) receives (842b) input pointing to the corresponding user interface element (e.g., 712b) via one or more input devices (e.g., 314).

[0215] In some embodiments, such as Figure 7B In some embodiments, in response to detecting input pointing to a corresponding user interface element (e.g., 712b), the electronic device (e.g., 101) initiates (842c) a process for adjusting the size of a content item (e.g., 704) in a three-dimensional environment (e.g., 702) based on the input pointing to the corresponding user interface element (e.g., 712b). In some embodiments, in response to detecting a selection of the corresponding user interface element, the electronic device initiates a process for adjusting the size of the corresponding user interface element based on movement of a predefined part of the user (e.g., a hand) after selection of the corresponding user interface element. In some embodiments, in response to detecting movement of a predefined part of the user (e.g., a hand) after selection of the corresponding user interface element, the electronic device adjusts the size of the content item based on the movement of the predefined part of the user (e.g., a hand) without adjusting the size of the corresponding user interface element including one or more selectable elements for modifying playback of the content item as described above.

[0216] Displaying the corresponding user interface elements for adjusting the size of the content item separately from the content item and the user interface associated with the content item provides an efficient way to view the size of the content item while providing input for adjusting the size of the content item, thereby improving the ergonomics of the resizing input and reducing the time and number of inputs required to adjust the content item to the desired size.

[0217] 9A to 9E An exemplary manner of displaying media content in a three-dimensional environment is shown.

[0218] Fig. 9A The three-dimensional environment 904 and the top view 920 of the three-dimensional environment 904 are shown being displayed by the display generation component 120 of the electronic device 101. Figure 1 As described in FIG. 6 , the electronic device 101 optionally includes a display generation component (eg, a touch screen 120) and a plurality of image sensors (eg, Figure 3The image sensor 314). The image sensor optionally includes one or more of the following: a visible light camera; an infrared camera; a depth sensor; or any other sensor that the electronic device 101 will be able to use to capture one or more images of the user or a portion of the user when the user interacts with the electronic device 101. In some embodiments, the user interface shown below can also be implemented on a head-mounted display, which includes a display generation component that displays the user interface to the user, and sensors that detect the physical environment, movement of the user's hands (e.g., external sensors facing outward from the user) and / or sensors that detect the user's gaze (e.g., internal sensors facing inward toward the user's face).

[0219] exist Fig. 9A , electronic device 101 is displaying a three-dimensional environment 904 that includes a user interface 906 for application 1, a user interface 910 for application 2, a user interface 912 for application 3, and a representation 918 of a table, which is a physical table in the physical environment of device 101. In some embodiments, as will be described in more detail below, applications 1 to 3 are optionally media applications, gaming applications, social applications, navigation applications, streaming media applications, etc. In some embodiments, representation 918 and user interfaces 906, 910, and 912 are being displayed by electronic device 101 because these objects are in the field of view from the current viewpoint of user 922 of three-dimensional environment 904. For example, as shown in FIG. Fig. 9A As shown in overhead view 920 in FIG. 9A , the current viewpoint of user 922 of three-dimensional environment 904 corresponds to a position in the center of three-dimensional environment 904 and is oriented toward the top / back of three-dimensional environment 904. For ease of description in the remainder of the present disclosure, the position / pose of user 922 in three-dimensional environment 904 will be referred to herein as the current viewpoint of user 922 of three-dimensional environment 904, or more simply, the viewpoint of user 922 indicated in overhead view 920.

[0220] Therefore, if Fig. 9A As shown, the electronic device 101 is displaying the representation 918 and the user interfaces 906, 910, and 912 via the display generation component 120 because these objects are in the field of view from the current viewpoint of the user 922 of the three-dimensional environment 904 (as indicated in the overhead view 920). In contrast, the electronic device 101 does not display the representation 924 of the sofa, the representation 930 of the corner table, the representation 932 of the coffee table, and the user interfaces 926 and 928 via the display generation component 120 because these objects are not in the field of view from the current viewpoint of the user 922 of the three-dimensional environment 904, as indicated in the overhead view 920.

[0221] In some embodiments, the viewpoint of user 922 of three-dimensional environment 904 corresponds to the physical location of user 922 in physical environment 902 (e.g., operating environment 100) of electronic device 101. For example, the viewpoint of user 922 is optionally the viewpoint shown in top view 920 because user 922 is currently oriented toward a back wall in physical environment 902 and is located in the center of physical environment 902 while holding electronic device 101 (e.g., or wearing device 101 if device 101 is a head-mounted device).

[0222] like Fig. 9A As shown, the electronic device 101 is currently playing TV program A at the user interface 906. In some embodiments, in response to the electronic device detecting a request to start playback of TV program A, TV program A is played at the user interface 906. In some embodiments, as will be described in more detail below, the electronic device 101 can present TV program A in different presentation modes (including a picture-in-picture presentation mode and / or an extended presentation mode (e.g., different from a picture-in-picture presentation mode)). Fig. 9A In the example of , electronic device 101 is currently presenting TV program A in extended presentation mode at user interface 906. It should be understood that when TV program A is presented in extended presentation mode, user interface 906 may also be displayed at other locations relative to the user's viewpoint of three-dimensional environment 904, such as other locations in three-dimensional environment 904 that are in the field of view from the user's current viewpoint of three-dimensional environment 904.

[0223] exist Fig. 9B In the example, when the electronic device 101 is playing the TV program A in the extended presentation mode, the electronic device 101 has detected that the viewpoint of the user 922 of the three-dimensional environment 904 has changed from Fig. 9A The viewpoint indicated in moves to Fig. 9B In some embodiments, the viewpoint of the user of the three-dimensional environment 904 moves to Fig. 9B , as the user 922 moves to a corresponding pose and / or position in the physical environment 902. Fig. 9B As shown, in response to the electronic device 101 detecting the movement of the viewpoint of the user 922 in the three-dimensional environment 904, the electronic device 101 moves from Fig. 9B The three-dimensional environment 904 is displayed from the user's new viewpoint of the three-dimensional environment 904 indicated in the top view 920 .

[0224] Specifically, as the user 922's viewpoint Fig. 9A The viewpoint indicated in Fig. 9B As a result of the movement of the viewpoint indicated in , the electronic device 101 no longer presents the user interface 912 of the application 3 (as previously shown in Fig. 9A), because user interface 912 is no longer in the field of view from the current viewpoint of the user of three-dimensional environment 904 (as shown in Fig. 9B In addition, as a result of the movement of the viewpoint of the user 922, the electronic device 101 displays the representation 918 of the table, the user interface 910, and the user interface 906 in the three-dimensional environment. Fig. 9A Compared to a position further to the left of the user's field of view, because the viewpoint of the user 922 of the three-dimensional environment 904 is from Fig. 9A The viewpoint of user 922 is shown moving to the right.

[0225] In some embodiments, if the media content is being presented in the extended presentation mode, the position of the user interface presenting the media content in the three-dimensional environment 904 does not change as the user's viewpoint of the three-dimensional environment 904 moves. Fig. 9A The viewpoint shown moves to Fig. 9B When the viewpoint is shown, the position of the user interface 906 in the three-dimensional environment 904 does not change (eg, Fig. 9A and Fig. 9B ), because the user interface 906 is presenting TV program A in an expanded presentation mode.

[0226] exist Fig. 9B , the electronic device 101 is also presenting the playback controls user interface 908. In some embodiments, in response to the electronic device 101 detecting that the hand 916 of the user 922 is in a "pointing" posture (e.g., one or more fingers of the hand 916 are extended and one or more fingers of the hand 916 are curled toward the palm of the hand 916) or in a "pre-pinch" posture (e.g., the thumb of the hand 916 is within a threshold distance (e.g., 0.1 cm, 0.2 cm, 0.3 cm, 0.5 cm, 1 cm, 2 cm, 3 cm, or 5 cm) of another finger of the hand 1331 but not touching the other finger), while the user's gaze is optionally directed toward the media user interface 906, the electronic device 101 displays the playback controls user interface 908. In some embodiments, the user interface elements 908a-908j displayed at the playback controls user interface 908 are similar to the selectable user interface options 712c-L previously described in the series of Figures 7.

[0227] In addition, Fig. 9B, while the electronic device 101 is playing TV program A in the extended presentation mode, the electronic device 101 detects a request to start playing TV program A in the picture-in-picture presentation mode. In some embodiments, the electronic device 101 detects the request to start playing TV program A in the picture-in-picture presentation mode because the user's hand 916 is in a "pointing" posture or in a "pinching" posture (e.g., the thumb and index finger of the hand 916 are brought together to or within a threshold distance (e.g., 0.2 cm, 0.5 cm, 1 cm, 1.5 cm, 2 cm, or 2.5 cm) of each other) and the gaze 914 of the user 922 is directed to the user interface element 908 b.

[0228] exist Fig. 9C In response to Fig. 9B When a request to start presenting TV program A in picture-in-picture presentation mode is detected in the media user interface 906, the electronic device 101 stops playing back TV program A in the user interface 906 and starts presenting TV program A in the picture-in-picture user interface 934. In some embodiments, when the playback of TV program A transitions from the media user interface 906 to the picture-in-picture user interface 934, the electronic device 101 displays an animation in which the picture-in-picture user interface fades in and the playback of TV program A fades out at the user interface 906.

[0229] As shown in the overhead view 920, the picture-in-picture user interface 934 is displayed at a certain position in the three-dimensional environment, which is located at a position in the three-dimensional environment 904 in front of and to the right of the user's current viewpoint of the three-dimensional environment 904. In some embodiments, the electronic device 101 is displaying the picture-in-picture user interface 934 at the position indicated in the overhead view 920 because the position in the three-dimensional environment 904 is within a threshold distance (e.g., 0.1 feet, 0.2 feet, 0.5 feet, 1 foot, 1.5 feet, or 3 feet) from the user's current viewpoint of the three-dimensional environment 904 and / or occupies a predetermined portion (e.g., lower right, lower left, upper right, upper left) of the field of view from the viewpoint of the user 922 of the three-dimensional environment 904. Therefore, in some embodiments, the user interface 934 is displayed at a position in the three-dimensional environment 904 based on the viewpoint of the user 922, while the user interface 906 is displayed at a position in the three-dimensional environment 904 that is not based on the viewpoint of the user 922.

[0230] In some embodiments, when the electronic device 101 is presenting media content in a picture-in-picture presentation mode, the electronic device optionally displays one or more representations of media items that are selectable for playback. Fig. 9C In response to the electronic device 101 Fig. 9BWhen receiving a request to transition the presentation of television program A from the extended presentation mode to the picture-in-picture presentation mode, electronic device 101 updates user interface 906 (the user interface that previously presented television program A during the extended presentation mode) to include multiple representations 940-958 of the corresponding media content. Multiple representations 940-958 are optionally selectable, so that when electronic device 101 detects a selection of one of representations 940-958, the media item corresponding to the selected representation begins playing in user interface 906 (optionally without stopping playback of television program A at media user interface 934) and / or in picture-in-picture user interface 934.

[0231] In some embodiments, multiple representations 940-958 of respective media content are displayed in one or more groups (e.g., columns) in user interface 906. For example, in Fig. 9C , representations 940-946 are being displayed in the first column in user interface 906 because the corresponding media items are selected for display based on the content consumption history of user 922. Similarly, representations 948-958 are being displayed in the second column in user interface 906 because the corresponding media items correspond to popular / currently hot content items (e.g., a large number of users have recently viewed the media content corresponding to representations 948-958, such as within the last hour, day, week, month, etc.).

[0232] In some embodiments, the electronic device 101 updates the type / category of media content displayed in the user interface 906. For example, Fig. 9C , electronic device 101 is displaying user interface 936 (as previously described, this user interface is also optionally displayed in response to electronic device 101 receiving a request to start presenting television program A in picture-in-picture presentation mode). User interface element 936 includes: selectable option 936a, which, when selected, causes electronic device 101 to display in user interface 906 representations of media content that is currently popular and / or recommended based on user 922's content consumption history (e.g., Fig. 9C); optional option 936b, which, when selected, causes the electronic device 101 to display one or more representations of media content corresponding to one or more television programs in the user interface 906; optional option 936c, which, when selected, causes the electronic device 101 to display one or more representations of media content corresponding to one or more movies in the user interface 906; optional option 936d, which, when selected, causes the electronic device 101 to display one or more representations of media content corresponding to one or more (e.g., live) sports games in the user interface 906; and optional option 936e, which, when selected, causes the electronic device 101 to present a user interface in the user interface 906 for searching for specific media content.

[0233] exist Fig.9D In the example, the electronic device 101 has detected that the viewpoint of the user 922 has changed from Fig. 9C The viewpoint indicated in moves to Fig.9D In some embodiments, the viewpoint of the user 922 of the three-dimensional 904 is moved to Fig.9D , as the user 922 moves to a corresponding pose and / or position in the physical environment 902. Fig.9D As shown, in response to detecting that the viewpoint of the user 922 of the three-dimensional environment 904 has moved to Fig.9D , the electronic device 101 displays the three-dimensional environment 904 from the new viewpoint of the user of the three-dimensional environment 904. Specifically, the display generation component 120 of the device 101 is now displaying the user interfaces 926 and 928 and the representations 924 and 932 because these elements are now in the Fig.9D The field of view indicated by the user's viewpoint.

[0234] In some embodiments, when the viewpoint of the user 922 of the three-dimensional environment 904 moves, the electronic device 101 updates the position of the picture-in-picture user interface 934 based on the new viewpoint of the user 922 of the three-dimensional environment 904. Fig. 9C and Fig.9D As shown in the top view 920 in FIG. 1 , in response to the electronic device 101 detecting that the user's viewpoint of the three-dimensional environment 904 has moved from Fig. 9C The viewpoint indicated in moves to Fig.9D The electronic device 101 changes the position of the picture-in-picture user interface 934 from Fig. 9C Move to the position indicated in Fig.9D In some embodiments, the electronic device 101 moves the picture-in-picture user interface 934 from Fig. 9CThe location in three-dimensional environment 904 indicated in overhead view 920 in FIG. 1 moves because, based on the user's current viewpoint of three-dimensional environment 904, the location of user interface 934 indicated in overhead view 920 is no longer at or within a threshold distance (e.g., 0.1 feet, 0.2 feet, 0.5 feet, 1 foot, 1.5 feet, or 3 feet) of the user's new viewpoint of three-dimensional environment 904 and / or because the location is no longer in a predetermined (e.g., lower right) portion of the user's field of view from the user's new viewpoint of three-dimensional environment 904. In some embodiments, due to differences with reference to FIG. 1 , the user interface 934 is no longer located at or within a threshold distance (e.g., 0.1 feet, 0.2 feet, 0.5 feet, 1 foot, 1.5 feet, or 3 feet) of the user's new viewpoint of three-dimensional environment 904. Fig. 9C For similar reasons to those described above, the picture-in-picture user interface 934 is optionally being displayed at the location in the three-dimensional environment 904 indicated in the top view 920. In addition, as shown in the top view 920, for the purposes of the previous reference Fig. 9B For reasons similar to those described above, the position of user interface 906 in three-dimensional environment 904 does not change.

[0235] In some embodiments, when the electronic device 101 is presenting content in a picture-in-picture presentation mode, the playback controls are displayed as an overlay or integrated on the picture-in-picture user interface. For example, because the user interface 934 is currently presenting TV program A in a picture-in-picture presentation mode, the electronic device 101 is displaying user interface elements 936-948 (similar to those shown in the reference video) overlaid on the user interface 934. Fig. 9B (as opposed to when presenting playback controls in a separate user interface while presenting television program A in an extended presentation mode). In some embodiments, Fig.9D As shown, when the electronic device detects that the hand 916 is in a "pre-pinch" posture and optionally when the gaze of the user 922 is directed toward the user interface 934, the user interface elements 936-948 are displayed in the media user interface 934. If the electronic device 101 does not detect that the hand 916 is in a "pre-pinch" posture, the user interface elements 936-948 are optionally not displayed.

[0236] The functionality associated with user interface elements 936-948 will now be described. User interface element 936 is optionally selectable, and when selected, causes the electronic device 101 to stop presenting television program A in picture-in-picture presentation mode and begin presenting television program A in extended presentation mode. User interface element 938 is optionally selectable, and when selected, causes the electronic device 101 to stop playing back television program A (and optionally stop displaying user interface 934). User interface element 940 is optionally selectable, and when selected, causes the electronic device 101 to fast forward television program A by a predetermined amount (e.g., 10 seconds, 15 seconds, 20 seconds, 30 seconds, 40 seconds, or 60 seconds). User interface element 942 is optionally selectable, and when selected, causes the electronic device 101 to rewind television program A by a predetermined amount (e.g., 10 seconds, 15 seconds, 20 seconds, 30 seconds, 40 seconds, or 60 seconds). User interface element 944 is optionally selectable and, when selected, causes electronic device 101 to pause playback of television program A (e.g., if television program A is currently playing) or to start playback of television program A (e.g., if television program A is currently paused). Finally, media user interface 934 includes swipe bar 946, which includes indication 948 indicating the current playback position of television program A. Reference will be made to method 1400 and FIG. 13A to FIG. 13E To describe further details of the swipe bar 908j and operations associated with the swipe bar 908j.

[0237] In addition, if Fig.9D As shown, while user interface elements 936-946 are displayed and while television program A is being played in picture-in-picture presentation mode, the electronic device receives a request to present television program A in an expanded presentation mode (indicated by selection of user interface 936). In some embodiments, the input of selecting user interface element 936 is similar to selecting Fig. 9B In some embodiments, in response to receiving a request to begin presenting TV program A in extended presentation mode, electronic device 101 stops presenting TV program A at media user interface 934 and begins presenting TV program A in extended presentation mode. Fig. 9C The user interface 906 shown displays television program A in an extended presentation mode (and optionally stops at Fig. 9C Representations 940-958 are displayed at user interface 906 and user interface 934 as shown).

[0238] In some embodiments, if the user interface 906 (e.g., the user interface presenting the TV program A in the extended presentation mode) is not in the field of view from the user's current viewpoint of the three-dimensional environment 904 when the electronic device 101 receives a request to change the presentation mode of the TV program A from the picture-in-picture presentation mode to the extended presentation mode, the electronic device 101 updates the position of the user interface 906 to a position within the field of view from the user's current viewpoint of the three-dimensional environment 904, such as Fig.9E Conversely, if electronic device 101 receives a request to change television program A from being presented in a picture-in-picture presentation mode to being presented in an extended presentation mode, while user interface 906 is at a position in three-dimensional environment 904 that is currently in the user's field of view (such as at Fig. 9C ), the electronic device 101 will optionally not update the position of the user interface 906 in the three-dimensional environment 904.

[0239] In some embodiments, if playback of a media item during the extended presentation mode ends, the electronic device 101 displays one or more representations of one or more suggested media items to watch next. Fig.9E In the embodiment of the present invention, the electronic device 101 has detected that the playback of the television program A in the user interface 906 has ended, or has reached a corresponding position in the playback (for example, there are 0.25 minutes, 0.5 minutes, 1 minute, 2 minutes, 3 minutes or 5 minutes left before the end of the playback). In response, the electronic device 101 displays a user interface 909 including representations 946-950 of the corresponding media items. In some embodiments, the media items corresponding to the representations 946-950 are selected for display in the user interface 909 based on the content consumption history of the user 922. In some embodiments, the representations 946-950 are selectable, and when selected, the electronic device 101 plays back the corresponding media items in the user interface 906. For example, when the electronic device 101 detects that the user's hand 916 is in a "pointing" or "pinching" posture (as previously described), and the user's 922 gaze 914 is directed to the representation 950, the electronic device 101 optionally starts playing the media item C at the user interface 906.

[0240] Additionally or alternatively, based on the user's gaze 914 (no input from the user's hand is detected), a media item corresponding to representations 946-950 is optionally selected for playback. Fig.9EAs shown, the gaze 914 of the user 922 is currently directed to the representation 946 of the item A. In some embodiments, when the electronic device detects that the gaze 914 of the user 922 is directed to the representation 914, the electronic device 101 begins to play back the item A at the user interface 906. Alternatively, in some embodiments, the electronic device 101 starts to play back the media item A only when the user's gaze 914 has been directed to the representation 946 for at least a threshold amount of time (e.g., 15 seconds, 30 seconds, 60 seconds, 90 seconds, or 200 seconds). For example, in Fig.9E , the electronic device 101 has not yet begun playing back the media item A in the user interface 906 because the gaze 914 of the user 922 has not been directed at the representation 946 for the above threshold amount of time.

[0241] In some embodiments, the electronic device 101 displays an indication 915 indicating the amount of time remaining until the gaze 914 of the user 922 will cause the electronic device 101 to begin playback of the media item. Fig.9E , the electronic device 101 is displaying a circular visual indication 915 within the representation 946. In some embodiments, as the user's gaze 914 remains directed toward the representation 946, the electronic device 101 updates (e.g., in real time) the visual indication 915 to occupy a space from 0 (e.g., when the user's gaze 914 is not yet directed toward the representation 914) to a 360 degree angular distance (e.g., when the user's gaze 914 has been directed toward the representation 914 for the above threshold amount of time). For example, in Fig.9E , visual indication 915 currently indicates that the user's gaze 914 has been directed toward representation 946 for half of the threshold amount of time described above because visual indication 915 is occupying an angular distance of 180 degrees.

[0242] about 9A to 9E Additional or alternative details of the embodiments shown in the are provided below with reference to FIG. 10A to FIG. 10I In the description of method 1000 described.

[0243] FIG. 10A to FIG. 10I 1 is a flowchart illustrating a method for displaying media content in a three-dimensional environment according to some embodiments. In some embodiments, method 1000 is performed on a computer system (e.g., Figure 1 101) in the computer system, the computer system including a display generation component (e.g., Figure 1 , Figure 3 and Figure 4In some embodiments, method 1000 is performed by storing in a non-transitory computer-readable storage medium and by one or more processors of a computer system, such as one or more processors 202 of computer system 101 (e.g., Figure 1 Some operations in method 1000 are optionally combined, and / or the order of some operations is optionally changed.

[0244] In some embodiments, method 1000 is performed at an electronic device (e.g., a mobile device (e.g., a tablet, smart phone, media player, or wearable device) or a computer) in communication with a display generation component and one or more input devices. 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 a user interface or making a user interface visible to one or more users, etc. In some embodiments, the one or more input devices include a device capable of receiving user input (e.g., capturing user input, detecting user input, etc.) and transmitting information associated with the user input to the electronic device. Examples of input devices include a touch screen, 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), a controller (e.g., external), a camera, a depth sensor, an eye tracking device, and / or a motion sensor (e.g., a hand tracking device, a hand motion sensor), etc. In some embodiments, the electronic device communicates with a hand tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., touch screen, trackpad)). In some embodiments, the hand tracking device is a wearable device, such as a smart glove. In some embodiments, the hand tracking device is a handheld input device, such as a remote control or a stylus.

[0245] In some embodiments, an electronic device (e.g., 9A to 9EThe device 101 in the embodiment of the present invention displays (1002a) via a display generation component a three-dimensional environment (e.g., the three-dimensional environment is a computer-generated reality (XR) environment such as a virtual reality (VR) environment, a mixed reality (MR) environment, or an augmented reality (AR) environment) including a first media user interface (e.g., such as a user interface described with reference to methods 800, 1200, and / or 1400), the first media user interface is presenting (e.g., media) content and is located at a first corresponding position in the three-dimensional environment. For example, in Fig. 9A , the electronic device 101 is displaying a three-dimensional environment 904 including "TV program A" presented at the user interface 906. In some embodiments, when the first media user interface is displayed in the three-dimensional environment, the first media user interface is presenting a movie, a TV program, a music video, and / or other types of video or audio content. In some embodiments, the first media user interface is located at a first corresponding position in the three-dimensional environment because the first corresponding position is the default launch position of the application associated with the first media user interface (e.g., in response to launching the corresponding application, the first media user interface is displayed at the first corresponding position in the three-dimensional environment). In some embodiments, the first media user interface is located at the first corresponding position in the three-dimensional environment because the user of the electronic device has moved the first media user interface to the first corresponding position. In some embodiments, if the three-dimensional environment is being displayed when the user's viewpoint is the first viewpoint (e.g., when the electronic device is oriented toward the first area in the physical environment), the three-dimensional environment optionally includes representations of some or all of the objects located at the first position in the physical environment and / or representations of virtual objects (e.g., objects that are not in the physical environment but are displayed because the user's viewpoint corresponds to the first viewpoint). In other words, different viewpoints of a user of the electronic device optionally cause representations of different virtual objects and / or physical objects to be in the user's field of view when the three-dimensional environment is displayed from the corresponding viewpoints. For example, a first location in the physical environment may include one or more physical objects, such as chairs, sofas, tables, etc., and the three-dimensional environment may include representations of the one or more chairs, sofas, tables, etc. Similarly, the first media user interface is optionally at a location in the three-dimensional environment such that when the user's viewpoint corresponds to the first viewpoint, the first media user interface is within the user's field of view from the first viewpoint.

[0246] In some embodiments, when a three-dimensional environment is displayed and a first media user interface is located at a first corresponding position in the three-dimensional environment and has a posture (e.g., position and / or orientation) within a corresponding posture range relative to a first viewpoint of a user of the electronic device (e.g., in some embodiments, the corresponding posture range relative to the user's first viewpoint includes all postures (or a subset of postures) in the three-dimensional environment that are in the user's field of view of the three-dimensional environment from the user's first viewpoint. In some embodiments, the position of the first media user interface in the three-dimensional environment is not within the corresponding posture range relative to the first viewpoint (if the position is not in the user's field of view from the first viewpoint)), the electronic device detects (1002b) movement of the user's viewpoint in the three-dimensional environment from the first viewpoint to a second viewpoint different from the first viewpoint (e.g., the electronic device detects that the user of the electronic device has begun to look at a different location in the physical environment (e.g., the orientation of the user's field of view entering the three-dimensional environment has changed). For example, Fig. 9B In the example, the electronic device 101 detects that the user's viewpoint of the three-dimensional environment 904 has changed from Fig. 9A The viewpoint indicated in the top view 920 in FIG. Fig. 9B . In some embodiments, the portion of the three-dimensional environment that is in the field of view from the user's first viewpoint is optionally still within the user's field of view from the second viewpoint (e.g., at least a portion of the three-dimensional environment displayed via the display generation component when the three-dimensional environment is presented from the first viewpoint is displayed via the display generation component when the three-dimensional environment is presented from the second viewpoint). Alternatively, in some embodiments, when the three-dimensional environment is presented from the user's second viewpoint, the area / portion of the three-dimensional environment that is in the user's field of view from the first viewpoint is optionally no longer in the user's field of view from the second viewpoint. In some embodiments, the user's viewpoint changes as the user moves in the physical environment (e.g., walking, running, etc.) and / or looks at different areas in the physical environment (e.g., while remaining stationary). )

[0247] In some embodiments, in response to detecting movement of the user's viewpoint from the first viewpoint to the second viewpoint, the electronic device displays (1002c) the three-dimensional environment from the second viewpoint via the display generation component (e.g., the electronic device updates the display of the three-dimensional environment to correspond to the user's new viewpoint of the three-dimensional environment—the second viewpoint. In some embodiments, the display of the three-dimensional environment from the user's second viewpoint is similar to the display of the three-dimensional environment from the first viewpoint, as described above.)

[0248] In some embodiments, based on determining that content is being presented in a first presentation mode (e.g., in some embodiments, when the content is not being presented in a picture-in-picture (PiP) UI, the content is being presented in the first presentation mode. In some embodiments, when the content is being presented in a default presentation mode (e.g., playing locally in a video player application associated with the first media user interface), the content is being presented in the first presentation mode. In some embodiments, if the content is being presented in a video aspect ratio greater than 9:16 or 16:9, the content is being presented in the first presentation mode), the electronic device 101 maintains (1002d) the first media user interface at a first corresponding position in the three-dimensional environment, wherein the first media user interface is no longer within a corresponding posture range relative to the user's second viewpoint. For example, even if the viewpoint of the user 922 of the three-dimensional environment 904 is in Fig. 9A and Fig. 9B The position of the user interface 906 in the three-dimensional environment 904 does not change (eg Fig. 9A and Fig. 9B ). For example, if the content in the first media user interface is being presented in a non-PiP presentation mode (e.g., locally in a video player application), movement of the user's viewpoint does not cause the position of the first media user interface in the three-dimensional environment to change. Therefore, in some embodiments, when the three-dimensional environment is displayed from the user's second viewpoint, the first media user interface is optionally no longer in the user's field of view. In some embodiments, when the three-dimensional environment is being presented from the user's second viewpoint, the first media user interface is no longer within the corresponding pose range relative to the user's second viewpoint because the position (e.g., positioning) of the first media user interface in the three-dimensional environment is not in the user's field of view from the user's second viewpoint of the three-dimensional environment.

[0249] In some embodiments, based on determining that the content is being presented in a second presentation mode that is different from the first presentation mode (for example, if the content is being presented in a picture-in-picture (PiP) format), the electronic device displays (1002e) the first media user interface at a second corresponding position in the three-dimensional environment that is different from the first corresponding position, wherein displaying the first media user interface at the second corresponding position causes the first media user interface to be displayed in a posture within a corresponding posture range relative to the user's second viewpoint (for example, in some embodiments, the posture range relative to the user's second viewpoint includes all postures (or a subset of postures) in the three-dimensional environment that are in the user's field of view from the user's second viewpoint), such as as a result of movement of the user's viewpoint, the position of the user interface 934 changes from Fig. 9C Move to the position indicated in Fig.9D. For example, if the content in the first media user interface is being presented in a picture-in-picture (PiP) presentation mode, the position of the first media user interface in the three-dimensional environment changes as the user's viewpoint of the three-dimensional environment changes, so that the first media user interface is always displayed in the portion of the three-dimensional environment currently being displayed (e.g., corresponding to the user's current viewpoint). In some embodiments, if the first media user interface is being presented in a second presentation mode, the first media user interface is displayed at a position in the three-dimensional environment so that the first media user interface appears within a threshold distance (0.5 feet, 1 foot, 2 feet, 4 feet, or 6 feet) of a user of the electronic device (e.g., a predetermined portion thereof) (or within a threshold distance (0.5 feet, 1 foot, 2 feet, 4 feet, or 6 feet) of a corresponding body part of the user (e.g., right or left hip, right or left shoulder)). For example, if the first media user interface is being presented in the second mode of presentation, the first media user interface is displayed in the lower right portion of the user's field of view of the three-dimensional environment, regardless of the position and / or orientation of the viewpoint. In some embodiments, if the first media user interface is not presented in the second presentation mode (e.g., is being presented in the first presentation mode), the first media user interface is optionally being displayed at a location in the three-dimensional environment that is not within a threshold distance (0.5 feet, 1 foot, 2 feet, 4 feet, or 6 feet) of a user of the electronic device (or within a threshold distance (0.5 feet, 1 foot, 2 feet, 4 feet, or 6 feet) of a corresponding body part of the user (e.g., right or left hip, right or left shoulder)).

[0250] Changing the position of the first media user interface as the user's viewpoint in the three-dimensional environment changes provides an effective way to provide continuous access to certain user interfaces in the three-dimensional environment while content of the first media user interface is being presented in a second presentation mode, regardless of the user's current viewpoint of the three-dimensional environment, thereby reducing the cognitive burden on the user when engaging with the first media user interface and when engaging with other content or applications in the three-dimensional environment.

[0251] In some embodiments, the second corresponding position is based on the second viewpoint (1004a) (e.g., the position of the first media user interface is no longer based on the position of the user's first viewpoint, but is based on the position of the user's second viewpoint). In some embodiments, the second corresponding position is a position in the three-dimensional environment within or at a threshold distance (e.g., 0.1 feet, 0.2 feet, 0.5 feet, 1 foot, 1.5 feet, or 3 feet) from the second viewpoint. In some embodiments, the second corresponding position is a position in the user's field of view from the second viewpoint. In some embodiments, the second corresponding position in the three-dimensional environment corresponds to a position in the physical environment within or at a threshold distance of a corresponding body part (e.g., part) of the user (e.g., within 0.1 feet, 0.2 feet, 0.3 feet, 1 foot, 2 feet, or 3 feet of the user's hip, hand, head, foot, or knee). In some embodiments, the second corresponding position corresponds to the lower right portion (or lower left portion or upper right portion) of the user's field of view from the user's second viewpoint. In some embodiments, displaying the first media user interface at the second corresponding position includes (1004a) displaying the first media user interface at the second corresponding position (1004b) based on determining that the movement of the user's viewpoint after moving to the second viewpoint satisfies one or more criteria (for example, in some embodiments, if the user's viewpoint of the three-dimensional environment has not changed by more than a predetermined amount after the user's viewpoint of the three-dimensional environment moves to the second viewpoint (for example, the user's viewpoint has not moved more than a threshold movement amount (for example, less than 1 cm, 2 cm, 5 cm, 10 cm, 50 cm, 100 cm, 300 cm, or 1000 cm movement) and / or has corresponded to the second viewpoint for at least a threshold amount of time (for example, 0.5 seconds, 1 second, 3 seconds, 7 seconds, 10 seconds, 20 seconds, or 30 seconds), then one or more criteria are satisfied). For example, in Fig.9D In the embodiment of the present invention, if the viewpoint of user 922 of three-dimensional environment 904 meets the above criteria, user interface 934 is displayed at a location in three-dimensional environment 904 within the field of view of user 922. For example, if the user's viewpoint of the three-dimensional environment has corresponded to the second viewpoint for at least a threshold amount of time (e.g., 0.5 seconds, 1 second, 3 seconds, 7 seconds, 10 seconds, 20 seconds, or 30 seconds) and / or has moved less than a threshold amount of movement (e.g., less than 1 cm, 2 cm, 5 cm, 10 cm, 50 cm, 100 cm, 300 cm, or 1000 cm movement), the first media user interface is displayed at a second corresponding location in the three-dimensional environment.

[0252] In some embodiments, displaying the first media user interface at the second corresponding position includes (1004a): based on determining that the movement of the user's viewpoint after moving to the second viewpoint does not meet one or more criteria (for example, in some embodiments, if the user's viewpoint in the three-dimensional environment has moved more than a threshold amount (for example, the user's viewpoint has moved more than 1 cm, 2 cm, 5 cm, 10 cm, 50 cm, 100 cm, 300 cm, or 1000 cm of movement) after the user's viewpoint in the three-dimensional environment moves to the second viewpoint and / or has not yet corresponded to the second viewpoint for at least a threshold amount (for example, 0.1 seconds, 1 second, 3 seconds, 7 seconds, 10 seconds, 20 seconds, or 30 seconds), then one or more criteria are not met), abandoning displaying the first media user interface at the second corresponding position (1004c). For example, in Fig.9D In some embodiments, if the viewpoint of the user 922 of the three-dimensional environment 904 does not meet the above criteria, the user interface 934 is not displayed at a location in the three-dimensional environment 904 within the field of view of the user 922. For example, if the user viewpoint of the three-dimensional environment has not yet corresponded to the second viewpoint for at least a threshold amount (e.g., 0.1 seconds, 1 second, 3 seconds, 7 seconds, 10 seconds, 20 seconds, or 30 seconds) (and / or has moved more than the threshold movement amount), the first media user interface is not displayed at the second corresponding location until the user viewpoint of the three-dimensional environment meets one or more criteria. In some embodiments, if one or more criteria are not met (e.g., the user viewpoint of the three-dimensional environment has not yet corresponded to the second viewpoint for at least the above threshold amount of time), the first media user interface continues to be displayed at a location in the three-dimensional environment based on the user's first viewpoint. In some embodiments, when the user's viewpoint is moving to the second viewpoint, the first media user interface at the first corresponding location fades out and resumes fading in after one or more criteria are met. In some embodiments, the first media user interface does not change position in the three-dimensional environment until one or more criteria are met. Thus, while the electronic device is relinquishing display of the first media user interface at the second corresponding location, the electronic device optionally remains displayed at the first corresponding location in the three-dimensional environment.

[0253] Displaying or delaying the display of a first media user interface after a user's viewpoint in a three-dimensional environment moves provides an efficient way to display the first media user interface relative to the user's new viewpoint after the user's movement has stabilized, thereby reducing the user's cognitive burden when interacting with the first media user interface and when interacting with other content or applications in the three-dimensional environment.

[0254] In some embodiments, the first media user interface is associated with a corresponding application (e.g., a video application, a media application, or a streaming media application). In some embodiments, the orientation of the first media user interface during the second presentation mode (e.g., whether the first media user interface is displayed in portrait mode or landscape mode) is defined by the application associated with the first media user interface. In some embodiments, the type of application associated with the first media user interface defines the orientation of the first media user interface during the second presentation mode. In some embodiments, during the second presentation mode, the first media user interface is automatically oriented toward the user's viewpoint (e.g., perpendicular to the user's viewpoint) so that the content in the first media user interface is displayed toward the user's viewpoint of the three-dimensional environment (e.g., at an angle).

[0255] In some embodiments, while the first media user interface is presenting content in the second presentation mode, the first media user interface includes one or more user interface elements (1006a) that are selectable for modifying playback of the content, such as Fig.9D In some embodiments, when one or more user interface elements are displayed in the first media user interface, the electronic device receives (1006b) a selection of a corresponding user interface element in the one or more user interface elements (such as a selection of a corresponding user interface element in the one or more user interface elements) via one or more input devices. Fig.9D Input corresponding to selection of user interface element 936 in .

[0256] In some embodiments, in response to receiving the input, the electronic device modifies (1006c) the playback of the content according to the selection of the corresponding user interface element. For example, in response to electronic device 101 detecting the selection of user interface element 936, electronic device 101 changes the playback of television program A from the picture-in-picture presentation mode to the extended presentation mode, as shown in FIG. Fig.9DDescribed in more detail. For example, when the content is being presented in a picture-in-picture mode (e.g., a second presentation mode), a user interface element for modifying the playback of the content is displayed as covering the first media user interface. In some embodiments, the user interface element is integrated in the first media user interface (as opposed to covering the first media user interface) so that the content and the user interface element presented in the first media user interface are at the same Z depth in a three-dimensional environment. In some embodiments, the user interface element for modifying the playback of the content includes a user interface element for playing, pausing, fast forwarding, rewinding, displaying subtitles, and / or for modifying the audio associated with the content presented in the first media user interface. In some embodiments, if the content presented in the first media user interface is immersive content, the first media user interface also includes a user interface element associated with playing the content in a third (e.g., immersive) presentation mode (as described in more detail in method 1400). In some embodiments, after the electronic device detects that the user of the electronic device performs a pinch gesture (e.g., such as with the thumb and index finger of the user's hand) and the user's gaze is directed to the first media user interface element, one or more user interface elements are displayed in the first media user interface. In some embodiments, a user interface element is displayed in the first media user interface when only the user's gaze is directed toward the first media user interface and / or when the user's gaze is directed toward the first media user interface while the user's hand is performing the beginning of a pinch gesture (for example, such as when the thumb and index finger of the user's hand are separated by more than a threshold distance (for example, 0.5 cm, 1 cm, 1.5 cm, 3 cm, or 6 cm) and have not yet come within the above threshold distance of each other).

[0257] Displaying user interface elements in a first media user interface (e.g., overlaid on or integrated into the first media user interface) provides an efficient manner for displaying user interface elements associated with modifying playback of content and interacting with such controls, thereby reducing the cognitive burden on the user when engaging with the first media user interface and when modifying playback of the first media user interface.

[0258] In some embodiments, when the first media user interface is presenting content in the first presentation mode, the three-dimensional environment includes a playback control user interface separate from the first media user interface, the playback control user interface includes one or more user interface elements selectable for modifying playback of the content, and the first media user interface does not include one or more user interface elements selectable for modifying playback of the content (1008a). For example, in Fig. 9BIn some embodiments, the playback controls user interface 908 is displayed separately from the user interface 906 during the extended presentation mode. In some embodiments, if the content is not presented in the picture-in-picture presentation mode, the content is being presented in the first presentation mode. In some embodiments, if the content is being presented at a display size that is larger than the display size of the content during the second presentation mode, the content is being presented in the first presentation mode. In some embodiments, when the content is being presented in the default presentation mode (e.g., played locally in a video player application associated with the first media user interface), the content is being presented in the first presentation mode.

[0259] In some embodiments, while displaying the playback control user interface, the electronic device 101 receives (1008b) via one or more input devices an input corresponding to a selection of a corresponding user interface element in the one or more user interface elements. Fig. 9B In , the electronic device 101 detects a selection of the user interface element 908b. In some embodiments, in response to receiving the input, the electronic device modifies (1008c) the playback of the content according to the selection of the corresponding user interface element. Fig. 9C In response to the electronic device 101 detecting the Fig. 9B, the electronic device 101 displays TV program A at the picture-in-picture user interface 934. For example, during the presentation of content in the first presentation mode, the user interface elements associated with modifying the playback of the content presented in the first media user interface are displayed in a playback control user interface that is separate from the first media user interface (e.g., and not integrated with the first media user interface and / or covers the first media user interface). In some embodiments, one or more user interface elements include options for playing / pausing content, advancing the content forward by a predetermined amount (e.g., 15 seconds, 30 seconds, 60 seconds, 90 seconds), rewinding the content to a predetermined amount (e.g., 15 seconds, 30 seconds, 60 seconds, 90 seconds), and modifying the subtitle display and / or audio associated with the content presented in the first media user interface. In some embodiments, the playback control user interface is angled toward the user's viewpoint of the three-dimensional environment in a different manner from the first media user interface (e.g., perpendicular to the user's viewpoint). For example, in some embodiments, the playback control user interface is displayed as tilted upward relative to a fixed reference frame, and the first media user interface is displayed as parallel to the fixed reference frame. In some embodiments, both the playback control user interface and the first media user interface are perpendicular to the user's viewpoint. In some embodiments, if the content is immersive content, the playback control user interface includes an option for starting to play the content in a third presentation mode (e.g., immersive presentation), as described in more detail with reference to method 1400. In some embodiments, after the electronic device detects that the user of the electronic device performs a pinch gesture (e.g., such as with the thumb and index finger of the user's hand) and the user's gaze is directed to the first media user interface element, the playback control user interface is displayed in a three-dimensional environment. In some embodiments, when only the user's gaze is directed to the first media user interface and / or when the user's gaze is directed to the first media user interface and the user's hand is performing the beginning of a pinch gesture (e.g., such as when the thumb and index finger of the user's hand are separated by more than a threshold distance (e.g., 0.5 cm, 1 cm, 1.5 cm, 3 cm, 6 cm) and have not yet come within the above-mentioned threshold distance of each other), the playback control user interface is displayed in a three-dimensional environment.

[0260] Displaying user interface elements for modifying playback of content in a first media user interface in a separate user interface during a first presentation mode provides an efficient way to access and interact with such user interface elements during the first presentation mode, thereby reducing the cognitive burden on the user when engaging with the first media user interface and when modifying playback of the first media user interface.

[0261] In some embodiments, while content is being displayed in a first media user interface in a first presentation mode (e.g., in some embodiments, if the content is not being presented in a picture-in-picture presentation mode, the content is being presented in the first presentation mode. In some embodiments, if the content / first media user interface is being presented at a display size that is larger than the display size of the content / first media user interface during a second presentation mode, the content is being presented in the first presentation mode. In some embodiments, when the content is being presented in a default presentation mode (e.g., playing locally in a video player application associated with the first media user interface), the content is being presented in the first presentation mode.) and simultaneously displaying the first media user interface having a first corresponding user interface element that is selectable to transition the content from the first presentation mode to the second presentation mode (e.g., displaying a user interface element that is selectable to transition the content from being presented in the first presentation mode to being presented in the second presentation mode (e.g., picture-in-picture presentation mode)), the electronic device 101 receives (1010a) via one or more input devices in connection with a selection of the first corresponding user interface element (such as a selection of Fig. 9B The first input corresponds to the selection of user interface element 908b in.

[0262] In some embodiments, in response to receiving the first input (1010b) (e.g., stopping presenting content in the media user interface), the electronic device displays (1010c) via the display generation component a second media user interface (e.g., different from the first media user interface) that is presenting content in a second presentation mode. Fig. 9B By selecting user interface element 908b in FIG. 1 , electronic device 101 changes the display of television program A from user interface 906 to Fig. 9C In some embodiments, the second media user interface is smaller in size (e.g., in a three-dimensional environment) than the first media user interface (e.g., has a width and / or height smaller than the first media user interface in a three-dimensional environment). In some embodiments, the portion of the user's field of view occupied by the second media user interface is smaller than the portion of the user's field of view occupied by the first media user interface.

[0263] In some embodiments, in response to receiving the first input (1010b), the electronic device displays (1010d) one or more selectable representations of one or more content items in the first media user interface, including a first selectable representation of the first content item that is selectable to cause the first content item to be played back at the first media user interface or the second media user interface, such as Fig. 9C940-958 in. For example, after receiving the first input, the first media user interface (e.g., the first media user interface that presents the content before the content begins playing in the second media user interface) begins to display representations of content items that can be selected to cause the corresponding content items (e.g., within the first media user interface or within the second media user interface) to be played back. In some embodiments, the content items corresponding to one or more selectable representations correspond to content items recommended based on the user's content consumption history. In some embodiments, the content items corresponding to one or more selectable representations correspond to hot, popular, and / or newly released content items.

[0264] Updating the first media user interface to include representations of additional content items when content being presented in the first media user interface begins to be displayed in a different user interface provides an efficient way to access additional content items while the content is being presented in a second presentation mode (and without the need for additional input), thereby reducing the cognitive burden on the user when engaging with the first media user interface and when modifying the presentation of content presented in the first media user interface.

[0265] In some embodiments, in response to receiving the first input and before presenting the content in the second presentation mode at the second media user interface, the electronic device displays (1012a) an animation of the content transitioning from the first presentation mode at the first media user interface to the second presentation mode at the second media user interface. Fig. 9B The extended presentation mode shown changes to Fig. 9C In the picture-in-picture presentation mode shown, an animation is displayed. For example, after receiving a request to change the content from being presented in a first presentation mode to being presented in a second presentation mode, an animation indicating that the content is transitioning from the first presentation mode to the second presentation mode is displayed. In some embodiments, the animation includes visually de-emphasizing the content at the first media user interface (e.g., fading out) and / or visually emphasizing the content at the second media user interface (e.g., fading in). In some embodiments, the animation includes visually highlighting the second media user interface to indicate that the content is now being presented at the second media user interface. In some embodiments, the second media user interface continues to be highlighted or visually emphasized until the content has been presented in the second media user interface for a threshold amount of time (e.g., 5 seconds, 10 seconds, 20 seconds, 40 seconds, 60 seconds, 120 seconds) or until the user's attention becomes directed to the second media user interface (e.g., the user's gaze becomes directed to the second media user interface). In some embodiments, the animation includes content reduction and (or simultaneously) moving from the position of the first media user interface to the position of the second media user interface to be displayed in a three-dimensional environment.

[0266] Displaying an animation when content is transitioning from a first presentation mode to a second presentation mode provides an efficient way to indicate a current presentation mode associated with the content, thereby reducing the cognitive burden on the user when engaging with content presented in the first media user interface.

[0267] In some embodiments, when presenting content in a second presentation mode at a second media user interface (e.g., when presenting content in a picture-in-picture user interface), the electronic device receives (1014a) via one or more input devices a second input corresponding to a request to change presentation of the content from the second presentation mode to the first presentation mode, such as a second input for selecting Fig.9D . In some embodiments, when a user interface element displayed in or with the second media user interface is selected as previously described above, a request to transition the presentation of the content from the second presentation mode to the first presentation mode is received. In some embodiments, in response to receiving the second input (1014b), the electronic device stops (1014c) displaying the second media user interface and one or more optional representations in the second media user interface. For example, when the presentation mode associated with the content is switched from the second presentation mode to the first presentation mode, the second user interface (e.g., a picture-in-picture user interface) stops being displayed in the three-dimensional environment. In some embodiments, the electronic device presents (1014d) content at the first media user interface, wherein the content is being presented in the first presentation mode when the content is first displayed at the media user interface. For example, if the electronic device 101 detects a request to transition the playback of TV program A from the picture-in-picture presentation mode to the extended presentation mode, the electronic device 101 replaces the representations 940-958 at the user interface 906 with the playback of TV program A. For example, when the presentation mode associated with the content is switched to the first presentation mode, the first media user interface in the three-dimensional environment begins to present the content. In some embodiments, when the presentation mode of the content is switched to the first presentation mode, the position of the content in the three-dimensional environment changes from a position corresponding to the second media user interface (e.g., a picture-in-picture user interface) to a position in the three-dimensional environment corresponding to the position of the application that now facilitates playback of the content. In some embodiments, when the content is being presented in the first presentation mode, the content is being presented in the first media user interface that is larger in size than the second media user interface (e.g., and the content is therefore displayed at a larger size than the size at which the content is presented in the second media user interface). In some embodiments, if a second input is received while the content is in the first playback position, the electronic device begins presenting the content in the first media user interface from the first playback position.

[0268] Presenting content at different media user interfaces based on the presentation mode of the content provides an efficient way to indicate the current presentation mode associated with the content, thereby reducing the cognitive burden on the user when engaging with content presented in the first media user interface.

[0269] In some embodiments, in response to receiving the second input and before presenting the content in the first presentation mode at the first media user interface, the electronic device displays (1016a) an animation of the content transitioning from the second presentation mode at the second media user interface to the first presentation mode at the first media user interface. For example, when the electronic device 101 is changing the presentation of television program A from the second presentation mode at the second media user interface to the first presentation mode at the first media user interface in response to the selection of user interface element 936 Fig.9D When the picture-in-picture presentation mode shown is changed to the extended presentation mode, an animation is displayed. For example, in response to receiving a request to change the content from being presented in the second presentation mode to being presented in the first presentation mode, an animation indicating that the content is changing from the second presentation mode to the first presentation mode is displayed. In some embodiments, the animation includes fading out (e.g., visually de-emphasizing) the content at the second media user interface and / or fading in (e.g., visually emphasizing) the content at the first media user interface. In some embodiments, the animation includes visually highlighting the first media user interface to indicate that the content is now being presented at the first media user interface (rather than the second media user interface). In some embodiments, the first media user interface continues to be highlighted or visually emphasized until the content has been presented in the first media user interface for a threshold amount of time (e.g., 5 seconds, 10 seconds, 20 seconds, 40 seconds, 60 seconds, 120 seconds) or until the user's attention becomes directed to the second media user interface (e.g., the user's gaze becomes directed to the first media user interface). In some embodiments, the animation includes content enlargement and (or simultaneously) moving from the position of the second media user interface to the position of the first media user interface in a three-dimensional environment. Displaying an animation when content is transitioning from the second presentation mode to the first presentation mode provides an efficient way to indicate the current presentation mode associated with the content, thereby reducing the cognitive burden on the user when engaging with content presented in the first media user interface.

[0270] In some embodiments, while presenting content in a first presentation mode at a first media user interface (e.g., in some embodiments, if the content is not presented in a picture-in-picture presentation mode, the content is being presented in the first presentation mode. In some embodiments, if the content is being presented at a display size that is larger than the display size of the content during a second presentation mode, the content is being presented in the first presentation mode. In some embodiments, when the content is being presented in a default presentation mode (e.g., playing locally in a video player application associated with the first media user interface), the content is being presented in the first presentation mode.), the electronic device receives (1018a) via one or more input devices a first input corresponding to a request to display a first user interface of a first application (e.g., receiving a request to launch a new application in a three-dimensional environment). In some embodiments, in response to receiving the first input (1018b), the electronic device displays (1018c) the first user interface of the first application in a three-dimensional environment; for example, when the electronic device receives a request to open / launch the first application in a three-dimensional environment, the user interface of the first application is displayed in the three-dimensional environment. In some embodiments, in response to receiving the first input (1018b), the electronic device stops (1018d) presenting content in the first presentation mode at the first media user interface. For example, when an application in a three-dimensional environment is launched while content is being presented in a first presentation mode, the content stops being presented in the first presentation mode. In some embodiments, the first media user interface also stops being displayed in the three-dimensional environment. In some embodiments, in response to receiving a first input (1018b), the electronic device displays (1018e) a second media user interface presenting content in the three-dimensional environment, wherein the content is being presented in the second presentation mode while the content is being presented at the second media user interface. For example, Fig. 9AIn the embodiment of the present invention, if the electronic device 101 receives a request to start a new application in the three-dimensional environment 904, the electronic device 101 automatically changes the presentation of the TV program A from the extended presentation mode to the picture-in-picture presentation mode. In some embodiments, the second media user interface is displayed simultaneously with the first user interface of the first application. For example, when a request to start a new application in a three-dimensional environment is received while the content is being presented in the first presentation mode, the content begins to play in different user interfaces (e.g., picture-in-picture user interfaces) in different presentation modes (e.g., second presentation modes). In some embodiments, the launch of the first application in the three-dimensional environment causes the content to be transformed from the first presentation mode to the second presentation mode, because the default launch position of the first application corresponds to the current position of the first media user interface in the three-dimensional environment. In some embodiments, the launch of the first application in the three-dimensional environment causes the content to be transformed from the first presentation mode to the second presentation mode, because the display position of the first user interface will block (or partially block) the first media user interface. In some embodiments, the content presented in the second user interface is not blocked by the first user interface of the first application.

[0271] Switching the presentation mode of content from a first presentation mode to a second presentation mode when a request to launch a new application in a three-dimensional environment is received provides an efficient way to continue displaying content in a three-dimensional environment while displaying a new user interface in the three-dimensional environment, thereby reducing the cognitive burden on the user when interacting with content presented in the first media user interface.

[0272] In some embodiments, the electronic device detects (1020a) that playback of the content has reached a predetermined playback threshold (e.g., playback has completed, playback of the content item is within a threshold amount of time from ending (e.g., playback of the content will end in 0.5 minutes, 1 minute, 1.5 minutes, 3 minutes, 5 minutes, 10 minutes, 20 minutes)). In some embodiments, in response to detecting that playback of the content has reached a predetermined playback threshold, the electronic device displays (1020b) a second user interface in a three-dimensional environment that includes one or more representations of recommended content, which, when selected, causes the corresponding content to begin playback at the first media user interface. For example, in Fig.9E, in response to the electronic device 101 detecting that the playback of television program A has been completed, the electronic device 101 is displaying the user interface 946. For example, when the playback of the content has reached a predetermined playback threshold, a second media user interface is displayed in a three-dimensional environment, and the second media user interface includes one or more content representations that can be selected to start playback of new content in the first media user interface. In a certain embodiment, if the content is being presented in the first presentation mode, the second user interface is displayed, and if the content is not being presented in the first presentation mode, the second user interface is not displayed. In some embodiments, the content corresponding to the one or more representations corresponds to content that is recommended based on the content consumption history of the user of the electronic device and / or because the user previously saved / liked the content. In some embodiments, the playback control user interface is displayed simultaneously with the first media user interface and / or is displayed below the first media user interface that is presenting the content.

[0273] Displaying a second user interface including an optional representation of recommended content when content played in a first media user interface reaches a predetermined playback position provides an efficient way to provide access to other content that can be played back at the first media user interface, thereby reducing the cognitive burden on the user when engaging with content presented in the first media user interface.

[0274] In some embodiments, the one or more representations of the recommended content include a first corresponding representation (1022a) of the first recommended content (e.g., a representation corresponding to the first content item is being displayed when the content reaches a predetermined playback threshold as described above). In some embodiments, when the user's gaze is directed to the first corresponding representation (1022b), based on determining that the user's gaze (e.g., and optionally without regard to any other input / gesture being performed by the user of the electronic device, such as without detecting input from the user's hand pointing to the first corresponding representation and / or any other element in the three-dimensional environment) has been directed to the first corresponding representation for more than a threshold amount of time, the electronic device 101 initiates (1022c) playback of the first recommended content (e.g., in the first media user interface). For example, if the user's gaze has been directed to the first corresponding representation for more than a threshold amount of time (e.g., 5 seconds, 7 seconds, 9 seconds, 10 seconds, 20 seconds, 30 seconds, 60 seconds), the content corresponding to the first corresponding representation (the first recommended content) begins playing in the three-dimensional environment. In some embodiments, when the user's gaze is directed to the first corresponding representation (1022b), based on determining that the user's gaze has not been directed to the first corresponding representation for more than a threshold amount of time, the electronic device abandons (1022d) initiating playback of the first recommended content (e.g., in the first media user interface). For example, if the user's gaze 914 has been directed to the corresponding representation 946 for the above threshold amount of time, the electronic device 101 initiates playback of item A, and if the user's gaze 914 has not been directed to the corresponding representation 946 for the above threshold amount of time, the electronic device does not initiate playback of the item. For example, if the user's gaze has not been directed to the first corresponding representation for more than a threshold amount of time (e.g., 5 seconds, 7 seconds, 9 seconds, 10 seconds, 20 seconds, 30 seconds, 60 seconds), the content corresponding to the first corresponding representation (the first recommended content) does not begin to play in the three-dimensional environment until the user's gaze has been directed to the first corresponding representation for the above threshold amount of time. Initiating playback of content based on the amount of time that the user's gaze has been directed at a corresponding representation displayed in the three-dimensional environment provides an efficient way to begin playback of content in the three-dimensional environment without requiring the user to perform additional gestures (e.g., hand gestures), thereby reducing the cognitive burden on the user when engaging with content presented in the second first media user interface.

[0275] In some embodiments, when the user's gaze is directed toward the first corresponding representation (for example, and when the user's gaze has not been directed toward the first corresponding representation for more than a threshold amount of time), the electronic device displays (1024a) a visual indication associated with the first corresponding representation, wherein while the user's gaze remains directed toward the first corresponding representation, the visual indication is updated to indicate progress toward reaching the threshold amount of time, such as Fig.9E915 in the visual indication. For example, a visual indication is displayed indicating the amount of time remaining until the user's gaze has been directed to the first corresponding representation for at least the above-mentioned threshold amount of time (e.g., 5, 7, 9, 10, 20, 30, 60 seconds). In some embodiments, when the user's gaze is directed to the first corresponding representation, the progress indicator is displayed as covering the first corresponding presentation, and when the user's gaze is not directed to the first corresponding representation, the progress indicator is not displayed. In some embodiments, based on determining that the user's gaze has been directed to the first corresponding representation for at least the threshold amount of time, the visual indication stops updating, and the content corresponding to the first corresponding representation (e.g., the first recommended content) begins to play in a three-dimensional environment. In a certain embodiment, the visual indication is a symbol (e.g., an arrow) that extends in a circular manner when the user's gaze is directed to the first corresponding representation.

[0276] Providing an indication of when new content will begin playing in a three-dimensional environment based on the amount of time the user's gaze has been directed at a corresponding representation of the content provides an efficient way to indicate when playback of the new content will occur, thereby reducing the cognitive burden on the user when engaging with content presented in the second media user interface.

[0277] In some embodiments, when presenting content in the second presentation mode, the position of the first media user interface at the first corresponding position relative to the user's first viewpoint is the same as the position of the first media user interface at the second corresponding position relative to the second viewpoint (1026a). For example, the first media user interface is displayed at a predetermined portion of the user's field of view (e.g., lower right, upper right, lower left, upper left, or lower center), regardless of the user's current viewpoint of the three-dimensional environment. In some embodiments, the first media user interface is (e.g., always) displayed at the same relative position and / or orientation relative to the user's viewpoint of the three-dimensional environment.

[0278] Displaying the first media user interface in the same pose (e.g., position and / or orientation) relative to the user's viewpoint provides an effective way to display the first media user interface in a uniform manner regardless of the user's viewpoint of the three-dimensional environment, thereby reducing the cognitive burden on the user when interacting with the first media user interface.

[0279] In some embodiments, the user's first viewpoint corresponds to a first position in the physical environment of the electronic device, and the user's second viewpoint corresponds to a second position in the physical environment different from the first position (1028a). In some embodiments, the electronic device displays the three-dimensional environment from the user's viewpoint at a position in the three-dimensional environment corresponding to the physical position of the electronic device in the physical environment of the electronic device. In some embodiments, detecting the movement of the user's viewpoint includes detecting the movement of at least a part of the user (e.g., the user's head, torso, or hand) in the physical environment. In some embodiments, detecting the movement of the user's viewpoint includes detecting the movement of the electronic device or the display generation component in the physical environment. In some embodiments, displaying the three-dimensional environment from the user's viewpoint includes displaying the three-dimensional environment from a perspective associated with the position of the user's viewpoint in the three-dimensional environment. In some embodiments, updating the user's viewpoint causes the electronic device to display multiple virtual objects from a perspective associated with the position of the user's updated viewpoint. For example, if the electronic device detects a movement to the left in the physical environment, the user's viewpoint moves to the left in the three-dimensional environment, and the electronic device updates the positions of multiple virtual objects displayed via the display generation component to move to the right.

[0280] Displaying a three-dimensional environment from a viewpoint based on a user's physical position provides an efficient way to interact with the three-dimensional environment based on the actual user's pose and / or position in the physical environment, thereby reducing the user's cognitive burden when interacting with the three-dimensional environment.

[0281] In some embodiments, while content is being presented in a first media user interface in a second presentation mode and while the second media user interface is being displayed at a third corresponding position in a three-dimensional environment (e.g., while content in the first media user interface is being presented in a picture-in-picture user interface in a three-dimensional environment and the second media user interface is displaying a representation of a content recommendation), the electronic device receives (1030a) via one or more input devices a second input corresponding to a request to change presentation of the content from the second presentation mode to the first presentation mode. In some embodiments, the electronic device receives the input because the user selects a user interface element associated with changing the presentation mode of the content from the second presentation mode to the first presentation mode, as previously described above. In some embodiments, in response to receiving the second input (1030b), the electronic device stops (1032c) displaying the first media user interface. In some embodiments, in response to receiving the second input (1030b), the electronic device presents (1032d) the content in the second media user interface at a third corresponding position based on determining that the second media user interface is within a second corresponding posture range relative to a second viewpoint of the user. For example, if the electronic device 101 is in Fig. 9C906 does not change because user interface 906 is currently in the field of view from the current viewpoint of user 922 of the three-dimensional environment. For example, if a request is received to transition content from the second presentation mode to the first presentation mode while a second media user interface (e.g., a user interface of a video player / video application) is in the user's field of view, the content begins playing in the second media user interface and the position of the second media user interface in the three-dimensional environment does not change. In some embodiments, the second corresponding range of poses relative to the user's second viewpoint includes all poses (or a subset of poses) in the three-dimensional environment that are in the user's field of view from the user's second viewpoint. In some embodiments, based on determining that the second media user interface is not within the second corresponding posture range relative to the user's second viewpoint (1032e) (for example, in some embodiments, if the second media user interface is not at a position in the three-dimensional environment that is in the user's field of view from the second viewpoint, then the second media user interface is not within the second corresponding posture range relative to the user's second viewpoint), the electronic device displays (1032f) the second media user interface at a fourth corresponding position in the three-dimensional environment that is different from the third corresponding position, wherein displaying the second media user interface at the fourth corresponding position causes the second media user interface to be displayed in a corresponding posture within the second corresponding posture range relative to the second viewpoint, wherein the second media user interface includes content. For example, if the electronic device 101 detects a request to transition playback of a television program from a picture-in-picture presentation mode to an extended presentation mode, the electronic device 101 updates the position of the user interface 906 to be within the field of view from the user's current viewpoint of the three-dimensional environment 904, and presents television program A at the new position of the user interface 906 in the three-dimensional environment 904. For example, if a request to transition content from the second presentation mode to the first presentation mode is received when a second media user interface (e.g., a user interface of a video player / video application) is not in the user's field of view from the second viewpoint, the position of the media user interface is moved to a position within the user's field of view from the user's second viewpoint. Moving the position of the second media user interface in the three-dimensional environment when the second user interface is not in the user's field of view provides an efficient way to move the second media user interface into the user's field of view when a request to present content in the second user interface is received (if the first media user interface is not currently in the user's field of view), thereby reducing the cognitive burden on the user when engaging with the second media user interface.

[0282] FIG. 11A to FIG. 11E An example is shown of how an electronic device according to some embodiments can enhance navigation to a corresponding playback position of a content item.

[0283] Fig.11AThe electronic device 101 is shown to display a three-dimensional environment 1102 via the display generation component 120. It should be understood that in some embodiments, the electronic device 101 uses a reference image in a two-dimensional environment without departing from the scope of the present disclosure. FIG. 11A to FIG. 11E One or more of the techniques described above. Figure 1 As described in FIG. 6 , the electronic device 101 optionally includes a display generation component 120 (e.g., a touch screen) and multiple image sensors 314. The image sensor optionally includes one or more of the following: a visible light camera; an infrared camera; a depth sensor; or any other sensor that the electronic device 101 can use to capture one or more images of a user or a portion of a user when the user interacts with the electronic device 101. In some embodiments, the display generation component 120 is a touch screen that can detect gestures and movements of the user's hands. In some embodiments, the user interface shown below can also be implemented on a head-mounted display, which includes a display generation component that displays the user interface to the user, and sensors that detect the physical environment and / or the movement of the user's hands (e.g., external sensors facing outward from the user) and / or sensors that detect the user's gaze (e.g., internal sensors facing inward toward the user's face).

[0284] exist Fig.11A , the electronic device 101 presents a content item 1104 in a three-dimensional environment 1102. In some embodiments, the content item 1104 is a video content item. In addition to the content item 1104, the three-dimensional environment 1102 also includes representations of real objects in the physical environment of the electronic device 101, such as a representation 1108a of a wall, a representation 1108b of a ceiling, a representation 1106a of a table, and a representation 1106b of a sofa. The electronic device 101 displays the content item 1104 with increased visual emphasis relative to the rest of the three-dimensional environment 1102, such as displaying an area of ​​the three-dimensional environment 1102 that does not include the content item 1104 with a greater amount of blur and / or dimming than the content item 1104, and displays virtual lighting effects 1110a-d to simulate light spillage from the content item 1104 according to one or more steps of method 800.

[0285] like Fig.11A As shown, while content item 1104 is playing, the user's gaze 1113a is directed toward the content item. Fig.11A1104 advances as playback of the content item 1104 continues. In some embodiments, if the user moves their attention away from the content item 1104, the electronic device 101 continues to play the content item. In some embodiments, once the user returns their attention to the content item 1104 after having moved their attention away from the content item 1104, the electronic device 101 presents a selectable option that, when selected, causes the electronic device 101 to update the playback position to a playback position associated with the playback position played when the user moved their attention away from the content item 1104.

[0286] For example, in Fig. 11B , the user moves their attention away from the content item 1104 when the playback position 1106 of the content item is the playback position shown in the figure. In some embodiments, detecting that the user moves their attention away from the content item 1104 includes detecting a gaze 1113b of the user directed to a location other than the content item 1104 in the three-dimensional environment 1102. In some embodiments, in response to detecting the user's gaze 1113b moving away from the content item 1104, the electronic device 101 reduces the amount of visual emphasis on the content item 1104 relative to the rest of the three-dimensional environment 1102. In some embodiments, the user's gaze 1113b must be moved away from the content item 1104 for a threshold period of time (e.g., 1 second, 2 seconds, 3 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds, or 45 seconds, 1 minute, 2 minutes, 3 minutes, or 5 minutes) for the electronic device 101 to determine that the user's attention is moved away from the content item 1104. In some embodiments, at the moment when the user's gaze 1113b moves away from content item 1104, electronic device 101 determines that the user's attention is moved away from content item 1104. In some embodiments, detecting that the user moves their attention away from content item 1104 includes detecting that the user closes their eyes, as shown in legend 1123, optionally for at least a threshold time period corresponding to, for example, the user falling asleep (e.g., 0.1 seconds, 0.2 seconds, 0.3 seconds, 0.5 seconds, 1 second, 2 seconds, 3 seconds, 5 seconds, 10 seconds, 15 seconds, 30 seconds or 45 seconds, 1 minute, 2 minutes, 3 minutes or 5 minutes). In some embodiments, electronic device 101 continues to play content item 1104 after detecting that the user's attention is moved away from content item 1104, so that playback position 1106 advances past Fig. 11B The point shown is the playback position of the content item when the electronic device 101 determines that the user's attention is moved away from the content item 1104.

[0287] Fig. 11CThe electronic device 101 is shown presenting selectable options 1112a and 1112b, which, when selected, cause the electronic device 101 to resume playback of the content item 1104 from a playback position 1106 corresponding to the moment when the user shifted their attention away from the content item 1104. In some embodiments, the electronic device 101 presents selectable option 1112a and / or selectable option 1112b in response to detecting user attention directed toward the content item 1104 and / or a user's hand 1103b in a ready-state posture. In some embodiments, detecting user attention directed toward the content item 1104 includes detecting user gaze 1103d directed toward the content item 1104. In some embodiments, in response to detecting gaze 1103d directed toward the content item 1104, the electronic device 101 increases the visual emphasis of the content item 1104 relative to the rest of the three-dimensional environment 1102. In some embodiments, detecting the hand 1103b in the ready state posture includes detecting the hand 1103b in a pre-pinched hand shape in which the thumb is within a threshold distance (e.g., 0.1 cm, 0.2 cm, 0.3 cm, 0.5 cm, 1 cm, 2 cm, 3 cm, or 5 cm) of another finger of the hand 1103b but not touching the other finger, or detecting the hand 1103b in a pointing hand shape in which one or more fingers are extended and one or more fingers are curled toward the palm. Fig. 11C As shown, the electronic device 101 also displays options 1114a and 1114b and a user interface element 1116 that includes additional options for modifying the playback of the content item 1104 in response to detecting a gaze 1103d directed toward the content item 1104 and / or a hand 1103b in a ready position, as described in more detail above with reference to method 800.

[0288] In some embodiments, the electronic device 101 presents both options 1112a and 1112b. In some embodiments, the electronic device 101 presents either option 1112a or option 1112b, but not both. Option 1112a is displayed outside of the user interface element 1116, overlaying on the content item 1104. Option 1112b is displayed as part of a swipe bar 1111 included in the user interface element 1116. The swipe bar 1111 includes an indication 1113 of the current playback position of the content item 1104 (the content item optionally continues to play when options 1112a and / or 1112b are displayed). The electronic device 101 displays option 1112b at the position of the swipe bar 1111 that corresponds to the playback position to which the playback of the content item 1104 will resume in response to the selection of option 1112b. In some embodiments, the playback position to which the playback of the content item 1104 will resume is the playback position to which the user selected the content item 1104 in the swipe bar 1111. Fig. 11BThe playback position at which the user shifts their attention away from content item 1104. In some embodiments, the playback position at which playback of content item 1104 will resume is the playback position at which the user shifts their attention away from content item 1104. Fig. 11B A playback position a predetermined time (e.g., 1 second, 2 seconds, 3 seconds, 5 seconds, 10 seconds, 15 seconds, or 30 seconds) before or after the playback position that diverts their attention away from content item 1104.

[0289] like Fig. 11C As shown, the user selects option 1112a via indirect input, for example using gaze 1103c and hand 1103a. In some embodiments, detecting the selection of option 1112a via indirect input includes detecting hand 1103a making a pinch gesture in which the thumb of hand 1103a touches another finger of the hand while gaze 1103c points to option 1112a. Fig. 11C A first input state of hand 1103a and gaze 1103d and a second input state of hand 1103b and gaze 1103c are shown, but it should be understood that in some embodiments, these input states are detected at different times. In some embodiments, other selection inputs are possible. Fig.11E Described in more detail, in response to detecting selection of option 1112a , electronic device 101 updates playback position 1106 of the content item to a playback position associated with the time at which the user shifted their attention away from content item 1104 .

[0290] Fig.11D Selection of selectable option 1112b via direct input is shown, for example. In some embodiments, detecting selection of selectable option 1112b via direct input includes detecting that a user's hand 1103a is within a predetermined threshold distance of option 1112b while hand 1103a is in a predetermined shape. In some embodiments, the predetermined shape is a pinching hand shape in which the thumb touches another finger of the hand. In some embodiments, the predetermined shape is a pointing hand shape in which one or more fingers are extended and one or more fingers are curled toward the palm. In some embodiments, direct input includes detecting a user's gaze 1103e pointing toward option 1112b, and in some embodiments, direct input does not include detecting a user's gaze 1103e pointing toward option 1112b. In some embodiments, electronic device 101 detects th...

Claims

1. A method comprising: At an electronic device in communication with a display generating component and one or more input devices: when presenting a content item in a three-dimensional environment, displaying, via the display generation component, a user interface associated with the content item, wherein the user interface includes one or more user interface elements for modifying playback of the content item and corresponding user interface elements for modifying a virtual lighting effect affecting the appearance of the three-dimensional environment; and receiving, via the one or more input devices, a user input directed to the corresponding user interface element while displaying the user interface associated with the content item, the user input corresponding to a request to modify the virtual lighting effect; as well as In response to receiving the user input: continuing to present the content item in the three-dimensional environment; and The virtual lighting effect is applied to the three-dimensional environment.

2. The method according to claim 1, wherein: Prior to receiving the user input directed to the corresponding user interface, the electronic device displays the three-dimensional environment without the virtual lighting effect via the display generation component, and In response to receiving the user input, the electronic device displays the three-dimensional environment with the virtual lighting effect via the display generation component.

3. The method according to claim 1, wherein: Prior to receiving the user input directed to the corresponding user interface, the electronic device displays, via the display generation component, the three-dimensional environment having a first amount of the virtual lighting effect, and In response to receiving the user input, the electronic device displays, via the display generation component, the three-dimensional environment having a second amount of the virtual lighting effect, the second amount being different from the first amount.

4. The method according to claim 1, wherein: Prior to receiving the user input, displaying an area of ​​the three-dimensional environment that does not include the content item at a first brightness level, and Displaying the three-dimensional environment with the virtual lighting effect in response to the user input includes displaying the area of ​​the three-dimensional environment that does not include the content item at a second brightness level different from the first brightness level. 5 . The method of claim 1 , wherein displaying the three-dimensional environment with the virtual lighting effect in response to the user input comprises displaying corresponding virtual lighting effects emanating from the content item on one or more objects in the three-dimensional environment.

6. The method according to claim 1, wherein: Prior to receiving the user input directed to the corresponding user interface, the electronic device displays, via the display generation component, the three-dimensional environment having a first amount of the virtual lighting effect, including displaying an area of ​​the three-dimensional environment that does not include the content item at a first brightness level, and displaying the first amount of the corresponding virtual lighting effect emanating from the content item on one or more objects in the three-dimensional environment, and In response to receiving the user input, the electronic device displays the three-dimensional environment having a second amount of the virtual lighting effect via the display generation component, including displaying the area of ​​the three-dimensional environment that does not include the content item at a second brightness level, and displaying the second amount of the corresponding virtual lighting effect emitted from the content item on the one or more objects in the three-dimensional environment.

7. The method of claim 1 , wherein displaying the three-dimensional environment with the virtual lighting effect in response to the user input comprises: displaying, via the display generation component, the three-dimensional environment with a first amount of the virtual lighting effect in response to detecting, via the one or more input devices, that attention of a user of the electronic device is directed toward a first area of ​​the three-dimensional environment; as well as Based on detecting, via the one or more input devices, that the user's attention is directed toward a second area of ​​the three-dimensional environment different from the first area, displaying, via the display generation component, the three-dimensional environment having a second amount of the virtual lighting effect different from the first amount.

8. The method according to claim 1, further comprising: receiving, via the one or more input devices, a first input directed to the corresponding user interface element while displaying the three-dimensional environment without the virtual lighting effect, the receiving, via the one or more input devices, a first input directed to the corresponding user interface element comprising detecting, via the one or more input devices, a predefined portion of a user of the electronic device in a predefined pose within less than a predetermined time threshold; In response to receiving the first input, displaying the three-dimensional environment with the virtual lighting effect via the display generation component; receiving, via the one or more input devices, a second input directed to the corresponding user interface element while displaying the three-dimensional environment with the virtual lighting effect, the receiving, via the one or more input devices, a second input directed to the corresponding user interface element comprising detecting, via the one or more input devices, the predefined portion of the user of the electronic device in the predefined pose within less than the predetermined time threshold; as well as In response to receiving the second input, the three-dimensional environment is displayed without the virtual lighting effect via the display generation component.

9. The method according to claim 1, further comprising: receiving, via the one or more input devices, input directed to the corresponding user interface element while displaying the three-dimensional environment having the first amount of the virtual lighting effect, the receiving, via the one or more input devices, input directed to the corresponding user interface element comprising detecting, via the one or more input devices, movement of a predefined portion of a user of the electronic device when the predefined portion of the user is in a predefined pose; as well as In response to the input directed to the corresponding user interface element, the three-dimensional environment having a second amount of the virtual lighting effect is displayed via the display generation component, wherein the second amount is based on the movement of the predefined part of the user when the predefined part of the user assumes the predefined posture.

10. The method according to claim 1, further comprising: While the content item in question is playing: displaying the three-dimensional environment with the virtual lighting effect via the display generation component; and receiving, via the one or more input devices, a user input corresponding to a request to pause the content item; as well as In response to receiving the user input corresponding to the request to pause the content item: pausing the content item; and The three-dimensional environment without the virtual lighting effect is displayed via the display generation component.

11. The method according to claim 1, further comprising: receiving, via the one or more input devices, a respective user input directed to a second respective one of the one or more user interface elements for modifying playback of the content item; as well as In response to receiving the corresponding user input: Switching the play or pause state of the content item based on determining that the second corresponding user interface element is a user interface element that causes the electronic device to switch between playing and pausing the content item when selected; as well as Based on determining that the second corresponding user interface element is a user interface element that, when selected, causes the electronic device to update the playback position of the content item, updating the playback position of the content item based on the corresponding user input.

12. The method according to claim 1, further comprising: receiving, via the one or more input devices, a respective user input directed to a second respective one of the one or more user interface elements for modifying playback of the content item; as well as In response to receiving the corresponding user input: Based on determining that the second corresponding user interface element is a user interface element that, when selected, causes the electronic device to modify a volume of audio content of the content item, modifying the volume of the audio content based on the corresponding input.

13. The method of claim 1, wherein the user interface associated with the content item is a user interface separate from the content item and is displayed via the display generation component between the content item and a viewpoint of a user of the electronic device in the three-dimensional environment.

14. The method of claim 1, wherein: displaying, via the display generation component, the content item at a first angle relative to a viewpoint of the user in the three-dimensional environment, and The user interface associated with the content item is displayed via the display generation component at a second angle different from the first angle relative to the viewpoint of the user in the three-dimensional environment.

15. A method according to claim 1, wherein the electronic device displays the one or more user interface elements for modifying the playback of the content item in response to detecting, via the one or more input devices, a predefined portion of a user of the electronic device in a posture that satisfies one or more criteria.

16. The method according to claim 15, further comprising: detecting, via the one or more input devices, the predefined portion of the user in a pose that does not satisfy the one or more criteria while displaying the one or more user interface elements for modifying playback of the content item; as well as Responsive to detecting the predefined portion of the user in the pose that does not satisfy the one or more criteria, reducing the visual prominence of the one or more user interface elements displayed by the electronic device via the display generation component for modifying playback of the content item.

17. The method according to claim 1, further comprising: receiving, via the one or more input devices, an input corresponding to a request to adjust a size of the content item while displaying, via the display generation component, the content item at a first size and displaying the user interface associated with the content item at a second size; as well as In response to receiving the input corresponding to the request to resize the content item: displaying the content item at a third size different from the first size via the display generation component in accordance with the input corresponding to the request to adjust the size of the content item, and The user interface associated with the content item is displayed at the second size via the display generation component.

18. The method of claim 1, further comprising: receiving, via the one or more input devices, an input corresponding to a request to reposition the content item in the three-dimensional environment while displaying, via the display generation component, the content item at a first size and a first distance from a viewpoint of the user in the three-dimensional environment and displaying the user interface associated with the content item at a second size and a second distance from the viewpoint of the user in the three-dimensional environment; as well as In response to receiving the input corresponding to the request to reposition the content item: displaying, via the display generation component, the content item at a third size and a third distance from the viewpoint of the user in the three-dimensional environment that is different from the first distance, based on the input corresponding to the request to reposition the content item; and Based on the input corresponding to the request to reposition the content item, the user interface associated with the content item is displayed via the display generation component at the second size and a fourth distance from the viewpoint of the user.

19. The method of claim 1, wherein the content item is separated from the user interface associated with the content item in the three-dimensional environment, and the method further comprises: One or more second user interface elements for modifying playback of the content item are displayed via the display generation component, the one or more second user interface elements being displayed in the three-dimensional environment overlaid on the content item.

20. The method of claim 1, further comprising: detecting, via the one or more input devices, that the user's attention directed toward a corresponding one of the one or more user interface elements satisfies one or more first criteria; as well as In response to detecting that the user's attention directed toward the respective user interface element satisfies the one or more first criteria: Based on determining that the corresponding user interface element satisfies one or more second criteria, displaying, via the display generation component, a visual indication identifying functionality of the corresponding user interface element; and Based on determining that the respective user interface element does not satisfy the one or more second criteria, displaying the visual indication identifying the functionality of the respective user interface element is foregone.

21. The method of claim 1, further comprising: displaying, via the display generation component, a corresponding user interface element, the corresponding user interface element being displayed separately from the content item and the user interface associated with the content item; While displaying the corresponding user interface element, receiving input directed to the corresponding user interface element via the one or more input devices; as well as In response to detecting the input directed to the respective user interface element, a process is initiated for resizing the content item in the three-dimensional environment in accordance with the input directed to the respective user interface element.

22. An electronic device, comprising: one or more processors; Memory; as well as 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 executing the method according to any one of claims 1 to 21.

23. A non-transitory computer-readable storage medium storing one or more programs, wherein the one or more programs include 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 21.

Images