Pop-out Player for Uninterrupted Audio in Scrolling News Feeds
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional interactions with audio content items in news feeds on social networking platforms often result in users losing access to ongoing audio content when scrolling through other content items, as the audio playback is interrupted or terminated upon selection of the content item, leading to an abrupt interruption of the news feed session.
Innovation Solution
The system transforms audio content metadata into a playback shape with a radial progress indicator, allowing continuous playback and control through a pop-out player that remains accessible even when the audio content item disappears from the news feed, enabling users to scroll without interrupting audio playback and providing seamless access to related content.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If the audio content item is displayed in the news feed and user selects it to access the content, then the user can access and play the audio content, but the audio playback is interrupted or terminated when the user scrolls the news feed
Solution Approach 1:
The system segments the audio content access into two parts: the news feed display (which can be scrolled) and the audio player (which remains separate and persistent). The audio player is extracted from the content item container and becomes an independent element that maintains its own space in the interface, allowing it to survive scrolling actions that would normally terminate playback.
Solution Approach 2:
The system introduces a pop-out player as an intermediary element between the news feed and the audio content. This pop-out player acts as a mediator that maintains the audio playback state independent of the news feed scrolling action, allowing users to continue listening while browsing other content without interruption.
2Productivity
If the user scrolls the news feed to consume additional content items, then the user can access more content, but the audio content item disappears from the screen and playback is terminated
Solution Approach 1:
The system performs preliminary action by maintaining the audio player in a persistent state before the user needs to re-access it. The pop-out player remains visible and functional in the interface even after the user scrolls away from the original content item, so when the user returns to the audio content or pauses scrolling, the playback is already ready to continue without requiring re-initialization.
Solution Approach 2:
The system ensures continuity of useful action by keeping the audio playback running continuously while the user scrolls through the news feed. The pop-out player maintains its own independent state that is not affected by scrolling actions, allowing the audio content to play without interruption and eliminating the need for the user to re-access or re-play the audio content after scrolling.
3Loss of information
If the audio content item is displayed with full details in the news feed, then the user can see all metadata and options, but the interface becomes cluttered and user experience is degraded
Solution Approach 1:
The system extracts the audio player functionality from the news feed content item container and places it in a separate pop-out player element. This extraction allows the news feed to display minimal information (just the cover art and basic metadata) while the full player interface with all controls and detailed metadata is available in the separate pop-out player, eliminating interface clutter.
Solution Approach 2:
The system transitions from a two-dimensional news feed layout to a three-dimensional interface by adding a persistent pop-out player layer. The pop-out player appears as an overlay or separate element that exists in its own dimensional space, allowing full player functionality to be available without occupying space in the main news feed layout.
Data Source
AI summary
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.