Systems and methods to optimize music play in a scrolling news feed

Abstract

Systems, methods, and non-transitory computer readable media are configured to receive metadata for audio content associated with an audio content item for presentation in a news feed to be displayed on a screen of a computing device associated with a user. The metadata is transformed for display in the audio content item. The transformed metadata is displayed in the audio content item. In addition, systems, methods, and non-transitory computer readable media are configured to present an audio content item in a news feed to be displayed on a screen of a computing device associated with a user. An input by the user for scrolling the news feed and the audio content item on the screen is received. A pop out player is presented in response to disappearance of the audio content item from the screen based on the scrolling.

What is claimed is: 
     
         1 . A computer-implemented method comprising:
 providing, by a computing system, a content feed for presentation on a screen of a computing device associated with a user, wherein the content feed includes at least one content item;   determining, by the computing system, a selection of a button to play the at least one content item;   determining, by the computing system, that the at least one content item is no longer visible on the screen based at least in part on a gesture to scroll the content feed; and   providing, by the computing system, a pop out player for presentation on the screen, wherein the pop out player includes a plurality of buttons to manage playback of the at least one content item.   
     
     
         2 . The computer-implemented method of  claim 1 , wherein the pop out player includes a radial progress indicator, and wherein the radial progress indicator provides information associated with playback of the at least one content item. 
     
     
         3 . The computer-implemented method of  claim 2 , wherein the radial progress indicator appears within a rotating playback shape that represents cover art associated with the at least one content item. 
     
     
         4 . The computer-implemented method of  claim 1 , wherein the at least one content item is associated with an album of content, and wherein the pop out player provides an option to access other content items included in the album of content. 
     
     
         5 . The computer-implemented method of  claim 1 , wherein presentation of the pop out player ceases when the at least one content item reappears on the screen. 
     
     
         6 . The computer-implemented method of  claim 1 , further comprising:
 determining, by the computing system, a second gesture to scroll the content feed; and   providing, by the computing system, the at least one content item for display in response to the second gesture.   
     
     
         7 . The computer-implemented method of  claim 6 , further comprising:
 removing, by the computing system, the pop out player in response to provision of the at least one content item for display in response to the second gesture.   
     
     
         8 . The computer-implemented method of  claim 1 , further comprising:
 determining, by the computing system, a gesture in relation to the at least one content item; and   providing, by the computing system, a full screen version of the at least one content item in response to the gesture in relation to the at least one content item.   
     
     
         9 . The computer-implemented method of  claim 8 , further comprising:
 determining, by the computing system, a gesture to scroll the full screen version of the at least one content item;   in response to the gesture to scroll the full screen version of the at least one content item, replacing, by the computing system, the full screen version of the at least one content item with the content feed.   
     
     
         10 . The computer-implemented method of  claim 8 , further comprising:
 in response to the gesture in relation to the at least one content item, transforming, by the computing system, a playback shape associated with the at least one content item to cover art associated with the at least one content item.   
     
     
         11 . A system comprising:
 at least one processor; and   a memory storing instructions that, when executed by the at least one processor, cause the system to perform:   providing a content feed for presentation on a screen of a computing device associated with a user, wherein the content feed includes at least one content item;   determining a selection of a button to play the at least one content item;   determining that the at least one content item is no longer visible on the screen based at least in part on a gesture to scroll the content feed; and   providing a pop out player for presentation on the screen, wherein the pop out player includes a plurality of buttons to manage playback of the at least one content item.   
     
     
         12 . The system of  claim 11 , wherein the pop out player includes a radial progress indicator, and wherein the radial progress indicator provides information associated with playback of the at least one content item. 
     
     
         13 . The system of  claim 12 , wherein the radial progress indicator appears within a rotating playback shape that represents cover art associated with the at least one content item. 
     
     
         14 . The system of  claim 11 , wherein the at least one content item is associated with an album of content, and wherein the pop out player provides an option to access other content items included in the album of content. 
     
     
         15 . The system of  claim 11 , wherein presentation of the pop out player ceases when the at least one content item reappears on the screen. 
     
     
         16 . A non-transitory computer-readable storage medium including instructions that, when executed by at least one processor of a computing system, cause the computing system to perform:
 providing a content feed for presentation on a screen of a computing device associated with a user, wherein the content feed includes at least one content item;   determining a selection of a button to play the at least one content item;   determining that the at least one content item is no longer visible on the screen based at least in part on a gesture to scroll the content feed; and   providing a pop out player for presentation on the screen, wherein the pop out player includes a plurality of buttons to manage playback of the at least one content item.   
     
     
         17 . The non-transitory computer-readable storage medium of  claim 16 , wherein the pop out player includes a radial progress indicator, and wherein the radial progress indicator provides information associated with playback of the at least one content item. 
     
     
         18 . The non-transitory computer-readable storage medium of  claim 17 , wherein the radial progress indicator appears within a rotating playback shape that represents cover art associated with the at least one content item. 
     
     
         19 . The non-transitory computer-readable storage medium of  claim 16 , wherein the at least one content item is associated with an album of content, and wherein the pop out player provides an option to access other content items included in the album of content. 
     
     
         20 . The non-transitory computer-readable storage medium of  claim 16 , wherein presentation of the pop out player ceases when the at least one content item reappears on the screen.