docs: removing audio (#56)

* Update README.md

* removing audio

Author: softchris

Diff for: app/README.md

@@ -28,6 +28,19 @@ In `characters.json`, there's a `description` property that will be used as a sy
 > [!IMPORTANT]
 > DISCLAIMER: This repository contains fictional content generated by AI. The historical characters depicted here are speaking back thanks to generative AI, which is based on training data. Any utterances made by these characters do not represent their actual views or quotes. This content is intended solely for entertainment purposes. [Microsoft Responsible AI principles here](https://www.microsoft.com/en-us/ai/principles-and-approach/)
 
-## Credits
+## Adding audio
 
-- <https://pixabay.com/> on their free to use music.
+- Adding background audio, download the music (make sure it's royalty free). Place it in the `public/audio` folder and name it according to the `name` field in `characters.json`, for example "davinci.mp3". 
+- Locate the `TODO` comment in `index.html` and uncomment the rows regarding playing background audio, should look something like so:
+
+   ```javascript
+   /*
+    TODO: undo this comment once you've downloaded background music corresponding to your character
+    see characters.json name field what to name a file, for example davinci.mp3
+    */
+    // backgroundAudio.src = `/audio/${character.name}.mp3`; // Updated to use character.name
+    // backgroundAudio.volume = maxVolume;
+
+
+    // backgroundAudio.play();
+   ``` 

Diff for: app/public/audio/ada.mp3

@@ -248,9 +248,15 @@ <h2 id="cardTitle"></h2>
         }, isInitial ? 0 : 2000);
 
         try {
-          backgroundAudio.src = `/audio/${character.name}.mp3`; // Updated to use character.name
-          backgroundAudio.volume = maxVolume;
-          backgroundAudio.play();
+           /*
+          TODO: undo this comment once you've downloaded background music corresponding to your character
+          see characters.json name field what to name a file, for example davinci.mp3
+          */
+          // backgroundAudio.src = `/audio/${character.name}.mp3`; // Updated to use character.name
+          // backgroundAudio.volume = maxVolume;
+
+
+          // backgroundAudio.play();
         } catch (error) {
           console.error("Error playing audio:", error);
         }

Diff for: app/public/audio/davinci.mp3

@@ -228,10 +228,6 @@ Here's a step-by-step summary of what the function does:
 
 > **Note**: [GitHub Copilot](https://github.com/features/copilot) was used to generate this code summary. Generative AI in action!
 
-If you also want to hear some background music of what it could have sounded like in Alexandria, you can listen to the background music below:
-
-<audio controls src="/app/public/audio/dinocrates.mp3" title="background music Dinocrates"></audio>
-
 ### What Can Generative AI Do for Me and My Apps?
 
 > [!NOTE]

Diff for: app/public/audio/dinocrates.mp3

@@ -142,8 +142,6 @@ For a more detailed explanation of the app, see [Detailed app explanation](../01
 
 If you also want to hear some background music of what it could have sounded like in Florence, you can listen to the background music below:
 
-<audio controls src="/app/public/audio/leonardo.mp3" title="background music Leonardo"></audio>
-
 ## Development Environment Setup 
 
 Before you can help Leonardo with his project you need to consider the “tools of the trade” that you need to get started with helping him. 

Diff for: app/public/audio/montezuma.mp3

@@ -128,9 +128,6 @@ For a more detailed explanation of the app, see [Detailed app explanation](../01
 
 If you also want to hear some background music of what it could have sounded like, you can listen to the background music below:
 
-<audio controls src="/app/public/audio/sforza.mp3" title="background music Sforza"></audio>
-
-
 ## What is prompt engineering
 
 **Time beetle:** We need to talk about prompt engineering.

Diff for: app/public/audio/sforza.mp3

@@ -155,8 +155,6 @@ For a more detailed explanation of the app, see [Detailed app explanation](../01
 
 If you also want to hear some background music of what it could have sounded like, you can listen to the background music below:
 
-<audio controls src="/app/public/audio/montezuma.mp3" title="background music Montezuma"></audio>
-
 ## Structured Output
 
 **Time beetle:** Hey folks, want to know how I beat Montezuma?

Diff for: app/public/index.html

@@ -96,8 +96,6 @@ For a more detailed explanation of the app, see [Detailed app explanation](../01
 
 If you also want to hear some background music of what it could have sounded like, you can listen to the background music below:
 
-<audio controls src="/app/public/audio/ada.mp3" title="background music Ada"></audio>
-
 ## Known Challenges with LLMs
 
 **Ada**, to get us started, we need to talk more about the artificial intelligence we're going to use to power the device. We'll use so called AI models that when paired with a retrieval mechanism to data can improve the quality of the AI's responses.