diff --git a/exercises/08_basic_audio/README.md b/exercises/08_basic_audio/README.md new file mode 100644 index 0000000..d697839 --- /dev/null +++ b/exercises/08_basic_audio/README.md @@ -0,0 +1,18 @@ +# Exercise 8: Playing Audio + +In this exercise, you will include an audio player. +Use the skeleton in `exercises/08_basic_audio/exercise.html`. + +Playing audio on a web page always used to be a bit of a hassle because HTML +did not provide this functionality and you had to include things like Flash +audio players. Fortunately, HTML5 now defines an `audio` element which can be +used to play audio files. However, as this is a fairly new addition, it has not +been completely standardized and therefore some browsers can only play some types +of audio. You should therefore always prepare your stimuli as mp3 and as ogg +encoded audio files. + + +## Steps + +1. Add an [audio player](https://www.w3schools.com/html/html5_audio.asp) +to play the `boogalooo` audio file in the audio directory. diff --git a/exercises/08_basic_audio/audio/boogalooo.mp3 b/exercises/08_basic_audio/audio/boogalooo.mp3 new file mode 100644 index 0000000..26fb64c Binary files /dev/null and b/exercises/08_basic_audio/audio/boogalooo.mp3 differ diff --git a/exercises/08_basic_audio/audio/boogalooo.ogg b/exercises/08_basic_audio/audio/boogalooo.ogg new file mode 100644 index 0000000..acdb561 Binary files /dev/null and b/exercises/08_basic_audio/audio/boogalooo.ogg differ diff --git a/exercises/08_basic_audio/audio/flamingo.mp3 b/exercises/08_basic_audio/audio/flamingo.mp3 new file mode 100644 index 0000000..ece3d9a Binary files /dev/null and b/exercises/08_basic_audio/audio/flamingo.mp3 differ diff --git a/exercises/08_basic_audio/audio/flamingo.ogg b/exercises/08_basic_audio/audio/flamingo.ogg new file mode 100644 index 0000000..8ab1d35 Binary files /dev/null and b/exercises/08_basic_audio/audio/flamingo.ogg differ diff --git a/exercises/08_basic_audio/audio/twist.mp3 b/exercises/08_basic_audio/audio/twist.mp3 new file mode 100644 index 0000000..fafca9e Binary files /dev/null and b/exercises/08_basic_audio/audio/twist.mp3 differ diff --git a/exercises/08_basic_audio/audio/twist.ogg b/exercises/08_basic_audio/audio/twist.ogg new file mode 100644 index 0000000..d0afc75 Binary files /dev/null and b/exercises/08_basic_audio/audio/twist.ogg differ diff --git a/exercises/08_basic_audio/exercise.html b/exercises/08_basic_audio/exercise.html new file mode 100644 index 0000000..ed7e98c --- /dev/null +++ b/exercises/08_basic_audio/exercise.html @@ -0,0 +1,12 @@ + + + + + Playing audio + + +

Audio

+ +

Click play to listen to the audio.

+ + diff --git a/solutions/07_js_forms/solution.html b/solutions/07_js_forms/solution.html index bd82d1e..6085465 100644 --- a/solutions/07_js_forms/solution.html +++ b/solutions/07_js_forms/solution.html @@ -2,7 +2,6 @@ - HTML Form diff --git a/solutions/08_basic_audio/audio/boogalooo.mp3 b/solutions/08_basic_audio/audio/boogalooo.mp3 new file mode 100644 index 0000000..26fb64c Binary files /dev/null and b/solutions/08_basic_audio/audio/boogalooo.mp3 differ diff --git a/solutions/08_basic_audio/audio/boogalooo.ogg b/solutions/08_basic_audio/audio/boogalooo.ogg new file mode 100644 index 0000000..acdb561 Binary files /dev/null and b/solutions/08_basic_audio/audio/boogalooo.ogg differ diff --git a/solutions/08_basic_audio/audio/flamingo.mp3 b/solutions/08_basic_audio/audio/flamingo.mp3 new file mode 100644 index 0000000..ece3d9a Binary files /dev/null and b/solutions/08_basic_audio/audio/flamingo.mp3 differ diff --git a/solutions/08_basic_audio/audio/flamingo.ogg b/solutions/08_basic_audio/audio/flamingo.ogg new file mode 100644 index 0000000..8ab1d35 Binary files /dev/null and b/solutions/08_basic_audio/audio/flamingo.ogg differ diff --git a/solutions/08_basic_audio/audio/twist.mp3 b/solutions/08_basic_audio/audio/twist.mp3 new file mode 100644 index 0000000..fafca9e Binary files /dev/null and b/solutions/08_basic_audio/audio/twist.mp3 differ diff --git a/solutions/08_basic_audio/audio/twist.ogg b/solutions/08_basic_audio/audio/twist.ogg new file mode 100644 index 0000000..d0afc75 Binary files /dev/null and b/solutions/08_basic_audio/audio/twist.ogg differ diff --git a/solutions/08_basic_audio/solution.html b/solutions/08_basic_audio/solution.html new file mode 100644 index 0000000..5d006f6 --- /dev/null +++ b/solutions/08_basic_audio/solution.html @@ -0,0 +1,17 @@ + + + + + Playing audio + + +

Audio

+ +

Click play to listen to the audio.

+ + + diff --git a/solutions/09_js_audio/solution.html b/solutions/09_js_audio/solution.html new file mode 100644 index 0000000..e69de29