Browsing-based augmented reality try-on experience

Abstract

Aspects of the present disclosure relate to a system for providing a browsing-based augmented reality (AR) try-on experience. The system displays a graphical user interface (GUI) that includes a set of fashion items. The system receives a real-time video feed from a camera of the device, the real-time video feed depicting a person. The system retrieves a first AR fashion item corresponding to a first fashion item included in the set of fashion items in the GUI. The system modifies the real-time video feed based on applying the first AR fashion item to the depiction of the person in the real-time video feed. The system presents the modified real-time video feed with a GUI that includes a fashion item set.

Description

[0001] Priority Declaration

[0002] This application claims the benefit of priority to U.S. patent application serial number 18 / 107,856, filed on February 9, 2023, which is incorporated herein by reference in its entirety. Technical Field

[0003] The present disclosure generally relates to using interactive applications to generate images and provide a try-on experience. Background Art

[0004] Augmented reality (AR) is the process of modifying the real-world environment by adding or overlaying virtual content. For example, in virtual reality (VR), the user is completely immersed in the virtual world, while in AR, the user is immersed in a world where virtual objects are combined or overlaid on the real world. AR systems are designed to generate and present virtual objects that interact realistically with the real-world environment and with each other. Examples of AR applications can include single-player or multi-player video games, instant messaging systems, etc. BRIEF DESCRIPTION OF THE DRAWINGS

[0005] In the accompanying drawings (which are not necessarily drawn to scale), like reference numerals may describe similar components in different views. To easily identify the discussion of any particular element or action, one or more of the highest-order digits in a reference numeral refers to the figure in which the element is first introduced. Some non-limiting examples are shown in the figures of the accompanying drawings, in which:

[0006] Figure 1 is a diagrammatic representation of a networked environment in which the present disclosure may be deployed, according to some examples.

[0007] Figure 2 is a diagrammatic representation of a messaging client application according to some examples.

[0008] Figure 3 is a diagrammatic representation of data structures maintained in a database according to some examples.

[0009] Figure 4 is a diagrammatic representation of messages according to some examples.

[0010] Figure 5 is a block diagram illustrating an example browsing-based AR system according to some examples.

[0011] Figures 6 to 8 is a diagrammatic representation of input and output of a browsing-based AR system according to some examples.

[0012] Figure 9 is a flow diagram illustrating example operation of a browse-based AR system according to some examples.

[0013] Figure 10 is a diagrammatic representation of a machine in the form of a computer system within which a set of instructions may be executed, for causing the machine to perform any one or more of the methodologies discussed herein, according to some examples.

[0014] Figure 11 is a block diagram illustrating a software architecture in which examples may be implemented.

[0015] Figure 12 A system including a head-mounted device according to some examples is shown. DETAILED DESCRIPTION

[0016] The following description includes systems, methods, techniques, instruction sequences, and computer program products that embody illustrative examples of the present disclosure. In the following description, for illustrative purposes, many specific details are set forth to provide an understanding of the various examples. However, it is apparent to those skilled in the art that the examples can be practiced without these specific details. Typically, well-known instruction instances, protocols, structures, and techniques are not necessarily shown in detail.

[0017] Typically, messaging applications and other social networking platforms allow users to view live or real-time camera feeds depicting the user wearing different items. For example, a user can activate a virtual try-on experience in which one or more AR items are placed in real time on the user depicted in the image. This provides the user with the ability to visualize how different products will look on the user before the user purchases them. To activate such an experience, the user can browse products through a software application, such as a website. The user can then select a given product, such as a fashion item, depicted on the website.

[0018] The user is then presented with the option to launch an AR shopping experience app where they can virtually try on the selected product. A video depicting the user trying on the product is presented to the user in a separate app associated with the AR shopping experience. That is, the user is navigated off the website to a completely different experience to provide the user with a virtual try-on experience. The need to navigate the user off the website makes online shopping difficult because the user must continuously navigate back and forth between the AR try-on experience and the product display on the website. Having to browse through numerous pages of information just to virtually try on certain products and select a new product to try on in a separate interface is frustrating and very confusing. Furthermore, having to restart the AR experience every time a new product is selected consumes a lot of resources and is very inefficient.

[0019] The disclosed technology seeks to improve the efficiency of using electronic devices by providing a virtual try-on experience while presenting fashion items on a graphical user interface (GUI), such as a web page on a website. That is, when a user browses an item on a web page, the disclosed technology automatically selects a given fashion item on the web page and updates a video feed depicting the user wearing an AR version of the given fashion item. The video feed can be presented together with the GUI, such as in a window at the top of the GUI or in a side-by-side arrangement adjacent to the GUI. This seamless interaction between browsing fashion items online and visualizing how different fashion items viewed online would look on the user enhances the overall experience and reduces the amount of resources required to complete the task. That is, the user does not need to continuously navigate between different information pages (e.g., pages of the online GUI for fashion items and pages of AR experiences) to view AR try-on experiences for different fashion items. In this way, the overall user experience is improved and the amount of resources required to complete the task is reduced.

[0020] This can reduce the total time and expense of a user trying on different fashion items (e.g., shoes, shirts, earrings, watches, or other fashion items). As used herein, "clothing," "fashion items," and "apparel" are used interchangeably and should be understood to have the same meaning. Clothing, clothing, or fashion items can include shirts, skirts, dresses, shoes, wallets, furniture items, household items, goggles, glasses, AR logos, AR badges, pants, shorts, jackets, T-shirts, blouses, glasses, jewelry, earrings, rabbit ears, hats, earmuffs, or any other suitable items or objects.

[0021] Specifically, the disclosed technology displays a GUI that includes a collection of fashion items, such as two or more fashion items. The disclosed technology receives a real-time video feed from a device's camera, depicting a person. The disclosed technology retrieves a first AR fashion item corresponding to a first fashion item in the collection of fashion items included in the GUI. The disclosed technology modifies the real-time video feed based on applying the first AR fashion item to the depiction of the person in the real-time video feed. The disclosed technology presents the modified real-time video feed along with the GUI that includes the collection of fashion items. This improves the user's overall experience when using the electronic device and reduces the total amount of system resources required to complete tasks.

[0022] Networked computing environment

[0023] Figure 11 is a block diagram illustrating an example interactive system 100 for facilitating interactions over a network (e.g., exchanging text messages, conducting text, audio, and video calls, or playing games). The interactive system 100 includes a plurality of client systems 102, each of which hosts a plurality of applications including an interactive client 104 and other applications 106. Each interactive client 104 is communicatively coupled to other instances of the interactive client 104 (e.g., hosted on respective other user systems 102), an interactive server system 110, and third-party servers 112 via one or more communication networks including a network 108 (e.g., the Internet). The interactive client 104 can also communicate with the locally hosted application 106 using an application programming interface (API).

[0024] Each user system 102 may include multiple user devices, such as a mobile device 114, a head mounted device 116, and a computer client device 118, which may be communicatively connected to exchange data and messages.

[0025] The interactive clients 104 interact with other interactive clients 104 and with the interactive server system 110 via the network 108. The data exchanged between the interactive clients 104 (e.g., interaction 120) and between the interactive clients 104 and the interactive server system 110 includes functions (e.g., commands for activating functions) and payload data (e.g., text, audio, video, or other multimedia data).

[0026] The interactive server system 110 provides server-side functionality to the interactive clients 104 via the network 108. Although certain functions of the interactive system 100 are described herein as being performed by either the interactive client 104 or the interactive server system 110, the location of certain functions within the interactive client 104 or within the interactive server system 110 may be a design choice. For example, it may be technically preferable to initially deploy certain technologies and functions within the interactive server system 110, but later migrate the technologies and functions to the interactive client 104 where the user system 102 has sufficient processing power.

[0027] The interactive server system 110 supports various services and operations provided to the interactive clients 104. Such operations include sending data to the interactive clients 104, receiving data from the interactive clients 104, and processing data generated by the interactive clients 104. The data may include message content, client device information, geographic location information, media enhancements and overlays, message content persistence conditions, social network information, and live event information. The data exchange within the interactive system 100 is activated and controlled by functions available through the user interface (UI) of the interactive clients 104.

[0028] Turning now specifically to the interaction server system 110, an application program interface (API) server 122 is coupled to the interaction server 124 and provides a programming interface thereto, making the functionality of the interaction server 124 accessible to the interaction clients 104, other applications 106, and third-party servers 112. The interaction server 124 is communicatively coupled to a database server 126, thereby facilitating access to a database 128 that stores data associated with interactions processed by the interaction server 124. Similarly, a web server 130 is coupled to the interaction server 124 and provides a web-based interface to the interaction server 124. To this end, the web server 130 processes incoming network requests via the Hypertext Transfer Protocol (HTTP) and several other related protocols.

[0029] The application program interface (API) server 122 receives and sends interaction data (e.g., commands and message payloads) between the interaction server 124 and the client system 102 (and, for example, the interaction client 104 and other applications 106), as well as the third-party server 112. Specifically, the application program interface (API) server 122 provides a set of interfaces (e.g., routines and protocols) that the interaction client 104 and other applications 106 can call or query to activate the functionality of the interaction server 124. The application program interface (API) server 122 exposes various functions supported by the interaction server 124, including: account registration; login functionality; sending interaction data from a particular interaction client 104 to another interaction client 104 via the interaction server 124; transferring media files (e.g., images or videos) from the interaction client 104 to the interaction server 124; setting up a collection of media data (e.g., a story); retrieving a friend list of a user of the user system 102; retrieving messages and content; adding and removing entities (e.g., friends) from an entity graph (e.g., a social graph); locating friends in a social graph; and opening application events (e.g., related to the interaction client 104).

[0030] Interactive server 124 hosts multiple systems and subsystems, see below Figure 2 Provide a description.

[0031] Linked Applications

[0032] Returning to the interactive client 104, the features and functionality of an external resource (e.g., a linked application 106 or applet) are made available to the user via the interface of the interactive client 104. In this context, "external" refers to the fact that the application 106 or applet is external to the interactive client 104. External resources are typically provided by a third party, but may also be provided by the creator or provider of the interactive client 104. The interactive client 104 receives a user selection of an option to launch or access features of such an external resource. The external resource may be an application 106 installed on the user system 102 (e.g., a "local app"), or a small-scale version of an application (e.g., a "mini-program") hosted on the user system 102 or located remotely from the user system 102 (e.g., on a third-party server 112). The small-scale version of an application includes a subset of the features and functionality of the application (e.g., a full-scale local version of the application) and is implemented using a markup language document. In some examples, the small-scale version of an application (e.g., a "mini-program") is a web-based markup language version of the application and is embedded in the interactive client 104. In addition to using markup language documents (eg, .*ml files), applet may include scripting languages ​​(eg, .*js files or .json files) and style sheets (eg, .*ss files).

[0033] In response to receiving a user selection of an option to launch or access a feature of an external resource, the interactive client 104 determines whether the selected external resource is a web-based external resource or a locally installed application 106. In some cases, an application 106 locally installed on the user system 102 can be independent of and launched separately from the interactive client 104, for example, by selecting an icon corresponding to the application 106 on a home screen of the user system 102. A small-scale version of such an application can be launched or accessed via the interactive client 104, and in some examples, no portion of the small-scale application can be accessed outside of the interactive client 104 or only a limited portion of the small-scale application can be accessed outside of the interactive client 104. The small-scale application can be launched by the interactive client 104 receiving, for example, a markup language document associated with the small-scale application from a third-party server 112 and processing such a document.

[0034] In response to determining that the external resource is a locally installed application 106, the interactive client 104 instructs the user system 102 to launch the external resource by executing locally stored code corresponding to the external resource. In response to determining that the external resource is a web-based resource, the interactive client 104 communicates with the third-party server 112 (for example) to obtain a markup language document corresponding to the selected external resource. The interactive client 104 then processes the obtained markup language document to present the web-based external resource within the user interface of the interactive client 104.

[0035] The interactive client 104 can notify the user of the user system 102 or other users related to such user (e.g., "friends") of activities occurring in one or more external resources. For example, the interactive client 104 can provide participants in a conversation (e.g., a chat conversation) in the interactive client 104 with notifications related to external resources currently or recently used by one or more members of the user group. One or more users can be invited to join an active external resource or launch a recently used but currently inactive external resource (in a friend group). The external resource can provide participants in the conversation, each using a corresponding interactive client 104, with the ability to share items, conditions, states, or locations in the external resource with one or more members of the user group in a chat session. The shared items can be interactive chat cards that members of the chat can use to interact, for example, to launch the corresponding external resource, view specific information within the external resource, or take members of the chat to a specific location or state within the external resource. Within a given external resource, a response message can be sent to the user on the interactive client 104. The external resource can selectively include different media items in the response based on the current context of the external resource.

[0036] The interactive client 104 can present a list of available external resources (e.g., applications 106 or applets) to the user to launch or access a given external resource. The list can be presented in the form of a context-sensitive menu. For example, the icons representing different applications (or applets) of the application 106 (or applets) can change based on how the user launches the menu (e.g., from a conversational interface or from a non-conversational interface).

[0037] System Architecture

[0038] Figure 2 is a block diagram illustrating additional details regarding the interactive system 100 according to some examples. Specifically, the interactive system 100 is shown as including an interactive client 104 and an interactive server 124. The interactive system 100 includes a number of subsystems that are supported on the client side by the interactive client 104 and on the server side by the interactive server 124. Example subsystems are discussed below and may include a browse-based AR system 500 that enables a user to initiate an AR experience in which a video depicting a user of the user system 102 is modified to overlay AR fashion items that correspond to fashion items presented in the GUI. Figure 5 An illustrative implementation of a browse-based AR system 500 is shown and described.

[0039] Specifically, the browsing-based AR system 500 is a component that can be accessed by an AR / VR application implemented on the user system 102. The AR / VR application uses an RGB camera to capture a monocular image of a real-world object. The AR / VR application applies various trained machine learning techniques or machine learning models to the captured image of the real-world object to generate subject landmark features representing the real-world object depicted in the image or video, and applies one or more AR visual effects to the captured image or video based on the subject landmark features. In some implementations, the AR / VR application continuously captures images of the user and updates the subject landmark features in real time or periodically to continuously or periodically update one or more applied visual effects. This enables the user to move around in the real world and see updates to one or more visual effects in real time.

[0040] Image processing system 202 provides various functions that enable a user to capture and enhance (eg, annotate or otherwise modify or edit) media content associated with a message.

[0041] The camera system 204 includes control software (e.g., in a camera application) that interacts with and controls the hardware camera hardware of the user system 102 (e.g., directly or via operating system control) to modify and enhance the real-time images captured and displayed via the interactive client 104.

[0042] The enhancement system 206 provides functionality related to the generation and publication of enhancements (e.g., media overlays) for images captured in real time by the camera of the user system 102 or retrieved from the memory of the user system 102. For example, the enhancement system 206 is operable to select, present, and display media overlays (e.g., image filters or image lenses) to the interactive client 104 for enhancing real-time images received via the camera system 204 or stored images retrieved from the memory 1006 of the user system 102. These enhancements are selected and presented to the user of the interactive client 104 by the enhancement system 206 based on inputs and data, such as:

[0043] The geographic location of the user system 102; and

[0044] Social network information of users of the user system 102

[0045] The enhancement may include audio and visual content and visual effects. Examples of audio and visual content include pictures, text, logos, animations, and sound effects. Examples of visual effects include color overlays. Audio and visual content or visual effects may be applied to media content items (e.g., photos or videos) at user systems 102 for transmitting in messages, or may be applied to video content such as video content streams or feeds sent from interactive clients 104. Therefore, image processing system 202 may interact with and support various subsystems of communication system 208, such as messaging system 210 and video communication system 212.

[0046] Media overlays can include text or image data that can be superimposed on a photo taken by user system 102 or a video stream produced by user system 102. In some examples, the media overlay can be a location overlay (e.g., Venice Beach), the name of a live event, or a business name overlay (e.g., Beach Cafe). In other examples, image processing system 202 uses the geographic location of user system 102 to identify a media overlay that includes the name of a business at the geographic location of user system 102. The media overlay may include other tags associated with the business. The media overlay may be stored in database 128 and accessed by database server 126.

[0047] Image processing system 202 provides a user-based publishing platform that enables users to select a geographic location on a map and upload content associated with the selected geographic location. Users can also specify situations in which specific media overlays should be provided to other users. Image processing system 202 generates a media overlay that includes the uploaded content and associates it with the selected geographic location.

[0048] The augmented reality creation system 214 supports the augmented reality developer platform and includes applications for content creators (e.g., artists and developers) to create and publish augmentations (e.g., augmented reality experiences) for the interactive clients 104. The augmented reality creation system 214 provides content creators with a library of built-in features and tools, including, for example, custom shaders, tracking techniques, and templates.

[0049] In some examples, the enhancement creation system 214 provides a merchant-based publishing platform that enables merchants to select specific enhancements associated with a geographic location through a bidding process. For example, the enhancement creation system 214 associates the highest bidding merchant's media overlay with the corresponding geographic location for a predefined amount of time.

[0050] The communication system 208 is responsible for enabling and processing various forms of communication and interaction within the interactive system 100 and includes a messaging system 210, an audio communication system 216, and a video communication system 212. The messaging system 210 is responsible for enforcing temporary or time-limited access to content by the interactive clients 104. The messaging system 210 includes a plurality of timers (e.g., in a transient timer system 218) that selectively enable access (e.g., for presentation and display) of messages and associated content via the interactive clients 104 based on duration and display parameters associated with a message or a collection of messages (e.g., a story). Additional details regarding the operation of the transient timer system 218 are provided below. The audio communication system 216 enables and supports audio communication (e.g., real-time audio chat) between multiple interactive clients 104. Similarly, the video communication system 212 enables and supports video communication (e.g., real-time video chat) between multiple interactive clients 104.

[0051] The user management system 220 is operationally responsible for managing user data and profiles, and includes a social networking system 222 , which maintains information about relationships between users of the interactive system 100 .

[0052] The collection management system 224 is operationally responsible for managing collections or collections of media (e.g., collections of text, images, video, and audio data). Collections of content (e.g., messages, including images, video, text, and audio) can be organized into "event libraries" or "event stories." Such collections can be made available for a specified time period (e.g., the duration of the event to which the content relates). For example, content related to a concert can be made available as a "story" for the duration of the concert. The collection management system 224 is also responsible for publishing an icon to the user interface of the interactive client 104 that provides notification of a particular collection. The collection management system 224 includes curation functionality that enables collection managers to manage and curate specific content collections. For example, a curation interface enables event organizers to curate collections of content related to a specific event (e.g., removing inappropriate content or redundant messages). In addition, the collection management system 224 employs machine vision (or image recognition technology) and content rules to automatically curate content collections. In some examples, users can be compensated for including user-generated content in a collection. In such cases, the collection management system 224 operates to automatically pay such users for use of their content.

[0053] The mapping system 226 provides various geolocation functions and supports the presentation of map-based media content and messages by the interactive client 104. For example, the mapping system 226 enables the display of a user icon or avatar (e.g., stored in the profile data 302) on a map to indicate the current or past locations of the user's "friends" within the context of the map, as well as media content generated by these friends (e.g., a collection of messages including photos and videos). For example, on the map interface of the interactive client 104, a message posted by the user to the interactive system 100 from a particular geographic location can be displayed to the "friends" of a particular user within the context of a map of that particular location. A user can also share his or her location and status information with other users of the interactive system 100 via the interactive client 104 (e.g., using an appropriate status avatar), where the location and status information is similarly displayed to selected users within the context of the map interface of the interactive client 104.

[0054] The gaming system 228 provides various gaming functions within the context of the interactive client 104. The interactive client 104 provides a gaming interface that provides a list of available games that can be launched by a user within the context of the interactive client 104 and played with other users of the interactive system 100. The interactive system 100 also enables a particular user to invite other users to play a particular game by sending an invitation to such other users from the interactive client 104. The interactive client 104 also supports voice, video, and text messaging (e.g., chat) within the context of game play, provides leaderboards for games, and also supports the provision of in-game rewards (e.g., game coins and items).

[0055] The external resource system 230 provides an interface for the interactive client 104 to communicate with a remote server (e.g., a third-party server 112) to launch or access external resources (i.e., applications or applets). Each third-party server 112 hosts, for example, an application or a small-scale version of an application (e.g., a game application, a utility application, a payment application, or a ride-sharing application) based on a markup language (e.g., HTML5). The interactive client 104 can launch a web-based resource (e.g., an application) by accessing an HTML5 file from a third-party server 112 associated with the web-based resource. The applications hosted by the third-party server 112 are programmed in JavaScript using a software development kit (SDK) provided by the interactive server 124. The SDK includes an application program interface (API) with functions that can be called or activated by a web-based application. The interactive server 124 hosts a JavaScript library that provides access to a given external resource for specific user data of the interactive client 104. HTML5 is an example of a technology for programming games, but applications and resources programmed based on other technologies can be used.

[0056] To integrate the SDK's functionality into a web-based resource, the third-party server 112 downloads the SDK from the interaction server 124, or the third-party server 112 receives the SDK in some other manner. Once downloaded or received, the SDK is included as part of the application code of the web-based external resource. The code of the web-based resource can then call or activate certain functions of the SDK to integrate the features of the interaction client 104 into the web-based resource.

[0057] The SDK stored on the interactive server system 110 effectively provides a bridge between external resources (e.g., applications 106 or applets) and the interactive client 104. This gives the user a seamless experience of communicating with other users on the interactive client 104 while also preserving the appearance of the interactive client 104. In order to bridge the communication between the external resources and the interactive client 104, the SDK facilitates communication between the third-party server 112 and the interactive client 104. The WebViewJavaScriptBridge running on the user system 102 establishes two one-way communication channels between the external resources and the interactive client 104. Messages are sent asynchronously between the external resources and the interactive client 104 via these communication channels. Each SDK function activation is sent as a message and a callback. Each SDK function is implemented by constructing a unique callback identifier and sending a message with the callback identifier.

[0058] By using the SDK, not all information from the interactive client 104 is shared with the third-party server 112. The SDK limits which information is shared based on the needs of the external resource. Each third-party server 112 provides an HTML5 file corresponding to the web-based external resource to the interactive server 124. The interactive server 124 can add a visual representation of the web-based external resource (e.g., a box design or other graphics) in the interactive client 104. Once the user selects the visual representation or instructs the interactive client 104 to access a feature of the web-based external resource through the GUI of the interactive client 104, the interactive client 104 obtains the HTML5 file and instantiates the resource for accessing the feature of the web-based external resource.

[0059] The interactive client 104 presents a graphical user interface (e.g., a login page or title screen) for the external resource. During, before, or after presenting the login page or title screen, the interactive client 104 determines whether the launched external resource has previously been authorized to access the user data of the interactive client 104. In response to determining that the launched external resource has previously been authorized to access the user data of the interactive client 104, the interactive client 104 presents another graphical user interface of the external resource including the functions and features of the external resource. In response to determining that the launched external resource has not previously been authorized to access the user data of the interactive client 104, after displaying the login page or title screen of the external resource for a threshold period of time (e.g., 3 seconds), the interactive client 104 slides up a menu (e.g., animating the menu to emerge from the bottom of the screen to the middle or other portion of the screen) for authorizing the external resource to access the user data. The menu identifies the type of user data that the external resource is authorized to use. In response to receiving a user selection of the accept option, the interactive client 104 adds the external resource to the list of authorized external resources and allows the external resource to access the user data from the interactive client 104. External resources are authorized by the interactive client 104 to access user data under the OAuth 2 framework.

[0060] The interaction client 104 controls the type of user data shared with the external resource based on the type of external resource that is authorized. For example, an external resource comprising a full-scale application (e.g., application 106) is provided with access to a first type of user data (e.g., a two-dimensional avatar of the user with or without different avatar characteristics). As another example, an external resource comprising a small-scale version of an application (e.g., a web-based version of the application) is provided with access to a second type of user data (e.g., payment information, a two-dimensional avatar of the user, a three-dimensional avatar of the user, and an avatar with various avatar characteristics). Avatar characteristics include different ways to customize the appearance of an avatar (e.g., different poses, facial features, clothing, etc.).

[0061] The advertising system 232 operatively enables third parties to purchase advertisements for presentation to end users via the interactive clients 104 and also handles the delivery and presentation of these advertisements.

[0062] The browsing-based AR system 500 displays a GUI including a collection of fashion items. The browsing-based AR system 500 receives a real-time video feed from a camera of a device, where the real-time video feed depicts a person. The browsing-based AR system 500 retrieves a first AR fashion item corresponding to a first fashion item in the collection of fashion items included in the GUI. The browsing-based AR system 500 modifies the real-time video feed based on applying the first AR fashion item to the depiction of the person in the real-time video feed. The browsing-based AR system 500 presents the modified real-time video feed along with the GUI including the collection of fashion items.

[0063] Data Architecture

[0064] Figure 3 is a diagram illustrating a data structure 300 that may be stored in a database 304 of the interactive server system 110 according to certain examples. Although the contents of the database 304 are shown as including a plurality of tables, it should be understood that data may be stored in other types of data structures (e.g., an object-oriented database).

[0065] The database 304 includes message data stored in a message table 306. For any particular message, the message data includes at least message sender data, message recipient (or receiver) data, and payload. Figure 3 Additional details regarding information that may be included in a message and within the message data stored in message table 306 are described.

[0066] The entity table 308 stores entity data and is linked (e.g., by reference) to the entity graph 310 and the profile data 302. Entities for which records are maintained within the entity table 308 may include individuals, corporate entities, organizations, objects, places, events, and the like. Regardless of the entity type, any entity for which the interactive server system 110 stores data may be an identified entity. Each entity is provided with a unique identifier and an entity type identifier (not shown).

[0067] The entity graph 310 stores information about relationships and associations between entities. By way of example only, such relationships may be social, professional (e.g., working at a common company or organization), interest-based, or activity-based. Some relationships between entities may be one-way, such as a subscription by an individual user to digital content from a business or publication (e.g., a newspaper or other digital media channel or brand). Other relationships may be two-way, such as a "friend" relationship between individual users of the interactive system 100.

[0068] Certain permissions and relationships can be attached to each relationship, and can also be attached to each direction of the relationship. For example, a two-way relationship (e.g., a friend relationship between individual users) can include authorization to publish digital content items between the individual users, but can impose certain restrictions or filters on the publication of such digital content items (e.g., based on content characteristics, location data, or time of day data). Similarly, a subscription relationship between an individual user and a business user can impose varying degrees of restrictions on the publication of digital content from the business user to the individual user, and can significantly limit or prevent the publication of digital content from the individual user to the business user. As an example of an entity, a particular user can record certain restrictions in the record for that entity within the entity table 308 (e.g., through privacy settings). Such privacy settings can apply to all types of relationships in the context of the interactive system 100, or can be selectively applied to certain types of relationships.

[0069] Profile data 302 stores various types of profile data about a particular entity. Based on the privacy settings specified by the particular entity, profile data 302 can be selectively used and presented to other users of the interactive system 100. In the case where the entity is a person, profile data 302 includes, for example, the user's name, phone number, address, settings (e.g., notification and privacy settings), and an avatar representation (or a collection of such avatar representations) selected by the user. The particular user can then selectively include one or more of these avatar representations within the content of messages transmitted via the interactive system 100 and on a map interface displayed to other users by the interactive client 104. The collection of avatar representations can include a "status avatar," which presents a graphical representation of the user's status or activity that they may choose to transmit at a particular time.

[0070] Where the entity is a group, the profile data 302 for the group may similarly include one or more avatar representations associated with the group, in addition to the group name, members, and various settings for the relevant group (eg, notifications).

[0071] Database 304 also stores enhancement data, such as overlays or filters, in enhancement table 312. Enhancement data is associated with and applied to videos (video data is stored in video table 314) and images (image data is stored in image table 316).

[0072] In some examples, a filter is displayed as an overlay on an image or video during presentation to a recipient user. Filters can be of various types, including filters selected by the user from a set of filters that the interactive client 104 presents to the sending user while the sending user is composing a message. Other types of filters include geolocation filters (also known as geofilters), which can be presented to the sending user based on geographic location. For example, a geolocation filter specific to a nearby or special location can be presented within the user interface by the interactive client 104 based on geographic location information determined by a global positioning system (GPS) unit of the user system 102.

[0073] Another type of filter is a data filter, which can be selectively presented to the sending user by the interaction client 104 based on other input or information collected during the message creation process by the user system 102. Examples of data filters include the current temperature at a particular location, the current speed the sending user is traveling, the battery life of the user system 102, or the current time.

[0074] Other augmented data that can be stored in the image table 316 include augmented reality content items (e.g., corresponding to application "lenses" or augmented reality experiences). Augmented reality content items can be real-time special effects and sounds that can be added to images or videos.

[0075] The story table 318 stores data about a collection of messages and associated images, video, or audio data that are compiled into a collection (e.g., a story or gallery). The creation of a particular collection can be initiated by a particular user (e.g., each user for whom a record is maintained in the entity table 308). A user can create a "personal story" in the form of a collection of content that has been created and sent / broadcasted by the user. To this end, the user interface of the interaction client 104 can include a user-selectable icon that enables the sending user to add specific content to his or her personal story.

[0076] The collection can also constitute a "live story", which is a collection of content from multiple users created manually, automatically, or using a combination of manual and automatic techniques. For example, a "live story" can constitute a curated stream of user-submitted content from different locations and events. Users whose client devices have location services enabled and who are at a common location event at a particular time can be presented with the option to contribute content to a particular live story, for example, via the user interface of the interactive client 104. Live stories can be identified to the user by the interactive client 104 based on his or her location. The end result is a "live story" told from the perspective of the group.

[0077] Another type of content collection is called a "location story," which enables users whose user systems 102 are located in a particular geographic location (e.g., on a college or university campus) to contribute to a particular collection. In some examples, contributions to location stories may employ secondary authentication to verify that the end user belongs to a particular organization or other entity (e.g., is a student on a university campus).

[0078] As mentioned above, video table 314 stores video data that, in some examples, is associated with messages for which records are maintained within message table 306. Similarly, image table 316 stores image data associated with messages whose message data is stored in entity table 308. Entity table 308 can associate various enhancements from enhancement table 312 with the various images and videos stored in image table 316 and video table 314.

[0079] The database 304 also includes trained machine learning (ML) techniques 307 that stores parameters of one or more machine learning models that have been trained during training of the fashion item transfer system 500. For example, the trained machine learning techniques 307 store trained parameters of one or more artificial neural network machine learning models or techniques.

[0080] Data communication architecture

[0081] Figure 4 is a schematic diagram illustrating the structure of a message 400 according to some examples, the message 400 being generated by an interaction client 104 for transmission to another interaction client 104 via an interaction server 124. The content of a particular message 400 is used to populate a message table 306 stored within a database 304 accessible by the interaction server 124. Similarly, the content of the message 400 is stored in memory as "in-transit" or "in-flight" data of the user system 102 or the interaction server 124. The message 400 is shown as including the following example components:

[0082] Message identifier 402 : A unique identifier that identifies the message 400 .

[0083] Message text payload 404 : Text to be generated by the user via the user interface of the user system 102 and included in the message 400 .

[0084] • Message image payload 406: Image data captured by the camera component of the user system 102 or retrieved from the memory component of the user system 102 and included in the message 400. The image data for a message 400 sent or received may be stored in the image table 316.

[0085] • Message video payload 408: Video data captured by the camera component or retrieved from the memory component of the user system 102 and included in the message 400. The video data for a message 400 sent or received may be stored in the image table 316.

[0086] • Message audio payload 410 : audio data captured by a microphone or retrieved from a memory component of the user system 102 and included in the message 400 .

[0087] Message enhancement data 412: Enhancement data (e.g., filters, stickers, or other annotations or enhancements) representing enhancements to be applied to the message image payload 406, message video payload 408, or message audio payload 410 of the message 400. Enhancement data for a sent or received message 400 may be stored in the enhancement table 312.

[0088] • Message duration parameter 414: A parameter value indicating the amount of time, in seconds, that the content of the message (e.g., message image payload 406, message video payload 408, message audio payload 410) is to be presented to or made accessible to the user via the interactive client 104.

[0089] Message geolocation parameters 416: Geolocation data (e.g., latitude and longitude coordinates) associated with the content payload of the message. Multiple message geolocation parameter 416 values ​​may be included in the payload, with each of these parameter values ​​being associated with a content item included in the content (e.g., a specific image within the message image payload 406 or a specific video within the message video payload 408).

[0090] Message story identifier 418: An identifier value that identifies one or more content collections (e.g., a "story" identified in stories table 318) associated with a particular content item in message image payload 406 of message 400. For example, the identifier value can be used to associate multiple images within message image payload 406 with multiple content collections.

[0091] Message tags 420: Each message 400 can be tagged with a plurality of tags, each of which indicates the subject matter of the content included in the message payload. For example, if a particular image included in the message image payload 406 depicts an animal (e.g., a lion), a tag value can be included within the message tags 420 indicating the relevant animal. The tag value can be manually generated based on user input, or can be automatically generated using, for example, image recognition.

[0092] • Message sender identifier 422: An identifier (eg, a messaging system identifier, an email address, or a device identifier) ​​that indicates the user of the user system 102 on which the message 400 was generated and from which the message 400 was sent.

[0093] • Message recipient identifier 424: Indicates an identifier (eg, a messaging system identifier, email address, or device identifier) ​​of the user of user system 102 to which message 400 is addressed.

[0094] The content (e.g., value) of each component of message 400 may be a pointer to a location in a table where the content data value is stored. For example, the image value in message image payload 406 may be a pointer to a location (or its address) within image table 316. Similarly, the value within message video payload 408 may point to data stored within image table 316, the value stored within message enhancement data 412 may point to data stored in enhancement table 312, the value stored within message story identifier 418 may point to data stored in story table 318, and the values ​​stored within message sender identifier 422 and message recipient identifier 424 may point to user records stored in entity table 308.

[0095] Browsing-based AR system

[0096] Figure 5 is a block diagram illustrating an exemplary browsing-based AR system 500 according to an exemplary example. The browsing-based AR system 500 includes a set of components 510 that operate on an input data set (e.g., a video 501 including one or more frames depicting a person in a real-world environment). The browsing-based AR system 500 includes a fashion item portal module 512, a person detection module 514, an AR fashion item generation module 516, a fashion item selection module 517, an image modification module 518, and an image display module 520. All or some of the components of the browsing-based AR system 500 may be implemented by a server, in which case the video 501 is provided to the server by the user system 102. In some cases, some or all of the components of the browsing-based AR system 500 may be implemented by the user system 102 or may be distributed across a group of user systems 102.

[0097] In some examples, the browsing-based AR system 500 displays a GUI including a collection of fashion items. The browsing-based AR system 500 receives a real-time video feed from a camera of a device, where the real-time video feed depicts a person. The browsing-based AR system 500 retrieves a first AR fashion item corresponding to a first fashion item in the collection of fashion items included in the GUI. The browsing-based AR system 500 modifies the real-time video feed based on applying the first AR fashion item to the depiction of the person in the real-time video feed, and presents the modified real-time video feed along with the GUI including the collection of fashion items.

[0098] In some examples, the modified live video feed is presented in a window at the top of the GUI. In some examples, the window is circular or other geometrically shaped. In some examples, the modified live video feed is presented alongside the GUI without covering any fashion items in the collection of fashion items included in the GUI.

[0099] In some examples, the browsing-based AR system 500 accesses a code segment representing a GUI. The browsing-based AR system 500 searches the code segment to identify a list of fashion items in the set and selects a single fashion item that is first in the list of fashion items in the set as a first fashion item. In some examples, the browsing-based AR system 500 generates a first AR fashion item that is similar to the first fashion item in the set of fashion items.

[0100] In some examples, the browsing-based AR system 500 accesses a server associated with the GUI to retrieve a first AR fashion item corresponding to a single fashion item in the list of fashion items.In some examples, the code segment includes HTML document code (or other markup language document code) for generating a display of the GUI.

[0101] In some examples, the browsing-based AR system 500 accesses a code segment representing a GUI and searches the code segment to identify a list of fashion items. The browsing-based AR system 500 obtains one or more fashion item attributes associated with each fashion item in the list of fashion items from the code segment.

[0102] In some examples, the browsing-based AR system 500 applies one or more machine learning models to a live video feed to estimate one or more attributes of a person depicted in the live video feed. The browsing-based AR system 500 matches the one or more attributes of the person depicted in the live video feed with one or more fashion item attributes obtained from the code segment. For example, the browsing-based AR system 500 estimates the apparent age, gender, skin color, etc. of the person depicted in the live video feed. The browsing-based AR system 500 also retrieves stored preferences, such as type of clothing, category of clothing, season of clothing, etc., based on the shopping history of the person depicted in the video and / or what the person depicted in the video is currently wearing. The browsing-based AR system 500 matches any or all of the estimated characteristics of the person and their shopping preferences with fashion item attributes (e.g., gender, clothing style, category of clothing, season of clothing, age of clothing, etc.) to find matching fashion items for selection and applies the corresponding AR items or objects to the person depicted in the video.

[0103] In some examples, the browsing-based AR system 500 ranks the fashion items in the list of fashion items based on matching one or more attributes of a person depicted in the live video feed with one or more attributes of the fashion item obtained from the code segment. The browsing-based AR system 500 selects a single fashion item in the list of fashion items that ranks higher than all other fashion items as the first fashion item.

[0104] In some examples, the set of fashion items includes a first set of fashion items. In this case, the browsing-based AR system 500 receives input to update the GUI to present a second set of fashion items and automatically updates the real-time video feed based on the second set of fashion items.

[0105] In some examples, the browse-based AR system 500 retrieves a second AR fashion item corresponding to a second fashion item in the second fashion item set included in the updated GUI. The browse-based AR system 500 modifies the live video feed based on applying the second AR fashion item to the depiction of the person in the live video feed instead of the first AR fashion item.

[0106] In some examples, the live video feed is modified in response to receiving input to update the GUI without receiving a separate request to apply a second AR fashion item to the depiction of the person. In some examples, the browsing-based AR system 500 automatically presents an indication associated with a first fashion item of the set of fashion items displayed in the GUI to identify which one of the set of fashion items is being represented by applying the first AR fashion item to the depiction of the person in the live video feed.

[0107] In some examples, the indicator includes a highlighted area or a cursor. In some examples, the GUI includes a 2D layout of the collection of fashion items. In some examples, the browsing-based AR system 500 applies one or more machine learning models to the live video feed to generate tracking information for a person depicted in the live video feed, and continuously updates the live video feed based on the tracking information generated by the one or more machine learning models to modify the placement of the first AR fashion item on the depiction of the person in the live video feed.

[0108] For example, the fashion item portal module 512 can receive a user request to start a web-based shopping experience or access a web-based shopping portal. That is, the fashion item portal module 512 can present a web browser. The fashion item portal module 512 can receive input from a user who enters the website address of an online shopping merchant. In response, the fashion item portal module 512 retrieves an HTML document associated with the web page of the specified website. The fashion item portal module 512 processes the HTML document and presents a GUI that includes a list or collection of fashion items available from the merchant. The GUI can be navigable so that the user can browse different pages and update the display to present different sets of fashion items. For example, in response to a left-swipe / right-swipe gesture, the identifiers of different fashion items are updated to represent different sets of fashion items.

[0109] For example, Figure 6 As shown in the HTML document 600 of FIG. 5 , the fashion item portal module 512 receives the HTML document 600 from a remote server or website. The fashion item portal module 512 processes the HTML document 600 to display the fashion items in the GUI according to the instructions or codes of the HTML document 600.

[0110] In some cases, in response to launching the GUI to present a collection of fashion items, the fashion item portal module 512 activates a front-facing camera feed of the user system 102. The fashion item portal module 512 receives and / or accesses a real-time camera feed from a front-facing or rear-facing camera of the user system 102. The camera feed may depict a real-world person or a body part of a real-world person, such as a face, torso, arms, legs, buttocks, or any other body part or parts of a person. The fashion item portal module 512 provides the camera feed, including one or more frames depicting a person or a body part of a person, to the person detection module 514.

[0111] The person detection module 514 implements one or more machine learning models (e.g., one or more neural networks) that have been trained to detect and track one or more people and / or body parts in one or more video frames. For example, during training, the machine learning model of the person detection module 514 receives a given training image (or video) from a plurality of training images (or videos) depicting one or more people and / or body parts. The plurality of training images are associated with corresponding ground truth labels or indications of the people and / or body parts depicted in the training images and can be received or accessed from the training image data stored in the data structure 300. The person detection module 514 applies the one or more machine learning models to the given training images. The person detection module 514 generates estimated tracking information for the people and / or body parts depicted in the given training images.

[0112] The person detection module 514 obtains known or predetermined ground truth tracking information corresponding to a given training image. The person detection module 514 compares the estimated tracking information with the ground truth tracking information (calculating the deviation therebetween). Based on a difference threshold (or deviation) in the comparison, the person detection module 514 updates one or more coefficients or parameters and obtains one or more additional training images from the training data.

[0113] After a specified number of rounds or batches of training images have been processed and / or when a difference threshold (or deviation) (calculated based on the difference or deviation between the estimated tracking information and the true tracking information) reaches a specified value, the person detection module 514 completes training and the parameters and coefficients of the person detection module 514 are stored as a trained machine learning technique.

[0114] In some examples, the person detection module 514 can be used to detect one or more people and / or body parts in an image of a real-world environment. The person detection module 514 can provide tracking information of the people and / or body parts estimated based on the captured image to the AR fashion item generation module 516. The AR fashion item generation module 516, in conjunction with the image modification module 518, can then overlay one or more AR fashion items on the people and / or body parts depicted in the image based on the estimated tracking information received from the person detection module 514 to generate an augmented image. The augmented image can be routed to the image display module 520 for presentation on a dedicated portion of the display screen, for example, in a circular window at the top of the GUI that includes the fashion item set or in a side-by-side arrangement next to the GUI.

[0115] In some examples, the fashion item portal module 512 provides an HTML document 600 to a fashion item selection module 517. The fashion item selection module 517 processes the HTML document 600 to select one or more fashion items included in the GUI presented on the user system 102. In some cases, the fashion item selection module 517 searches the HTML document 600 for a fashion item field 610. The fashion item field 610 may indicate the beginning of a list of fashion items corresponding to fashion items presented on the GUI on the user system 102. In some examples, the fashion item selection module 517 selects the first fashion item field 612 on the list of fashion items. That is, the first fashion item field 612 may correspond to the topmost and / or leftmost fashion item currently presented on the GUI. The fashion item selection module 517 may retrieve an AR link 616 corresponding to the first fashion item field 612. The fashion item selection module 517 may access the AR link 616 to retrieve an AR version of the first fashion item presented on the GUI that is similar in appearance to the first fashion item. The fashion item selection module 517 provides the AR version of the first fashion item to the AR fashion item generation module 516 .

[0116] The AR fashion item generation module 516 receives the AR version of the first fashion item and overlays the AR version of the first fashion item on a real-time video feed captured by the forward or rear-facing camera of the user system 102. In some cases, the AR fashion item generation module 516 uses the tracking information of the body part or person depicted in the real-time video feed to continuously adjust the position of the AR version of the fashion item on the real-time video feed. This produces a realistic display of the person wearing the AR version of the fashion item in the real-time video feed. When the person moves around in the video feed, the AR version of the fashion item also moves to maintain its position on a specific body part (e.g., the upper or lower body of the person).

[0117] In some cases, the fashion item selection module 517 may determine that the AR link 616 is missing for the first fashion item field 612. In this case, the fashion item selection module 517 may apply one or more machine learning models to generate a 3D AR version of the first fashion item. That is, the fashion item selection module 517 may retrieve a 2D image of the first fashion item from the first fashion item field 612. The fashion item selection module 517 applies the one or more machine learning models to the 2D image to generate a 3D representation of the first fashion item. The fashion item selection module 517 then animates the 3D representation to convert the 3D representation into an AR element or item. The fashion item selection module 517 then provides the AR element or item, similar to the 2D image of the first fashion item, to the AR fashion item generation module 516 to overlay or enhance the real-time video depicting the person wearing the AR element or item.

[0118] In some examples, the fashion item selection module 517 receives one or more features of a person depicted in the live video feed from the person detection module 514. The fashion item selection module 517 can retrieve a list of fashion item attributes describing the first fashion item corresponding to the first fashion item field 612 from the attribute field 614. The fashion item selection module 517 can also retrieve a list of fashion item attributes for each fashion item depicted and included in the GUI from the corresponding attribute field. The fashion item selection module 517 can match the attributes of the person depicted in the live video feed with the attributes of the fashion items retrieved from the HTML document 600.

[0119] The fashion item selection module 517 may then rank each of the fashion item fields in the HTML document 600 based on how closely the fashion item attributes match the attributes of the person depicted in the live video feed. For example, the fashion item selection module 517 may assign first place to a first fashion item in the GUI in response to determining that a first number of the fashion item's attributes match the attributes of the person depicted in the live video feed. The fashion item selection module 517 may assign second place to a second fashion item in the GUI in response to determining that a second number of the fashion item's attributes match the attributes of the person depicted in the live video feed. The second number may include fewer fashion item attributes than the first number, and thus the second rank may be lower than the first rank. For example, the fashion item selection module 517 may determine that the second fashion item has fashion item features corresponding to male clothing, and the first fashion item has fashion item features corresponding to female clothing. The fashion item selection module 517 may determine that the attributes of the person depicted in the live video feed correspond to a female. In this case, the fashion item selection module 517 ranks the first fashion item higher than the second fashion item because the first fashion item includes fashion item features corresponding to female clothing and the person features correspond to a female.

[0120] The fashion item selection module 517 may select a top-ranked fashion item from a ranked list of fashion items. The fashion item selection module 517 may retrieve or generate an AR version of the selected top-ranked fashion item. The fashion item selection module 517 provides the AR version of the fashion item to the AR fashion item generation module 516 to modify the video feed depicting the person, for example, by overlaying the AR version of the fashion item on the video feed. As the GUI is updated to present different sets of fashion items, the fashion item selection module 517 may continuously update the fashion items and the corresponding AR versions of the selected fashion items. For example, the fashion item selection module 517 may receive an updated HTML document reflecting the different sets of included fashion items, for example, in response to user input requesting navigation to a different portion of the GUI or webpage. In response, the fashion item selection module 517 updates the selection of fashion items to select a second fashion item and a corresponding second AR fashion item that is similar to the second fashion item. The fashion item selection module 517 provides the updated selection of the second AR fashion item to the AR fashion item generation module 516 to modify the video feed to depict the person wearing the second AR fashion item instead of the first AR fashion item version.

[0121] Figure 7 An illustrative GUI 700 incorporating an AR experience according to some examples is shown. Specifically, the browsing-based AR system 500 receives a user request to access the GUI 700, for example, in response to receiving a user selection of a portal (e.g., a website) associated with a merchant. The GUI 700 presents a 2D image 710 including images of one or more fashion items 720. The browsing-based AR system 500 selects a first fashion item 722 from the one or more fashion items 720 depicted in the GUI 700. The browsing-based AR system 500 generates or accesses a first AR fashion item corresponding to the first fashion item 722 (e.g., a first fashion item image). The first fashion item 722 can correspond to the first fashion item in the fashion item list (e.g., top left).

[0122] The browsing-based AR system 500 receives a real-time video feed depicting a person or a body part of a person, for example, from a forward-facing camera of the user system 102. The browsing-based AR system 500 applies a first AR fashion item (or a portion of the first AR fashion item) to a specific portion of the body part depicted in the real-time video feed. For example, if only a shoulder is depicted in the real-time video feed and the first AR fashion item corresponds to a shirt, the browsing-based AR system 500 applies only the shoulder portion of the first AR fashion item to the real-world shoulder depicted in the real-time video feed. When a new part of the real-world person, such as a torso, comes into view, the browsing-based AR system 500 updates the real-time video feed to apply the torso portion of the first AR fashion item to the real-world torso depicted in the real-time video feed.

[0123] Browsing-based AR system 500 presents the modified live video feed in a window 730, e.g., a circular window on a square window, on GUI 700. In this manner, window 730 is presented along with one or more fashion items 720 depicted in the GUI. The modified live video feed presented in window 730 includes a depiction of a person 732 or a body part of a person superimposed with a portion of a first AR fashion item 734.

[0124] The browsing-based AR system 500 may receive input requesting access to another portion of a web page. For example, the browsing-based AR system 500 may receive a left swipe gesture on the screen on which the GUI 700 is presented. In response, the browsing-based AR system 500 updates the GUI 700 to present Figure 8 . The second GUI 800 includes a second set of fashion items 820 from among the other items in the 2D image 810 presented on the user system 102. The browse-based AR system 500 can select a second fashion item 822 from the second set of fashion items 820 presented in the second GUI 800. The second fashion item can correspond to a fashion item that has more fashion item attributes that match features of a person depicted in a video feed captured by a forward-facing or rearward-facing camera of the user system 102 than all other fashion items in the fashion items 820. In some cases, the browse-based AR system 500 presents an indication, such as a highlighted area, adjacent to the second fashion item 822 that has been selected.

[0125] The browsing-based AR system 500 updates the GUI 800 to present a window 830 with an updated AR fashion item 834 corresponding to the second fashion item 822. That is, the window 830 presents a portion of the live video feed depicting a person 832 or body part wearing the AR fashion item 834 corresponding to the second fashion item 822 that has been selected and appears in the updated GUI 800, rather than the first AR fashion item 734. Specifically, in response to receiving input to navigate to a different portion of the webpage to update the set of fashion items displayed in the GUI, the browsing-based AR system 500 automatically updates the live video feed to depict a different AR fashion item as being worn by the person or body part in the live video feed.

[0126] The browsing-based AR system 500 can receive input from a user selecting any of the fashion items depicted in the GUI 700 or the second GUI 800. For example, the user can click on a different fashion item image depicted in the second GUI 800. In a similar manner, the browsing-based AR system 500 updates the video feed to present an AR version of the fashion item corresponding to the fashion item selected by the user, rather than the AR version of the automatically selected fashion item.

[0127] Figure 9 900 is a flowchart of a process according to some examples. Although the flowchart describes the operations as a sequential process, many of these operations can be performed in parallel or simultaneously. In addition, the order of the operations can be rearranged. A process terminates when its operations are completed. A process can correspond to a method, procedure, etc. The steps of a method can be performed in whole or in part, can be combined with some or all of the steps in other methods, and can be performed by any number of different systems or any portion thereof, such as a processor included in any system of systems.

[0128] At operation 901, as discussed above, the browsing-based AR system 500 (e.g., the server or the user system 102) displays a GUI containing a collection of fashion items. Figure 7 As shown, the browsing-based AR system 500 displays one or more fashion items 720 in the GUI 700 .

[0129] At operation 902 , as discussed above, the browsing-based AR system 500 receives a real-time video feed from a camera of the device, wherein the real-time video feed depicts a person. For example, the browsing-based AR system 500 receives a real-time video feed from a camera of the user system 102 .

[0130] At operation 903 , as discussed above, the browsing-based AR system 500 retrieves a first AR fashion item corresponding to a first fashion item in the fashion item set included in the GUI. For example, the browsing-based AR system 500 retrieves an AR fashion item corresponding to the first fashion item 722 .

[0131] At operation 904, as discussed above, the view-based AR system 500 modifies the live video feed based on applying the first AR fashion item to the depiction of the person in the live video feed. For example, the view-based AR system 500 overlays the AR fashion item on the corresponding body part depicted in the received video stream.

[0132] At operation 905 , the browsing-based AR system 500 presents the modified real-time video feed along with a GUI including a collection of fashion items, as discussed above. For example, the browsing-based AR system 500 presents a window 730 depicting a person 732 wearing a first AR fashion item 734 .

[0133] Machine Architecture

[0134] Figure 101 is a diagrammatic representation of a machine 1000 within which instructions 1002 (e.g., software, programs, applications, applet, apps, or other executable code) may be executed for causing the machine 1000 to perform any one or more of the methodologies discussed herein. For example, the instructions 1002 may cause the machine 1000 to perform any one or more of the methodologies described herein. The instructions 1002 transform a general-purpose, unprogrammed machine 1000 into a specialized machine 1000 that is programmed to perform the functions described and illustrated in the manner described. The machine 1000 may operate as a standalone device or may be coupled (e.g., networked) to other machines. In a networked deployment, the machine 1000 may operate as a server or a client machine in a server-client network environment, or as a peer machine in a peer-to-peer (or distributed) network environment. The machine 1000 may include, but is not limited to, a server computer, a client computer, a personal computer (PC), a tablet computer, a laptop computer, a netbook, a set-top box (STB), a personal digital assistant (PDA), an entertainment media system, a cellular phone, a smartphone, a mobile device, a wearable device (e.g., a smart watch), a smart home device (e.g., a smart appliance), other smart devices, a web appliance, a network router, a network switch, a network bridge, or any machine capable of sequentially or otherwise executing instructions 1002 specifying actions to be taken by the machine 1000. Furthermore, while only a single machine 1000 is shown, the term "machine" should also be construed to include a collection of machines that individually or jointly execute instructions 1002 to perform any one or more of the methods discussed herein. For example, the machine 1000 may include the user system 102 or any of a plurality of server devices forming part of the interactive server system 110. In some examples, the machine 1000 may also include both a client system and a server system, wherein certain operations of a particular method or algorithm are performed on the server side and certain operations of the particular method or algorithm are performed on the client side.

[0135] The machine 1000 may include a processor 1004, a memory 1006, and input / output I / O components 1008 that may be configured to communicate with each other via a bus 1010. In an example, the processor 1004 (e.g., a central processing unit (CPU), a reduced instruction set computing (RISC) processor, a complex instruction set computing (CISC) processor, a graphics processing unit (GPU), a digital signal processor (DSP), an application specific integrated circuit (ASIC), a radio frequency integrated circuit (RFIC), another processor, or any suitable combination thereof) may include, for example, a processor 1012 that executes instructions 1002 and a processor 1014. The term "processor" is intended to include multi-core processors, which may include two or more independent processors (sometimes referred to as "cores") that may execute instructions concurrently. Although Figure 10 Multiple processors 1004 are shown, but the machine 1000 may include a single processor with a single core, a single processor with multiple cores (e.g., a multi-core processor), multiple processors with a single core, multiple processors with multiple cores, or any combination thereof.

[0136] The memory 1006 includes a main memory 1016, a static memory 1018, and a storage unit 1020, all of which are accessible by the processor 1004 via the bus 1010. The main memory 1006, the static memory 1018, and the storage unit 1020 store instructions 1002 that implement any one or more of the methodologies or functions described herein. The instructions 1002 may also reside, completely or partially, within the main memory 1016, within the static memory 1018, within the machine-readable medium 1022 within the storage unit 1020, within at least one of the processors 1004 (e.g., within a cache memory of a processor), or any suitable combination thereof during execution by the machine 1000.

[0137] The I / O components 1008 may include various components for receiving input, providing output, generating output, sending information, exchanging information, capturing measurements, etc. The specific I / O components 1008 included in a particular machine will depend on the type of machine. For example, a portable machine such as a mobile phone may include a touch input device or other such input mechanism, while a headless server machine will be less likely to include such a touch input device. It should be appreciated that the I / O components 1008 may include Figure 10Many other components are not shown in the drawings. In various examples, the I / O components 1008 may include user output components 1024 and user input components 1026. The user output components 1024 may include visual components (e.g., displays such as plasma display panels (PDPs), light emitting diode (LED) displays, liquid crystal displays (LCDs), projectors, or cathode ray tubes (CRTs)), acoustic components (e.g., speakers), tactile components (e.g., vibration motors, resistance mechanisms), other signal generators, etc. The user input components 1026 may include alphanumeric input components (e.g., keyboards, touch screens configured to receive alphanumeric input, optical keyboards, or other alphanumeric input components), point-based input components (e.g., mice, touch pads, trackballs, joysticks, motion sensors, or other pointing instruments), tactile input components (e.g., physical buttons, touch screens or other tactile input components that provide location and force of touches or touch gestures), audio input components (e.g., microphones), etc.

[0138] In other examples, the I / O component 1008 may include a biometric component 1028, a motion component 1030, an environmental component 1032, or a positioning component 1034, as well as a wide range of other components. For example, the biometric component 1028 includes components for detecting expressions (e.g., hand expressions, facial expressions, voice expressions, body postures, or eye tracking), measuring biosignals (e.g., blood pressure, heart rate, body temperature, sweat, or brain waves), identifying people (e.g., voice recognition, retinal recognition, facial recognition, fingerprint recognition, or electroencephalogram-based recognition), etc. The motion component 1030 includes an acceleration sensor component (e.g., an accelerometer), a gravity sensor component, and a rotation sensor component (e.g., a gyroscope).

[0139] Environmental components 1032 include, for example, one or more cameras (with still image / photo and video capabilities), an illumination sensor component (e.g., a photometer), a temperature sensor component (e.g., one or more thermometers that detect ambient temperature), a humidity sensor component, a pressure sensor component (e.g., a barometer), an acoustic sensor component (e.g., one or more microphones that detect background noise), a proximity sensor component (e.g., an infrared sensor that detects nearby objects), a gas sensor (e.g., a gas detection sensor for detecting concentrations of hazardous gases for safety purposes or for measuring pollutants in the atmosphere), or other components that can provide indications, measurements, or signals corresponding to the surrounding physical environment.

[0140] With respect to cameras, the user system 102 can have a camera system that includes, for example, a front-facing camera on the front surface of the user system 102 and a rear-facing camera on the rear surface of the user system 102. The front-facing camera can, for example, be used to capture still images and videos of the user of the user system 102 (e.g., "selfies"), which can then be enhanced with the enhancement data (e.g., filters) described above. The rear-facing camera can, for example, be used to capture still images and videos in a more conventional camera mode, which are similarly enhanced with the enhancement data. In addition to the front-facing camera and the rear-facing camera, the user system 102 can also include a 360° camera for capturing 360° photos and videos.

[0141] Furthermore, the camera system of the user system 102 may include dual rear cameras (e.g., a main camera and a depth-sensing camera), or even triple, quad, or quintuple rear camera configurations on the front and back sides of the user system 102. For example, these multi-camera systems may include a wide-angle camera, an ultra-wide-angle camera, a telephoto camera, a macro camera, and a depth sensor.

[0142] The positioning component 1034 includes a position sensor component (for example, a GPS receiver component), an altitude sensor component (for example, an altimeter or barometer that detects air pressure, and the altitude can be obtained according to the air pressure), an orientation sensor component (for example, a magnetometer), etc.

[0143] Various technologies can be used to implement communications. The I / O components 1008 also include a communications component 1036 that is operable to couple the machine 1000 to a network 1038 or device 1040 via corresponding couplings or connections. For example, the communications component 1036 may include a network interface component or other suitable device that interfaces with the network 1038. In other examples, the communications component 1036 may include a wired communications component, a wireless communications component, a cellular communications component, a near field communications (NFC) component, a Components (e.g. Low energy consumption), Components and other communication components for providing communication via other forms. Device 1040 can be another machine or any peripheral device among various peripheral devices (e.g., a peripheral device coupled via USB).

[0144] Additionally, the communication component 1036 can detect an identifier, or include components operable to detect an identifier. For example, the communication component 1036 can include a radio frequency identification (RFID) tag reader component, an NFC smart tag detection component, an optical reader component (e.g., for detecting a one-dimensional barcode such as a Universal Product Code (UPC) barcode, a Quick Response (QR) code, an Aztec code, a Data Matrix, a Dataglyph, or a similar barcode). TM ), MaxiCode, PDF417, Ultra Code, UCC RSS-2D barcode, and other optical codes) or an acoustic detection component (e.g., a microphone for identifying an audio signal of a tag). In addition, various information can be obtained via the communication component 1036, such as location via Internet Protocol (IP) geolocation, location information via Position derived from signal triangulation, position derived via detection of NFC beacon signals that can indicate a specific location, etc.

[0145] Various memories (e.g., main memory 1016, static memory 1018, and memory of processor 1004) and storage unit 1020 may store one or more sets of instructions and data structures (e.g., software) implemented or used by any one or more of the methods or functions described herein. These instructions (e.g., instructions 1002) when executed by processor 1004 cause various operations to implement the disclosed examples.

[0146] Instructions 1002 may be sent or received over network 1038 using a transmission medium via a network interface device (e.g., a network interface component included in communications component 1036) and using any of several well-known transmission protocols (e.g., Hypertext Transfer Protocol (HTTP)). Similarly, instructions 1002 may be sent or received via a coupling (e.g., a peer-to-peer coupling) with device 1040 using a transmission medium.

[0147] Software Architecture

[0148] Figure 1111 is a block diagram 1100 illustrating a software architecture 1102 that can be installed on any one or more of the devices described herein. The software architecture 1102 is supported by hardware, such as a machine 1104 including a processor 1106, memory 1108, and I / O components 1110. In this example, the software architecture 1102 can be conceptualized as a stack of layers, where each layer provides specific functionality. The software architecture 1102 includes layers such as an operating system 1112, libraries 1114, frameworks 1116, and applications 1118. In operation, the applications 1118 invoke API calls 1120 through the software stack and receive messages 1122 in response to the API calls 1120.

[0149] The operating system 1112 manages hardware resources and provides common services. The operating system 1112 includes, for example, a kernel 1124, services 1126, and drivers 1128. The kernel 1124 serves as an abstraction layer between the hardware and other software layers. For example, the kernel 1124 provides functions such as memory management, processor management (e.g., scheduling), component management, networking, and security settings. Services 1126 can provide other common services to other software layers. Drivers 1128 are responsible for controlling or interfacing with the underlying hardware. For example, drivers 1128 may include display drivers, camera drivers, or Low-power drivers, Flash drivers, serial communication drivers (e.g., USB drivers), drivers, audio drivers, power management drivers, etc.

[0150] The libraries 1114 provide a common low-level infrastructure used by the applications 1118. The libraries 1114 may include a system library 1130 (e.g., a C standard library) that provides functions such as memory allocation functions, string manipulation functions, mathematical functions, etc. In addition, the libraries 1114 may include an API library 1132, such as a media library (e.g., a library for supporting the presentation and manipulation of various media formats, such as Moving Picture Experts Group-4 (MPEG4), Advanced Video Coding (H.264 or AVC), Moving Picture Experts Group Layer-3 (MP3), Advanced Audio Coding (AAC), Adaptive Multi-Rate (AMR) audio codec, Joint Photographic Experts Group (JPEG or JPG), or Portable Network Graphics (PNG)), a graphics library (e.g., an OpenGL framework for rendering graphical content on a display in two dimensions (2D) and three dimensions (3D), a database library (e.g., SQLite providing various relational database functions), a web library (e.g., WebKit providing web browsing functions), etc. The library 1114 may also include a variety of other libraries 1134 to provide many other APIs to the application 1118 .

[0151] The framework 1116 provides a common high-level infrastructure used by applications 1118. For example, the framework 1116 provides various graphical user interface (GUI) functions, high-level resource management, and high-level location services. The framework 1116 can provide a wide range of other APIs that can be used by applications 1118, some of which may be specific to a particular operating system or platform.

[0152] In an example, the applications 1118 may include a home application 1136, a contacts application 1138, a browser application 1140, a book reader application 1142, a location application 1144, a media application 1146, a messaging application 1148, a game application 1150, and a variety of other applications such as third-party applications 1152. The applications 1118 are programs that perform functions defined in the program. Various programming languages ​​may be used to create one or more of the applications 1118 structured in various ways, such as an object-oriented programming language (e.g., Objective-C, Java, or C++) or a procedural programming language (e.g., C or assembly language). In a specific example, the third-party applications 1152 (e.g., those written by an entity other than the vendor of a particular platform using ANDROID) may be used to create a third-party application 1152. TM or IOS TM Software Development Kit (SDK) can be used to develop applications on platforms such as IOS TM ANDROID TM 、 Mobile software running on the mobile operating system of the phone or other mobile operating system. In this example, the third party application 1152 can activate the API call 1120 provided by the operating system 1112 to facilitate the functions described in this article.

[0153] System with head-mounted device

[0154] Figure 12 A system 1200 is shown that includes a head mounted device 116 having a selector input device according to some examples. Figure 12 is a high-level functional block diagram of an example head mounted device 116 communicatively coupled to a mobile device 114 and various server systems 1204 (e.g., interactive server system 110) via various networks 108.

[0155] The head-mounted device 116 includes one or more cameras, each of which can be, for example, a visible light camera 1206, an infrared emitter 1208, and an infrared camera 1210.

[0156] The mobile device 114 is connected to the headset 116 using both a low power wireless connection 1212 and a high speed wireless connection 1214. The mobile device 114 is also connected to the server system 1204 and the network 1216.

[0157] The head-mounted device 116 also includes two image displays in the optical assembly's image displays 1218. The two image displays 1218 of the optical assembly include one image display associated with the left lateral side of the head-mounted device 116 and one image display associated with the right lateral side of the head-mounted device 116. The head-mounted device 116 also includes an image display driver 1220, an image processor 1222, low-power circuits 1224, and high-speed circuits 1226. The image displays 1218 of the optical assembly are used to present images and video, including images that may include a graphical user interface, to a user of the head-mounted device 116.

[0158] The image display driver 1220 commands and controls the image display 1218 of the optical assembly. The image display driver 1220 can deliver image data directly to the image display 1218 of the optical assembly for presentation or can convert the image data into a signal or data format suitable for delivery to an image display device. For example, the image data can be video data formatted according to a compression format such as H.264 (MPEG-4 Part 10), HEVC, Theora, Dirac, RealVideo RV40, VP8, VP9, ​​etc., while the still image data can be formatted according to a compression format such as Portable Network Graphics (PNG), Joint Photographic Experts Group (JPEG), Tagged Image File Format (TIFF), or Exchangeable Image File Format (EXIF).

[0159] The head-mounted device 116 includes a frame and handles (or legs) extending from lateral sides of the frame. The head-mounted device 116 also includes a user input device 1228 (e.g., a touch sensor or push buttons), which comprises an input surface on the head-mounted device 116. The user input device 1228 (e.g., a touch sensor or push buttons) is used to receive input selections from the user for manipulating the graphical user interface of the presented image.

[0160] Figure 12The components of the head-mounted device 116 shown in FIG are located on one or more circuit boards (e.g., PCBs or flexible PCBs) in the frame or legs. Alternatively or additionally, the depicted components may be located in chunks, frames, hinges, or beams of the head-mounted device 116. The left and right visible light cameras 1206 may include digital camera elements, such as complementary metal oxide semiconductor (CMOS) image sensors, charge coupled devices, camera lenses, or any other corresponding visible light or light capturing elements that can be used to capture data, including images of a scene with an unknown object.

[0161] The head mounted device 116 includes a memory 1202 that stores instructions for performing a subset or all of the functions described herein. The memory 1202 may also include a storage device.

[0162] like Figure 12 As shown, high-speed circuitry 1226 includes a high-speed processor 1230, memory 1202, and high-speed wireless circuitry 1232. In some examples, image display driver 1220 is coupled to high-speed circuitry 1226 and is operated by high-speed processor 1230 to drive the left and right image displays in image display 1218 of the optical assembly. High-speed processor 1230 can be any processor capable of managing high-speed communications and operations required by any general-purpose computing system for head-mounted device 116. High-speed processor 1230 includes the processing resources required to manage high-speed data transmission over high-speed wireless connection 1214 to a wireless local area network (WLAN) using high-speed wireless circuitry 1232. In some examples, high-speed processor 1230 executes an operating system (e.g., a Linux operating system) or other such operating system for head-mounted device 116, and the operating system is stored in memory 1202 for execution. In addition to any other responsibilities, high-speed processor 1230, which executes the software architecture of head-mounted device 116, manages data transmission with high-speed wireless circuitry 1232. In some examples, high-speed wireless circuit 1232 is configured to implement the Institute of Electrical and Electronics Engineers (IEEE) 802.11 communication standard, also referred to herein as WiFi. In some examples, high-speed wireless circuit 1232 can implement other high-speed communication standards.

[0163] The low-power wireless circuit 1234 and the high-speed wireless circuit 1232 of the headset 116 may include a short-range transceiver (Bluetooth TM) and a wireless wide area network transceiver, a wireless local area network transceiver, or a wide area network transceiver (e.g., cellular or WiFi). The mobile device 114, including a transceiver for communicating via the low power wireless connection 1212 and the high speed wireless connection 1214, can be implemented using details of the architecture of the head mounted device 116, as can other elements of the network 1216.

[0164] Memory 1202 comprises any storage device capable of storing various data and applications, including camera data generated by left and right visible light cameras 1206, infrared camera 1210, and image processor 1222, as well as images generated for display on an image display 1218 of the optical assembly via image display driver 1220. While memory 1202 is shown integrated with high-speed circuitry 1226, in some examples, memory 1202 may be a separate, standalone component of head-mounted device 116. In some such examples, electrical wiring may provide a connection from image processor 1222 or low-power processor 1236 to memory 1202 via a chip including high-speed processor 1230. In some examples, high-speed processor 1230 may manage addressing of memory 1202, such that low-power processor 1236 will initiate high-speed processor 1230 whenever a read or write operation involving memory 1202 is required.

[0165] like Figure 12 As shown, the low-power processor 1236 or the high-speed processor 1230 of the head-mounted device 116 can be coupled to a camera device (a visible light camera device 1206, an infrared emitter 1208, or an infrared camera device 1210), an image display driver 1220, a user input device 1228 (for example, a touch sensor or a push button), and a memory 1202.

[0166] The headset 116 is connected to a host computer. For example, the headset 116 is paired with the mobile device 114 via a high-speed wireless connection 1214 or is connected to a server system 1204 via a network 1216. The server system 1204 can be one or more computing devices that are part of a service or network computing system, for example, including a processor, memory, and a network communication interface to communicate with the mobile device 114 and the headset 116 via the network 1216.

[0167] The mobile device 114 includes a processor and a network communication interface coupled to the processor. The network communication interface allows communication via a network 1216, a low-power wireless connection 1212, or a high-speed wireless connection 1214. The mobile device 114 may also store at least a portion of the instructions for generating binaural audio content in a memory of the mobile device 114 to implement the functionality described herein.

[0168] The output components of the head-mounted device 116 include visual components, such as a display, for example, a liquid crystal display (LCD), a plasma display panel (PDP), a light-emitting diode (LED) display, a projector, or a waveguide. The image display of the optical assembly is driven by an image display driver 1220. The output components of the head-mounted device 116 also include acoustic components (e.g., speakers), tactile components (e.g., vibration motors), other signal generators, etc. The input components of the head-mounted device 116, the mobile device 114, and the server system 1204 (e.g., user input devices 1228) may include alphanumeric input components (e.g., a keyboard, a touch screen configured to receive alphanumeric input, an optical keyboard, or other alphanumeric input components), point-based input components (e.g., a mouse, touchpad, trackball, joystick, motion sensor, or other pointing instrument), tactile input components (e.g., physical buttons, a touch screen or other tactile input components that provide the location and force of a touch or touch gesture), audio input components (e.g., a microphone), etc.

[0169] The head-mounted device 116 may also include additional peripheral elements. Such peripheral elements may include biometric sensors, additional sensors, or display elements integrated with the head-mounted device 116. For example, the peripheral elements may include any I / O components, including output components, motion components, positioning components, or any other such components described herein.

[0170] For example, the biometric component includes a component for detecting expressions (e.g., hand expressions, facial expressions, voice expressions, body postures, or eye tracking), measuring biological signals (e.g., blood pressure, heart rate, body temperature, sweating, or brain waves), identifying people (e.g., voice recognition, retinal recognition, facial recognition, fingerprint recognition, or electroencephalogram-based recognition), etc. The motion component includes an acceleration sensor component (e.g., an accelerometer), a gravity sensor component, a rotation sensor component (e.g., a gyroscope), etc. The positioning component includes a position sensor component for generating position coordinates (e.g., a global positioning system (GPS) receiver component), a Wi-Fi or Bluetooth receiver for generating positioning system coordinates, etc. TM transceiver, altitude sensor components (e.g., an altimeter or barometer that detects air pressure, from which altitude can be derived), orientation sensor components (e.g., a magnetometer), etc. Such positioning system coordinates can also be received from the mobile device 114 via the low-power wireless connection 1212 and the high-speed wireless connection 1214 via the low-power wireless circuit 1234 or the high-speed wireless circuit 1232.

[0171] Glossary

[0172] "Carrier signal" refers to any intangible medium that can store, encode, or carry instructions for execution by a machine and includes, for example, digital or analog communication signals, or other intangible medium that facilitates the transmission of such instructions. Instructions can be sent or received over a network using a transmission medium via a network interface device.

[0173] "Client device" refers to any machine that interfaces with a communications network to obtain resources from one or more server systems or other client devices, for example. A client device may be, but is not limited to, a mobile phone, a desktop computer, a laptop computer, a portable digital assistant (PDA), a smartphone, a tablet computer, an ultrabook, a netbook, a laptop computer, a multiprocessor system, a microprocessor-based or programmable consumer electronics product, a game console, a set-top box, or any other communications device that a user can use to access a network.

[0174] "Communications network" refers to, for example, one or more parts of a network, which may be an ad hoc network, an intranet, an extranet, a virtual private network (VPN), a local area network (LAN), a wireless LAN (WLAN), a wide area network (WAN), a wireless WAN (WWAN), a metropolitan area network (MAN), the Internet, a part of the Internet, a part of the Public Switched Telephone Network (PSTN), a Plain Old Telephone Service (POTS) network, a cellular telephone network, a wireless network, The network, other types of networks, or a combination of two or more such networks. For example, the network or a portion of the network may include a wireless network or a cellular network, and the coupling may be a code division multiple access (CDMA) connection, a global system for mobile communications (GSM) connection, or other types of cellular or wireless coupling. In this example, the coupling may implement any of various types of data transmission technologies, such as single carrier radio transmission technology (1xRTT), evolution data optimized (EVDO) technology, general packet radio service (GPRS) technology, enhanced data rates for GSM evolution (EDGE) technology, the third generation partnership project (3GPP) including 3G, fourth generation wireless (4G) networks, universal mobile telecommunications system (UMTS), high speed packet access (HSPA), world wide interoperability for microwave access (WiMAX), long term evolution (LTE) standards, other data transmission technologies defined by various standards setting organizations, other long distance protocols, or other data transmission technologies.

[0175] A "component" is a logical or device, physical entity, such as one having boundaries defined by function or subroutine calls, branch points, APIs, or other techniques that provide partitioning or modularization of specific processing or control functions. A component can be combined with other components via its interfaces to perform machine processing. A component can be a packaged functional hardware unit designed for use with other components, and can be part of a program that performs a specific function that generally performs related functions. A component can constitute a software component (e.g., code embodied on a machine-readable medium) or a hardware component.

[0176] A "hardware component" is a tangible unit capable of performing certain operations and may be configured or arranged in some physical manner. In various examples, one or more computer systems (e.g., stand-alone computer systems, client computer systems, or server computer systems) or one or more hardware components of a computer system (e.g., a processor or group of processors) may be configured by software (e.g., an application or portion of an application) to be a hardware component that operates to perform certain operations as described herein.

[0177] Hardware components can also be implemented mechanically, electronically, or in any suitable combination thereof. For example, a hardware component can include a dedicated circuit or logic that is permanently configured to perform certain operations. A hardware component can be a dedicated processor, such as a field programmable gate array (FPGA) or an application specific integrated circuit (ASIC). A hardware component can also include a programmable logic or circuit that is temporarily configured to perform certain operations by software. For example, a hardware component can include software executed by a general-purpose processor or other programmable processor. Once configured by such software, the hardware component becomes a specific machine (or a specific component of a machine) that is uniquely customized to perform the configured function and is no longer a general-purpose processor. It will be appreciated that it can be decided for cost and time considerations whether to mechanically implement the hardware component in a dedicated and permanently configured circuit or in a temporarily configured circuit (e.g., configured by software). Therefore, the phrase "hardware component" (or "hardware-implemented component") should be understood to include a tangible entity, that is, an entity that is physically constructed, permanently configured (e.g., hardwired) or temporarily configured (e.g., programmed) to operate in some manner or perform certain operations described herein.

[0178] Consider an example where a hardware component is temporarily configured (e.g., programmed), without configuring or instantiating each hardware component in the hardware component at any one time. For example, in a case where a hardware component includes a general-purpose processor that is configured by software to become a special-purpose processor, the general-purpose processor can be configured as a different special-purpose processor (e.g., including different hardware components) at different times. The software configures a specific one or more processors accordingly, such as to constitute a specific hardware component at one time and to constitute different hardware components at different times. A hardware component can provide information to other hardware components and receive information from other hardware components. Therefore, the described hardware components can be considered to be communicatively coupled. In the case where multiple hardware components exist simultaneously, communication can be achieved by signal transmission between or among two or more hardware components (e.g., through appropriate circuits and buses). In an example where multiple hardware components are configured or instantiated at different times, communication between such hardware components can be achieved, for example, by storing information in a memory structure accessible to multiple hardware components and retrieving information in the memory structure. For example, a hardware component can perform an operation and store the output of the operation in a memory device communicatively coupled thereto. Then, another hardware component can access the memory device at a subsequent time to retrieve the stored output and process it. The hardware components may also initiate communications with input devices or output devices and may operate on resources (e.g., collections of information). The various operations of the example methods described herein may be performed, at least in part, by one or more processors that are temporarily configured (e.g., by software) or permanently configured to perform the relevant operations. Whether temporarily or permanently configured, such processors may constitute processor-implemented components that operate to perform one or more operations or functions described herein.

[0179] As used herein, "processor-implemented components" refer to hardware components implemented using one or more processors. Similarly, the method described herein can be implemented at least in part by a processor, wherein one or more specific processors are examples of hardware. For example, at least some of the various operations of the method can be performed by one or more processors or processor-implemented components. In addition, one or more processors can also operate to support the execution of related operations in a "cloud computing" environment or operate as "software as a service" (SaaS). For example, at least some of the operations in the operation can be performed by a computer group (as an example of a machine including a processor), wherein these operations can be accessed via a network (e.g., the Internet) and via one or more appropriate interfaces (e.g., API). The execution of certain operations can be distributed between processors, not just resident in a single machine, but deployed across multiple machines. In some examples, a processor or a processor-implemented component can be located in a single geographic location (e.g., in a home environment, an office environment, or a server farm). In other examples, a processor or a processor-implemented component can be distributed across multiple geographic locations.

[0180] "Computer-readable storage medium" refers to, for example, both machine storage media and transmission media. Thus, these terms include both storage devices / media and carrier / modulated data signals. The terms "machine-readable medium," "computer-readable medium," and "device-readable medium" mean the same thing and may be used interchangeably in this disclosure. "Transient message" refers to a message that is accessible, for example, for a limited duration. Transient messages can be text, images, videos, and the like. The access time for a transient message can be set by the message sender. Alternatively, the access time can be a default setting or a setting specified by the recipient. Regardless of the setting technique, the message is transient.

[0181] “Machine storage media” refers to, for example, a single or multiple storage devices and media (e.g., centralized or distributed databases, and associated caches and servers) that store executable instructions, routines, and data. Thus, the term should be taken to include, but is not limited to, solid-state memory and optical and magnetic media, including memory internal or external to the processor. Specific examples of machine storage media, computer storage media, and device storage media include: non-volatile memory, including, for example, semiconductor memory devices such as erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), FPGAs, and flash memory devices; magnetic disks, such as internal hard disks and removable disks; magneto-optical disks; and CD-ROM and DVD-ROM disks. The terms “machine storage media,” “device storage media,” and “computer storage media” mean the same thing and may be used interchangeably in this disclosure.

[0182] The terms "machine storage media," "computer storage media," and "device storage media" expressly exclude carrier waves, modulated data signals, and other such media, at least some of which are encompassed by the term "signal media." "Non-transitory computer-readable storage media" refers to tangible media that are capable of storing, encoding, or carrying instructions to be executed by a machine, for example. "Signal media" refers to any intangible medium that is capable of storing, encoding, or carrying instructions to be executed by a machine, for example, and includes digital or analog communication signals or other intangible media that facilitate the communication of software or data. The term "signal medium" should be taken to include any form of modulated data signals, carrier waves, etc. The term "modulated data signal" means a signal that has one or more of its characteristics set or changed in such a manner as to encode information in the signal. The terms "transmission media" and "signal media" mean the same thing and may be used interchangeably in this disclosure.

[0183] "User device" refers to a device that a user accesses, controls, or owns and interacts with to perform actions or interact with other users or computer systems. "Carrier signal" refers to any intangible medium that can store, encode, or carry instructions executed by a machine and includes digital or analog communication signals, or other intangible media that facilitates the transmission of such instructions. Instructions can be sent or received over a network using a transmission medium via a network interface device. "Client device" refers to any machine that interfaces with a communication network to obtain resources from one or more server systems or other client devices. A client device can be, but is not limited to, a mobile phone, a desktop computer, a laptop computer, a portable digital assistant (PDA), a smart phone, a tablet computer, an ultrabook, a netbook, a laptop computer, a multiprocessor system, a microprocessor-based or programmable consumer electronic product, a game console, a set-top box, or any other communication device that a user can use to access a network.

[0184] "Communications network" means one or more parts of a network, which may be an ad hoc network, an intranet, an extranet, a virtual private network (VPN), a local area network (LAN), a wireless LAN (WLAN), a wide area network (WAN), a wireless WAN (WWAN), a metropolitan area network (MAN), the Internet, a part of the Internet, a part of the Public Switched Telephone Network (PSTN), a Plain Old Telephone Service (POTS) network, a cellular telephone network, a wireless network, The coupling may be a network, other type of network, or a combination of two or more such networks. For example, the network or a portion of the network may include a wireless network or a cellular network, and the coupling may be a code division multiple access (CDMA) connection, a global system for mobile communications (GSM) connection, or other type of cellular coupling or wireless coupling. In this example, the coupling may implement any of various types of data transmission technologies, such as single carrier radio transmission technology (1xRTT), evolution data optimized (EVDO) technology, general packet radio service (GPRS) technology, enhanced data rates for GSM evolution (EDGE) technology, the third generation partnership project (3GPP) including 3G, fourth generation wireless (4G) networks, universal mobile telecommunications system (UMTS), high speed packet access (HSPA), world wide interoperability for microwave access (WiMAX), long term evolution (LTE) standards, other data transmission technologies defined by various standards setting organizations, other long distance protocols, or other data transmission technologies.

[0185] Components may constitute software components (e.g., code embodied on a machine-readable medium) or hardware components. A "hardware component" is a tangible unit that is capable of performing certain operations and may be configured or arranged in some physical manner. In various examples, one or more computer systems (e.g., stand-alone computer systems, client computer systems, or server computer systems) or one or more hardware components of a computer system (e.g., a processor or group of processors) may be configured by software (e.g., an application or application portion) to be hardware components that operate to perform certain operations as described herein.

[0186] Hardware components can also be implemented mechanically, electronically, or in any suitable combination thereof. For example, a hardware component can include a dedicated circuit or logic that is permanently configured to perform certain operations. A hardware component can be a dedicated processor, such as a field programmable gate array (FPGA) or an ASIC. A hardware component can also include programmable logic or circuits that are temporarily configured to perform certain operations by software. For example, a hardware component can include software executed by a general-purpose processor or other programmable processor. Once configured by such software, the hardware component becomes a specific machine (or a specific component of a machine) that is uniquely customized to perform the configured function and is no longer a general-purpose processor. It will be understood that it can be decided for cost and time considerations whether to implement the hardware component mechanically in a dedicated and permanently configured circuit or in a temporarily configured circuit (e.g., configured by software). Therefore, the phrase "hardware component" (or "hardware-implemented component") should be understood to include a tangible entity, that is, an entity that is physically constructed, permanently configured (e.g., hardwired) or temporarily configured (e.g., programmed) to operate in some manner or perform certain operations described herein.

[0187] The various operations of the example methods described herein may be performed, at least in part, by one or more processors that are temporarily configured (e.g., by software) or permanently configured to perform the relevant operations. Whether temporarily or permanently configured, such processors may constitute processor-implemented components that operate to perform one or more operations or functions described herein.

[0188] Changes and modifications may be made to the disclosed examples without departing from the scope of the present disclosure. These and other changes or modifications are intended to be included within the scope of the present disclosure as expressed in the following claims.

Claims

1. A method comprising: displaying, by one or more processors of the device, a graphical user interface (GUI) including the collection of fashion items; receiving a real-time video feed from a camera of the device, the real-time video feed depicting a person; retrieving a first augmented reality (AR) fashion item corresponding to a first fashion item in the set of fashion items included in the GUI; modifying the live video feed based on applying the first AR fashion item to the depiction of the person in the live video feed; as well as A modified real-time video feed is presented along with the GUI including the set of fashion items.

2. The method according to claim 1, wherein The modified live video feed is presented in a window on top of the GUI.

3. The method according to any one of claims 1 to 2, wherein The window is circular.

4. The method according to any one of claims 1 to 3, wherein The modified real-time video feed is presented alongside the GUI without overlaying any of the set of fashion items included in the GUI.

5. The method according to any one of claims 1 to 4, further comprising: accessing a code segment representing the GUI; searching said code segment to identify a list of said collection of fashion items; as well as A single fashion item that is first in the list of the set of fashion items is selected as the first fashion item.

6. The method according to claim 5, further comprising: The first AR fashion item is generated that is similar to the first fashion item in the fashion item set.

7. The method according to any one of claims 1 to 6, further comprising: A server associated with the GUI is accessed to retrieve the first AR fashion item corresponding to the single fashion item in the list of fashion items set.

8. The method according to any one of claims 1 to 7, wherein The code segment includes Hypertext Markup Language (HTML) document code for generating a display of the GUI.

9. The method according to any one of claims 1 to 8, further comprising: accessing a code segment representing the GUI; searching said code segment to identify a list of said collection of fashion items; as well as One or more fashion item attributes associated with each of the fashion items in the list of the set of fashion items are obtained from the code segment.

10. The method according to claim 9, further comprising: applying one or more machine learning models to the real-time video feed to estimate one or more attributes of the person depicted in the real-time video feed; as well as The one or more attributes of the person depicted in the real-time video feed are matched with the one or more fashion item attributes obtained from the code segment.

11. The method according to any one of claims 1 to 10, further comprising: ranking the fashion items in the list of the set of fashion items based on a result of matching the one or more attributes of the person depicted in the real-time video feed with the one or more fashion item attributes obtained from the code segment; as well as A single fashion item that ranks higher than all other fashion items in the list of the set of fashion items is selected as the first fashion item.

12. The method according to any one of claims 1 to 11, wherein The fashion item set includes a first fashion item set and further includes: receiving input to update the GUI to present a second set of fashion items; and The real-time video feed is automatically updated based on the second set of fashion items.

13. The method according to claim 12, further comprising: retrieving a second AR fashion item corresponding to a second fashion item included in the second fashion item set in the updated GUI; as well as The live video feed is modified based on applying the second AR fashion item to the depiction of the person in the live video feed, instead of the first AR fashion item.

14. The method according to any one of claims 1 to 13, wherein In the absence of receiving a separate request to apply the second AR fashion item to the depiction of the person, the live video feed is modified in response to receiving input to update the GUI.

15. The method according to any one of claims 1 to 14, further comprising: An indication associated with the first fashion item in the set of fashion items displayed in the GUI is automatically presented to identify which of the set of fashion items is being represented by applying the first AR fashion item to the depiction of the person in the live video feed.

16. The method according to claim 15, wherein The indication includes a highlighted area or a cursor.

17. The method according to any one of claims 1 to 16, wherein The GUI includes a two-dimensional (2D) layout of the collection of fashion items.

18. The method according to any one of claims 1 to 17, further comprising: applying one or more machine learning models to the live video feed to generate tracking information for the person depicted in the live video feed; as well as The real-time video feed is continuously updated to modify placement of the first AR fashion item on the depiction of the person in the real-time video feed based on the tracking information generated by the one or more machine learning models.

19. A system comprising: A processor of a device, the processor being configured to perform operations comprising: displaying a graphical user interface (GUI) including a collection of fashion items; receiving a real-time video feed from a camera of the device, the real-time video feed depicting a person; retrieving a first augmented reality (AR) fashion item corresponding to a first fashion item in the set of fashion items included in the GUI; modifying the live video feed based on applying the first AR fashion item to the depiction of the person in the live video feed; and A modified real-time video feed is presented along with the GUI including the set of fashion items.

20. A non-transitory machine-readable storage medium comprising instructions that, when executed by one or more processors of a device, cause the device to perform operations comprising: displaying a graphical user interface (GUI) including a collection of fashion items; receiving a real-time video feed from a camera of the device, the real-time video feed depicting a person; retrieving a first augmented reality (AR) fashion item corresponding to a first fashion item in the set of fashion items included in the GUI; modifying the live video feed based on applying the first AR fashion item to the depiction of the person in the live video feed; as well as A modified real-time video feed is presented along with the GUI including the set of fashion items.

Images