Systems and methods for bidirectional communication within a website displayed within a mobile application

Patent metadata

Field	Value
Publication number	US-12306894-B2
Application number	US-202217821334-A
Country	US
Kind code	B2
Filing date	Aug 22, 2022
Priority date	Apr 11, 2022
Publication date	May 20, 2025
Grant date	May 20, 2025

Abstract

A method is performed at an electronic device. 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.

First claim

What is claimed is:

1. A method, comprising:
at an electronic device:
displaying, in a mobile application provided by a media content provider, a user interface that includes one or more media content items provided by the media content provider, wherein the mobile application includes authentication information associated with user profile information;
displaying, within a browser displayed within the mobile application, external content that is associated with an external content provider distinct from the media content provider, including displaying a first set of controls within the external content, wherein the external content provider selects the first set of controls to be displayed within the external content from a library of controls provided by the media content provider, wherein the browser receives the authentication information from the mobile application via bi-directional communication between the browser and the mobile application;
while displaying the external content, receiving, from a user, a first user input selecting a first control of the first set of controls displayed within the external content; and
in response to the first user input selecting the first control displayed within the external content:
sending a command from the browser to the mobile application via the bi-directional communication between the browser and the mobile application to perform an action associated with the one or more media content items provided by the media content provider, wherein the command is a command to the media content provider of the mobile application to curate a personalized playlist for the user that is based on information obtained from the user profile information, the personalized playlist associated with the external content provider; and
curating, by the mobile application, the personalized playlist for the user.

2. The method of claim 1 , wherein the first set of controls comprises a set of playback controls for controlling playback of a media content item provided by the media content provider.

3. The method of claim 1 , wherein the first set of controls corresponds to a set of actions executed by the mobile application.

4. The method of claim 1 , wherein displaying the user interface in the mobile application includes displaying one or more controls for controlling playback of the one or more media content items.

5. The method of claim 4 , wherein the first set of controls is a same set of controls as the one or more of controls.

6. The method of claim 4 , wherein the one or more controls comprise sharing controls for sharing a media content item provided by the media content provider.

7. The method of claim 4 , wherein the one or more controls comprise 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.

8. The method of claim 4 , wherein the one or more controls displayed in the user interface are displayed at a different location than the first set of controls displayed with the external content.

9. The method of claim 4 , wherein the one or more controls displayed in the user interface are displayed at a same location as the first set of controls displayed with the external content.

10. The method of claim 1 , further comprising:
receiving a second user input selecting a second control of the first set of controls; and
in response to the second user input, launching an external browser.

11. The method of claim 1 , wherein:
the external content is displayed for a predetermined time period; and
after the predetermined time period, automatically re-displaying the user interface of the mobile application that includes the one or more media content items.

12. The method of claim 1 , further comprising:
prior to displaying, in the mobile application provided by the media content provider, the user interface that includes one or more media content items, detecting a user input directed to a link displayed external to the mobile application,
wherein the external content is displayed within the mobile application in response to the user input directed to the link displayed external to the mobile application.

13. The method of claim 1 , including obtaining, by the mobile application, data from user interactions with the external content.

14. The method of claim 1 , wherein the browser receives the authentication information from the mobile application without requiring user input.

15. The method of claim 1 , wherein the authentication information includes the user profile information and the external content is customized based on the user profile information.

16. An electronic device, comprising:
one or more processors; and
memory storing one or more programs, the one or more programs including instructions for:
displaying, in a mobile application provided by a media content provider, a user interface that includes one or more media content items provided by the media content provider, wherein the mobile application includes authentication information associated with user profile information;
displaying, within a browser displayed within the mobile application, external content that is associated with an external content provider distinct from the media content provider, including displaying a first set of controls within the external content, wherein the external content provider selects the first set of controls to be displayed within the external content from a library of controls provided by the media content provider, wherein the browser receives the authentication information from the mobile application via bi-directional communication between the browser and the mobile application;
while displaying the external content, receiving, from a user, a first user input selecting a first control of the first set of controls displayed within the external content; and
in response to the first user input selecting the first control displayed within the external content:
sending a command from the browser to the mobile application via the bi-directional communication between the browser and the mobile application to perform an action associated with the one or more media content items provided by the media content provider, wherein the command is a command to the media content provider of the mobile application to curate a personalized playlist for the user that is based on information obtained from the user profile information, the personalized playlist associated with the external content provider; and
curating, by the mobile application, the personalized playlist for the user.

17. A non-transitory computer-readable storage medium storing one or more programs for execution by an electronic device with one or more processors, the one or more programs comprising instructions for:
displaying, in a mobile application provided by a media content provider, a user interface that includes one or more media content items provided by the media content provider, wherein the mobile application includes authentication information associated with user profile information;
displaying, within a browser displayed within the mobile application, external content that is associated with an external content provider distinct from the media content provider, including displaying a first set of controls within the external content, wherein the external content provider selects the first set of controls to be displayed within the external content from a library of controls provided by the media content provider, wherein the browser receives the authentication inform

Assignees

• Spotify Ab

Inventors

• Vuorensola Lauri Johannes
• Moscardó Marichalar Javier
• Yuan jia-ming
• Madar Eric Donald
• Levin Joseph
• Erden Ercan
• Brunoli Thomas
• Kurihara Alexander John

Classifications

• G06F16/4387

  by the use of playlists · CPC title

• G06F16/435 Primary

  Filtering based on additional data, e.g. user or group profiles · CPC title

• G06F3/0484

  for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range · CPC title

• G06F3/0482

  Interaction with lists of selectable items, e.g. menus · CPC title

• H04N21/47217

  for controlling playback functions for recorded or on-demand content, e.g. using progress bars, mode or play-point indicators or bookmarks (specific graphical features in visual interfaces H04N21/4312) · CPC title