The disclosed embodiments relate generally to media provider systems, and, in particular, to displaying content from a website within a mobile application (e.g., a media application) without leaving the mobile application.
Recent years have shown a remarkable growth in consumption of digital goods such as digital music, movies, books, and podcasts, among many others. The overwhelmingly large number of these goods often makes navigation and discovery of new digital goods an extremely difficult task. To cope with the constantly growing complexity of navigating the large number of goods, users create and select playlists to easily organize and access media items, including playlists curated by the users themselves and playlists curated by other parties, such as content providers.
In the disclosed embodiments, systems and methods are provided for displaying content from an external website within a mobile application without leaving the mobile application (e.g., within a Webview). While the content from the external website is displayed, a user of the mobile application is enabled to interact with the website (e.g., using controls provided by the website) so as to control native functions of the mobile application, thus enabling bi-directional communication between the mobile application and the website. The content of the external website is displayed in a way that it looks integrated in the mobile application. The mobile application is also enabled to obtain data from user interactions with the content from the external website, thus improving data collection by keeping the user within the mobile application's environment.
To that end, in accordance with some embodiments, a method performed at an electronic device is provided. The method includes displaying, in a mobile application provided by a media content provider, a user interface that includes one or more media content items. The method further includes displaying, within a browser displayed within the mobile application, external content that is associated with a content provider distinct from the media content provider, including displaying a first set of controls within the external content. The method includes, while displaying the external content, receiving a first user input selecting a first control of the first set of controls and, in response to the first user input selecting the first control, sending a command to the mobile application to perform an action and performing, by the mobile application, the action corresponding to the first control.
In some embodiments, a similar approach may be used for content within a media-providing service, e.g., by incorporating infrequently used user interfaces through a browser window within the application. For example, the media-providing service may provide a “Year in Review” feature summarizing the songs, artists, and other content that a user listened to most frequently in the past year. Rather than designing a user interface for such infrequently used features and incorporating the user interface directly into the application, some embodiments of the present disclosure provide such features via a webpage, which is launched in a browser within the media application (e.g., a Webview), and through which bi-directional communication is exchanged between the webpage and media application. This converts the more difficult task of incorporating a user interface into an application to the easier task of loading a webpage. In some embodiments, the look and feel of the browser within the media application as well as the webpage match the user interface, such that the user is not aware that a webpage is displayed (rather than the application itself).
To that end, in accordance with some embodiments, a method performed at an electronic device is provided. The method includes displaying, in a mobile application provided by a media content provider, a user interface that includes one or more media content items. The method further includes displaying, within a browser displayed within the mobile application, a webpage that includes content and a first set of controls (e.g., the first set of controls are part of the webpage). The method includes, while displaying the webpage, receiving a first user input selecting a first control of the first set of controls and, in response to the first user input selecting the first control, sending a command to the mobile application to perform an action and performing, by the mobile application, the action corresponding to the first control.
In accordance with some embodiments, an electronic device is provided. The electronic device includes one or more processors and memory storing one or more programs. The one or more programs include instructions for performing any of the methods described herein.
In accordance with some embodiments, a non-transitory computer-readable storage medium is provided. The non-transitory computer-readable storage medium stores one or more programs for execution by an electronic device with one or more processors. The one or more programs comprising instructions for performing any of the methods described herein.
Thus, systems are provided with improved methods for displaying external content within a mobile application (e.g., with bi-directional communication between the external content and the mobile application).
The embodiments disclosed herein are illustrated by way of example, and not by way of limitation, in the figures of the accompanying drawings. Like reference numerals refer to corresponding parts throughout the drawings and specification.
Reference will now be made to embodiments, examples of which are illustrated in the accompanying drawings. In the following description, numerous specific details are set forth in order to provide an understanding of the various described embodiments. However, it will be apparent to one of ordinary skill in the art that the various described embodiments may be practiced without these specific details. In other instances, well-known methods, procedures, components, circuits, and networks have not been described in detail so as not to unnecessarily obscure aspects of the embodiments.
It will also be understood that, although the terms first, second, etc. are, in some instances, used herein to describe various elements, these elements should not be limited by these terms. These terms are used only to distinguish one element from another. For example, a first electronic device could be termed a second electronic device, and, similarly, a second electronic device could be termed a first electronic device, without departing from the scope of the various described embodiments. The first electronic device and the second electronic device are both electronic devices, but they are not the same electronic device.
The terminology used in the description of the various embodiments described herein is for the purpose of describing particular embodiments only and is not intended to be limiting. As used in the description of the various described embodiments and the appended claims, the singular forms “a,” “an,” and “the” are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will also be understood that the term “and/or” as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items. It will be further understood that the terms “includes,” “including,” “comprises,” and/or “comprising,” when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.
As used herein, the term “if” is, optionally, construed to mean “when” or “upon” or “in response to determining” or “in response to detecting” or “in accordance with a determination that,” depending on the context. Similarly, the phrase “if it is determined” or “if [a stated condition or event] is detected” is, optionally, construed to mean “upon determining” or “in response to determining” or “upon detecting [the stated condition or event]” or “in response to detecting [the stated condition or event]” or “in accordance with a determination that [a stated condition or event] is detected,” depending on the context.
In some embodiments, an electronic device 102 is associated with one or more users. In some embodiments, an electronic device 102 is a personal computer, mobile electronic device, wearable computing device, laptop computer, tablet computer, mobile phone, feature phone, smart phone, an infotainment system, digital media player, a speaker, television (TV), and/or any other electronic device capable of presenting media content (e.g., controlling playback of media items, such as music tracks, podcasts, videos, etc.). Electronic devices 102 may connect to each other wirelessly and/or through a wired connection (e.g., directly through an interface, such as an HDMI interface). In some embodiments, electronic devices 102-1 and 102-m are the same type of device (e.g., electronic device 102-1 and electronic device 102-m are both speakers). Alternatively, electronic device 102-1 and electronic device 102-m include two or more different types of devices.
In some embodiments, electronic devices 102-1 and 102-m send and receive media-control information through network(s) 112. For example, electronic devices 102-1 and 102-m send media control requests (e.g., requests to play music, podcasts, movies, videos, or other media items, or playlists thereof) to media content server 104 through network(s) 112. Additionally, electronic devices 102-1 and 102-m, in some embodiments, also send indications of media content items to media content server 104 through network(s) 112. In some embodiments, the media content items are uploaded to electronic devices 102-1 and 102-m before the electronic devices forward the media content items to media content server 104.
In some embodiments, electronic device 102-1 communicates directly with electronic device 102-m (e.g., as illustrated by the dotted-line arrow), or any other electronic device 102. As illustrated in
In some embodiments, electronic device 102-1 and/or electronic device 102-m include a media application 222 (
In some embodiments, the CDN 106 stores and provides media content (e.g., media content requested by the media application 222 of electronic device 102) to electronic device 102 via the network(s) 112. Content (also referred to herein as “media items,” “media content items,” and “content items”) is received, stored, and/or served by the CDN 106. In some embodiments, content includes audio (e.g., music, spoken word, podcasts, audiobooks, etc.), video (e.g., short-form videos, music videos, television shows, movies, clips, previews, etc.), text (e.g., articles, blog posts, emails, etc.), image data (e.g., image files, photographs, drawings, renderings, etc.), games (e.g., 2- or 3-dimensional graphics-based computer games, etc.), or any combination of content types (e.g., web pages that include any combination of the foregoing types of content or other content not explicitly listed). In some embodiments, content includes one or more audio media items (also referred to herein as “audio items,” “tracks,” and/or “audio tracks”).
In some embodiments, media content server 104 receives media requests (e.g., commands) from electronic devices 102. In some embodiments, media content server 104 includes a voice API, a connect API, and/or key service. In some embodiments, media content server 104 validates (e.g., using key service) electronic devices 102 by exchanging one or more keys (e.g., tokens) with electronic device(s) 102.
In some embodiments, media content server 104 and/or CDN 106 stores one or more playlists (e.g., information indicating a set of media content items). For example, a playlist is a set of media content items defined by a user and/or defined by an editor associated with a media-providing service. The description of the media content server 104 as a “server” is intended as a functional description of the devices, systems, processor cores, and/or other components that provide the functionality attributed to the media content server 104. It will be understood that the media content server 104 may be a single server computer, or may be multiple server computers. Moreover, the media content server 104 may be coupled to CDN 106 and/or other servers and/or server systems, or other devices, such as other client devices, databases, content delivery networks (e.g., peer-to-peer networks), network caches, and the like. In some embodiments, the media content server 104 is implemented by multiple computing devices working together to perform the actions of a server system (e.g., cloud computing).
In some embodiments, the electronic device 102 includes a user interface 204, including output device(s) 206 and/or input device(s) 208. In some embodiments, the input devices 208 include a keyboard, mouse, or track pad. Alternatively, or in addition, in some embodiments, the user interface 204 includes a display device that includes a touch-sensitive surface, in which case the display device is a touch-sensitive display. In electronic devices that have a touch-sensitive display, a physical keyboard is optional (e.g., a soft keyboard may be displayed when keyboard entry is needed). In some embodiments, the output devices (e.g., output device(s) 206) include a speaker 252 (e.g., speakerphone device) and/or an audio jack 250 (or other physical output connection port) for connecting to speakers, earphones, headphones, or other external listening devices. Furthermore, some electronic devices 102 use a microphone and voice recognition device to supplement or replace the keyboard. Optionally, the electronic device 102 includes an audio input device (e.g., a microphone) to capture audio (e.g., speech from a user).
Optionally, the electronic device 102 includes a location-detection device 240, such as a global navigation satellite system (GNSS) (e.g., GPS (global positioning system), GLONASS, Galileo, BeiDou) or other geo-location receiver, and/or location-detection software for determining the location of the electronic device 102 (e.g., module for finding a position of the electronic device 102 using trilateration of measured signal strengths for nearby devices).
In some embodiments, the one or more network interfaces 210 include wireless and/or wired interfaces for receiving data from and/or transmitting data to other electronic devices 102, a media content server 104, a CDN 106, and/or other devices or systems. In some embodiments, data communications are carried out using any of a variety of custom or standard wireless protocols (e.g., NFC, RFID, IEEE 802.15.4, Wi-Fi, ZigBee, 6LoWPAN, Thread, Z-Wave, Bluetooth, ISA100.11a, WirelessHART, MiWi, etc.). Furthermore, in some embodiments, data communications are carried out using any of a variety of custom or standard wired protocols (e.g., USB, Firewire, Ethernet, etc.). For example, the one or more network interfaces 210 include a wireless interface 260 for enabling wireless data communications with other electronic devices 102, media presentations systems, and/or or other wireless (e.g., Bluetooth-compatible) devices (e.g., for streaming audio data to the media presentations system of an automobile). Furthermore, in some embodiments, the wireless interface 260 (or a different communications interface of the one or more network interfaces 210) enables data communications with other WLAN-compatible devices (e.g., a media presentations system) and/or the media content server 104 (via the one or more network(s) 112,
In some embodiments, electronic device 102 includes one or more sensors including, but not limited to, accelerometers, gyroscopes, compasses, magnetometer, light sensors, near field communication transceivers, barometers, humidity sensors, temperature sensors, proximity sensors, range finders, and/or other sensors/devices for sensing and measuring various environmental conditions.
Memory 212 includes high-speed random-access memory, such as DRAM, SRAM, DDR RAM, or other random-access solid-state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 212 may optionally include one or more storage devices remotely located from the CPU(s) 202. Memory 212, or alternately, the non-volatile memory solid-state storage devices within memory 212, includes a non-transitory computer-readable storage medium. In some embodiments, memory 212 or the non-transitory computer-readable storage medium of memory 212 stores the following programs, modules, and data structures, or a subset or superset thereof:
Memory 306 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid-state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 306 optionally includes one or more storage devices remotely located from one or more CPUs 302. Memory 306, or, alternatively, the non-volatile solid-state memory device(s) within memory 306, includes a non-transitory computer-readable storage medium. In some embodiments, memory 306, or the non-transitory computer-readable storage medium of memory 306, stores the following programs, modules and data structures, or a subset or superset thereof:
In some embodiments, the media content server 104 includes web or Hypertext Transfer Protocol (HTTP) servers, File Transfer Protocol (FTP) servers, as well as web pages and applications implemented using Common Gateway Interface (CGI) script, PHP Hyper-text Preprocessor (PHP), Active Server Pages (ASP), Hyper Text Markup Language (HTML), Extensible Markup Language (XML), Java, JavaScript, Asynchronous JavaScript and XML (AJAX), XHP, Javelin, Wireless Universal Resource File (WURFL), and the like.
Each of the above identified modules stored in memory 212 and 306 corresponds to a set of instructions for performing a function described herein. The above identified modules or programs (i.e., sets of instructions) need not be implemented as separate software programs, procedures, or modules, and thus various subsets of these modules may be combined or otherwise re-arranged in various embodiments. In some embodiments, memory 212 and 306 optionally store a subset or superset of the respective modules and data structures identified above. Furthermore, memory 212 and 306 optionally store additional modules and data structures not described above.
Although
In some embodiments, the currently playing view 402 includes an indication of the first media content item (e.g., a title, artist, album, channel, or other information) and a plurality of controls 404 for controlling playback of the first media content item. For example, the plurality of controls 404 include a control for marking the first media content item as a favorite (e.g., “heart”), skipping to a previous media content item within a playback queue, pausing (e.g., or playing) the first media content item, skipping to a next media content item within the playback queue, and shuffling a playback order of media content items in the playback queue. In some embodiments, a sharing control 408 is also provided, which enables the user to share (e.g., via social media, messaging, email, or device-to-device WiFi) an indication (e.g., a URL) for the first media content item. In some embodiments, the currently playing view 402 further displays image and/or video content 403 (e.g., cover art and/or a music video) associated with the first media content item.
In some embodiments, the media application operates in two modes, a premium version (e.g., a paid version) and a free version, depending on a user account logged into the media application. In some embodiments, in one of the modes (e.g., the free version), one or more additional media content items (e.g., advertisements) are presented to the user in addition to media content items in the playback queue. In some embodiments, the one or more additional media content items are presented to the user in both modes (e.g., regardless of whether the media application is operating as the paid version or the free version). For example, during playback of a podcast episode (or audiobook), an additional media content item may be presented between a determined change in topic (or chapter) of the podcast or audiobook.
In some embodiments, the one or more additional media content items are associated with and/or provided by an external content provider that is distinct from the media content provider associated with the media application. For example, the one or more additional media content items are external content items. In some embodiments, the external content items are automatically, without user input, presented (e.g., displayed and/or played back) to the user. For example, the external content items are automatically presented between playback of two media content items from the media content provider. In some embodiments, the external content items are automatically presented within a media content item. For example, during a podcast, an external content item is presented to the user during a predetermined break of the podcast. In some embodiments, the predetermined break is identified by the publisher (e.g., content creator) of the media content item. In some embodiments, the predetermined break is identified by the media content provider (e.g., by determining a change in topic and/or speaker). In some embodiments, the predetermined break is determined based on a time threshold (e.g., external content is presented at predefined intervals, such as every 10 minutes).
In some embodiments, the one or more additional media content items are provided by a plurality of external content providers. For example, different companies each provide one or more external content items. In some embodiments, the media content provider selects which external content to provide to the user. For example, the media content provider, using a playback history of the user and/or user profile information selects which external content item to provide to the user.
In some embodiments, the external content item is stored at an external content server 502, as described with reference to
In some embodiments, the external content view 420 is designed by an external content provider (e.g., distinct from the media content provider). In some embodiments, the external content view 420 includes one or more controls 430 for controlling playback of content provided by the media content provider (e.g., controlling content within the media application). For example, controls 430 in external content view 420 include one or more of the same controls from the plurality of controls 404 that are provided in the currently playing view 402. In some embodiments, controls 430 have a subset, less than all, and/or additional controls, as compared to the plurality of controls 404 that are provided in other user interfaces provided by the media application. As such, external content provides one or more controls that communicate with, and control media playback of, the media application. For example, a “dismiss” control is provided, wherein in response to selection of dismiss control 416, the media application closes the external content view 420 and returns to the currently playing view 402 (or whatever view was displayed immediately prior to displaying the external content view).
In some embodiments, the external content provider uses tools from the media content provider to design the external content view 420, such that the external content view 420 has a look and feel that is consistent with the look and feel of the views of the media application. For example, the external content provider is given access to color palettes, templates, control options, font options, and other design tools from the media content provider. In some embodiments, the external content view 420 is stored at a server system of the external content provider (e.g., and not by a server system of the media content provider). In some embodiments, the external content view 420 is optionally stored by a server system of the media content provider. As such, a distinct external content provider controls the external content, but interactions with the external content cause the media application associated with the media content provider to perform one or more actions.
In some embodiments, the external content provider is given a set of control options (e.g., from the media content provider) and the external content provider is enabled to select which controls from the set of control options to include in the external content view 420. In some embodiments, the external content provider is further enabled to design the external content to display the controls at various portions of the user interface. For example, although control 430 include the same set of controls as plurality of controls 404, the controls 430 are displayed in a different portion of the user interface than controls 404. The external content provider is also enabled to select alternative and/or additional controls than the controls provided by the media content provider. For example, in
In some embodiments, one or more control options that are displayed cause the electronic device 102-1 to initiate an external application. For example, the “Learn More” control causes the electronic device 102-1 to launch a web browser for displaying a webpage that includes additional information about the external content (or external content provider).
In some embodiments, the external content view 420 presents, to the user, an option to generate one or more content items (e.g., a playlist) associated with the external content provider. For example, the external content provider provides a control 422 to “Make Me a Running Playlist” that is associated with the external content provider. In some embodiments, the media items included in the “Running Playlist” are curated and/or provided by the media content provider. For example, in response to user input 409 that selects control 422, the media provider associated with the media application curates the running playlist, and provides the media content items that are included in the running playlist (e.g., wherein the user can access the curated Running Playlist in the user's library of playlist (which include playlist 411-1 through 411-4), illustrated in
In some embodiments, the generated one or more content items that are associated with the external content provider are personalized for the user. For example, the one or more content items are selected, by the media content provider, for the user based on information the media content provider has stored for the user. For example, the media content provider uses profile information and/or a playback history of the user to select content items that match the user's taste. In some embodiments, the external content provider does not need access to the user's credentials for the media application. For example, because the external content view 420 sends commands directly to the media application, whereby the media application executes the commands, there is no need for the external content provider to request information about the user.
In some embodiments, a control 424 is provided such that the user is enabled to directly access the running playlist from the displayed external content (e.g., WebView). For example, the “Listen Now” control 424 is provided by the external content provider, and in response to a user input 410 selecting control 424, a command is sent to the media application (e.g., and/or the server system associated with the media provider of the media application), and the media application performs an action in accordance with the command. For example, in
In some embodiments, in accordance with a determination that the user has interacted with the external content 420, the media application automatically adds one or more media content items to a library of the user. For example, in accordance with a determination that the user has selected “Listen Now” control 424, or another control (e.g., that indicates positive interaction), such as selecting the add to favorites (e.g., heart) control in the set of controls 430, the running playlist is added to the library of the user. For example, as illustrated in
In some embodiments, in accordance with a determination that the user has not interacted (e.g., positively) with the external content 420 (e.g., the user selects “dismiss” control 416 without any other interactions), the media application does not store external content associated with the external content provider in the library of the user.
It should be understood that, although
In some embodiments, in accordance with a determination (e.g., by media content server 104 and/or media application backend 504) that external content is to be displayed by the media application, the media content server 104 and/or media application request, from external content server 502, the external content item(s) (e.g., identified by a content ID 508). In some embodiments, the media content server 104 identifies an external content provider, and the external content provider selects which external content item to provide from its external content server 502. In some embodiments, the external content server 502 sends the external content 510 to the electronic device 102 (e.g., directly and/or via the media content server 104) for display. In some embodiments, while the external content is displayed 512 by the electronic device (e.g., within the media application 222), in response to a user input selecting a control, command(s) 516 that correspond to the control are passed to the media application backend 504 and/or command(s) 514 are passed to the media content server 104. In some embodiments, in response to the command(s), the media content server 104 and/or the media application backend 504, at the electronic device 102, performs one or more actions in accordance with the command(s) (e.g., provides content, begins playback, and/or updates display of the media application). For example, the actions include playing, pausing, skipping, and adding as a favorite, a media item that is presented in the external content view. In some embodiments, the actions include opening an external browser (e.g., in response to selecting “Learn More” control), initiating a sharing protocol (e.g., to share the external content with other users), and/or dismissing the external content view.
Referring now to
In some embodiments, the electronic device receives, while displaying the user interface of the mobile application, from a server system, a command to display external content (e.g., an advertisement or other external content associated with an external content provider that is distinct from the media content provider associated with the mobile application). In some embodiments, the command to display external content is generated at the server system in accordance with a session of the user of the mobile application satisfying one or more conditions. For example, in accordance with a determination that the session of the user is a free user account (or is not a premium (e.g., paid) user account), and/or that the user has consumed a threshold amount of media content (e.g., a threshold number of media content items, a threshold amount of time, and/or a threshold number of skips for media content), the server system identifies external content to be presented to the user. In some embodiments, the server system sends the external content to the electronic device for display within the mobile application, as displayed below. In some embodiments, the server system sends the electronic device an indication of the external content (e.g., a URL) and the electronic device retrieves the external content using the indication received from the server system. For example, the external content is a microsite associated with an external content provider distinct from the media content provider. In some embodiments, the server system identifies an external content provider (e.g., a third-party content provider) that provides the external content and sends, to a server system of the identified external content provider, an indication of the electronic device, such that the server system of the external content provider selects and provides external content to the electronic device.
In some embodiments, displaying the user interface in the mobile application includes (604) displaying one or more controls for controlling playback of the one or more media content items. For example, controls 404 in
In some embodiments, the one or more controls comprise (606) sharing controls for sharing a media content item provided by the media content provider. For example, the sharing control 408 in
In some embodiments, the one or more controls comprise (608) a control for marking a media content item as a favorite, and the mobile application stores, in a user profile, the media content item as a favorite. For example, selection of the heart icon in controls 404 causes the mobile application (e.g., and a server system of the media content provider) to store the currently playing media content item as a favorite for the user. In some embodiments, the media content provider generates a list of media content items that the user has marked as a favorite.
The electronic device displays (610), within a browser displayed within the mobile application (e.g., in a Webview), external content (e.g., a microsite) that is associated with a content provider distinct from the media content provider, including displaying a first set of controls within the external content. In some embodiments, the first set of controls (e.g., controls 430,
In some embodiments, the content provider selects (612) the first set of controls to be displayed within the external content from a library of controls provided by the media content provider distinct from the content provider. For example, the first set of controls displayed in
In some embodiments, the first set of controls comprises (614) a set of playback controls for controlling playback, of a media content item provided by the media content provider. For example, controls 430 (
In some embodiments, the first set of controls corresponds (616) to a set of actions executed by the mobile application (e.g., and that are not executable by the content provider). For example, playback controls for media content items in the mobile application are not controllable by the external content provider. Instead, the mobile application controls playback of the media content items.
In some embodiments, the first set of controls is (618) a same set of controls as the one or more of controls. For example, the first set of controls (e.g., controls 430) illustrated in
In some embodiments, the one or more controls displayed in the user interface are displayed (620) at a different location than the first set of controls displayed with the external content. In some embodiments, a content creator of the external content includes the first set of controls at different locations within the user interface. For example, the content creator is enabled to design the user interface of the browser to include (or exclude) controls, and to display the controls at different positions within the browser.
In some embodiments, the one or more controls displayed in the user interface are displayed (622) at a same location as the first set of controls displayed with the external content.
In some embodiments, the external content is displayed (624) for a predetermined time period (e.g., a 30-second advertisement, or a predefined duration for display (e.g., 10 seconds, or until media content of the external content has completed playback)) and, after the predetermined time period, the electronic device automatically re-displays the user interface of the mobile application that includes the one or more media content items. For example, if the user does not interact with the external content (e.g., does not select any controls or affordances in the external content), the electronic device ceases display of the external content (e.g., without user input) and displays the user interface of the mobile application that was displayed before the external content (e.g., the user interface illustrated in
While displaying the external content, the electronic device receives (626), from a user, a first user input selecting a first control of the first set of controls. In some embodiments, the first user input is a voice command. In some embodiments, the first user input is a tap input selecting the first control (e.g., “Listen Now” control 424 is selected by the user).
In response to the first user input selecting the first control, the electronic device sends (628) a command to the mobile application to perform an action and performs, by the mobile application, the action corresponding to the first control. For example, as described with reference to
In some embodiments, the command is (630) a command to the media content provider of the mobile application to curate (e.g., select, based on one or more criteria) a personalized playlist for the user, the playlist associated with the content provider. In some embodiments, the playlist is personalized in that it differs from playlists generated for other users based on information obtained from a user profile of the user (e.g., a listening history). For example, in response to the user selecting “Make me a running playlist” control 422 in
In some embodiments, the electronic device receives (632) a second user input selecting a second control of the first set of controls; and in response to the second user input, launches an external browser (e.g., a browser that is not run within the application, for example, a browser that is native to the device's operating system). For example, the “Learn More” control illustrated in
Although
As another example, in some circumstances, a third-party partner (e.g., advertiser) may provide assets (e.g., image and brand assets) to the media-providing service, and the media-providing service builds a custom experience for the third-party partner, which with the user may interact, in the form of a microsite to be displayed within the mobile application. In some circumstances, the user will have already logged into the media-providing service through the mobile application. Thus, the media-providing service may pass authentication information to the microsite, such that the microsite is able to customize the third-party partner's experience within the application to the user using user profile information stored by the media-providing service (e.g., without the need for the user to re-authenticate within the microsite). The microsite is further enabled to, through bi-directional communication, provide the interaction data to the media-application (e.g., data collection from interactions with the content displayed in the microsite are sent to the mobile application, such that the data becomes first-party data for the mobile application). This communication of interaction data to the mobile application obviates the need for cookies, since the user is already logged into/authenticated within the mobile application. Further, because the present embodiments obviate the need for cookies, it is unnecessary to display a banner requesting the user's permission to use cookies, which would negatively impact the look and feel of the experience, as displayed in the mobile application (in some circumstances, the look and feel of the microsite is integrated into the mobile application such that the user would not be aware that content is displayed via a microsite as opposed to natively within the application).
In some embodiments, a link to the microsite can be provided outside of the mobile application (e.g., in an email, a search result, a social media message, etc.). In some embodiments, when a user selects a link to the microsite through the user's mobile device, the microsite will launch in the mobile application, if the mobile application is installed. In some embodiments, if the mobile application is not installed, the device is automatically redirected to a 3rd party application download service, so as to allow the user to download and install the required mobile application. In some embodiments, if the mobile application is not installed, the microsite will load through an external web browser, but with somewhat different functionality (e.g., without the bidirectional communication, customization of the experience, etc.).
To that end, in accordance with some embodiments, a method performed at an electronic device is provided. The method includes displaying (702), in a mobile application provided by a media content provider, a user interface that includes one or more media content items (e.g., as described with reference to operation 602, method 600).
The method further includes displaying (704), within a browser displayed within the mobile application, a webpage that includes content and a first set of controls (e.g., the first set of controls are part of the webpage). In some embodiments, the webpage is a microsite. In some embodiments, the microsite is integrated with the look and feel of the mobile application (e.g., such that it is not apparent to a user that a microsite is displayed in the mobile application). In some embodiments, the controls control playback of media within the media-providing service (as described with respect to operation 604, method 600).
The method includes, while displaying the webpage, receiving (706) a first user input selecting a first control of the first set of controls. In some embodiments, the first user input constitutes user interaction data. In some embodiments, the webpage (e.g., microsite) is enabled to provide the user interaction data to the mobile application, thus enabling the mobile application to obtain user interaction data through a webpage without the use of cookies.
The method includes, in response to the first user input selecting the first control, sending (708) a command to the mobile application to perform an action and performing (710), by the mobile application, the action corresponding to the first control.
It will be apparent to one of skill in the art that method 700 may include any of the operations or features of method 600. For brevity, these details are not repeated here.
The foregoing description, for purpose of explanation, has been described with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the embodiments to the precise forms disclosed. Many modifications and variations are possible in view of the above teachings. The embodiments were chosen and described in order to best explain the principles and their practical applications, to thereby enable others skilled in the art to best utilize the embodiments and various embodiments with various modifications as are suited to the particular use contemplated.
This application claims priority to U.S. Prov. App. No. 63/329,632, filed Apr. 11, 2022, which is hereby incorporated by reference in its entirety.
Number | Date | Country | |
---|---|---|---|
63329632 | Apr 2022 | US |