audio files

projects/si18-01-jingles/documentation.md

@@ -39,11 +39,14 @@ The idea of jingle caught my eye: a structural element in the radio broadcast th
 
 Here the scores for the ten patterns recorder for the first audio~zine of the SI18.
 
-
 ### A.A jingle like a run-up
 
 ![Run up](https://www.wikihow.com/images/thumb/9/98/Run-up-a-Wall-and-Flip-Step-2-Version-2.jpg/v4-460px-Run-up-a-Wall-and-Flip-Step-2-Version-2.jpg.webp)
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20A.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 23
 [-, -, -, -, -, [A#3, C4, D#4], -, -, -, -, -]
@@ -62,10 +65,18 @@ BPM: 45
 [A#2, C2 ]
 ```
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20B.mp3" type="audio/mpeg">
+</audio>
+
 ### C.A jingle like quiz about the next track
 
 ![Quiz](https://www.wikihow.com/images/thumb/f/f2/Make-a-Quiz-Step-3-Version-2.jpg/v4-460px-Make-a-Quiz-Step-3-Version-2.jpg.webp)
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20C.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 45
 [[C2, G2, C3]]
@@ -79,6 +90,10 @@ BPM: 45
 
 ![Rails](https://www.wikihow.com/images/thumb/9/9b/Be-Safe-Around-Trains-Step-22.jpg/v4-460px-Be-Safe-Around-Trains-Step-22.jpg)
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20D.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 95
 [B4, -, -, -, -, -, -, -, B4, C#5, -, A4, E4, F#4, -, -, -, [D5, D#5], -, -]
@@ -89,6 +104,10 @@ BPM: 95
 
 ![Road](https://www.wikihow.com/images/thumb/9/9c/Stay-Safe-on-the-Highway-Step-2-Version-2.jpg/v4-460px-Stay-Safe-on-the-Highway-Step-2-Version-2.jpg.webp)
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20E.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 95
 [-, F#4, -, -, E4, -, -, -, -, -, -, [E2, E3, E4], A4, -, -, -, -, [D5, F#5, A5], -, -]
@@ -100,6 +119,10 @@ BPM: 95
 
 ![Gradient](https://www.wikihow.com/images/thumb/3/33/Learn-Graphic-Designing-Step-11.jpg/v4-460px-Learn-Graphic-Designing-Step-11.jpg.webp)
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20F.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 120
 [-, -, -, -, -, -, [C4, F3], -, -, -, -, -, -, G5, -, -, -, -, -, -, [C4, -, F4, -], -, -, -, -, -, -, A5]
@@ -111,6 +134,10 @@ BPM: 120
 
 ![Spring](https://www.wikihow.com/images_en/thumb/f/fe/Fix-a-Slinky-Step-3-Version-4.jpg/v4-460px-Fix-a-Slinky-Step-3-Version-4.jpg)
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20G.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 140
 [-, -, C4, E4, G4, -, -]
@@ -118,8 +145,12 @@ BPM: 140
 ```
 
 ### H.A jingle like the spinner of the loading
+
 ![Loading](https://www.wikihow.com/images/thumb/0/0d/Write-a-Progress-Report-Step-12.jpg/v4-460px-Write-a-Progress-Report-Step-12.jpg.webp)
 
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20H.mp3" type="audio/mpeg">
+</audio>
 
 ```
 BPM: 160
@@ -130,7 +161,13 @@ BPM: 160
 ```
 
 ### I.A jingle like the progress bar and download
+
 ![download](https://i.pinimg.com/474x/fb/f1/77/fbf177f350d167f0ee7c4a6f1ef41cae.jpg)
+
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20I.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 180
 [C5, D5, E5, F5, G5, A5, B5, -, - ]
@@ -139,7 +176,13 @@ BPM: 180
 ```
 
 ### L.A jingle like the ginger in between dishes
+
 ![ginger](https://www.wikihow.com/images/thumb/e/ee/Cure-Stomach-Ache-with-Ginger-Step-12.jpg/v4-460px-Cure-Stomach-Ache-with-Ginger-Step-12.jpg)
+
+<audio controls>
+    <source src="https://hub.xpub.nl/soupboat/SI18/01/recordings/Pattern%20L.mp3" type="audio/mpeg">
+</audio>
+
 ```
 BPM: 220
 [G4, -, G4, -, G4, -, -, -, -, -, -, -, -, -, -, -, F4, -, -, -, -, E2, F2, G2, -, -, -, -, -, -]