From cb0deed6ddd84b39ddf11ca2f97dcb45568791a9 Mon Sep 17 00:00:00 2001 From: groovypersian97 <115654141+groovypersian97@users.noreply.github.com> Date: Thu, 20 Oct 2022 18:42:12 -0500 Subject: [PATCH] Musical Instrument --- Musical Instruments.md | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 Musical Instruments.md diff --git a/Musical Instruments.md b/Musical Instruments.md new file mode 100644 index 00000000..fda679da --- /dev/null +++ b/Musical Instruments.md @@ -0,0 +1,32 @@ +# Musical Instruments + +**Tier:** 1-Beginner + +Create a website that contains a visual list of musical instruments and their corresponding sounds. Instruments will be listed in alphabetical order. Add PLAY, PAUSE, & RESTART features. + +- Understanding different HTML multimedia types +- Only basic understanding of HTML/CSS is required + +## User Stories + +- [ ] User can filter between strings, brass, woodwinds, percussions, keyboards +- [ ] User can click image for name of instrument +- [ ] User can play audio +- [ ] User can pause audio +- [ ] User can adjust volume + +## Bonus features + +- [ ] User can toggle between seconds of audio clip + + +## Useful links and resources + +- [HTML Audio/Video] https://www.w3schools.com/tags/ref_av_dom.asp +- [Website Build] w3schools.com/howto/howto_make_a_website.asp + + +## Example projects + +- [Begin Band]( https://www.beginband.com/sndclips.shtml) +- [AAA State of Play] (https://www.aaastateofplay.com/the-wide-world-of-music-a-guide-to-100-musical-instruments-interactive/)