Clik here to view.
TSW Web Audio Primer – Part 1
Introduction This series will demonstrate how to use your web browser to make music! Thanks to the Web Audio API, modern web browsers have the ability to become a synthesizer. With the Javascript...
View ArticleClik here to view.
TSW Web Audio Primer – Part 2
In part 1 of this series, we played a pitch using the Web Audio API. Let us set up a way to change the pitch of the note. Add this logic to index.html from Part 1 to add a slider element: FROM: <div...
View ArticleClik here to view.
TSW Web Audio Primer – Part 3
In part 2 of this series, you learned how to change the pitch of a note. In this part, you will learn how to change the oscillator type. Add the following HTML logic after the slider logic from Part 2...
View ArticleClik here to view.
TSW Web Audio Primer – Part 4
Now that you have had some fun with changing a note via a slider, let’s move on to playing a note using a keyboard. Stuart Memo has created a virtual keyboard app called Qwerty Hancock for his site...
View ArticleTSW Web Audio Primer – Part 5
Well, playing one note at a time is fun for a little while, but it would be nice to play more than one note at a time. In using the Web Audio API, the easiest way to do this is to use a separate...
View ArticleTSW Web Audio Primer – Part 6
Now that we can play a chord, how about playing a scale? The TSW library can also create a list of notes for a scale. Let’s start with modifying our initial playChord function to see how the scale...
View ArticleClik here to view.
TSW Web Audio Primer – Part 7
You have seen examples of how to play notes, chords, and scales using TSW. Now, let’s swing back to how you can modify the sounds that you can create with TSW. We will start with a single pitch sine...
View ArticleTSW Web Audio Primer – Conclusion
I hope that this series has helped to show off some of the capabilities of the Theresa’s Sound World framework by Stuart Memo. There are many more features to explore, and I will come back to TSW from...
View Article