@sign-speak/react-sdk
Version:
Unlock Sign Language Recognition, Avatar, and Speech Recognition.
33 lines (32 loc) • 2.45 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SpeechRecognition = void 0;
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var sttHook_1 = require("../hooks/sttHook");
var SpeechRecognition = function (_a) {
var onResult = _a.onResult, model = _a.model, _b = _a.containerClassName, containerClassName = _b === void 0 ? "" : _b, _c = _a.transcriptionClassName, transcriptionClassName = _c === void 0 ? "" : _c, _d = _a.errorClassName, errorClassName = _d === void 0 ? "" : _d, _e = _a.loadingClassName, loadingClassName = _e === void 0 ? "" : _e, _f = _a.buttonClassName, buttonClassName = _f === void 0 ? "" : _f;
var _g = (0, sttHook_1.useSpeechRecognition)({
model: model
}), startRecognition = _g.startRecognition, stopRecognition = _g.stopRecognition, prediction = _g.prediction, loading = _g.loading, error = _g.error, recording = _g.recording;
// Invoke onResult callback when transcription updates.
(0, react_1.useEffect)(function () {
if (prediction && onResult) {
onResult(prediction);
}
}, [prediction, onResult]);
var transcription = prediction === null || prediction === void 0 ? void 0 : prediction.prediction.map(function (x) { return x.prediction; }).join(" ");
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: containerClassName }, { children: [transcription && ((0, jsx_runtime_1.jsx)("p", __assign({ className: transcriptionClassName }, { children: transcription }))), error && ((0, jsx_runtime_1.jsx)("p", __assign({ className: errorClassName }, { children: error.message }))), loading ? ((0, jsx_runtime_1.jsx)("div", { className: loadingClassName })) : recording ? ((0, jsx_runtime_1.jsx)("button", __assign({ className: buttonClassName, onClick: stopRecognition }, { children: "Stop Listening" }))) : ((0, jsx_runtime_1.jsx)("button", __assign({ className: buttonClassName, onClick: startRecognition }, { children: "Start Listening" })))] })));
};
exports.SpeechRecognition = SpeechRecognition;