(feat:JS): create createTextToSpeech()

Author: josueJURE

public/index.js

@@ -203,17 +203,9 @@ recipeButtons.forEach((button) => {
 
         ///
 
-        const audio_data = createAudio(data.audio);
-        await cacheData(audio_data, CACHE_NAME_AUDIO, "audio");
-        displayElementsFlex([recording]);
-        displayElements([sendRecipeToUserInboxBtn, userWantAnotherRecipe]);
-        const speechBtns = Array.from(document.querySelectorAll(".fa-solid"));
-        const speedBtn = document.querySelector("#speed");
-        audioElement.src = createAudio(data.audio);
-        audioElement.stop = function () {
-          this.pause();
-          this.currentTime = 0;
-        };
+        // const audio_data = createAudio(data.audio);
+        // await cacheData(audio_data, CACHE_NAME_AUDIO, "audio");
+        const { speedBtn, speechBtns } = createTextToSpeech(data);
 
         userWantAnotherRecipe.addEventListener("click", () => {
           displayElements([headline, allergies, ...recipeButtons, mainElement]);
@@ -246,6 +238,19 @@ recipeButtons.forEach((button) => {
   });
 });
 
+function createTextToSpeech(param) {
+  displayElementsFlex([recording]);
+  displayElements([sendRecipeToUserInboxBtn, userWantAnotherRecipe]);
+  const speechBtns = Array.from(document.querySelectorAll(".fa-solid"));
+  const speedBtn = document.querySelector("#speed");
+  audioElement.src = createAudio(param.audio);
+  audioElement.stop = function () {
+    this.pause();
+    this.currentTime = 0;
+  };
+  return { speedBtn, speechBtns };
+}
+
 // Picture section
 async function getVideoDevices() {
   const devices = await navigator.mediaDevices.enumerateDevices();

public/url_folder.txt

@@ -1 +1 @@
-https://oaidalleapiprodscus.blob.core.windows.net/private/org-nYbqgo3O0LNnYYAoKAmApBfx/user-58Je7efi0iy880e2UYCdYpBm/img-FbhNg7YkuHaFXSQuJv6vvc62.png?st=2024-08-02T13%3A27%3A00Z&se=2024-08-02T15%3A27%3A00Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-08-02T07%3A44%3A05Z&ske=2024-08-03T07%3A44%3A05Z&sks=b&skv=2023-11-03&sig=j8PT8RgqGZ9hqT7/zkt1TtdR%2BW4OOsjiW4sd84k3hv8%3D
+https://oaidalleapiprodscus.blob.core.windows.net/private/org-nYbqgo3O0LNnYYAoKAmApBfx/user-58Je7efi0iy880e2UYCdYpBm/img-v4eTdg1soovxNTLukfLAet4U.png?st=2024-08-03T12%3A48%3A57Z&se=2024-08-03T14%3A48%3A57Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-08-03T09%3A29%3A53Z&ske=2024-08-04T09%3A29%3A53Z&sks=b&skv=2023-11-03&sig=NOzBmZWL4td4uKehhQo3lpiX8ageP%2BgXh3pp%2BNpLiAg%3D