issues #6655 Open ai tts issues

[ic-xu]

fix #6655

Checklist:

Important

Please review the checklist below before submitting your pull request.

• Please open an issue before creating a PR or link to an existing issue
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods

Description

This submission mainly involves the discovery and resolution of the following issues.

• 1. The problem of the open AI tts not taking effect when switching voices;
• 2. The bug that the front-end tts loading status must be displayed after the HTTP request is completed; The manifestation is that when the network is poor or the backend does not respond, the TTS playback component does not display a loading status, which leads to the front end not knowing whether the click was successful. It should display the status as loading immediately after the button is clicked.
• 3. The bug that the front-end console errors when switching language and the voice of language does not exist.eg: switching Spanish;

Fixes #6696

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update, included: Dify Document
• Improvement, including but not limited to code refactoring, performance optimization, and UI/UX improvement
• Dependency upgrade

Testing Instructions

The second and third points can be reproduced in the old version, while the first point is a submission error.

• Test A
• Test B

[ic-xu]

Mainly fix this Issues #6655