I'm wanting to eventually create a similar program, but integrate hardware and use LED lights. Possibly, also stream the input music through Bluetooth and pick up song recognition.

What it does

It takes in a music file and creates a visual graphic for it with a customizable output. One can change the color of the background and that of the actual visual bars. In addition to this, there is volume, pause/stop, and location in song control.

How I built it

I used w3schools, codeacademy, and other learning tools to learn html, javascript, and css. I then looked up different templates to go off of and viewed how they ran. I chose the template I used because I could (more or less) understand the different components and alter the code to create new features. From there, I altered parts of the code to become familiar with what each section did, and then began creating a web page. It was a slow process, just because of the learning curve, but google, w3schools, stackoverflow, and other sources were very helpful. I also used people I met while at the Hackathon and the peer mentors/organizers. Throughout the whole process, I went in with the mind set of, I want my program to just do a little more. I took baby steps and realized when I needed to step back and re-evaluate.

Challenges I ran into

Many of my challenges mainly involved figuring out what to do. I was also struggling to get my windows computer to be compatible with different programs to run certain languages and their add-ons/packages. There was a learning curve with the programming languages just because I'm only really familiar with C and Java, but I enjoyed tackling the learning experience. Other problems I ran into were not fully understanding what certain aspects of the code I was looking at did. It required a lot of figuring out what would change if I moved a variable or added one to a variable. Towards the end of my project, I kept running into a wall over what I knew and what I had time to learn and figure out how to do. Though this isn't positive, it gives me something to work on even after the Hackathon is over.

Accomplishments that I'm proud of

Some things I'm proud of include getting the program to run on a webpage and adding addition features. I'm proud of how much I was able to learn in such a short period of time. This experience has also made me fall in love with hackathons which is a personal accomplishment because I feel like I can impact others in a meaningful way. (I also stayed up for 36 hours which was an interesting experience.)

What I learned

This project gave me a chance to see how all three programming languages interacted with on another. I learned basic HTML, JavaScript, and CSS. Before I had decided on what I wanted to do, I had been looking into Python in which I picked up some knowledge from there too. I learned that ISU and surrounding areas have a unique culture of people that all come together to share their love of technology. Concerning my project, I learned about additional sources that I can use later to keep learning outside of class. The tech talks and companies I meet were also very enlightening and taught me about ways to improve what I code in the future.

What's next for Music Visualizer

As I gain more knowledge about the languages I used and the classes I'll be taking, I'm hope to revisit this project and give it some improvements. Ultimately, my goal is to still do the LED light show, but this is a step in the right direction.

Share this project: