设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Python交流 › flask 写app遇到的问题
返回列表 发新帖
查看: 427|回复: 5

flask 写app遇到的问题

[复制链接]
newbison
发表于 2024-8-3 14:34:12 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
我用flask写了一个听力的app，只有第一个单词发声音，后面就没有声音了，怎么回事？

app.py
  1. from flask import Flask, render_template, request, jsonify
  2. import json
  3. import random
  4. import pyttsx3
  5. import threading
  6. import time
  7. import os

  9. app = Flask(__name__)


  12. current_dir = os.path.join(os.path.abspath(__file__))
  13. parent_dir = os.path.dirname(current_dir)
  14. filepath = os.path.join(parent_dir, 'words.json')

  16. # Load words from JSON file
  17. with open(filepath, 'r', encoding='utf-8') as f:
  18.     words_dict = json.load(f)

  20. # Initialize TTS engine
  21. engine = pyttsx3.init()
  22. engine.setProperty("rate", 100)
  23. engine.setProperty("volume", 1)
  24. voices = engine.getProperty("voices")

  26. # Global control variables
  27. is_paused = False
  28. stop_thread = False

  30. @app.route('/')
  31. def index():
  32.     return render_template('index.html')

  34. @app.route('/start', methods=['POST'])
  35. def start():
  36.     global is_paused, stop_thread
  37.     is_paused = False
  38.     stop_thread = False

  40.     language = request.form['language']
  41.     num_words = int(request.form['num_words'])
  42.     sleep_time = float(request.form['sleep_time'])
  43.     order = request.form['order']

  45.     words = list(words_dict.keys()) if language == 'english' else list(words_dict.values())
  46.     selected_words = random.sample(words, num_words) if order == 'random' else words[:num_words]

  48.     t = threading.Thread(target=display_and_pronounce, args=(selected_words, sleep_time, language))
  49.     t.start()
  50.     return jsonify({'status': 'started'})

  52. @app.route('/pause', methods=['POST'])
  53. def pause():
  54.     global is_paused
  55.     is_paused = not is_paused
  56.     return jsonify({'status': 'paused' if is_paused else 'resumed'})

  58. @app.route('/stop', methods=['POST'])
  59. def stop():
  60.     global stop_thread
  61.     stop_thread = True
  62.     return jsonify({'status': 'stopped'})

  64. def display_and_pronounce(words, sleep_time, language):
  65.     global is_paused, stop_thread
  66.     engine.setProperty('voice', voices[1].id if language == 'english' else voices[0].id)

  68.     for word in words:
  69.         if stop_thread:
  70.             break
  71.         while is_paused:
  72.             time.sleep(0.1)

  74.         gap = calculate_gap(word, sleep_time)
  75.         engine.say(word)
  76.         engine.runAndWait()
  77.         time.sleep(gap)
  78.         engine.say(word)
  79.         engine.runAndWait()
  80.         time.sleep(gap)

  82. def calculate_gap(word, sleep_time):
  83.     length = len(word.split(" "))
  84.     if length == 1:
  85.         return 2 * sleep_time
  86.     elif length == 2:
  87.         return 3 * sleep_time
  88.     elif length == 3:
  89.         return 5 * sleep_time
  90.     else:
  91.         return 9 * sleep_time

  93. if __name__ == "__main__":
  94.     app.run(debug=True)
复制代码


templates/index.html
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Language Learning App</title>
  6.     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
  7.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  8. </head>
  9. <body>
  10.     <div class="container">
  11.         <h1>Language Learning App</h1>
  12.         <form id="control-form">
  13.             <label for="language">Select Language:</label>
  14.             <select id="language" name="language">
  15.                 <option value="english">English</option>
  16.                 <option value="chinese">Chinese</option>
  17.             </select>
  18.             <br>
  19.             <label for="num_words">Number of Words:</label>
  20.             <input type="number" id="num_words" name="num_words" value="10">
  21.             <br>
  22.             <label for="sleep_time">Sleep Time (seconds):</label>
  23.             <input type="number" step="0.1" id="sleep_time" name="sleep_time" value="1.0">
  24.             <br>
  25.             <label for="order">Order:</label>
  26.             <select id="order" name="order">
  27.                 <option value="sequential">Sequential</option>
  28.                 <option value="random">Random</option>
  29.             </select>
  30.             <br>
  31.             <button type="button" onclick="startLearning()">Start</button>
  32.             <button type="button" onclick="pauseLearning()">Pause/Resume</button>
  33.             <button type="button" onclick="stopLearning()">Stop</button>
  34.         </form>
  35.     </div>
  36.     <script>
  37.         function startLearning() {
  38.             $.post('/start', $('#control-form').serialize(), function(data) {
  39.                 console.log(data.status);
  40.             });
  41.         }
  42.         function pauseLearning() {
  43.             $.post('/pause', function(data) {
  44.                 console.log(data.status);
  45.             });
  46.         }
  47.         function stopLearning() {
  48.             $.post('/stop', function(data) {
  49.                 console.log(data.status);
  50.             });
  51.         }
  52.     </script>
  53. </body>
  54. </html>
复制代码


static/style.css
  1. body {
  2.     font-family: Arial, sans-serif;
  3.     background-color: #f4f4f4;
  4.     text-align: center;
  5.     padding: 50px;
  6. }

  8. .container {
  9.     background-color: #fff;
  10.     padding: 20px;
  11.     border-radius: 5px;
  12.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  13.     display: inline-block;
  14.     text-align: left;
  15. }

  17. h1 {
  18.     margin-bottom: 20px;
  19. }

  21. label {
  22.     display: block;
  23.     margin: 10px 0 5px;
  24. }

  26. input, select, button {
  27.     width: 100%;
  28.     padding: 10px;
  29.     margin: 5px 0;
  30.     border-radius: 5px;
  31.     border: 1px solid #ccc;
  32. }

  34. button {
  35.     background-color: #28a745;
  36.     color: white;
  37.     border: none;
  38.     cursor: pointer;
  39. }

  41. button:hover {
  42.     background-color: #218838;
  43. }
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

FishC
发表于 2024-8-3 14:36:32 | 显示全部楼层
哦，看来你的 Flask 听力应用遇到了“一个字母都不想说”的尴尬局面。这种情况通常是由于多线程和 `pyttsx3` 的工作方式造成的。让我们逐步解决这个问题。

首先，`pyttsx3` 在调用 `runAndWait()` 时会阻塞当前线程，这意味着在此期间，它不会处理其他任何事情，包括你想说的下一个单词。因此，如果在同一线程中调用多个 `engine.say()` 和 `engine.runAndWait()`，就会导致问题。

下面是一些可能的解决方案：

### 解决方案

1. **避免重复调用 `runAndWait()`**：
   你可以通过将所有要说的单词放进一个列表，并只调用一次 `runAndWait()` 来避免问题。这样，Flask 线程就不会被阻塞。

   修改 `display_and_pronounce` 函数如下：

  
  1. def display_and_pronounce(words, sleep_time, language):
  2.        global is_paused, stop_thread
  3.        engine.setProperty('voice', voices.id if language == 'english' else voices.id)

  5.        for word in words:
  6.            if stop_thread:
  7.                break
  8.            while is_paused:
  9.                time.sleep(0.1)

  11.            gap = calculate_gap(word, sleep_time)
  12.            engine.say(word)
  13.            # 等待发音完成前不再调用
  14.            time.sleep(gap)  # 为了给发音留出时间
复制代码


2. **考虑使用队列**：
   在复杂的应用中，可以使用队列（如 `queue.Queue`）来管理待说的单词。这将使得处理更为灵活。

3. **检查声音设备**：
   确保你的音频设备不会因为多次切换而出现问题。有时候，操作系统对声音输出的处理也会影响。

4. **调试信息**：
   添加一些调试信息，比如在每次发音之前打印当前正在发音的单词，以确保代码逻辑没有问题。

### 其他小建议
- **改进用户体验**：前端的按钮可以在点击后禁用，防止用户疯狂地点击，让服务器喘口气。
- **异常处理**：加上异常处理机制，至少能在控制台看到一些错误提示，不让你的 APP 完全“安静”。

### 总结
以上是解决这个发声只停在第一个单词问题的一些建议。如果你像个歌手一样，想让每个单词都响亮且流畅，那你可能得调整下 `engine.runAndWait()` 的调用方式。而如果这些措施还不能解决问题，请把调试时的错误信息扔出来，我们一起开个会讨论！希望你能早日让你的小应用“发声”！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

newbison
 楼主| 发表于 2024-8-3 15:15:07 | 显示全部楼层
改了之后根本不发声了。。。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FishC
发表于 2024-8-3 15:16:25 | 显示全部楼层
newbison 发表于 2024-08-03 15:15
改了之后根本不发声了。。。


哎呀，看来我们又打开了“调试黑洞”的大门！让我们再认真检查一下，并确保你的 Flask 应用声如洪钟，而不是小蚊子嗡嗡。

1. **移除重复调用 `runAndWait()`**：如果你只在循环内调用一次 `runAndWait()`，但要确保这个调用是在所有 `engine.say()` 之后。我们可以把逻辑稍作调整如下：

  1. def display_and_pronounce(words, sleep_time, language):
  2.     global is_paused, stop_thread
  3.     engine.setProperty('voice', voices.id if language == 'english' else voices.id)
  4.    
  5.     for word in words:
  6.         if stop_thread:
  7.             break
  8.             
  9.         while is_paused:
  10.             time.sleep(0.1)

  12.         # 说出单词
  13.         engine.say(word)
  14.         
  15.         # 等待发音完成后再处理下一个单词
  16.         engine.runAndWait()

  18.         # 等待 gap 时间
  19.         gap = calculate_gap(word, sleep_time)
  20.         time.sleep(gap)
复制代码


2. **确保 TTS 引擎正常工作**：在 Flask 线程中尝试手动调用一些简单的发音代码来确认引擎是否正常工作。例如，你可以在 Flask 的 `/start` 路由中增加以下调试语句:

  1. @app.route('/start', methods=['POST'])
  2. def start():
  3.     # ...其他代码...
  4.     engine.say("Testing text-to-speech engine")
  5.     engine.runAndWait()
  6.     return jsonify({'status': 'started'})
复制代码


如果你能听到“Testing text-to-speech engine”，那么证明 `pyttsx3` 一切正常；如果听不到，那可能是系统音频设置的问题。

3. **多线程使用问题**：这里的多线程需要小心。你也可以考虑将声音播放和 Flask 路由放在同一个线程中，以避免竞争条件造成的不稳定，比如：

  1. import queue

  3. # 创建队列
  4. sound_queue = queue.Queue()

  6. def play_sound():
  7.     while True:
  8.         word = sound_queue.get()  # 从队列取出要发音的单词
  9.         engine.say(word)
  10.         engine.runAndWait()
  11.         sound_queue.task_done()

  13. # 在主程序中启动音频播放线程
  14. t = threading.Thread(target=play_sound)
  15. t.daemon = True
  16. t.start()

  18. def display_and_pronounce(words, sleep_time, language):
  19.     global is_paused, stop_thread
  20.    
  21.     for word in words:
  22.         if stop_thread:
  23.             break

  25.         while is_paused:
  26.             time.sleep(0.1)

  28.         sound_queue.put(word)  # 将单词放入队列
  29.         time.sleep(calculate_gap(word, sleep_time))
复制代码


4. **修改后端路由方法**：确保你的 Flask 路由能正确处理请求并返回响应，让我们在 `/start` 的方法上确认它处理 POST 请求：

  1. @app.route('/start', methods=['POST'])
  2. def start():
  3.     # ...之前的代码...
  4.     return jsonify({'status': 'started'})
复制代码


### 最后的建议
如果这样还是不奏效，请务必在控制台查看是否有错误信息，或者在代码中添加更多的打印语句来检查执行流程。记住，调试就像是一场侦探游戏，任何蛛丝马迹都可能成为关键线索。而且，别忘了时不时看看你的音量设置哦，有时候最简单的问题才是幕后黑手！

希望这些修改和建议能帮助到你，如果还有问题，随时问我，我们一起捋顺这条“发声”的河流！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

newbison
 楼主| 发表于 2024-8-3 15:40:06 | 显示全部楼层
能不能将app.py 整个文件给我一下？
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FishC
发表于 2024-8-3 15:42:26 | 显示全部楼层
newbison 发表于 2024-08-03 15:40
能不能将app.py 整个文件给我一下？


当然可以！下面是一个经过调整的 `app.py` 文件，确保你的 Flask 应用可以顺利地发出声音，同时避免之前提到的问题：

  1. from flask import Flask, render_template, request, jsonify
  2. import json
  3. import random
  4. import pyttsx3
  5. import threading
  6. import time
  7. import os
  8. import queue

  10. app = Flask(__name__)

  12. # Initialize the sound queue
  13. sound_queue = queue.Queue()

  15. # Setup TTS engine
  16. engine = pyttsx3.init()
  17. engine.setProperty("rate", 100)
  18. engine.setProperty("volume", 1)
  19. voices = engine.getProperty("voices")

  21. # Load words from JSON file
  22. current_dir = os.path.join(os.path.abspath(__file__))
  23. parent_dir = os.path.dirname(current_dir)
  24. filepath = os.path.join(parent_dir, 'words.json')

  26. with open(filepath, 'r', encoding='utf-8') as f:
  27.     words_dict = json.load(f)

  29. # Global control variables
  30. is_paused = False
  31. stop_thread = False

  33. @app.route('/')
  34. def index():
  35.     return render_template('index.html')

  37. @app.route('/start', methods=['POST'])
  38. def start():
  39.     global is_paused, stop_thread
  40.     is_paused = False
  41.     stop_thread = False

  43.     language = request.form['language']
  44.     num_words = int(request.form['num_words'])
  45.     sleep_time = float(request.form['sleep_time'])
  46.     order = request.form['order']

  48.     words = list(words_dict.keys()) if language == 'english' else list(words_dict.values())
  49.     selected_words = random.sample(words, num_words) if order == 'random' else words[:num_words]

  51.     for word in selected_words:
  52.         sound_queue.put(word)  # Put each word in the queue

  54.     return jsonify({'status': 'started'})

  56. @app.route('/pause', methods=['POST'])
  57. def pause():
  58.     global is_paused
  59.     is_paused = not is_paused
  60.     return jsonify({'status': 'paused' if is_paused else 'resumed'})

  62. @app.route('/stop', methods=['POST'])
  63. def stop():
  64.     global stop_thread
  65.     stop_thread = True
  66.     return jsonify({'status': 'stopped'})

  68. def play_sound():
  69.     while True:
  70.         word = sound_queue.get()  # Get a word from the queue
  71.         if stop_thread:
  72.             break
  73.         engine.say(word)
  74.         engine.runAndWait()  # Wait until the speech is finished
  75.         sound_queue.task_done()  # Indicate that the word has been processed

  77. # Start the sound playing thread
  78. threading.Thread(target=play_sound, daemon=True).start()

  80. if __name__ == "__main__":
  81.     app.run(debug=True)
复制代码


### 主要变动说明：
1. **使用 `queue.Queue()`**：通过队列管理要发音的单词，避免卡住线程。
2. **简化音频播放逻辑**：将播放逻辑放到一个独立的线程中，确保每个单词都能按顺序发音。
3. **在路由中获取参数**：确保从请求中正确获取参数。

### 其他注意事项：
- 请确认 `words.json` 文件结构正确，以便正确加载单词。
- 确保 `pyttsx3` 以及其他依赖项已正确安装。
- 根据需求，记得在前端 HTML 中修改对应的字段名称和格式。

希望这个完整的 `app.py` 文件能帮你顺利运行。若还有其他问题，请随时告诉我！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-21 14:56

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表