Added Audio Questions

src/routes/connected/display/running/[game]/[wall]/[category]/[question]/+page.svelte

@@ -3,12 +3,20 @@
     import { page } from "$app/state";
     import { error } from "@sveltejs/kit";
     import SimpleQuestionComponent from "$lib/SimpleQuestionComponent.svelte";
-    import { isImageQuestion, isMultipleChoiceQuestion, isSimpleQuestion } from "$lib/games/games";
+    import {
+        isAudioMultipleChoiceQuestion,
+        isAudioQuestion,
+        isImageQuestion,
+        isMultipleChoiceQuestion,
+        isSimpleQuestion
+    } from "$lib/games/games";
     import ws from "$lib/websocket.svelte";
     import { MessageType } from "$lib/MessageType";
     import { untrack } from "svelte";
     import MultipleChoiceQuestionComponent from "$lib/MultipleChoiceQuestionComponent.svelte";
     import ImageQuestionComponent from "$lib/ImageQuestionComponent.svelte";
+    import AudioQuestionComponent from "$lib/AudioQuestionComponent.svelte";
+    import AudioMultipleChoiceQuestionComponent from "$lib/AudioMultipleChoiceQuestionComponent.svelte";
 
     console.log("wall:", page.params.wall);
 
@@ -126,6 +134,15 @@
             <MultipleChoiceQuestionComponent {question} {showAnswer} {showQuestion} />
         {:else if isImageQuestion(question)}
             <ImageQuestionComponent {question} {showAnswer} {showQuestion} {isBuzzed} />
+        {:else if isAudioQuestion(question)}
+            <AudioQuestionComponent {question} {showAnswer} {showQuestion} showPlayer={false} />
+        {:else if isAudioMultipleChoiceQuestion(question)}
+            <AudioMultipleChoiceQuestionComponent
+                {question}
+                {showAnswer}
+                {showQuestion}
+                showPlayer={false}
+            />
         {:else}
             <p>Type of question unknown</p>
         {/if}

src/routes/connected/games/[game]/+page.svelte

@@ -6,7 +6,9 @@
         isMultipleChoiceQuestion,
         isSimpleQuestion,
         isImageQuestion,
-        type Game
+        type Game,
+        isAudioQuestion,
+        isAudioMultipleChoiceQuestion
     } from "$lib/games/games";
     import ws from "$lib/websocket.svelte";
     import { page } from "$app/state";
@@ -18,6 +20,8 @@
     import type { VisitedQuestions } from "$lib/Types.js";
     import MultipleChoiceQuestionComponent from "$lib/MultipleChoiceQuestionComponent.svelte";
     import ImageQuestionComponent from "$lib/ImageQuestionComponent.svelte";
+    import AudioQuestionComponent from "$lib/AudioQuestionComponent.svelte";
+    import AudioMultipleChoiceQuestionComponent from "$lib/AudioMultipleChoiceQuestionComponent.svelte";
 
     let startDisabled = $state(true);
 
@@ -366,6 +370,20 @@
                                 showQuestion={true}
                                 isBuzzed={false}
                             />
+                        {:else if isAudioQuestion(gameManager.question)}
+                            <AudioQuestionComponent
+                                question={gameManager.question}
+                                showAnswer={true}
+                                showPlayer={true}
+                                showQuestion={true}
+                            />
+                        {:else if isAudioMultipleChoiceQuestion(gameManager.question)}
+                            <AudioMultipleChoiceQuestionComponent
+                                question={gameManager.question}
+                                showAnswer={true}
+                                showPlayer={true}
+                                showQuestion={true}
+                            />
                         {:else}
                             <p>Type of question unknown</p>
                         {/if}