Lyric App Framework

We propose a "lyric app," a novel media format of interactive lyric-driven visual art. We developed a framework to support its development, collected 52 examples in the wild, and gained insights into the future of creative culture and the intersection of music and programming.

We made the framework publicly available in 2020 and has been conducting an annual programming contest in "Hatsune Miku Magical Mirai" — a live show and exhibition, connecting with Hatsune Miku through creativity.

Where?	Room Y07 + Y08, Congress Center Hamburg (CCH)
When?	Thu, Apr 27 \| 09:00 - 09:14
CHI '23 Program	Lyric App Framework: A Web-based Framework for Developing Interactive Lyric-driven Musical Applications - CHI '23

CHI 2023 Video Preview (30s)

CHI 2023 Pre-recorded Presentation Video

Cite this!2023CHI '23

Jun Kato, Masataka Goto

Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems

ACM CHI '23 Honorable Mention Award

Slides PDF Resolve DOI

BibTeX:

@inproceedings{chi2023-kato-lyric-app-framework,
  title = {Lyric App Framework: A Web-based Framework for Developing Interactive Lyric-driven Musical Applications},
  author = {Kato, Jun and Goto, Masataka},
  year = {2023},
  booktitle = {Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems},
  location = {Hamburg, Germany},
  publisher = {ACM},
  address = {New York, NY, USA},
  series = {CHI '23},
  doi = {10.1145/3544548.3580931},
  isbn = {9781450394215},
  url = {https://doi.org/10.1145/3544548.3580931},
  abstract = {Lyric videos have become a popular medium to convey lyrical content to listeners, but they present the same content whenever they are played and cannot adapt to listeners’ preferences. Lyric apps, as we name them, are a new form of lyric-driven visual art that can render different lyrical content depending on user interaction and address the limitations of static media. To open up this novel design space for programmers and musicians, we present Lyric App Framework, a web-based framework for building interactive graphical applications that play musical pieces and show lyrics synchronized with playback. We designed the framework to provide a streamlined development experience for building production-ready lyric apps with creative coding libraries of choice. We held programming contests twice and collected 52 examples of lyric apps, enabling us to reveal eight representative categories, confirm the framework’s effectiveness, and report lessons learned.},
  articleno = {124},
  numpages = {18},
  keywords = {toolkit, multimedia control, music synchronization},
  slides = {https://junkato.jp/publications/chi2023-kato-lyric-apps-slides.pdf},
  project = {lyric-app-framework},
  addition = {ACM CHI '23 Honorable Mention Award}
}

Copy to the clipboard

09/02/2023

Added links to "Hatsune Miku Magical Mirai" programming contest websites.

04/19/2023

Added a pre-recorded presentation video

04/16/2023

Added a video preview

03/31/2023

Added a project page

An integrated design environment for kinetic typography; desktop app revamped as a web service in 2015.

2014-2023CHI '15Creativity Music PwE Communication Live IDE Design

Lyric App Framework
A Web-based Framework for Developing Interactive Lyric-driven Musical Applications

Abstract

Programming Contests

Presentation materials

Publications

Lyric App Framework: A Web-based Framework for Developing Interactive Lyric-driven Musical Applications

Revision history

Relevant project

Lyric App FrameworkA Web-based Framework for Developing Interactive Lyric-driven Musical Applications