Social networking application for real-time selection and sorting of photo and video content

Abstract

Systems and methods of the present disclosure include a virtual wall having a plurality of media, as referred to as entries or media items. The system lays out the entries horizontally and vertically in the virtual wall. In the virtual wall, many carousels, or horizontal strips of pages, are stacked vertically, and gestures are detected to move vertically, from one horizontal strip to the next above or below. To navigate the display to the next carousel, the client device receives a user input to navigate between carousels, and transitions between the currently displayed media item to a media item in a different carousel. To navigate to the next media item within a carousel, the client device receives a user input to navigate between media items within a carousel, and transitions between the currently displayed media item and a next or previous media item within the carousel.

What is claimed is: 
     
         1 . A computer-implemented method, comprising:
 generating a graphical user interface on a touch surface display;   receiving a plurality of media sequences, each media sequence having at least one media item, the plurality of media sequences forming a virtual wall;   displaying, via the graphical user interface, a first media item of a first media sequence of the plurality of media sequences;   automatically displaying each next media item of the first media sequence after each currently displayed media item is complete; and   automatically displaying a first media item of a second media sequence after a last media item in the first media sequence is complete.   
     
     
         2 . The computer-implemented method of  claim 1 , further comprising:
 detecting a swipe gesture on the touch surface display in a first direction along a first axis; and   displaying a next media item of a currently displayed media sequence.   
     
     
         3 . The computer-implemented method of  claim 2 , further comprising:
 detecting a swipe gesture on the touch surface display in a second, opposite direction along the first axis; and   displaying a previous media item of a currently displayed media sequence.   
     
     
         4 . The computer-implemented method of  claim 3 , further comprising:
 detecting a swipe gesture on the touch surface display in a third direction along a second axis orthogonal to the first axis; and   displaying a first media item of a next media sequence.   
     
     
         5 . The computer-implemented method of  claim 1 , wherein the first media item of the second media sequence is determined based on the most recent media item of the second media sequence displayed. 
     
     
         6 . The computer-implemented method of  claim 1 , further comprising:
 storing a position of the virtual wall into memory;   determining adjacent media items to a currently displayed media item; wherein the determining adjacent media items includes determining a next and previous media item of a currently displayed media sequence and determining a media item to be displayed for a next and previous media sequence; and   caching the adjacent media items for display.   
     
     
         7 . The computer-implemented method of  claim 1 , wherein each media sequence represents at least one of a live stream and a camera feed. 
     
     
         8 . The computer-implemented method of  claim 7 , wherein a last media item of each media sequence is associated with a live feed, and each other media item of each media sequence is associated with previous recordings of the live stream. 
     
     
         9 . The computer-implemented method of  claim 1 , further comprising:
 generating a vertical and a horizontal navigation user interface; and   displaying, via the graphical user interface, the vertical and the horizontal navigation user interfaces.   
     
     
         10 . The computer-implemented method of  claim 9 , wherein the vertical navigation user interface includes a preview associated with each media sequence in the virtual wall. 
     
     
         11 . The computer-implemented method of  claim 9 , wherein the horizontal navigation user interface includes a preview associated with each media item in a currently displayed media sequence. 
     
     
         12 . The computer-implemented method of  claim 1 , further comprising:
 generating a chat overlay having at least one video reaction; and   displaying, via the graphical user interface, the chat overlay over a currently displayed media item.   
     
     
         13 . The computer-implemented method of  claim 12 , further comprising:
 determining a length of time based on the chat overlay;   in response to the currently displayed media item completing playback, determining a total time the currently displayed media item has been displayed; and   based on determining the total time is less than the length of time, looping the currently displayed media item until the total time is greater than the length of time.   
     
     
         14 . The computer-implemented method of  claim 12 , wherein displaying the chat overlay comprises:
 playing the at least one video reaction over the currently displayed media item; and   scrolling through each video reaction of the at least one video reaction in sequence.   
     
     
         15 . The computer-implemented method of  claim 14 , further comprising:
 in response to playing a video reaction having audio, reducing a volume of the currently displayed media item.   
     
     
         16 . The computer-implemented method of  claim 7 , further comprising:
 recording, via a microphone, a first audio signal associated with a user reaction to a live stream event;   transmitting the first audio signal to a server; and   receiving a plurality of audio signals from the server, the one or more audio signals including an audio signal of the live event and a mixed audio signal associated with a plurality of other user reactions.   
     
     
         17 . The computer-implemented method of  claim 1 , wherein the first media sequence is associated with a department in a shopping catalog, each media item of the first media sequence is associated with a sub-department in the shopping catalog, and the second media sequence is associated with one of the sub-departments. 
     
     
         18 . The computer-implemented method of  claim 17 , further comprising:
 detecting a swipe gesture on the touch surface display in a third direction along a second axis, the swipe gesture being performed over a currently displayed media item associated with a first sub-department; and   displaying a first media item of a media sequence associated with the first sub-department.   
     
     
         19 . A system for implementing a virtual wall, the system comprising:
 a processor; and   a memory coupled to the processor, the memory storing instructions which are executable by the processor to perform a method comprising:
 generating a graphical user interface on a touch surface display; 
 receiving a plurality of media sequences, each media sequence having at least one media item, the plurality of media sequences forming a virtual wall; 
 displaying, via the graphical user interface, a first media item of a first media sequence of the plurality of media sequences; 
 automatically displaying each next media item of the first media sequence after each currently displayed media item is complete; and 
 automatically displaying a first media item of a second media sequence after a last media item in the first media sequence is complete. 
   
     
     
         20 . The system of  claim 19 , wherein each media sequence includes a varying number of media items.