Hybrid presentation of captured media content

Abstract

A system includes one or more hardware processors and at least one memory storing instructions that cause the one or more hardware processors to perform operations that include retrieving, via a client device, a first selection of first media content captured by an interactive client included at the client device, and retrieving, via the client device, a second selection of second media content captured by an application executable by the client device. The operations further include displaying, on a display of the client device, the first selection of the first media content side-by-side with the second selection of the second media content, and receiving a user selection of the first selection of the first media content, the second selection of the second media content, or a combination thereof. The operations additionally include setting the user selection as part of a message sent via the client device.

Description

[0001] CLAIM OF PRIORITY

[0002] This patent application claims the benefit of priority of U.S. Application No. 18 / 324,856, filed May 26, 2023, which is incorporated by reference herein in its entirety. BACKGROUND

[0003] Camera systems, such as cameras disposed on mobile devices, can capture various electronic images and videos. Image and video capture is increasingly popular. Users increasingly share media content items, such as electronic images and videos, with each other. Users also increasingly utilize their mobile devices to communicate with each other using messaging programs. For example, a user can create media content and share that media content with a group of friends via a messaging program.

[0004] BRIEF DESCRIPTION OF SEVERAL VIEWS OF THE DRAWINGS

[0005] In the drawings, which are not necessarily drawn to scale, like numerals can describe similar components in different views. To easily identify the discussion of any particular element or action, one or more of the highest three digits or character designation in a figure number can refer to the figure number in which that element is first introduced. Some non-limiting examples are illustrated in the drawings, in which:

[0006] BRIEF DESCRIPTION OF THE DRAWINGS

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

[0008] Figure 2 is a diagrammatic representation of a messaging system having both client-side and server-side functionality according to some examples.

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

[0010] Figure 4 is a diagrammatic representation of a message according to some examples.

[0011] Figure 5 shows a system in which a head wearable device resides according to some examples.

[0012] Figure 6 shows a flowchart of a process for combining or otherwise mixing media content captured by different applications or systems according to some examples.

[0013] Figure 7 is a screenshot of a screen for displaying mixed media content according to some examples.

[0014] Figure 8 is a screen shot of a portion of a screen showing mixed media content according to some examples.

[0015] Figure 9 is a screen shot of various regions of a screen displaying mixed media according to some examples.

[0016] Figure 10 shows an example of a thumbnail display control that dynamically changes thumbnail size based on the number of displayed thumbnails according to certain examples.

[0017] Figure 11 is a diagrammatic representation of a machine in the form of a computer system within which a set of instructions can be executed to cause the machine to perform any one or more of the methodologies discussed herein, according to some examples.

[0018] Figure 12 is a block diagram illustrating a software architecture, wherein an example can be implemented, according to some examples. DETAILED DESCRIPTION

[0019] Camera systems are included in a variety of devices, such as mobile devices, smart watches, drones, and the like. Camera systems enable users to take images and videos, and are communicatively and / or operatively coupled to certain applications, such as an interactive client. In some cases, the interactive client enables users to capture media content while using a messaging application, as well as application-specific photography filters and / or virtual lenses. The captured media is then transmitted to another user or group of users via the interactive client. The interactive client also provides for reuse of previously captured media. For example, a user can capture media in another application (e.g., a camera application), and store the captured media in a data store (e.g., a local data store, a cloud-based data store) as part of a user experience (e.g., a vacation, a concert, a family gathering). The techniques described herein provide for mixed presentation of media captured by the interactive client with media captured by external applications (e.g., a camera application) in the same graphical user interface (GUI).

[0020] In some examples, a "Memory" screen is used, which presents mixed media (e.g., media captured by the messaging application and media captured by external applications) in a single view. That is, users can visualize and interact with mixed media in a single view or interface, rather than switching application environments (e.g., between media stored in the messaging application and media stored by other applications). In some examples, a "Recent" area of ​​the Memory interface is also provided, which presents mixed media based on meeting specific creation date criteria. For example, a "Recent" area may not be created unless a specific number (e.g., four or more) of mixed media content has been captured within a given time period (e.g., within the last 24 hours). Specific GUI visualizations are also provided for indicating the source of the mixed media, for example, via icons and / or text. Furthermore, mixed media can be presented in specific areas and sizes on the Memory interface, creating more aesthetically pleasing and comfortable visualizations based on media type. By presenting mixed media in a more seamless manner, the techniques described herein provide more efficient and engaging messaging applications for presenting and communicating media from different sources.

[0021] Networked computing environment

[0022] Describing certain systems that implement the techniques described in this article may be helpful. Now turn to Figure 1 This diagram illustrates a block diagram of an example interactive system 100 for facilitating interaction over a network, such as exchanging text messages, making text-based audio and video calls, creating media content, or playing games. Interactive system 100 includes multiple client systems 102, each of which hosts multiple applications including interactive client 104 and other applications 106. Each interactive client 104 is communicatively coupled to an interactive server system 110, a third-party server 112, and other instances of interactive client 104 (e.g., hosted on corresponding other user systems 102) via one or more communication networks including network 108 (e.g., the Internet). Interactive client 104 may also communicate with locally hosted applications 106 using an application programming interface (API).

[0023] Each user system 102 may include multiple user devices, such as mobile devices 114, head-mounted wearable devices 116, and computer client devices 118, which are communicatively connected to exchange data and messages. Interactive clients 104 interact with other interactive clients 104 and with interactive server systems 110 via network 108. The data exchanged between interactive clients 104 (e.g., interaction 120) and between interactive clients 104 and interactive server systems 110 includes functionality (e.g., commands for activating functionality) and payload data (e.g., text, audio, video, or other multimedia data).

[0024] Interactive server system 110 provides server-side functionality to interactive client 104 via network 108. While some functions of interactive system 100 are described herein as being performed by interactive client 104 or interactive server system 110, the location of certain functions—whether within interactive client 104 or interactive server system 110—may be a design choice. For example, it may be technically preferred that specific technologies and functions are initially deployed within interactive server system 110, but later migrated to interactive client 104 of user system 102 with sufficient processing power.

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

[0026] Specifically, the focus now shifts to interactive server system 110. Application Programming Interface (API) server 122 is coupled to interactive server 124 and provides it with a programming interface, making the functionality of interactive server 124 accessible to interactive client 104, other applications 106, and third-party server 112. Interactive server 124 is communicatively coupled to database server 126, thereby facilitating access to database 128, which stores data associated with the interactions processed by interactive server 124. Similarly, web server 130 is coupled to interactive server 124 and provides a web-based interface to interactive server 124. For this purpose, web server 130 handles incoming network requests via Hypertext Transfer Protocol (HTTP) and several other related protocols.

[0027] Application Programming Interface (API) server 122 receives and sends interactive data (e.g., command and message payloads) between interactive server 124 and client system 102 (as well as, for example, interactive client 104 and other applications 106) and third-party server 112. Specifically, API server 122 provides a set of interfaces (e.g., routines and protocols) that enable interactive client 104 and other applications 106 to invoke or query to activate the functionality of interactive server 124. Application Programming Interface (API) server 122 exposes various functions supported by interaction server 124, including account registration; login functionality; sending interactive data from one interaction client 104 to another interaction client 104 via interaction server 124; transmission of media files (e.g., images or videos) from interaction client 104 to interaction server 124; setting up media data sets (e.g., stories); retrieving the friend list of users of user system 102; retrieving messages and content; adding and deleting entities (e.g., friends) for entity graphs (e.g., social graphs); locating friends within the social graph; and opening (e.g., application events associated with interaction client 104).

[0028] Interactive client 104 includes a hybrid media system 132 that presents (and can transmit) media captured via interactive client 104, other applications running in user system 102 (e.g., application 106), and / or external applications. For example, hybrid media system 132 may provide a specific graphical user interface (GUI) screen, such as a "recollection" screen, to display hybrid media. As mentioned herein, hybrid media includes images, videos, and / or (e.g., media overlays created via photographic filters and / or virtual lenses) that have been captured and / or generated by interactive client 104, captured and / or generated by other applications executable by user system 102 (e.g., application 106), and / or external applications (e.g., applications running outside user system 102).

[0029] For example, the hybrid media system 132 presents multiple screens, further described below, which display the hybrid media in specific screen areas using visual elements (e.g., icons, text) representing the source of the hybrid media (e.g., generated by the interactive client 104, by other applications executable via user system 102, and / or by external applications). In some examples, the hybrid media is presented in a screen where the hybrid media is dynamically loaded based on its date (e.g., capture date or creation date). The hybrid media is also displayed with specific characteristics (e.g., size and shape) that enhance its presentation at a specific screen size and improve its aesthetics. The hybrid media is then distributed to other user systems 102, for example, via an interactive server 124. The interactive server 124 hosts multiple systems and subsystems, as referred to below. Figure 2 More detailed description.

[0030] System Architecture

[0031] Figure 2 This is a block diagram illustrating further details of 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 multiple subsystems, which 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.

[0032] Image processing system 202 provides various functions that enable users to capture media content associated with messages and, for example, enhance (e.g., annotate or otherwise modify or edit) the media content captured via camera device system 204. Camera device system 204 includes (e.g., in camera device applications) control software that interacts with and controls the hardware camera device hardware of user system 102 (e.g., directly or via operating system controls) to modify and enhance real-time images captured and displayed via interactive client 104.

[0033] Enhancement system 206 provides functionality related to the generation and distribution of enhancements (e.g., media overlays) for images captured in real-time by the camera device of user system 102 or retrieved from the memory of user system 102. For example, enhancement system 206 operatively selects (e.g., media overlays created via photographic filters or virtual lenses) and presents and displays them to interactive client 104 to enhance real-time images received via camera device system 204 or stored images retrieved from memory 502 of user system 102. These enhancements are selected and presented to the user of interactive client 104 by enhancement system 206 based on a plurality of inputs and data, such as:

[0034] • The geographical location of user system 102; and

[0035] • Social network information of users in user system 102.

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

[0037] Media overlays may include text or image data that can be superimposed on photographs taken by user system 102 or video streams produced by user system 102. In some examples, media overlays may be location overlays (e.g., Venice Beach), names of live events, or names of businesses (e.g., Beach Cafe). In other examples, image processing system 202 uses the geographic location of user system 102 to identify media overlays that include the names of businesses located at the geographic location of user system 102. Media overlays may include additional tags associated with businesses. Media overlays may be stored in database 128 and retrieved via database server 126.

[0038] Image processing system 202 provides a user-based publishing platform that allows users to select geographical locations on a map and upload content associated with those locations. Users can also specify when particular media overlays should be provided to other users. Image processing system 202 generates media overlays that include the uploaded content and associates the uploaded content with the selected geographical location.

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

[0040] In some examples, enhancement creation system 214 provides a merchant-based publishing platform that allows merchants to select specific enhancements associated with geographic locations via bidding. For instance, enhancement creation system 214 associates the media overlay of the highest-bidding merchant with the corresponding geographic location for a predefined time period.

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

[0042] User management system 220 is operationally responsible for managing user data and profiles, and includes a social networking system 222 that maintains information about relationships between users of interactive system 100. Collection management system 224 is operationally responsible for managing collections or sets of media (e.g., collections of text, image, video, and audio data). Collections of content (e.g., messages, including images, videos, text, and audio) can be organized into “event libraries” or “event stories.” Such collections can be made available for a specified time period, such as the duration of an event related to the content. For example, content related to a concert can be made available as a “story” during the duration of the concert. Collection management system 224 can also be responsible for publishing icons that notify the user interface of interactive client 104 of the availability of specific collections. Collection management system 224 includes curation functions that enable 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). Additionally, collection management system 224 employs machine vision (or image recognition technology) and content rules to automatically curate content collections. In some examples, users may be paid compensation to include user-generated content in the collection. In such cases, the collection management system 224 operates to automatically pay such users for using their content.

[0043] Map system 226 provides various geolocation functions and supports the presentation of map-based media content and messages by interactive client 104. For example, map system 226 enables the display (e.g., stored in profile data 304) of user icons or avatars 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 such friends (e.g., a collection of messages including photos and videos). For example, a message posted by a user from a specific geographic location to interactive system 100 can be displayed to a specific user's "friends" on the map interface of interactive client 104 within the context of that specific location on the map. Users can also share their location and status information with other users of interactive system 100 via 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 interactive client 104.

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

[0045] As mentioned above, the hybrid media system 132 provides a first media created by the interactive client 104 and a second media created by an application executable in the user system 102 (e.g., application 106) and / or by an external application (e.g., an application executable by another system) to be displayed side-by-side (e.g., on the same screen). In some examples, the first screen, such as the recall screen, is used to view the hybrid media that the user of the interactive client 104 has saved. That is, in a default mode of operation, the interactive client 104 automatically deletes or otherwise removes media captured by the user via the interactive client 104 via a short-timer system 218. The user can choose to retain specific media, which is then saved for browsing using the recall screen.

[0046] The Memory Screen will additionally display other media not captured by user client 104, such as media captured via other applications (e.g., application 106) and / or via external applications executed by systems other than user system 102, as mixed media. The mixed media are automatically sorted in reverse chronological order (e.g., newest items first) based on a time-order sorting. For example, the Memory Screen displays mixed media captured and / or created within the most recent week, month, and / or year. Furthermore, the Memory Screen is searchable, allowing users to find mixed media based on search terms such as "birthday," "picnic," or "zoo," as well as based on calendar dates.

[0047] The hybrid media system 132 also provides a memory screen that automatically displays a recent area of ​​hybrid media based on specific trigger conditions. For example, the recent area displays hybrid media based on the number of hybrid media items that have been saved within a given time period. In one example, if four or more hybrid media items have been saved within the last 24 hours, the recent area will display those saved hybrid media items. It should be understood that any number of saved hybrid media items and any time period (e.g., 1 hour, 12 hours, 2 days, etc.) can be used as trigger conditions.

[0048] By providing one or more screens that display media from various sources side-by-side, such as a memory screen and a recent area, the techniques described herein enable a more efficient presentation of media intended for messaging purposes. Users of the hybrid media system 132 can more easily visualize and navigate media captured and / or created by various systems and applications within a single screen, and can then select various media, for example, to send messages to other users.

[0049] To integrate the SDK's functionality into the web-based resource, the third-party server 112 downloads the SDK from the interactive server 124, or the third-party server 112 otherwise receives the SDK. 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 interactive client 104 into the web-based resource.

[0050] The SDK stored on the interactive server system 110 effectively bridges the gap between external resources (e.g., application 106 or applet) and the interactive client 104. This provides users with a seamless experience communicating with other users on the interactive client 104 while preserving the look and feel of the interactive client 104. To bridge 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 unidirectional 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 callback. Each SDK function is implemented by constructing a unique callback identifier and sending a message with that callback identifier.

[0051] 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 the interactive server 124 with an HTML5 file corresponding to the web-based external resource. The interactive server 124 can add a visual representation (such as a box design or other graphics) of the web-based external resource to the interactive client 104. Once the user selects the visual representation or instructs the interactive client 104 to access the 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.

[0052] Interactive client 104 presents a graphical user interface (GUI) for an external resource (e.g., a login page or title screen). During, before, or after presenting the login page or title screen, interactive client 104 determines whether the initiated external resource has previously been authorized to access user data of interactive client 104. In response to determining that the initiated external resource has previously been authorized to access user data of interactive client 104, interactive client 104 presents another GUI of the external resource, including its functionality and characteristics. In response to determining that the initiated external resource has not previously been authorized to access user data of interactive client 104, after a threshold time period (e.g., 3 seconds) of displaying the login page or title screen of the external resource, interactive client 104 slides up a menu (e.g., animates the menu to appear from the bottom of the screen to the middle or other part of the screen) to authorize the external resource to access user data. This menu identifies the type of user data that the external resource will be authorized to use. In response to receiving a user selection of the accept option, interactive client 104 adds the external resource to the list of authorized external resources and allows the external resource to access user data from interactive client 104. External resources are authorized by the interactive client 104 to access user data under the OAuth 2 framework.

[0053] Interactive client 104 controls the type of user data shared with external resources based on the type of authorized external resource. For example, access to a first type of user data (e.g., two-dimensional avatars of users with or without different avatar characteristics) is provided to external resources including full-scale applications (e.g., application 106). As another example, access to a second type of user data (e.g., payment information, two-dimensional avatars of users, three-dimensional avatars of users, and avatars with various avatar characteristics) is provided to external resources including smaller versions of applications (e.g., web-based versions of applications). Avatar characteristics include different ways of customizing the appearance and feel of an avatar (e.g., different poses, facial features, clothing, etc.). Advertising system 230 operationally enables third parties to purchase advertisements to be presented to end users via interactive client 104 and also handles the delivery and presentation of these advertisements.

[0054] Data Architecture

[0055] Figure 3 This is a schematic diagram illustrating a data structure 300 that can be stored in a database 302 of an interactive server system 110, according to certain examples. Although the contents of the database 302 are shown as including multiple tables, it will be understood that the data can be stored in other types of data structures, such as object-oriented databases.

[0056] Database 302 includes message data stored in message table 306. For any given message, this message data includes at least message sender data, message receiver (or recipient) data, and a payload. See below for further details. Figure 3 Further details are provided regarding information that can be included in the message and within the message data stored in message table 306.

[0057] Entity table 308 stores entity data and (for example, by reference) links to entity diagram 310 and profile data 304. Entities that maintain records within entity table 308 can include individuals, companies, organizations, objects, locations, events, etc. Regardless of entity type, any entity whose data is stored by the interactive server system 110 can be an identified entity. Each entity is assigned a unique identifier and an entity type identifier (not shown).

[0058] Entity Graph 310 stores information about relationships and associations between entities. As an example only, such relationships can be social, professional (e.g., working in a common company or organization), interest-based, or activity-based. Some relationships between entities can be one-way, such as a subscription by an individual user to digital content from a business or publishing user (e.g., a newspaper or other digital media entity or brand). Other relationships can be two-way, such as a "friendship" relationship between individual users of Interactive System 100.

[0059] Certain licenses and relationships can be attached to each relationship, and also to each direction of the relationship. For example, a two-way relationship (e.g., a friendship between individual users) can include authorization between individual users to publish digital content items, but certain restrictions or filters can be imposed on the publication of these 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 restrict or prevent the publication of digital content from the individual user to the business user. A specific user, as an example of an entity, can (e.g., through privacy settings) record certain restrictions in the record for that entity in entity table 308. Such privacy settings can be applied to all types of relationships within the context of the interaction system 100, or can be selectively applied to certain types of relationships.

[0060] Profile data 304 stores various types of profile data about a specific entity. Based on privacy settings specified by the specific entity, profile data 304 can be selectively used and presented to other users of the interaction system 100. In the case of an individual, profile data 304 includes, for example, a username, phone number, address, settings (e.g., notification and privacy settings), and an avatar representation (or a set of such avatar representations) selected by the user. A specific user can then selectively include one or more of these avatar representations within the content of messages transmitted via the interaction system 100 and on a map interface displayed by the interaction client 104 to other users. The set of avatar representations may include "status avatars," which present a graphical representation of a state or activity that the user can choose to communicate at a specific time.

[0061] In the case where the entity is a group, in addition to the group name, members, and various settings for the relevant group (e.g., notifications), the group profile data 304 may similarly include one or more avatar representations associated with the group. Database 302 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).

[0062] In some examples, filters are overlays displayed as superimposed on images or videos during presentation to the receiving user. Filters can be of various types, including user-selected filters from a set of filters presented to the sending user by the interactive client 104 while the sending user is composing a message. Other types of filters include geolocation filters (also known as geographic filters), which can be presented to the sending user based on geographic location. For example, a geolocation filter specific to a nearby or particular location can be presented by the interactive client 104 within the user interface based on geographic location information determined by the user system 102's Global Positioning System (GPS) unit.

[0063] Another type of filter is a data filter, which can be selectively presented to the sending user by the interactive client 104 based on other inputs or information collected through the user system 102 during message creation processing. Examples of data filters include the current temperature at a specific location, the sending user's current speed, the battery life of the user system 102, or the current time.

[0064] Other augmented data that can be stored in image table 316 includes augmented reality content items (e.g., corresponding to an application lens or augmented reality experience). Augmented reality content items can be real-time effects and sounds that can be added to images or videos.

[0065] Story table 318 stores data about collections of messages and associated image, video, or audio data, compiled into collections (e.g., stories or galleries). The creation of a specific collection can be initiated by a specific user (e.g., each user maintaining records in entity table 308). A user can create "personal stories" in the form of collections of content already created and sent / broadcast by that user. For this purpose, the user interface of interactive client 104 may include user-selectable icons to allow the sending user to add specific content to his or her personal story.

[0066] The collection can also constitute a "live story" as 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 various locations and events. Users whose client devices have location services enabled and are at a common location event at a specific time can be presented with the option to contribute content to a specific live story, for example, through the user interface of interactive client 104. Live stories can be identified to a user by interactive client 104 based on their location. The end result is a "live story" told from a community perspective.

[0067] Another type of content collection is called a "location story," which allows users of user system 102 located in a specific geographic location (e.g., on a college or university campus) to contribute to a specific collection. In some examples, contributions to a location story may use secondary authentication to verify that the end user belongs to a specific organization or other entity (e.g., is a student on a university campus).

[0068] As mentioned above, video table 314 stores video data, which in some examples is associated with messages whose 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 various images and videos stored in image table 316 and video table 314.

[0069] Database 302 also includes an external media table 320 that stores links to media not captured by the interactive client 104. For example, links include images and videos captured by other applications 106 and external systems, as well as images and videos stored in cloud-based systems. In one example, a user can allow the interactive client 104 to access local media stored in a "camera album" or similar storage area by other applications (e.g., application 106). The "camera album" includes media stored locally (e.g., in memory included in the user system 102) and externally (e.g., in database 128) including cloud-based storage. Therefore, the hybrid media system 132 can access media from different storage locations for hybrid purposes.

[0070] Data communication architecture

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

[0072] • Message Identifier 402: A unique identifier that identifies message 400.

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

[0074] • Message image payload 406: Image data captured by the camera device 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 the sent or received message 400 may be stored in the image table 316.

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

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

[0077] • Message enhancement data 412: Enhancement data (e.g., filters, labels, 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 message 400. Enhancement data for the sent or received message 400 can be stored in enhancement table 312.

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

[0079] • Message geolocation parameter 416: Geographic location data (e.g., latitude and longitude coordinates) associated with the message's content payload. Multiple message geolocation parameter 416 values ​​may be included in the payload, each of which is 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).

[0080] • Message Story Identifier 418: An identifier value that identifies one or more sets of content (e.g., “Stories” identified in Story Table 318) associated with a specific content item in the message image payload 406 of message 400. For example, multiple images within the message image payload 406 may each be associated with multiple sets of content using their respective identifier values.

[0081] • Message External Media Identifier 420: An identifier value that identifies one or more media stored by a system or application other than the interactive client 104.

[0082] • Message Tag 422: Each message 400 can be labeled with multiple tags, each of which indicates the subject of the content included in the message payload. For example, in the case where a specific image included in the message image payload 406 depicts an animal (e.g., a lion), the tag value can be included within the message tag 422 indicating the relevant animal. The tag value can be generated manually based on user input, or it can be automatically generated using, for example, image recognition.

[0083] • Message sender identifier 424: An identifier (e.g., message sending system identifier, email address, or device identifier) ​​indicating the user of the user system 102 on which message 400 is generated and from which message 400 is sent.

[0084] • Message receiver identifier 426: An identifier (e.g., message sending and receiving system identifier, email address, or device identifier) ​​indicating the user of the user system 102 to which message 400 is addressed.

[0085] The content (e.g., values) of each component of message 400 can be pointers to locations in tables where content data values ​​are stored. For example, image values ​​in message image payload 406 can be pointers to locations within image table 316 (or addresses of locations within image table 316). Similarly, values ​​in message video payload 408 can point to data stored in image table 316, values ​​in message enhancement data 412 can point to data stored in enhancement table 312, values ​​in message story identifier 418 can point to data stored in story table 318, and values ​​in message sender identifier 424 and message receiver identifier 426 can point to user records stored in entity table 308.

[0086] Systems with head-worn devices

[0087] Figure 5 A system 500 including a head-worn wearable device 116 with a selector input device is shown according to some examples. Figure 5 This is a high-level functional block diagram of an example head-mounted wearable device 116 that is communicatively coupled to mobile devices 114 and various server systems 504 (e.g., interactive server system 110) via various networks 108.

[0088] The head-mounted wearable device 116 includes one or more camera devices, each of which may be, for example, a visible light camera 506, an infrared emitter 508, and an infrared camera 510.

[0089] Mobile device 114 connects to head-mounted wearable device 116 using both low-power wireless connection 512 and high-speed wireless connection 514. Mobile device 114 also connects to server system 504 and network 516.

[0090] The head-mounted wearable device 116 also includes two image displays in the image display 518 of the optical components. The two image displays 518 of the optical components include an image display associated with the left lateral side of the head-mounted wearable device 116 and an image display associated with the right lateral side of the head-mounted wearable device 116. The head-mounted wearable device 116 also includes an image display driver 520, an image processor 522, a low-power circuitry system 524, and a high-speed circuitry system 526. The image displays 518 of the optical components are used to present images and videos to the user of the head-mounted wearable device 116, including images that may include a graphical user interface.

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

[0092] The head-worn device 116 includes a frame and a stem (or temple) extending laterally from the frame. The head-worn device 116 also includes a user input device 528 (e.g., a touch sensor or a press button) comprising an input surface on the head-worn device 116. The user input device 528 (e.g., a touch sensor or a press button) is used to receive input selections from the user to manipulate a graphical user interface of the presented image.

[0093] Figure 5 The components shown for the head-wearable device 116 are located on one or more circuit boards (e.g., PCBs or flexible PCBs) in the frame or temples. Alternatively or additionally, the depicted components may be located in chunks, frames, hinges, or nose bridges of the head-wearable device 116. The left and right visible light imaging devices 506 may include digital imaging 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 scenes with unknown objects. The head-wearable device 116 includes a memory 502 that stores instructions for performing a subset or all of the functions described herein. The memory 502 may also include storage devices.

[0094] like Figure 5As shown, the high-speed circuit system 526 includes a high-speed processor 530, a memory 502, and a high-speed wireless circuit system 532. In some examples, an image display driver 520 is coupled to the high-speed circuit system 526 and operated by the high-speed processor 530 to drive the left and right image displays of the image display 518 of the optical components. The high-speed processor 530 can be any processor capable of managing the high-speed communication and operation of any general-purpose computing system required by the head-worn device 116. The high-speed processor 530 includes the processing resources required to manage high-speed data transmission over the high-speed wireless connection 514 to a wireless local area network (WLAN) using the high-speed wireless circuit system 532. In some examples, the high-speed processor 530 executes the operating system of the head-worn device 116 (such as a LINUX operating system or other such operating system), and this operating system is stored in the memory 502 for execution. Among other duties, the high-speed processor 530, which executes the software architecture of the head-worn device 116, is used to manage data transmission with the high-speed wireless circuit system 532. In some examples, the high-speed wireless circuit system 532 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, other high-speed communication standards can be implemented via the high-speed wireless circuit system 532.

[0095] The low-power wireless circuit system 534 and high-speed wireless circuit system 532 of the head-mounted wearable device 116 may include a short-range transceiver (Bluetooth). TM The mobile device 114, including transceivers communicating via low-power wireless connection 512 and high-speed wireless connection 514, can be implemented using the architectural details of the head-mounted wearable device 116, and other components of the network 516 can also be implemented in this way.

[0096] Memory 502 includes any storage device capable of storing various data and applications, including camera data generated by the left and right visible light cameras 506 and 506, the infrared camera 510, and the image processor 522, as well as images generated by the image display driver 520 for display on an image display 518 of the optical components. While memory 502 is shown as integrated with high-speed circuitry 526, in some examples, memory 502 may be a separate, independent component of the head-mounted wearable device 116. In some such examples, electrical wiring may provide a connection from the image processor 522 or the low-power processor 536 to memory 502 via a chip including a high-speed processor 530. In some examples, the high-speed processor 530 may manage addressing of memory 502 such that the low-power processor 536 will activate the high-speed processor 530 whenever a read or write operation involving memory 502 is required.

[0097] like Figure 5 As shown, the low-power processor 536 or high-speed processor 530 of the head-mounted wearable device 116 may be coupled to a camera device (visible light camera 506, infrared emitter 508, or infrared camera 510), an image display driver 520, a user input device 528 (e.g., a touch sensor or a press button), and a memory 502. The head-mounted wearable device 116 is connected to a host computer. For example, the head-mounted wearable device 116 may be paired with a mobile device 114 via a high-speed wireless connection 514 or connected to a server system 504 via a network 516. The server system 504 may be one or more computing devices as 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 head-mounted wearable device 116 via the network 516.

[0098] Mobile device 114 includes a processor and a network communication interface coupled to the processor. The network communication interface enables communication via network 516, low-power wireless connection 512, or high-speed wireless connection 514. Mobile device 114 may also store at least a portion of the instructions for generating dual-channel audio content in the memory of mobile device 114 to implement the functions described herein.

[0099] The output components of the head-worn wearable device 116 include visual components, such as displays, including liquid crystal displays (LCDs), plasma display panels (PDPs), light-emitting diode (LED) displays, projectors, or waveguides. The image display of the optical components is driven by an image display driver 520. The output components of the head-worn wearable device 116 also include acoustic components (e.g., speakers), haptic components (e.g., vibration motors), other signal generators, etc. The input components (such as user input devices 528) of the head-worn wearable device 116, mobile device 114, and server system 504 may include alphanumeric input components (e.g., keyboards, touchscreens configured to receive alphanumeric input, photoelectric keyboards, or other alphanumeric input components), pointing-based input components (e.g., mice, touchpads, trackballs, joysticks, motion sensors, or other pointing instruments), haptic input components (e.g., physical buttons, touchscreens or other haptic input components that provide position and force for touch or touch gestures), audio input components (e.g., microphones), etc.

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

[0101] For example, biometric components include those for detecting expressions (e.g., hand gestures, facial expressions, vocal expressions, body posture, or eye tracking), measuring biosignals (e.g., blood pressure, heart rate, body temperature, sweating, or brain waves), and identifying people (e.g., voice recognition, retinal recognition, facial recognition, fingerprint recognition, or EEG-based recognition). Motion components include accelerometer components (e.g., accelerometers), gravity sensor components, rotation sensor components (e.g., gyroscopes), etc. Positioning components include location sensor components (e.g., GPS receiver components) for generating location coordinates, and Wi-Fi or Bluetooth for generating positioning system coordinates. TM Transceivers, altitude sensor components (e.g., altimeters or barometers that detect air pressure and determine altitude), orientation sensor components (e.g., magnetometers), etc. Such positioning system coordinates can also be received from the mobile device 114 via low-power wireless connection 512 and high-speed wireless connection 514 through low-power wireless circuitry 534 or high-speed wireless circuitry 532. The head-mounted wearable device 116 is used to capture and / or display media content, including media displayed by the hybrid media system 132.

[0102] Figure 6A flowchart of a process 600 for combining or otherwise mixing media content captured by different applications or systems, according to some examples, is shown. In the example shown, process 600 retrieves a selection of first media content at box 602. For example, the first media content includes content captured and / or created by interactive client 104. Thus, the first media content may include text, images, videos, and / or media overlays captured and / or edited by interactive client 104. Media overlays include content that has been created and / or edited, for example, via photographic filters and / or virtual lenses. Photographic filters can capture image and / or video data and transform the data by overlaying text, animation, geolocation information, time information, etc. Virtual lenses can transform images and / or videos to add augmented reality elements, for example, by replacing a face in a selfie video with another person's face, transforming a face into the face of a comic book character, adding cat ears to a face, etc. Virtual lenses can also overlay text, animation, geolocation information, time information, etc.

[0103] In some examples, the selection of first media content is retrieved and displayed in chronological order (e.g., a reverse chronological order so that newer media content appears first). For example, process 600 may retrieve media content that has been saved by interactive client 104 within the most recent day, week, month, year, years, or a combination thereof as part of the first media content selection. Additionally, at box 604, process 600 retrieves a selection of second media content. The second media content includes media already saved by applications other than interactive client 104 (e.g., camera applications included in user system 102, other applications 106, and / or applications running outside user system 102). In one example, the camera application would generate a "camera album" of captured second media content. The second media content may also include media captured outside user system 102 and media stored, for example, in a cloud-based media storage system, in database 128, etc. Process 600 may retrieve media content that has been saved within the most recent day, week, month, year, years, or a combination thereof as part of the second media content selection. It should be noted that in some examples, the 600 application processes allow users to input search terms and / or calendar dates to select primary and / or secondary media content. For example, users can search for words such as "birthday," "beach," or "concert" to select primary and / or secondary media content.

[0104] Then, process 600 will "mix" the selected first media content and the selected second media content by simultaneously presenting both the first media content and the second media content on the display. That is, process 600 will display the selected first media content and the selected second media content side-by-side on the same display screen, so that both can be viewed simultaneously. Therefore, the display of the selected first media content and the selected second media content is "mixed". For example, process 600 will use a memory screen to display the "mixed" selected first media content and the selected second media content together so that both media content can be viewed simultaneously. In effect, process 600 will display all media content captured via interactive client 104 and other sources on one screen, rather than switching between applications to load media content from different sources.

[0105] In some examples, as further described below, the selected first media content and / or the selected second media content are presented as thumbnails to make full use of screen space. A thumbnail refers to an icon representing media content. For example, a thumbnail may present an image or video at a size smaller than the initially captured image or video. Furthermore, specific visual identifiers are used to distinguish the selected first media content from the selected second media content. For example, the selected first media content may be presented in a different area of ​​the screen (e.g., a memory screen) to differentiate it from the selected second media content. Alternatively or additionally, the first media content may be presented at a different size (e.g., thumbnail size) and / or geometry than the second media content to differentiate it from the selected first media content. Certain text and / or icons may also be overlaid on the selected first media content and / or the selected second media content as visual identifiers to distinguish them.

[0106] Then, at box 608, the process 600 receives a selection of mixed media content. For example, a user of the interactive system 100 can select one or more pieces of mixed media content using touch, gestures, input devices (e.g., touchscreen, joystick), etc. The selected mixed media content can then be provided for the creation of additional content, such as a "story," and more generally, at box 610, for delivery to or otherwise sent to other users. By providing mixed media content, the techniques described herein enable more efficient and engaging use of media from a variety of sources.

[0107] Turn now Figure 7 , Figure 7This is a screenshot of a memory display 700 for displaying mixed media content, based on some examples. The memory display 700 is included in the GUI of an interactive client 104. In the depicted example, the memory display 700 includes a search control 702. The search control 702 is used to enter search terms for the mixed media content. As mentioned earlier, words such as “birthday,” “picnic,” and “concert” can be entered via the search control 702. The memory display 700 then displays the mixed media content found based on the search. The memory display 700 additionally includes an area 706, which is shown as a memory review representing a time period (e.g., a year prior to May) when the media content (e.g., images) was captured. The user can select the media content in area 706, and the mixed media content created during the representative time period is subsequently presented to the user. The label area 704 can be used to navigate to other functions, such as navigating to "Stories" to visualize and edit story content, navigating to "Camera Album" to visualize and edit media content captured by the camera app, and / or "Only Me Visible" for password-protected and privacy-preserving media content.

[0108] The example also illustrates a recent area 708. This recent area displays thumbnails of mixed media content based on specific trigger conditions. For example, recent area 708 displays mixed media based on the number of mixed media items that have been saved within a time period, such as four or more mixed media items saved in the last 24 hours. It should be understood that any number of saved mixed media items and any time period (e.g., 1 hour, 12 hours, 2 days, etc.) can be used as trigger conditions. If the trigger conditions are not met, then recent area 708 is not displayed. Certain visual identifiers can be used to indicate the origin or source of the mixed media, as described below. Figure 8 More detailed description.

[0109] Figure 8This is a screenshot of portion 800 (e.g., memory display 700) showing mixed media content, based on some examples. More specifically, portion 800 shows a first area 802 displaying media content captured and / or created by interactive client 104, while a second area 804 is shown displaying media content captured and / or created by other applications executable via user system 102 and / or by external systems. In the depicted example, one visual identifier used to indicate the source of the mixed media is a region separator 808. More specifically, region separator 808 is shown as a space between area 802 and area 804, thus separating area 802 and area 804. Another visual identifier used is the size of the thumbnails. That is, the thumbnail displayed in area 802 is larger than the thumbnail shown in area 804, thus indicating that area 802 has “local” media content captured by an application or system (e.g., interactive client 104) running memory display 700.

[0110] In the illustrated example, another identifier indicating the source of the media content is the shape of the thumbnails. Area 802 depicts the entire thumbnail as a rectangle, while area 804 depicts the middle thumbnail as a square and the end thumbnails as having rounded edges. Text is also used as an identifier indicating the source of the media content. For example, the rightmost thumbnail 810 is shown displaying the text "Camera Album," indicating that the media content displayed in area 804 has been retrieved from storage captured by the camera device application of user system 102. Text can also describe many other available thumbnails besides those shown.

[0111] In one example, zone 804 is presented at the beginning of each calendar month (e.g., on the first day of each calendar month, displayed via label 806) and includes the latest media content from that particular month. If the media content exceeds a certain number, e.g., four items, the fourth rightmost thumbnail includes text with a summary tip explaining how much more media content zone 804 includes. When the summary tip is available, the fourth rightmost thumbnail (e.g., thumbnail 810) dynamically becomes the summary tip thumbnail, which has a different activation behavior than the other thumbnails in zone 804. Activating other thumbnails in zone 804, for example, by pointing to zone 804 on a touchscreen, will expand the thumbnails and enable the application of camera filters and / or virtual lenses, as well as enable communication of media content to other client systems 102. Activating the summary tip thumbnail by pointing will cause the user to navigate to a display with a selection of all thumbnails available for the calendar month. By setting regions such as region 802 and region 804, the techniques described herein can mix media content from different sources and applications. In some examples, more than two regions can be set, each displaying media content from a different source. It should be noted that in some implementations, region 804 is displayed below region 802 or in the middle of region 802. It should also be noted that some regions can display media content from different sources (e.g., captured by the user interface client 104, applications executable by user system 102, and / or other systems), as per [the relevant documentation / reference]. Figure 9 More details are shown below.

[0112] Figure 9 These are screenshots of various areas that can be displayed by the memory display 700, based on some examples. In the depicted example, area 902 includes media content from both the interactive client 104 and the camera device application (e.g., media content stored in the "Camera Album"). More specifically, line 904 is used to display media content captured and / or edited by the interactive client 104, while lines 906 and 908 are used to display media content captured by other sources such as the camera device application, application 106, and / or external systems. In the depicted example, area 902 is the recent area, but other areas can also display mixed media content. As mentioned earlier, the recent area is displayed only based on specific trigger conditions (e.g., when four or more mixed media content items (e.g., media content from any source) have been captured in the last 24 hours or less). It should be understood that multiple trigger conditions can be used (e.g., one or more mixed media content items captured in the last hour, eight mixed media content items captured in the last 16 hours, etc.).

[0113] In the depicted implementation, the mixed media items displayed in area 902 use shapes to distinguish the sources of media content capture. Rectangular thumbnails depict media content captured via interactive client 104, while square thumbnails depict media content captured by other sources (e.g., camera device applications). It should be understood that other shapes, such as circles, triangles, stars, etc., can be used when it is necessary to distinguish the sources of three or more media content captures and / or edits.

[0114] In one example, a source-based reverse chronological sorting order is used, where the first row of thumbnails displays only thumbnails from a first source of media capture, such as interactive client 104, and the second row of thumbnails displays only thumbnails from a second source of media content capture, such as application 106 and / or external systems. That is, the rows of thumbnails are kept within the same source of media capture and / or editing and are not mixed with each other. In other words, each row of thumbnails will contain media content from the same source as the media capture. Each media content item displayed has a timestamp indicating the creation or editing date. In one example, the top row begins the display using thumbnails representing media content items with the most recent timestamp. The subsequent thumbnails in the first row then represent media items from the same source, sorted by the most recent timestamp. Therefore, when one or more rows below contain media content items from a second source of media capture, some thumbnails in the upper row may have earlier timestamps than those in the lower rows.

[0115] In one example, area 902 displays only the maximum number of thumbnails representing the source of the media content. For example, a maximum of 12 thumbnails (e.g., 3 rows) can be set for displaying media content acquired via a camera device application. Other maximum numbers (e.g., 4 thumbnails, 8 thumbnails, etc.) can be used. If there are more thumbnails than the maximum number, area 910 is used to display the remaining thumbnails. As shown, if there are more overflow thumbnails than space in area 910, area 910 will dynamically create a summary hint thumbnail 916. As mentioned above, activating the summary hint thumbnail will cause the user to navigate to a display with a selection of all thumbnails available for the calendar month. The summary hint thumbnail also includes text indicating the number of overflow thumbnails and the storage source (e.g., "camera album"). The overflow of thumbnails for media content captured via interactive client 104 is then displayed in area 914, which the user can scroll through to view the remaining overflow thumbnails. By providing hybrid media displayed side-by-side, the technology described in this article enables more efficient, aesthetically pleasing, and comfortable displays, as well as a wider selection of media content.

[0116] Figure 10A thumbnail display control 1002 is shown that dynamically changes the thumbnail size based on the number of thumbnails displayed, according to certain examples. In the depicted examples, the thumbnail display control 1002 is shown dynamically displaying a single thumbnail via a dynamic display 1004. If a second thumbnail is to be displayed, the two thumbnails are displayed side by side, each occupying half the area of ​​the thumbnail display control 1002. For example, a dynamic display 1006 is showing a view of two thumbnails from the thumbnail display control 1002. Similarly, if a third thumbnail is to be displayed, the three thumbnails are displayed side by side, each occupying one-third of the area of ​​the thumbnail display control 1002. For example, a dynamic display 1008 is showing a view of three thumbnails from the thumbnail display control 1002. Similarly, if a fourth thumbnail is to be displayed, the four thumbnails are displayed side by side, each occupying one-quarter of the area of ​​the thumbnail display control 1002. For example, dynamic display 1010 is showing a view of four thumbnails from thumbnail display control 1002.

[0117] In some examples, the thumbnail display control 1002 has a maximum number of thumbnails displayed. When the maximum number is reached, the thumbnail display control 1002 will then dynamically change the last thumbnail (e.g., the rightmost thumbnail) to become the summary tip thumbnail. For example, the dynamic display 1012 is displaying a maximum of 4 thumbnails, and therefore thumbnail 1014 has become the summary tip thumbnail. Activating the summary tip thumbnail will cause the user to navigate to a display with a selection of all thumbnails available beyond the maximum number. It should be noted that the maximum value can be set to any positive number other than 4, such as 2 thumbnails, 6 thumbnails, etc. For example, activating a thumbnail other than the summary tip thumbnail by clicking on a thumbnail will cause the display of the media content used to create that thumbnail and enable other functions, such as the application of camera filters and / or virtual lenses, and the display of communication of the media content to other client systems 102. It should be noted that the thumbnail display control 1002 can be used in any GUI area, such as areas 804 and 910 previously described. By providing dynamic display of thumbnails, the techniques described herein achieve enhanced visualization of media content.

[0118] Machine architecture

[0119] Figure 11This is a schematic representation of machine 1100, within which instructions 1102 (e.g., software, program, application, app, or other executable code) can be executed to cause machine 1100 to perform any or more of the methods discussed herein. For example, instructions 1102 can cause machine 1100 to perform any or more of the methods described herein. Instructions 1102 transform the general, unprogrammed machine 1100 into a specific machine 1100 programmed to perform the described and illustrated functions in the described manner. Machine 1100 can operate as a standalone device or can be coupled (e.g., networked) to other machines. In a networked deployment, machine 1100 can operate as a server machine or a client machine in a server-client network environment, or as a peer machine in a peer-to-peer (or distributed) network environment. Machine 1100 may include, but is not limited to, server computers, client computers, personal computers (PCs), tablet computers, laptop computers, netbooks, set-top boxes (STBs), personal digital assistants (PDAs), entertainment media systems, cellular phones, smartphones, mobile devices, wearable devices (e.g., smartwatches), smart home devices (e.g., smart appliances), other smart devices, web devices, network routers, network switches, network bridges, or any machine capable of sequentially or otherwise executing instructions 1102 specifying actions to be taken by machine 1100. Furthermore, while a single machine 1100 is shown, the term "machine" should also be considered as a collection of machines that individually or jointly execute instructions 1102 to perform any one or more of the methods discussed herein (e.g., processing 600). For example, machine 1100 may include user system 102 or any one of a plurality of server devices forming part of interactive server system 110. In some examples, machine 1100 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 wherein certain operations of the particular method or algorithm are performed on the client side.

[0120] Machine 1100 may include a processor 1104, a memory 1106, and an input / output (I / O) unit 1108 that can be configured to communicate with each other via a bus 1110. In the example, processor 1104 (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, processors 1112 and 1114 that execute instruction 1102. The term "processor" is intended to include multi-core processors, which may include two or more independent processors (sometimes referred to as "cores") capable of executing instructions simultaneously. Although Figure 11 Multiple processors 1104 are shown, but machine 1100 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.

[0121] Memory 1106 includes main memory 1116, static memory 1118, and memory cell 1120, all of which are accessible by processor 1104 via bus 1110. Main memory 1106, static memory 1118, and memory cell 1120 store instructions 1102 that implement any one or more of the methods or functions described herein. Instructions 1102 may also reside wholly or partially in main memory 1116, static memory 1118, machine-readable medium 1122 within memory cell 1120, at least one processor of processor 1104 (e.g., within the processor's cache memory), or any suitable combination thereof during execution by machine 1100.

[0122] I / O component 1108 may include various components for receiving input, providing output, generating output, sending information, exchanging information, capturing measurement results, etc. The specific I / O component 1108 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 is unlikely to include such a touch input device. It will be appreciated that I / O component 1108 may include... Figure 11Many other components are not shown. In various examples, I / O component 1108 may include user output component 1124 and user input component 1126. User output component 1124 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 tube (CRT) displays), acoustic components (e.g., speakers), haptic components (e.g., vibration motors, resistance mechanisms), other signal generators, etc. User input component 1126 may include alphanumeric input components (e.g., keyboards, touchscreens configured to receive alphanumeric input, photoelectric keyboards, or other alphanumeric input components), pointing-based input components (e.g., mice, touchpads, trackballs, joysticks, motion sensors, or other pointing instruments), haptic input components (e.g., physical buttons, touchscreens or other haptic input components that provide the position and force of a touch or touch gesture), audio input components (e.g., microphones), etc.

[0123] In another example, I / O component 1108 may include biometric component 1128, motion component 1130, environmental component 1132 or positioning component 1134, and various other components. For example, biometric component 1128 includes components for detecting expressions (e.g., hand expressions, facial expressions, voice expressions, body posture, or eye tracking), measuring biosignals (e.g., blood pressure, heart rate, body temperature, sweating, or brain waves), and identifying people (e.g., voice recognition, retinal recognition, facial recognition, fingerprint recognition, or EEG-based recognition). Motion component 1130 includes accelerometer components (e.g., accelerometer), gravity sensor components, and rotation sensor components (e.g., gyroscope).

[0124] The environmental component 1132 includes, for example, one or more camera devices (with still image / photograph and video capabilities), lighting sensor components (e.g., photometers), temperature sensor components (e.g., one or more thermometers that detect ambient temperature), humidity sensor components, pressure sensor components (e.g., barometers), acoustic sensor components (e.g., one or more microphones that detect background noise), proximity sensor components (e.g., infrared sensors that detect nearby objects), gas sensors (e.g., gas detection sensors that detect the concentration of hazardous gases for safety purposes or measure pollutants in the atmosphere), or other components that can provide indications, measurements, or signals corresponding to the surrounding physical environment.

[0125] Regarding the camera device, user system 102 may have a camera device system including, for example, a front-facing camera on the front surface of user system 102 and a rear-facing camera on the rear surface of user system 102. The front-facing camera may be used, for example, to capture still images and videos (e.g., “selfies”) of the user of user system 102, which can then be enhanced using the enhancement data (e.g., filters) described above. The rear-facing camera may be used, for example, to capture still images and videos in a more conventional camera device mode, wherein these images are similarly enhanced using the enhancement data. In addition to the front-facing and rear-facing cameras, user system 102 may also include a 360° camera for capturing 360° photos and videos.

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

[0127] The positioning component 1134 includes a position sensor component (e.g., a GPS receiver component), an altitude sensor component (e.g., an altimeter or barometer that detects air pressure and can determine altitude based on air pressure), an orientation sensor component (e.g., a magnetometer), etc.

[0128] Various technologies can be used to achieve communication. I / O component 1108 also includes communication component 1136, operable to couple machine 1100 to network 1138 or device 1140 via appropriate coupling or connection. For example, communication component 1136 may include a network interface component or another suitable device that interfaces with network 1138. In further examples, communication component 1136 may include wired communication components, wireless communication components, cellular communication components, near field communication (NFC) components, Bluetooth components, etc. Components (e.g., Bluetooth) Low energy consumption), Wi-Fi Components and other communication components that provide communication via other modes. Device 1140 can be any peripheral device from another machine or various peripheral devices (e.g., a peripheral device coupled via USB).

[0129] Furthermore, the communication component 1136 may detect identifiers or include components operable to detect identifiers. For example, the communication component 1136 may include a radio frequency identification (RFID) tag reader component, an NFC smart tag detection component, an optical reader component (e.g., an optical sensor for detecting one-dimensional barcodes such as Universal Product Code (UPC) barcodes, multi-dimensional barcodes such as Quick Response (QR) codes, Aztec codes, Data Matrix, Dataglyph, MaxiCode, PDF417, UltraCode, UCC RSS-2D barcodes, and other optical codes), or an acoustic detection component (e.g., a microphone for identifying the tagged audio signal). Additionally, various information can be obtained via the communication component 1136, such as location via Internet Protocol (IP) geolocation, via Wi-Fi... Location can be obtained through signal triangulation or by detecting NFC beacon signals that indicate a specific location.

[0130] Various memories (e.g., main memory 1116, static memory 1118, and the memory of processor 1104) and storage units 1120 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., instruction 1102) cause various operations to implement the disclosed examples when executed by processor 1104.

[0131] Instructions 1102 can be sent or received over network 1138 via a network interface device (e.g., the network interface component included in communication component 1136), using a transmission medium and employing any of several known transmission protocols (e.g., Hypertext Transfer Protocol (HTTP)). Similarly, instructions 1102 can be sent or received via a transmission medium coupled to device 1140 (e.g., peer-to-peer coupling).

[0132] Software Architecture

[0133] Figure 12This is a block diagram 1200 illustrating a software architecture 1202 that can be installed on any one or more of the devices described herein. The software architecture 1202 is supported by hardware such as a machine 1204 including a processor 1206, memory 1208, and I / O components 1210. In this example, the software architecture 1202 can be conceptualized as a stack of layers, where each layer provides a specific function. The software architecture 1202 includes layers such as an operating system 1212, libraries 1214, frameworks 1216, and applications 1218. Operationally, application 1218 activates API calls 1220 via the software stack and receives messages 1222 in response to API calls 1220.

[0134] Operating system 1212 manages hardware resources and provides public services. Operating system 1212 includes, for example, a kernel 1224, services 1226, and drivers 1228. Kernel 1224 serves as an abstraction layer between hardware and other software layers. For example, kernel 1224 provides functions such as memory management, processor management (e.g., scheduling), component management, networking, and security settings. Services 1226 can provide other public services to other software layers. Driver 1228 is responsible for controlling or interfacing with the underlying hardware. For example, driver 1228 may include a display driver, a camera driver, a blueprint driver, etc. Or BLUETOOTH Low-power drives, flash drives, serial communication drives (e.g., USB drives), Wi-Fi Drivers, audio drivers, power management drivers, etc.

[0135] Library 1214 provides common low-level infrastructure used by application 1218. Library 1214 may include system library 1230 (e.g., the C standard library), which provides functions such as memory allocation, string manipulation, and mathematical functions. Additionally, library 1214 may include API library 1232, such as media libraries (e.g., libraries for supporting the rendering 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 Picture Experts Group (JPEG or JPG), or Portable Web Graphics (PNG)), graphics libraries (e.g., the OpenGL framework for rendering graphic content on a display in two-dimensional (2D) and three-dimensional (3D) formats), database libraries (e.g., SQLite, which provides various relational database functions), web libraries (e.g., WebKit, which provides web browsing capabilities), and so on. Library 1214 may also include various other libraries 1234 to provide many other APIs to application 1218.

[0136] Framework 1216 provides common high-level infrastructure for use by application 1218. For example, framework 1216 provides various graphical user interface (GUI) functions, high-level resource management, and high-level location services. Framework 1216 can provide a wide range of other APIs that can be used by application 1218, some of which may be specific to a particular operating system or platform.

[0137] In the example, application 1218 may include a home application 1236, a contacts application 1238, a browser application 1240, a book reader application 1242, a location application 1244, a media application 1246, a messaging application 1248, a game application 1250, and a wide variety of other applications such as third-party application 1252. Application 1218 is a program that performs the functions defined in the program. One or more applications 1218 can be created using various programming languages, such as object-oriented programming languages ​​(e.g., Objective-C, Java, or C++) or procedural programming languages ​​(e.g., C or assembly language). In a particular example, third-party application 1252 (e.g., an entity other than the vendor of a particular platform using Android) TM or iOS TM Applications developed using a Software Development Kit (SDK) can be used on platforms such as iOS. TM ANDROID TM WINDOWS The phone's mobile operating system or mobile software running on another mobile operating system. In this example, a third-party application 1252 can activate API call 1220 provided by the operating system 1212 to facilitate the functionality described herein.

[0138] in conclusion

[0139] Technological advantages include automatically generating music and sound recommendations by selecting photo filters or virtual lenses. These recommendations are context-sensitive, providing suggestions based on date / time, machine learning models, interrelationships between media, non-machine learning models, or a combination thereof. For example, photo filters and virtual lenses combined with certain music can prove popular as part of a friend group, and machine learning models can detect popularity and help users engage with new trends.

[0140] Glossary

[0141] "Carrier signal" refers to any intangible medium, such as a medium capable of storing, encoding, or carrying instructions to be executed by a machine and including digital or analog communication signals, or other intangible medium that facilitates the communication of such instructions. Instructions can be sent or received over a network using a transmission medium via a network interface device.

[0142] "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. Client devices can be, but are not limited to, mobile phones, desktop computers, laptop computers, portable digital assistants (PDAs), smartphones, tablet computers, ultrabooks, netbooks, laptop computers, multiprocessor systems, microprocessor-based or programmable consumer electronics, game consoles, set-top boxes, or any other communication device that a user can use to access the network.

[0143] "Communication network" refers to one or more parts of a network, such as an ad hoc network, intranet, extranet, virtual private network (VPN), local area network (LAN), wireless LAN (WLAN), wide area network (WAN), wireless WAN (WWAN), metropolitan area network (MAN), the Internet, a part of the Internet, a part of the Public Switched Telephone Network (PSTN), a common old-style telephone service (POTS) network, a cellular telephone network, a wireless network, or Wi-Fi. A network, another type of network, or a combination of two or more such networks. For example, a network or part of a 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 can implement any data transmission technology of various types, such as Single Carrier Radio Transmission (1xRTT), Evolved Data Optimization (EVDO), General Packet Radio Service (GPRS), Enhanced Data Rate Evolution of GSM (EDGE), the 3rd Generation Partnership Project (3GPP) including 3G, fourth-generation wireless (4G) networks, Universal Mobile Telecommunications System (UMTS), High-Speed ​​Packet Access (HSPA), Global Microwave Access Interoperability (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.

[0144] "Component" refers to, for example, a logical or physical entity with boundaries defined by functional or subroutine calls, branch points, APIs, or other technical definitions that provide partitioning or modularity for a particular processing or control function. A component can be combined with other components via its interface to perform machine processing. A component can be an encapsulated functional hardware unit designed for use with other components, and part of a program that typically performs a related function. A component can constitute a software component (e.g., code implemented on a machine-readable medium) or a hardware component. A "hardware component" is a tangible unit capable of performing certain operations and can be configured or arranged in some physical manner. In various examples, one or more computer systems (e.g., standalone computer systems, client computer systems, or server computer systems) or one or more hardware components (e.g., processors or processor groups) of a computer system can be configured by software (e.g., an application or application portion) to operate to perform certain operations as described herein. Hardware components can also be implemented mechanically, electronically, or in any suitable combination thereof. For example, a hardware component can include a dedicated circuit system or logic permanently configured to perform certain operations. Hardware components can be dedicated processors, such as field-programmable gate arrays (FPGAs) or application-specific integrated circuits (ASICs). Hardware components can also include programmable logic or circuit systems temporarily configured by software to perform certain operations. For example, a hardware component may include software executed by a general-purpose processor or other programmable processor. Once configured by such software, the hardware component becomes a particular machine (or a specific part of a machine) uniquely tailored to perform the configured function and is no longer a general-purpose processor. It will be appreciated that a decision can be made, for cost and time considerations, whether to implement hardware components mechanically in a dedicated and permanently configured circuit system or in a temporarily configured (e.g., configured by software) circuit system. Therefore, the phrase “hardware component” (or “hardware-implemented component”) should be understood to include tangible entities, i.e., entities physically constructed, permanently configured (e.g., hardwired), or temporarily configured (e.g., programmed) to operate in a certain way or perform certain operations described herein. Consider an example where hardware components are temporarily configured (e.g., programmed), without the need to configure or instantiate each hardware component at any given time. For example, in cases where the hardware components include a general-purpose processor that is configured as a dedicated processor via software, this general-purpose processor can be configured as different dedicated processors (e.g., including different hardware components) at different times. The software accordingly configures one or more specific processors to constitute a specific hardware component at one time and different hardware components at different times. Hardware components can provide information to and receive information from other hardware components.Therefore, the described hardware components can be considered communicatively coupled. In the presence of multiple hardware components, communication can be achieved through signal transmission between or among two or more hardware components (e.g., via appropriate circuitry and buses). In examples where multiple hardware components are configured or instantiated at different times, such communication between hardware components can be achieved, for example, by storing information in a memory structure accessible to the multiple hardware components and retrieving information from the memory structure. For example, a hardware component can perform an operation and store the output of that operation in a memory device communicatively coupled to it. Another hardware component can then access the memory device at a subsequent time to retrieve and process the stored output. Hardware components can also initiate communication with input or output devices and can operate on resources (e.g., collections of information). The various operations of the example methods described herein can be performed, at least in part, by one or more processors configured, either temporarily (e.g., by software) or permanently, to perform the relevant operations. Whether temporarily or permanently configured, such processors can constitute components of a processor implementation that operates to perform one or more operations or functions described herein. As used herein, "processor-implemented component" refers to a hardware component implemented using one or more processors. Similarly, the methods described herein can be at least partially processor-implemented, where a particular one or more processors are examples of hardware. For example, at least some operations of the methods can be performed by one or more processors or processor-implemented components. Furthermore, one or more processors can also operate to support the execution of related operations in a "cloud computing" environment or as a "Software as a Service" (SaaS) operation. For example, at least some operations can be performed by a group of computers (as an example of machines including processors), where these operations are accessible via a network (e.g., the Internet) and via one or more appropriate interfaces (e.g., APIs). The execution of some operations can be distributed across processors, not residing within a single machine, but deployed across multiple machines. In some examples, the processor or processor-implemented component may reside in a single geographic location (e.g., in a home environment, office environment, or server cluster). In other examples, the processor or processor-implemented component may be distributed across multiple geographic locations.

[0145] "Computer-readable storage medium" refers to both, for example, machine storage media and transmission media. Therefore, these terms include both storage devices / media and carrier / modulated data signals. The terms "machine-readable medium," "computer-readable medium," and "device-readable medium" refer to the same thing and can be used interchangeably in this disclosure.

[0146] "Temporary messages" refer to messages that are accessible for a limited time, such as text, images, or videos. The access duration for a temporary message can be set by the sender. Alternatively, the access duration can be a default setting or a setting specified by the recipient. Regardless of the setting method, the message is temporary.

[0147] "Interactive client" refers to an application executable on a client device, for example, via interactions such as sending messages between a group of users. Messages may include media content.

[0148] "Machine storage medium" refers to one or more storage devices and media (e.g., centralized or distributed databases, and associated caches and servers) that store executable instructions, routines, and data. Therefore, this term should be considered 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; disks, such as internal hard disks and removable disks; magneto-optical disks; and CD-ROM and DVD-ROM disks. The terms "machine storage medium," "device storage medium," and "computer storage medium" mean the same thing and may be used interchangeably in this disclosure. The terms "machine storage medium," "computer storage medium," and "device storage medium" expressly exclude carrier waves, modulated data signals, and other such media, at least some of which are covered by the term "signal medium."

[0149] "Non-transitory computer-readable storage medium" refers to, for example, a tangible medium capable of storing, encoding, or carrying instructions that can be executed by a machine.

[0150] "Signal medium" means any intangible medium capable of storing, encoding, or carrying instructions that can be executed by a machine, 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 considered to include any form of modulated data signal, carrier wave, etc. The term "modulated data signal" means a signal whose characteristics are set or altered in a manner that encodes information in the signal. The terms "transmission medium" and "signal medium" mean the same thing and may be used interchangeably in this disclosure.

[0151] "User equipment" refers to, for example, a device that is accessed, controlled, or owned by a user and that the user interacts with to perform actions or interact with other users or computer systems.

Claims

1. A system comprising: One or more hardware processors; as well as At least one memory storing instructions that cause the one or more hardware processors to perform operations, the operations including: Retrieve a first selection of first media content captured by an interactive client included in the client device via a client device; Retrieve a second selection of second media content captured by an application executable via the client device; On the display of the client device, the first selection of the first media content and the second selection of the second media content are displayed side by side; Receive a user selection of the first set of the first media content, the second set of the second media content, or a combination thereof; and The user selection is provided as part of a message sent via the client device.

2. The system according to claim 1, wherein, Displaying the first selection of the first media content and the second selection of the second media content side by side includes: displaying a first set of thumbnails representing the first selection of the first media content and a second set of thumbnails representing the second selection of the second media content side by side.

3. The system according to claim 2, wherein, Displaying the first set of thumbnails includes displaying an identifier representing a first capture source used to capture the first media content, edit the first media content, or a combination of both.

4. The system according to claim 3, wherein, The identifier includes the geometry used to display each thumbnail in the first set of thumbnails.

5. The system according to claim 4, wherein, The geometry includes rectangles.

6. The system according to claim 3, wherein, The identifier includes a first thumbnail size for displaying each thumbnail in the first set of thumbnails.

7. The system according to claim 6, wherein, The size of the first thumbnail is larger than the size of the second thumbnail used to display each thumbnail in the second set of thumbnails.

8. The system according to claim 2, wherein, Displaying the second set of thumbnails includes displaying an identifier representing a second capture source used to capture the second media content, edit the second media content, or a combination of both.

9. The system according to claim 8, wherein, The identifier includes the geometry used to display each thumbnail in the second set of thumbnails.

10. The system according to claim 9, wherein, The geometry includes squares.

11. The system according to claim 2, wherein, The second set of thumbnails includes at least one thumbnail having an identifier for data storage used to store the second media content.

12. The system according to claim 11, wherein, The identifier includes a text string that includes a data storage name and the number of second selections of the second media content that can be selected by the user.

13. The system according to claim 2, wherein, Displaying the first set of thumbnails representing the first selection of the first media content and the second set of thumbnails representing the second selection of the second media content side by side includes: displaying the sorted first set of thumbnails and the sorted second set of thumbnails by sorting them according to time order.

14. The system according to claim 13, wherein, The time-based sorting includes displaying the sorted first group of thumbnails and the sorted second group of thumbnails in reverse chronological order by placing the thumbnails with more recent timestamps in the first group or the second group before the thumbnails with older timestamps in the first group or the second group.

15. The system according to claim 13, wherein, The time-order-based sorting includes a reverse time-order-based sorting, wherein the first row of thumbnails displays only thumbnails from the first group of thumbnails, and wherein the second row of thumbnails displays only thumbnails from the second group of thumbnails, and wherein both the first row of thumbnails and the second row of thumbnails are sorted by reverse time-order sorting.

16. The system according to claim 13, wherein, Displaying the first selection of the first media content and the second selection of the second media content side-by-side includes limiting the number of thumbnails displayed in the second set to a maximum number within the area of ​​the display.

17. The system of claim 1, wherein the first selection of the first media content comprises first media content having a first timestamp created or edited within 24 hours or less of the current date and time, and wherein, The second selection of the second media content includes second media content having a second timestamp created or edited within 24 hours or less of the current date and time.

18. A method comprising: Retrieve a first selection of first media content captured by an interactive client included in the client device via a client device; Retrieve a second selection of second media content captured by an application executable via the client device; On the display of the client device, the first selection of the first media content and the second selection of the second media content are displayed side by side; Receive a user selection of the first set of the first media content, the second set of the second media content, or a combination thereof; and Set the user selection as part of the message sent via the client device.

19. A non-transitory computer-readable storage medium, the computer-readable storage medium comprising instructions that, when executed by a computer, cause the computer to: Retrieve a first selection of first media content captured by an interactive client included in the client device via a client device; Retrieve a second selection of second media content captured by an application executable via the client device; On the display of the client device, the first selection of the first media content and the second selection of the second media content are displayed side by side; A user selection that receives the first selection of the first media content, the second selection of the second media content, or a combination thereof; and The user selection is provided as part of a message sent via the client device.

20. The non-transitory computer-readable storage medium according to claim 19, wherein, Displaying the first selection of the first media content and the second selection of the second media content side by side includes: displaying a first set of thumbnails representing the first selection of the first media content in a first geometric shape, and displaying a second set of thumbnails representing the second selection of the second media content in a second geometric shape different from the first geometric shape.

Images