marisabrantley / sound-board-project

This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript.

Home Page:https://marisabrantley.github.io/sound-board-project/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sound Board Project

This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript. Clicking on a button will begin the sound, while clicking on another button will stop the sound already playing and start playing the new one.

I came up with a "calming" theme to my sound board, employing soothing sounds, such as the ocean, a crackling fireplace, and chirping birds, as well as a relaxing message, colors and fonts.

Objective

  • Use the JavaScript API for audio elements:
    • .play method to play a sound when clicked.
    • .pause method and setting current time to 0 to stop a sound when another button is clicked.

sound-board-project

Launch

View and listen to the Sound Board Project here: https://marisabrantley.github.io/sound-board-project/

Class

Brad Traversy's Udemy Course "50 Projects in 50 Days"
https://www.udemy.com/course/50-projects-50-days/

About

This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript.

https://marisabrantley.github.io/sound-board-project/


Languages

Language:HTML 54.3%Language:CSS 28.0%Language:JavaScript 17.6%