Systems and methods for providing interactivity for panoramic media content
In some cases, a panoramic media content item to be displayed can be acquired. An interface including a viewable area for displaying at least a portion of the content item can be generated. Based on a size of the content item, a scroll bar can be generated, within the interface, for scrolling the content item. Based on a size of the viewable area, a scroll element can be generated, within the scroll bar, to be movable based on user interactions to scroll the content item. In some cases, at least a first portion of the content item can be automatically scrolled through such that the viewable area displays, over time, at least a second portion of the content item. In some cases, a leftmost or rightmost edge of the content item is displayable via the viewable area. A transitional animation associated with the leftmost or rightmost edge can be performed.
1. A computer-implemented method comprising:
acquiring, by a computing system, a panoramic image uploaded by a user;
generating, by the computing system, a content feed interface presenting a plurality of content items, the content feed interface including a first viewable area for displaying at least a first portion of the panoramic image and a second viewable area for displaying a non-panoramic content item, wherein the panoramic image is larger than the first viewable area and extends outside of the first viewable area;
determining, by the computing system, that the first viewable area has become at least partially rendered on a display of a computing device;
in response to determining that the first viewable area has become at least partially rendered on the display of the computing device, automatically, by the computing system, scrolling the panoramic image within the content feed interface in a first direction such that the first viewable area displays, over time, at least a second portion of the panoramic image, wherein the second portion of the panoramic image extends outside of the first viewable area when the first portion of the panoramic image fills the first viewable area;
determining, by the computing system, that at least one of a leftmost edge or a rightmost edge of the panoramic image is displayed via the first viewable area; and
performing, by the computing system, a transitional animation associated with the at least one of the leftmost edge or the rightmost edge of the panoramic image, wherein
the transitional animation allows for continued automatic scrolling of the panoramic image within the first viewable area, and
automatic scrolling of the panoramic image within the first viewable area occurs without automatic scrolling of the non-panoramic content item within the second viewable area.
2. The computer-implemented method of claim 1 , wherein the transitional animation includes automatically scrolling the panoramic image in a second direction different from the first direction.
3. The computer-implemented method of claim 2 , wherein the first direction and the second direction are along a horizontal axis, and wherein the second direction is opposite to the first direction.
4. The computer-implemented method of claim 1 , wherein the transitional animation includes automatically scrolling the panoramic image in the first direction such that the leftmost edge and the rightmost edge appear to be connected together, and wherein the transitional animation is continuously repeatable.
5. The computer-implemented method of claim 1 , further comprising:
acquiring information associated with a user to whom the panoramic image is to be displayed;
analyzing the information to identify one or more content consumption properties associated with the user; and
adjusting, based on the one or more content consumption properties, at least one of a speed or a timing factor associated with automatically scrolling the panoramic image.
6. The computer-implemented method of claim 5 , wherein the information includes historical usage data about the user.
7. The computer-implemented method of claim 5 , wherein the one or more content consumption properties are indicative of a pace at which the user consumes content.
8. The computer-implemented method of claim 1 , further comprising:
acquiring size information associated with the panoramic image; and
adjusting, based on the size information, at least one of a speed or a timing factor associated with automatically scrolling the panoramic image.
9. The computer-implemented method of claim 1 , further comprising:
generating a second interface for presenting a full view of the panoramic image.
10. The computer-implemented method of claim 9 , further comprising:
providing at least one interactive element for switching between the full view and the viewable area.
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 a method comprising:
acquiring a panoramic image uploaded by a user;
generating a content feed interface presenting a plurality of content items, the content feed interface including a first viewable area for displaying at least a first portion of the panoramic image and a second viewable area for displaying a first non-panoramic content item, wherein the panoramic image is larger than the first viewable area and extends outside of the first viewable area;
determining that the first viewable area has become at least partially rendered on a display of a computing device:
in response to determining that the first viewable area has become at least partially rendered on the display of the computing device, automatically scrolling the panoramic image within the content feed interface in a first direction such that the first viewable area displays, over time, at least a second portion of the panoramic image, wherein the second portion of the panoramic image extends outside of the first viewable area when the first portion of the panoramic image fills the first viewable area;
determining that at least one of a leftmost edge or a rightmost edge of the panoramic image is displayed via the first viewable area; and
performing a transitional animation associated with the at least one of the leftmost edge or the rightmost edge of the panoramic image, wherein
the transitional animation allows for continued automatic scrolling of the panoramic image within the first viewable area, and
automatic scrolling of the panoramic image within the first viewable area occurs without automatic scrolling of the non-panoramic content item within the second viewable area.
12. The system of claim 11 , wherein the transitional animation includes automatically scrolling the panoramic image in a second direction different from the first direction.
13. The system of claim 12 , wherein the first direction and the second direction are along a horizontal axis, and wherein the second direction is opposite to the first direction.
14. The system of claim 11 , wherein the transitional animation includes automatically scrolling the panoramic image in the first direction such that the leftmost edge and the rightmost edge appear to be connected together, and wherein the transitional animation is continuously repeatable.
15. The system of claim 11 , wherein the instructions cause the system to further perform:
acquiring information associated with a user to whom the panoramic image is to be displayed;
analyzing the information to identify one or more content consumption properties associated with the user; and
adjusting, based on the one or more content consumption properties, at least one of a speed or a timing factor associated with automatically scrolling the panoramic image.
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 a method comprising:
acquiring a panoramic image uploaded by a user;
generating a content feed interface presenting a plurality of content items, the content feed interface including a first viewable area for displaying at least a first portion of the panoramic image and a second viewable area for displaying a first non-panoramic content item, wherein the panoramic image is larger than the first viewable area and extends outside of the first viewable area;
determining that the first viewable area has become at least partially rendered on a display of a computing device;
in response to determining that the first viewable area has become at least partially rendered on the display of the computing device, automatically scrolling the panoramic image within the content feed interface in a first direction such that the first viewable area displays, over time, at least a second portion of the panoramic image, wherein the second portion of the panoramic image extends outside of the first viewable area when the first portion of the panoramic image fills the first viewable area;
determining that at least one of a leftmost edge or a rightmost edge of the panoramic image is displayed via the first viewable area; and
performing a transitional animation associated with the at least one of the leftmost edge or the rightmost edge of the panoramic image, wherein
the transitional animation allows for continued automatic scrolling of the panoramic image within the first viewable area, and
automatic scrolling of the panoramic image within the first viewable area occurs without automatic scrolling of the non-panoramic content item within the second viewable area.
17. The non-transitory computer-readable storage medium of claim 16 , wherein the transitional animation includes automatically scrolling the panoramic image in a second direction different from the first direction.
18. The non-transitory computer-readable storage medium of claim 16 , wherein the instructions cause the computing system to further perform:
acquiring information associated with a user to whom the panoramic image is to be displayed;
analyzing the information to identify one or more content consumption properties associated with the user; and
adjusting, based on the one or more content consumption properties, at least one of a speed or a timing factor associated with automatically scrolling the panoramic image.