麦克风流 aws 转录

Question

我用 aws 的 repo 试试这个 https://github.com/awsdocs/aws-doc-sdk-examples/tree/main/javascriptv3/example_code/cross-services/transcribe-streaming-app 它工作正常但是当我将这段代码用于我的反应应用程序时它给了我错误 喜欢

react_devtools_backend.js:2655 Error creating microphone stream: TypeError: microphone_stream__WEBPACK_IMPORTED_MODULE_0___default(...).default is not a constructor
    at createMicrophoneStream (transcribeClient.js:64:1)
    at Module.startRecording (transcribeClient.js:30:1)
    at startRecording (Dashboard.jsx:29:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1)
    at executeDispatch (react-dom.development.js:9041:1)
    at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1)
    at processDispatchQueue (react-dom.development.js:9086:1)
index.js:35 Uncaught ReferenceError: Buffer is not defined
    at fromArrayBuffer (index.js:35:1)
    at Object.bufferFrom [as default] (index.js:60:1)
    at ScriptProcessorNode.recorderProcess (microphone-stream.js:108:1)
fromArrayBuffer @ index.js:35
bufferFrom @ index.js:60
recorderProcess @ microphone-stream.js:108
Dashboard.jsx:34 hello ReferenceError: process is not defined
    at Readable.on (_stream_readable.js:763:1)
    at createReadableStreamAsyncIterator (async_iterator.js:182:1)
    at Readable.<computed> (_stream_readable.js:921:1)
    at getAudioStream (transcribeClient.js:114:1)
    at getAudioStream.next (<anonymous>)
    at Object.serializedIterator (EventStreamMarshaller.js:21:1)
    at serializedIterator.next (<anonymous>)
    at Object.pull (utils.js:21:1)
_stream_readable.js:490 Uncaught (in promise) ReferenceError: process is not defined
    at emitReadable (_stream_readable.js:490:1)
    at onEofChunk (_stream_readable.js:469:1)
    at readableAddChunk (_stream_readable.js:240:1)
    at Readable.push (_stream_readable.js:228:1)
    at MicrophoneStream.stop (microphone-stream.js:157:1)
    at Module.stopRecording (transcribeClient.js:36:1)
    at stopRecording (Dashboard.jsx:21:1)
    at startRecording (Dashboard.jsx:36:1)

我期待得到它正在与 aws repo 项目一起工作的转录，该项目在带有 webpack 的自定义 js 中，但我正在尝试 react js

Answer 1

从你的主要错误：

"TypeError:microphone_stream__WEBPACK_IMPORTED_MODULE_0___default(...).default is not a constructor,"

我可以看出这是 microphone-stream 库的问题。最有可能的是，这个 lib 应该将流收集到未导入到您的

index.js

:

中的缓冲区

(index.js:35 Uncaught ReferenceError: Buffer is not defined)

可能，你忘了添加如下内容：

import { Buffer } from 'buffer';