Conversation
-integrated Web Speech API
-add tts button
-change tts voice to have a British accent
-changed icon of tts button
-changed style of tts button
-fixed icon not loading correctly
-fixed icon not loading correctly
-fixed icon not loading correctly
-fixed icon not loading correctly
There was a problem hiding this comment.
It's working great, however could you:
- Place the text-to-speech button right under the AI's text and change the "Speak" button to an emoji like "🔊" (I provided a screenshot from ChatGPT so you get what I mean).
- Change the voice to make it sound more human and if possible speak a bit quicker.
-Styled the tts button to resemble a speaker icon and placed it below the message
-Styled the tts button to resemble a speaker icon and placed it below the message
-fixed icon not loading correctly
|
I made it speak a bit faster but I don’t think I can make it sound more human, I also added the speaker icon below the messages. |
Great. Could you also add support for Mandarin and Russian (I believe you just have to edit |
|
I added support for Chinese and Russian. I also added a more human sounding voice. |
vladislav-k1
left a comment
vladislav-k1
left a comment
There was a problem hiding this comment.
Works well, but in the future we should implement a check whether synthesis is supported for every language, e.g. using window.speechSynthesis.getVoices().
….com/spe-uob/2024-AILearningTool into feature/issue-208/add-tts-to-chatbot
There was a problem hiding this comment.
-
The Frontend CI is failing because you deleted the import line for TypingText. Adding this should fix it:
import TypingText from "../components/helpers/TypingText.vue"; -
This line of code was also deleted and I think it could mess up the real-time response printing:
<TypingText v-if="msg.sender === 'assistant'" :text="formatMessage(msg.content)" :speed="15" />
vladislav-k1
left a comment
vladislav-k1
left a comment
There was a problem hiding this comment.
Doesn't work, can't go further than the login screen.
GerardChabaBristol
left a comment
GerardChabaBristol
left a comment
There was a problem hiding this comment.
I'm facing a bug where nothing appears on the chat screen after pressing the chat initialization button (screenshot attached).
Try deleting local storage and trying again. |
Siyuan106
left a comment
Siyuan106
left a comment
There was a problem hiding this comment.
Text to speech works well!
4 participants
Issue(s):
#208
Type of change:
Description:
Added a text-to-speech feature to the chatbot that can read the AI's responses using Web Speech API.
Additional Context:
N/A.
Testing instructions:
Run our solution on localhost, ask the AI something, and press the text-to-speech button to test whether it works.