Update app.py

app.py

@@ -59,7 +59,9 @@ def compare_texts(reference_text, transcribed_text):
                 html_output += f'<span style="color: red;">{word}</span> '
                 # Create pronunciation audio for the incorrect word
                 audio_buffer = create_pronunciation_audio(word)
-                incorrect_words_audios.append((word, audio_buffer))
+                # Encode the audio as base64 for playback
+                audio_base64 = audio_buffer.getvalue().hex()
+                incorrect_words_audios.append((word, audio_base64))
         except IndexError:
             html_output += f'<span style="color: red;">{word}</span> '  # Words in reference that were not transcribed
 
@@ -69,7 +71,7 @@ def compare_texts(reference_text, transcribed_text):
         for word, audio in incorrect_words_audios:
             html_output += f'{word}: '
             # Return the audio buffer as part of the HTML output
-            html_output += f'<audio controls><source src="data:audio/mp3;base64,{audio.getvalue().decode()}" type="audio/mpeg">Your browser does not support the audio tag.</audio><br>'
+            html_output += f'<audio controls><source src="data:audio/mp3;base64,{audio}" type="audio/mpeg">Your browser does not support the audio tag.</audio><br>'
 
     return html_output