Method and system for navigating tags on time-synchronized content
In one embodiment, a computer-implemented method for editing navigation of a content item is disclosed. The method may include presenting, via a user interface at a client computing device, time-synchronized text pertaining to the content item; receiving an input of a tag for the time-synchronized text of the content item; storing the tag associated with the time-synchronized text of the content item; and responsive to receiving a request to play the content item: playing the content item via a media player presented in the user interface, and concurrently presenting the time-synchronized text and the tag as a graphical user element in the user interface.
1. A computer-implemented method for a client device presenting a media player, wherein the computer-implemented method comprises:
receiving a content item comprising a song having a plurality of song structures and a plurality of tags associated with a plurality of time-synchronized text items and the plurality of song structures, wherein each of the plurality of tags is associated with a beginning timestamp of a respective song structure of a respective grouping of time-synchronized text items from the plurality of time-synchronized text items;
presenting, in a first portion of a user interface, the plurality of time-synchronized text items;
presenting, in a second portion of the user interface,
a seek bar configured to receive input causing the media player to scroll forward or backward within the content item,
the plurality of tags associated with the plurality of time-synchronized text items and the plurality of song structures, wherein (i) the plurality of tags are presented concurrently with one another along the seek bar in the user interface, (ii) the plurality of tags are presented concurrently with the plurality of time-synchronized text items, (iii) each of the plurality of tags presents a tag identity identifying the respective song structure and a beginning timestamp associated with the respective grouping of time-synchronized text items and the respective song structure, (iv) a first tag of the plurality of tags presenting both the tag identity and the beginning timestamp is actuated concurrently with a subset of the plurality of time-synchronized text items with which the first tag is associated during playback of the content item, (v) a second tag of the plurality of tags presenting both the tag identity and the beginning timestamp and a second subset of the plurality of time-synchronized text items remain unactuated during the playback of the content item, and (vi) scrolling forward or backward using the seek bar causes respective tags of the plurality of tags to be actuated in the user interface at respective times corresponding to a position of the seek bar;
receiving, via the user interface, a selection of a first tag of the plurality of tags associated with the plurality of time-synchronized text items; and
causing a media player to begin playback of the content item at the timestamp for a grouping of time-synchronized text items corresponding to the selected first tag.
2. The computer-implemented method of claim 1 , further comprising identifying the grouping of time-synchronized text items by highlighting, modified font, color-coding, or some combination thereof.
3. The computer-implemented method of claim 1 , further comprising receiving a selection to edit the grouping of time-synchronized text items.
4. The computer-implemented method of claim 3 , further comprising receiving a modification to one of the plurality of tags and causing presentation of the modification to one of the plurality of tags on the user interface including the media player.
5. The computer-implemented method of claim 1 , wherein the content item is a song and the grouping of time-synchronized text items is a lyric of the song.
6. The computer-implemented method of claim 1 , further comprising:
receiving, via the user interface, a selection of a second tag of the plurality of tags associated with the plurality of time-synchronized text items; and
causing the media player to begin playback of the content item at a timestamp for a second grouping of time-synchronized text items corresponding to the selected second tag.