Giter Club home page Giter Club logo

cse408_visualizer's Introduction

CSE408 Lyric Visualizer Demo

Overview:

Music visualization demo constructed from a combination of animated lyrics and iTune's standard visualizer for the iconic song, "Africa" by Toto, created by Andrew Thomas for CSE408 MMIS final project.

I would like to credit to Carl von Bonin (@carl-vbn) who is the author of the original subtitle code that I modified to fit our visualization needs for the final project demo. Carl's original implementation, setup instructions, and general description are available at his GitHub repository as well as demonstrated on his YouTube channel.

How the Demo Works:

Unfortunately the original open-source tool, Gentle which automatically generated captions as well as their associated start and end times based upon a provided transcript, failed to identify all the lyrics and times. As a result, captions were generated manually with lyrics downloaded from the Genius API instead. A specialized JSON format was used to encapsulate each caption's lyric content as well as their start and end times to improve audio alignment accuracy.

Animated captions consisted of parsing caption information from the specialized JSON file and programmatically generating frames which display lyrics at the appropriate times in the visualization. Frame generation was accomplished using a modified version of the Python script originally developed by author Carl von Bonin.

After the generation process, caption frames are then converted into video format, overlaid onto the visualization video, and combined with music audio to produce a single output video using the ffmeg-python wrapper for the open-source FFmpeg tool. The resulting output video consists of abstract music visualization, animated lyrics, and audio all synchronized together to provide a unique music visualization experience similar to that of karaoke.

Running the Demo:

  1. Clone this GitHub repository
  2. Download FFmpeg for your OS and follow the installation guide
    • If you're using a Mac, download a static build, unzip the file, and copy the ffmpeg binary into your /usr/local/bin directory
  3. Open a terminal or IDE and run the command pip install ffmpeg-python
  4. In the same terminal or IDE, run the command pip install Pillow
  5. Download the required video files available at this Google Drive folder
    • Please ensure these video files are copied into the directory where you cloned this repository
  6. Open a terminal or IDE in the directory where you cloned this repository and run the command python visualizer.py

Warning:

Generating the caption frames as well as compiling the final output video is extremely CPU intensive and could take up to 30 minutes to complete depending upon your computer specifications when running visualizer.py.

cse408_visualizer's People

Contributors

andrewgucci avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.