Systems and methods for generating lyrics and chords for user interfaces

A system, the system comprising:

• one or more processors;
• and
• one or more computer-readable recording media that store instructions that are executable by the one or more processors to configure the system to:
• access audio content;
• generate a set of lyric labels by processing the audio content using one or more machine learning models, wherein each lyric label of the set of lyric labels is associated with a respective lyric label timestamp;
• generate a set of chord labels by processing the audio content using the one or more machine learning models, wherein each chord label of the set of chord labels is associated with a respective chord label timestamp;
• determine a matching chord label from the set of chord labels for at least one lyric label of the set of lyric labels, wherein the matching chord label is determined based on temporal similarity of the respective lyric label timestamp of the at least one lyric label to the respective chord label timestamp of the matching chord label;
• generate a display, wherein the display comprises:
• lyric content and chord content that visually correlate the matching chord label with the at least one lyric label;
• and
• a beat indicator, wherein the beat indicator comprises a plurality of divisions, wherein the matching chord label is disposed within a division of the plurality of divisions of the beat indicator;
• and
• present the display on a user interface frontend.

A method, the method comprising:

• accessing audio content;
• generating a set of lyric labels and a set of chord labels by processing the audio content using one or more artificial intelligence models, wherein each lyric label of the set of lyric labels is associated with a respective lyric label timestamp, and wherein each chord label of the set of chord labels is associated with a respective chord label timestamp;
• determining a matching lyric label from the set of lyric labels for at least one chord label of the set of chord labels, wherein the matching lyric label is determined based on temporal similarity of the respective chord label timestamp of the at least one chord label to the respective lyric label timestamp of the matching lyric label;
• generating a display comprising lyric content and chord content that visually correlate the matching lyric label with the at least one chord label, wherein the lyric content comprises a plurality of lyric segments based on the set of lyric labels, wherein the chord content comprises a plurality of chord names based on the set of chord labels, wherein the lyric content is presented in the display as a first scrolling list scrollable in a first direction, and wherein the chord content is presented in the display as a second scrolling list scrollable in a second direction that is different from the first direction;
• and
• presenting the display on a user interface frontend.