首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将p5.js与Python Flask集成

如何将p5.js与Python Flask集成
EN

Stack Overflow用户
提问于 2021-06-30 16:10:03
回答 1查看 79关注 0票数 0

因此,我正在尝试运行一个python flask应用程序,它将呈现一个html模板,该模板将录制音频并将其发送到我的flask服务器。我是p5.js新手,我不能在我的网页上运行/获取音频输入。我已经尝试了SO和youtube中提到的几种解决方案,但都不能正常工作。

这是我的文件结构和脚本:

代码语言:javascript
运行
复制
---> files
     ---> sketch.js
---> templates
     ---> index.html
---> app.py

index.html :-

代码语言:javascript
运行
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jarvis</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.min.js"></script>
</head>
<body>
    Hello, This is home page!

    <script type="text/javascript" src="../files/sketch.js"></script>
</body>
</html>

sketch.js :-

代码语言:javascript
运行
复制
var mic;

function setup(){
    mic = new p5.AudioIn();
    mic.start();
}

function draw() {

}

app.py :-

代码语言:javascript
运行
复制
from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def home():
    return render_template('index.html')

if __name__ == "__main__":
    app.run(debug=True)

这是一个简单的例子,我不能让它工作。当我运行python app.py时,一切正常,没有错误,但浏览器没有要求麦克风许可,什么也没有发生。

我使用的是Windows 10,使用的是Firefox浏览器。(在Google Chrome上也试过了,同样的问题!)

如果有人能帮助我或指导我,我将不胜感激!

EN

回答 1

Stack Overflow用户

发布于 2021-06-30 16:12:19

您尝试使用Flask只是为了提供一些静态文件。检查另一个问题,了解如何做你想要做的事情:How to serve static files in Flask

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68190837

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档