当前位置: 首页 > 知识库问答 >
问题:

如何将Python文件与React结合起来?

柯默
2023-03-14

我想在React项目的后端合并一个使用语音识别的Python文件。

这里我有一段使用语音识别的Python代码:

import speech_recognition as sr

r = sr.Recognizer()


def recognize(audio):
    try:
        return r.recognize_google(audio)
    except LookupError:
        print("There was an error")
        return ''

def transciption():
    with sr.Microphone() as source:
        print('speak now')
        r.adjust_for_ambient_noise(source)
        audio = r.listen(source)
        return recognize(audio)

我尝试在react组件中导入文件,如下所示:

import SpeechRec from 'SpeechRec.py';

在这里,我尝试将我的按钮链接到Python文件中的函数:

<button onClick={SpeechRec.transcription()}>SR</button>

我收到了它未能编译的消息以及以下内容:

./src/components/container/Container.jsx
Module not found: Can't resolve 'SpeechRec.py' in '......\collaborative-whiteboard-SR\ui\src\components\container'

我能做些什么来使这个工作?

共有1个答案

任绪
2023-03-14

您可以使用javascript和nodejs实现自己的语音识别模块。查看一些项目,如sonus,以及stackoverflow中的响应。

如果你仍然想使用python作为后端语言,你必须实现你自己的API(使用一些库,如烧瓶),以便能够与你的javascript代码交互。从响应应用程序中,您应该发出HTTP请求,这些请求将被接收到您的自定义Python API,该API将响应应用程序。

 类似资料:
  • 我试图创建一个简单的组件,从Apollo GraphQL服务器(查询)返回我的所有组织。我想从一个上下文状态呈现所有这些组织,在这个上下文状态下,在组件挂载(由useEffect挂钩处理)之后,可以使用分派方法放置这些组织。 如果状态结果(organizations数组)为空,useEffect钩子应该调用函数getOrganizations,然后调用自定义钩子useGetOrganization

  • 问题内容: 我已经使用Python asyncio和aiohttp成功构建了一个RESTful微服务,该服务可侦听POST事件以收集来自各种供料器的实时事件。 然后,它构建一个内存结构,以将事件的最后24小时缓存在嵌套的defaultdict / deque结构中。 现在,我想定期检查该结构到磁盘的位置,最好使用pickle。 由于内存结构可以大于100MB,因此我希望避免在检查点结构所需的时间上

  • 我使用https://doc.akka.io/docs/alpakka-kafka/current/consumer.html从kafka使用数据,如下所示: 接下来,我将通过akka http websocket客户端将收到的结果转发到webserver 以下是如何构建websocket客户端: 我有两个问题: > 如何将消费者和websocket客户端组合成一个流,并让它将消息发送到Web服务

  • 为了能够轻松地测试我的SOAP客户机(通过利用MockWebServiceServer),我想使用Spring的WebServiceTemplate。 SOAPendpoint是.NET服务器。基于wsdl,我能够生成bean(主要是请求类)和endpoint接口。 生成的界面如下: SOAPFaultClientException:反序列化操作“CallCheckXML”的请求消息正文时出错。O

  • 我目前有警卫声明: 但是,我只想在变量时执行保护块。我想跳过保护语句,如果需要。有没有比带有返回的if语句更好的方法来做到这一点? 编辑: 如何将其简化为单个防护装置?