qingdao-employment-service/hook/useTTSPlayer2.js

import {
    ref,
    onUnmounted,
    onMounted,
    watch
} from 'vue'
import {
    onHide,
    onUnload
} from '@dcloudio/uni-app'
import config from '@/config'
// 请确保 piper-sdk.js 已经正确 export class PiperTTS
import {
    PiperTTS
} from './piper-sdk.js'

export function useTTSPlayer() {
    // UI 状态
    const isSpeaking = ref(false)
    const isPaused = ref(false)
    const isLoading = ref(false)

    // SDK 实例
    let piper = null

    /**
     * 初始化 SDK 实例
     * 每次 stop 后 piper 会被置空，这里会重新创建
     */
    const initPiper = () => {
        if (piper) return

        let baseUrl = config.speechSynthesis2 || ''
        baseUrl = baseUrl.replace(/\/$/, '')

        piper = new PiperTTS({
            baseUrl: baseUrl,
            onStatus: (msg, type) => {
                if (type === 'error') {
                    console.error('[TTS Error]', msg)
                    // 出错时不重置状态，交给用户手动处理或结束事件处理
                    resetState()
                }
            },
            onStart: () => {
                isLoading.value = false
                isSpeaking.value = true
                isPaused.value = false
            },
            onEnd: () => {
                resetState()
            }
        })
    }

    /**
     * 核心朗读方法
     */
    const speak = async (text) => {
        if (!text) return

        const processedText = extractSpeechText(text)
        if (!processedText) return

        // 1. 【关键修改】先彻底停止并销毁旧实例
        // 这会断开 socket 并且 close AudioContext，确保上一个声音立即消失
        await stop()

        // 2. 初始化新实例 (因为 stop() 把 piper 设为了 null)
        initPiper()

        // 3. 更新 UI 为加载中
        isLoading.value = true
        isPaused.value = false
        isSpeaking.value = true // 预先设为 true，防止按钮闪烁

        try {
            // 4. 激活音频引擎 (移动端防静音关键)
            await piper.init()

            // 5. 发送请求
            piper.speak(processedText, {
                speakerId: 0,
                noiseScale: 0.667,
                lengthScale: 1.0
            })
        } catch (e) {
            console.error('TTS Speak Error:', e)
            resetState()
        }
    }

    /**
     * 暂停
     */
    const pause = async () => {
        if (piper && piper.audioCtx && piper.audioCtx.state === 'running') {
            await piper.audioCtx.suspend()
            isPaused.value = true
        }
    }

    /**
     * 恢复
     */
    const resume = async () => {
        if (piper && piper.audioCtx && piper.audioCtx.state === 'suspended') {
            await piper.audioCtx.resume()
            isPaused.value = false
            isSpeaking.value = true
        }
    }

    /**
     * 停止并重置 (核打击模式)
     */
    const stop = async () => {
        if (piper) {
            // 1. 断开 WebSocket
            piper.stop()

            // 2. 【关键】关闭 AudioContext
            // Web Audio API 中，已经 schedule 的 buffer 很难单独取消
            // 最直接的方法是关闭整个 Context
            if (piper.audioCtx && piper.audioCtx.state !== 'closed') {
                try {
                    await piper.audioCtx.close()
                } catch (e) {
                    console.warn('AudioContext close failed', e)
                }
            }

            // 3. 销毁实例引用
            piper = null
        }
        resetState()
    }

    // UI 状态重置
    const resetState = () => {
        isSpeaking.value = false
        isPaused.value = false
        isLoading.value = false
    }

    // === 生命周期 ===
    onMounted(() => {
        // 预初始化可以不做，等到点击时再做，避免空闲占用 AudioContext 资源
        // initPiper() 
    })

    onUnmounted(() => {
        stop()
    })

    // Uniapp 生命周期
    if (typeof onHide === 'function') onHide(stop)
    if (typeof onUnload === 'function') onUnload(stop)

    return {
        speak,
        pause,
        resume,
        stop,
        cancelAudio: stop,
        isSpeaking,
        isPaused,
        isLoading
    }
}

/**
 * 提取文本逻辑 (保持不变)
 */
function extractSpeechText(markdown) {
    if (!markdown || markdown.indexOf('job-json') === -1) {
        return markdown;
    }

    const jobRegex = /``` job-json\s*({[\s\S]*?})\s*```/g;
    const jobs = [];
    let match;
    let lastJobEndIndex = 0;
    let firstJobStartIndex = -1;

    while ((match = jobRegex.exec(markdown)) !== null) {
        const jobStr = match[1];
        try {
            const job = JSON.parse(jobStr);
            jobs.push(job);
            if (firstJobStartIndex === -1) {
                firstJobStartIndex = match.index;
            }
            lastJobEndIndex = jobRegex.lastIndex;
        } catch (e) {
            console.warn('JSON 解析失败', e);
        }
    }

    const guideText = firstJobStartIndex > 0 ?
        markdown.slice(0, firstJobStartIndex).trim() : '';

    const endingText = lastJobEndIndex < markdown.length ?
        markdown.slice(lastJobEndIndex).trim() : '';

    const jobTexts = jobs.map((job, index) => {
        return `第 ${index + 1} 个岗位，岗位名称是：${job.jobTitle}，公司是：${job.companyName}，薪资：${job.salary}，地点：${job.location}，学历要求：${job.education}，经验要求：${job.experience}。`;
    });

    const finalTextParts = [];
    if (guideText) finalTextParts.push(guideText);
    finalTextParts.push(...jobTexts);
    if (endingText) finalTextParts.push(endingText);

    return finalTextParts.join('\n');
}