VBoard

Inspiration

There is a lack of soundboards for virtual YouTubers, also known as VTubers. Currently, the only one known to exist is impomu.com, which has limited capabilities in terms of the variety of effects available to use. In addition, it lacks the ability to generate “music” in the form of strung together sound bites.

What it does

Soundboard for virtual YouTubers of our choice, with the ability to affect the volume and speed of the bites and the ability to string the bites together to create music.

How we built it

We designed a very basic UI using Figma. After the initial design, we went to work on obtaining soundbites from the Internet, which were converted to MP3 files. We decided to build the app in JavaScript because it was much easier to create and manipulate a UI and use existing tools like Bootstrap. Regarding the structure, Audio files are stored in assets, when the button is pressed it is inserted into the “current clip”. Sliders change the value of volume/speed, clicking a bite creates a new instance of a clip with the given file. Clicking the add button adds the bite to the queue array, and the play button starts/stops playback. We used a library called Howler.js to handle the playing of the audio files, which saved us a lot of time.

Challenges we ran into

Our team had a diverse skill set, with very little in common. We ended up having to use JavaScript as a result, which many of had not used a lot, but at least we had some experience. It took us a while to remember how to do many things in JS, and so we had to look through documentation quite a few times.

Accomplishments that we're proud of

While our application may not the best thing ever, we are incredibly proud of how much we made with the relatively small amount of knowledge we had at the start of the day.

What we learned

We learned how to use JavaScript properly by making a very large amount of mistakes. We also learned how to have fun with our failures and will probably laugh about them in the future to come.

What's next for VBoard

Add more soundbites and make the UI cleaner and more useable. We'd also love to add a better representation of the queue so that it shows the times of the clips. Finally, we'd love to add the ability to insert background instrumentals and allow the user to change the pitch of the clips.

Built With

• javascript