Scroll-Triggered Video Playback and Parallax Interface
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing online systems face challenges in presenting moving visual content to users without disrupting their experience, particularly in mobile consumption environments, where automatically playing videos can be annoying and may lead to users scrolling past or navigating away before completion.
Innovation Solution
The online system generates user interfaces that measure human psychology and interest through data representation, allowing for controlled presentation of moving media content based on user interactions, converting various formats into a proprietary format for seamless playback, and incorporating features like parallax effects and 360-degree videos to engage users without interruptions.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If videos are automatically played to capture users' attention, then user engagement is improved, but user experience deteriorates due to annoyance and interruptions
Solution Approach 1:
The system performs preliminary actions by pre-loading video content and preparing playback resources before the user actually views the content. This allows the video to be ready for immediate playback without requiring user initiation, yet the actual playback is triggered only when the user scrolls into view, combining preparation efficiency with user-controlled experience.
Solution Approach 2:
The video playback system is made dynamic by triggering playback based on user scrolling behavior. Videos automatically play when the user scrolls to them and pause when scrolled away from, creating an adaptive experience that responds to user actions rather than following a fixed automatic or manual playback mode.
2Ease of operation
If video player controls are provided for user interaction, then user control is improved, but viewing experience deteriorates due to disruption
Solution Approach 1:
The traditional video player controls are extracted and removed from the viewing experience. Instead of providing pause, play, and volume controls that users must interact with, the system allows videos to play automatically in the background without requiring user intervention, eliminating the disruption caused by control interfaces.
Solution Approach 2:
The video playback system operates autonomously without user intervention. Videos self-start, self-pause, and self-regulate based on user scrolling behavior, eliminating the need for user-controlled playback mechanisms and the associated viewing experience disruptions.
3Productivity
If moving visual content is presented to attract users' attention, then engagement is improved, but energy consumption increases
Solution Approach 1:
Instead of continuously playing videos, the system uses periodic action by triggering video playback only when the user scrolls into the video's viewing area. Videos pause when scrolled away and resume when returned to, creating an on-demand periodic playback pattern that reduces overall energy consumption while maintaining engagement when needed.
Data Source
AI summary
An online system or an application of the online system generates and provides user interfaces that include user interface elements configured to allow users to browse newsfeed stories. For example, users can browse newsfeed stories via scrolling actions. The user interface elements are further configured to control presentation of individual stories that include series of images. The user's scrolling action causes the images to be presented sequentially. The online system selects a particular image and configures a speed of presenting the images according to the user action. The online system further generates and provides user interfaces that present still images in a parallax effect by adjusting viewpoints of observing the still images. The viewpoints can be adjusted according to the user action. The online system further configures the user interfaces to present related stories in adjacent positions and to present 360-degree videos as well as panorama images.