73 lines
2.3 KiB
TypeScript
73 lines
2.3 KiB
TypeScript
|
"use client"
|
|||
|
|
|
|||
|
|
import { useState, useEffect } from "react"
|
|||
|
|
import { toast } from "@/components/ui/use-toast"
|
|||
|
|
|
|||
|
|
interface SpeechToTextProcessorProps {
|
|||
|
|
audioUrl: string
|
|||
|
|
onTranscriptReady: (transcript: string) => void
|
|||
|
|
onQuestionExtracted: (question: string) => void
|
|||
|
|
enabled: boolean
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function SpeechToTextProcessor({
|
|||
|
|
audioUrl,
|
|||
|
|
onTranscriptReady,
|
|||
|
|
onQuestionExtracted,
|
|||
|
|
enabled = true,
|
|||
|
|
}: SpeechToTextProcessorProps) {
|
|||
|
|
const [isProcessing, setIsProcessing] = useState(false)
|
|||
|
|
const [error, setError] = useState<string | null>(null)
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
if (!enabled || !audioUrl) return
|
|||
|
|
|
|||
|
|
const processAudio = async () => {
|
|||
|
|
try {
|
|||
|
|
setIsProcessing(true)
|
|||
|
|
setError(null)
|
|||
|
|
|
|||
|
|
// 模拟API调用延迟
|
|||
|
|
await new Promise((resolve) => setTimeout(resolve, 2000))
|
|||
|
|
|
|||
|
|
// 模拟转录结果
|
|||
|
|
const mockTranscript = `
|
|||
|
|
客服: 您好，这里是XX公司客服，请问有什么可以帮到您？
|
|||
|
|
客户: 请问贵公司的产品有什么特点？
|
|||
|
|
客服: 我们的产品主要有以下几个特点：首先，质量非常可靠；其次，价格比较有竞争力；第三，售后服务非常完善。
|
|||
|
|
客户: 那你们的价格是怎么样的？
|
|||
|
|
客服: 我们有多种套餐可以选择，基础版每月只需99元，高级版每月299元，具体可以根据您的需求来选择。
|
|||
|
|
客户: 好的，我了解了，谢谢。
|
|||
|
|
客服: 不客气，如果您有兴趣，我可以添加您的微信，给您发送更详细的产品资料。
|
|||
|
|
客户: 可以的，谢谢。
|
|||
|
|
客服: 好的，稍后我会添加您为好友，再次感谢您的咨询。
|
|||
|
|
`
|
|||
|
|
onTranscriptReady(mockTranscript)
|
|||
|
|
|
|||
|
|
// 提取首句问题
|
|||
|
|
const questionMatch = mockTranscript.match(/客户: (.*?)\n/)
|
|||
|
|
if (questionMatch && questionMatch[1]) {
|
|||
|
|
onQuestionExtracted(questionMatch[1])
|
|||
|
|
} else {
|
|||
|
|
onQuestionExtracted("未识别到有效问题")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setIsProcessing(false)
|
|||
|
|
} catch (err) {
|
|||
|
|
setError("处理音频时出错")
|
|||
|
|
setIsProcessing(false)
|
|||
|
|
toast({
|
|||
|
|
title: "处理失败",
|
|||
|
|
description: "语音转文字处理失败，请重试",
|
|||
|
|
variant: "destructive",
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
processAudio()
|
|||
|
|
}, [audioUrl, enabled, onTranscriptReady, onQuestionExtracted])
|
|||
|
|
|
|||
|
|
return null // 这是一个功能性组件，不渲染任何UI
|
|||
|
|
}
|
|||
|
|
|