/Monstercat-Audio-Spectrum-Visualizer

Primary LanguageJavaScript

Monstercat-Audio-Spectrum-Visualizer

Attention: Due to the fact this is approaching 1 GB, no more music will be added. I may look into getting a domain but it is unlikely.

Viewing: (Development) https://rawgit.com/TheNexusAvenger/Monstercat-Audio-Spectrum-Visualizer/master/index.html (Production) https://cdn.rawgit.com/TheNexusAvenger/Monstercat-Audio-Spectrum-Visualizer/master/index.html
Additional parameters:
(? or &)song=Song Name
(? or &)artist=Artist Name
(? or &)genre=Genre Name
Ex: index.html?song=The Vine&artist=Tristam
Monstercat FM edition:
(Development) https://rawgit.com/TheNexusAvenger/Monstercat-Audio-Spectrum-Visualizer/master/monstercatfm.html
(Production) https://cdn.rawgit.com/TheNexusAvenger/Monstercat-Audio-Spectrum-Visualizer/master/monstercatfm.html


This is a complete redo of the modified version of vis.j, from the one by caseif. This fixes some of the key issues, such as the page having to refresh to work and being domain dependant, and adds features and other performance improvements, and scaling.

Re-purposing (GitHub Fork)

If you don't want to download it to your computer and just use it as a fork, here are the steps needed:

  1. Press the fork button in this repositionary to create a copy.
  2. In README.md, change the four TheNexusAvenger links (lines 5, 6, 14, and 15, but not 17) to your GitHub username.
    (Optinal) 3. In index.html, change the one TheNexusAvenger link (line 39) to your GitHub username.

Re-purposing (Download)

This is a bit more painful, but it has the main benefit of it doesn't rely on GitHub, RawGit, and your internet connection.

  1. Download a ZIP of the repository and move it to where you want to store it in your computer.
  2. Create a shortcut as follows "C:directorytochrome.exe --allow-file-access-from-files file:///C:directorytoindex.html" (This is for Windows)
  3. Repeat if on a different computer, as location of chrome.exe can vary from installation date and OS

Adding Songs

This process is more involved than ideal, but you can add songs.

  1. Add the song file you want to /songs (make sure it is compatible with AudioContext, however most standard formats are supported) (Optional) 2. Add an artist image and album image to /img/artists/ and /img/albums/
  2. Open /js/songdata/songs.js and add the song into the functions

Running It

To run this, a decent GPU/CPU is needed, depending if hardware acceleration is on or not. Running on low end computers and phones/tablets may have stutering (if so, zooming in should help). Google Chrome and Microsoft Edge are supported, Safari and Firefox may have some compatibility problems, and Internet Explorer isn't supported because the AudioContext object isn't defined.

About Data Encoding

For now, data can be exported as a Roblox Model XML with the positions of the given bars at the given times. You will need to enable it in /js/helpers/config.js.