From e12241b0e4ad3808e601a576aa562eb93e9ae132 Mon Sep 17 00:00:00 2001 From: Apcallover <1503963513@qq.com> Date: Fri, 7 Nov 2025 11:30:07 +0800 Subject: [PATCH] =?UTF-8?q?flat:=20=E6=9A=82=E5=AD=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 10244 -> 10244 bytes components/.DS_Store | Bin 8196 -> 8196 bytes components/AppLayout/AppLayout.vue | 13 +- components/empty/empty.vue | 3 +- components/renderJobs/renderJobs.vue | 4 +- components/selectFilter/selectFilter.vue | 2 + components/selectFilter/selectFilter2col.vue | 345 ++++++++++++++++++ hook/useSpeechReader.js | 136 ------- hook/useSystemPlayer.js | 157 ++++++++ hook/useSystemSpeechReader.js | 203 +++++++++++ index.html | 2 + packageA/pages/myResume/myResume.vue | 210 +++++++---- pages.json | 3 +- pages/chat/components/ai-paging.vue | 14 +- pages/index/components/index-one.vue | 6 +- pages/login/login.vue | 3 +- pages/nearby/components/four.vue | 108 +++++- pages/nearby/nearby.vue | 2 +- static/.DS_Store | Bin 10244 -> 10244 bytes static/icon/.DS_Store | Bin 10244 -> 10244 bytes static/icon/background2.png | Bin 48329 -> 34839 bytes static/icon/background3.png | Bin 0 -> 48329 bytes static/tabbar/logo3.png | Bin 4617 -> 5015 bytes .../dist/cache/.vite/deps/_metadata.json | 6 +- 24 files changed, 980 insertions(+), 237 deletions(-) create mode 100644 components/selectFilter/selectFilter2col.vue delete mode 100644 hook/useSpeechReader.js create mode 100644 hook/useSystemPlayer.js create mode 100644 hook/useSystemSpeechReader.js create mode 100644 static/icon/background3.png diff --git a/.DS_Store b/.DS_Store index 7e6cd5e5552652596461862fc32fb3c19c60dd7f..74c1a49f30266f1b0998e81ab8922116012caff0 100644 GIT binary patch delta 84 zcmZn(XbIR5CqDVPbSa00frXBOiIMr_21)73^)f1xWh7o8Buo(!oA*n4ux(~jh+s!Z IBlPhB0F8AT6#xJL delta 86 zcmZn(XbIR5Cq8+NXc?!WrMZ!gf{CTkWJ78D$x;$87`IQ37cb-zudX&U)lo1uFat_R aGj>j{7nW!2+PquRn{6|@LO45yW_18^*BH0} diff --git a/components/.DS_Store b/components/.DS_Store index 1ef8e1f3b24125515ce6d862866892fbe16e144e..82e04a6da1eaed3dfed779fce82b78a0ec888f9a 100644 GIT binary patch delta 133 zcmZp1XmOa}&nU7nU^hRb$Yve^Q5H!ahGK?Ph8!SHW+-8BW5@)uOMtwh$zs9{9A*|4 mItr$S29xIr+v8TcSxDq9(`I&wZ!EIi3=9l7jRdND#RLEim>!(~ delta 42 xcmZp1XmOa}&nUDpU^hRb&}JS1QI^e`qW73KHgGU*W|#QJvYAzk3CLq*1OOGf3?Tpj diff --git a/components/AppLayout/AppLayout.vue b/components/AppLayout/AppLayout.vue index e9b405f..193836f 100644 --- a/components/AppLayout/AppLayout.vue +++ b/components/AppLayout/AppLayout.vue @@ -12,7 +12,7 @@ - + {{ title }} {{ subTitle }} @@ -45,12 +45,15 @@ + + diff --git a/hook/useSpeechReader.js b/hook/useSpeechReader.js deleted file mode 100644 index eacbe3c..0000000 --- a/hook/useSpeechReader.js +++ /dev/null @@ -1,136 +0,0 @@ -import { - ref, - onBeforeUnmount, - onMounted -} from 'vue' -import { - onHide, - onUnload -} from '@dcloudio/uni-app' - - - -export function useSpeechReader() { - const isSpeaking = ref(false) - const isPaused = ref(false) - let utterance = null - - const cleanMarkdown = (text) => { - return formatTextForSpeech(text) - } - - const speak = (text, options = { - lang: 'zh-CN', - rate: 0.9, - pitch: 1.2 - }) => { - cancelAudio() // 重置之前的 - // const voices = speechSynthesis.getVoices() - // const chineseVoices = voices.filter(v => v.lang.includes('zh')) - const speechText = extractSpeechText(text); - utterance = new SpeechSynthesisUtterance(speechText) - // utterance.lang = options.lang || 'zh' - utterance.rate = options.rate || 1 - utterance.pitch = options.pitch || 1.1 // 音调（0 - 2，偏高比较柔和） - - utterance.onend = () => { - isSpeaking.value = false - isPaused.value = false - } - - speechSynthesis.speak(utterance) - isSpeaking.value = true - isPaused.value = false - } - - const pause = () => { - if (isSpeaking.value && !isPaused.value) { - speechSynthesis.pause() - isPaused.value = true - } - } - - const resume = () => { - if (isSpeaking.value && isPaused.value) { - speechSynthesis.resume() - isPaused.value = false - } - } - - const cancelAudio = () => { - speechSynthesis.cancel() - isSpeaking.value = false - isPaused.value = false - } - // 页面刷新/关闭时 - onMounted(() => { - if (typeof window !== 'undefined') { - window.addEventListener('beforeunload', cancelAudio) - } - }) - - onBeforeUnmount(() => { - cancelAudio() - if (typeof window !== 'undefined') { - window.removeEventListener('beforeunload', cancelAudio) - } - }) - - onHide(cancelAudio) - onUnload(cancelAudio) - - return { - speak, - pause, - resume, - cancelAudio, - isSpeaking, - isPaused, - } -} - -function extractSpeechText(markdown) { - const jobRegex = /``` job-json\s*({[\s\S]*?})\s*```/g; - const jobs = []; - let match; - let lastJobEndIndex = 0; - let firstJobStartIndex = -1; - - // 提取岗位 json 数据及前后位置 - 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); - } - } - - // 提取引导语（第一个 job-json 之前的文字） - const guideText = firstJobStartIndex > 0 ? - markdown.slice(0, firstJobStartIndex).trim() : - ''; - - // 提取结束语（最后一个 job-json 之后的文字） - 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'); -} \ No newline at end of file diff --git a/hook/useSystemPlayer.js b/hook/useSystemPlayer.js new file mode 100644 index 0000000..a3cac95 --- /dev/null +++ b/hook/useSystemPlayer.js @@ -0,0 +1,157 @@ +import { + ref, + onUnmounted, + readonly +} from 'vue'; + +const defaultExtractSpeechText = (text) => text; + + +export function useTTSPlayer() { + const synth = window.speechSynthesis; + const isSpeaking = ref(false); + const isPaused = ref(false); + const utteranceRef = ref(null); + + const cleanup = () => { + isSpeaking.value = false; + isPaused.value = false; + utteranceRef.value = null; + }; + + /** + * @param {string} text - The text to be spoken. + * @param {object} [options] - Optional settings for the speech. + * @param {string} [options.lang] - Language (e.g., 'en-US', 'es-ES'). + * @param {number} [options.rate] - Speed (0.1 to 10, default 1). + * @param {number} [options.pitch] - Pitch (0 to 2, default 1). + * @param {SpeechSynthesisVoice} [options.voice] - A specific voice object. + * @param {function(string): string} [options.extractSpeechText] - A function to filter/clean the text before speaking. + */ + const speak = (text, options = {}) => { + if (!synth) { + console.error('SpeechSynthesis API is not supported in this browser.'); + return; + } + + if (isSpeaking.value) { + synth.cancel(); + } + + const filteredText = extractSpeechText(text); + + if (!filteredText || typeof filteredText !== 'string' || filteredText.trim() === '') { + console.warn('Text to speak is empty after filtering.'); + cleanup(); // Ensure state is clean + return; + } + + const newUtterance = new SpeechSynthesisUtterance(filteredText); // Use filtered text + utteranceRef.value = newUtterance; + + newUtterance.rate = options.rate || 1; + newUtterance.pitch = options.pitch || 1; + if (options.voice) { + newUtterance.voice = options.voice; + } + + newUtterance.onstart = () => { + isSpeaking.value = true; + isPaused.value = false; + }; + + newUtterance.onpause = () => { + isPaused.value = true; + }; + newUtterance.onresume = () => { + isPaused.value = false; + }; + newUtterance.onend = () => { + cleanup(); + }; + newUtterance.onerror = (event) => { + console.error('SpeechSynthesis Error:', event.error); + cleanup(); + }; + + synth.speak(newUtterance); + }; + + const pause = () => { + if (synth && isSpeaking.value && !isPaused.value) { + synth.pause(); + } + }; + + const resume = () => { + if (synth && isPaused.value) { + synth.resume(); + } + }; + + const cancelAudio = () => { + if (synth) { + synth.cancel(); + } + cleanup(); + }; + + onUnmounted(() => { + cancelAudio(); + }); + + return { + speak, + pause, + resume, + cancelAudio, + isSpeaking: readonly(isSpeaking), + isPaused: readonly(isPaused), + }; +} + +function extractSpeechText(markdown) { + const jobRegex = /``` job-json\s*({[\s\S]*?})\s*```/g; + const jobs = []; + let match; + let lastJobEndIndex = 0; + let firstJobStartIndex = -1; + + // 提取岗位 json 数据及前后位置 + 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); + } + } + + // 提取引导语（第一个 job-json 之前的文字） + const guideText = firstJobStartIndex > 0 ? + markdown.slice(0, firstJobStartIndex).trim() : + ''; + + // 提取结束语（最后一个 job-json 之后的文字） + 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'); +} \ No newline at end of file diff --git a/hook/useSystemSpeechReader.js b/hook/useSystemSpeechReader.js new file mode 100644 index 0000000..b8b40d5 --- /dev/null +++ b/hook/useSystemSpeechReader.js @@ -0,0 +1,203 @@ +import { + ref, + readonly, + onUnmounted +} from 'vue'; + +// 检查 API 兼容性 +const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; +const isApiSupported = !!SpeechRecognition && !!navigator.mediaDevices && !!window.AudioContext; + +/** + * @param {object} [options] + * @param {string} [options.lang] - Language code (e.g., 'zh-CN', 'en-US') + * @returns {object} + */ +export function useAudioRecorder(options = {}) { + const lang = options.lang || 'zh-CN'; // 默认使用中文 + + const isRecording = ref(false); + const recognizedText = ref(''); // 完整的识别文本（包含临时的） + const lastFinalText = ref(''); // 最后一段已确定的文本 + const volumeLevel = ref(0); // 音量 (0-100) + const audioDataForDisplay = ref(new Uint8Array()); // 波形数据 + + let recognition = null; + let audioContext = null; + let analyser = null; + let mediaStreamSource = null; + let mediaStream = null; + let dataArray = null; // 用于音量和波形 + let animationFrameId = null; + + if (!isApiSupported) { + console.warn( + '此浏览器不支持Web语音API或Web音频API。钩子无法正常工作。' + ); + return { + isRecording: readonly(isRecording), + startRecording: () => console.error('Audio recording not supported.'), + stopRecording: () => {}, + cancelRecording: () => {}, + audioDataForDisplay: readonly(audioDataForDisplay), + volumeLevel: readonly(volumeLevel), + recognizedText: readonly(recognizedText), + lastFinalText: readonly(lastFinalText), + }; + } + + const setupRecognition = () => { + recognition = new SpeechRecognition(); + recognition.lang = lang; + recognition.continuous = true; // 持续识别 + recognition.interimResults = true; // 返回临时结果 + + recognition.onstart = () => { + isRecording.value = true; + }; + + recognition.onend = () => { + isRecording.value = false; + stopAudioAnalysis(); // 语音识别停止时，也停止音频分析 + }; + + recognition.onerror = (event) => { + console.error('SpeechRecognition Error:', event.error); + isRecording.value = false; + stopAudioAnalysis(); + }; + + recognition.onresult = (event) => { + let interim = ''; + let final = ''; + + for (let i = 0; i < event.results.length; i++) { + const transcript = event.results[i][0].transcript; + if (event.results[i].isFinal) { + final += transcript; + lastFinalText.value = transcript; // 存储最后一段确定的文本 + } else { + interim += transcript; + } + } + recognizedText.value = final + interim; // 组合为完整文本 + }; + }; + + const startAudioAnalysis = async () => { + try { + mediaStream = await navigator.mediaDevices.getUserMedia({ + audio: true + }); + audioContext = new AudioContext(); + analyser = audioContext.createAnalyser(); + mediaStreamSource = audioContext.createMediaStreamSource(mediaStream); + + // 设置 Analyser + analyser.fftSize = 512; // 必须是 2 的幂 + const bufferLength = analyser.frequencyBinCount; + dataArray = new Uint8Array(bufferLength); // 用于波形 + + // 连接节点 + mediaStreamSource.connect(analyser); + + // 开始循环分析 + updateAudioData(); + } catch (err) { + console.error('Failed to get media stream or setup AudioContext:', err); + if (err.name === 'NotAllowedError' || err.name === 'PermissionDeniedError') { + alert('麦克风权限被拒绝。请在浏览器设置中允许访问麦克风。'); + } + } + }; + + const updateAudioData = () => { + if (!isRecording.value) return; // 如果停止了就退出循环 + + // 获取时域数据 (波形) + analyser.getByteTimeDomainData(dataArray); + audioDataForDisplay.value = new Uint8Array(dataArray); // 复制数组以触发响应式 + + // 计算音量 (RMS) + let sumSquares = 0.0; + for (const amplitude of dataArray) { + const normalized = (amplitude / 128.0) - 1.0; // 转换为 -1.0 到 1.0 + sumSquares += normalized * normalized; + } + const rms = Math.sqrt(sumSquares / dataArray.length); + volumeLevel.value = Math.min(100, Math.floor(rms * 250)); // 放大 RMS 值到 0-100 范围 + + animationFrameId = requestAnimationFrame(updateAudioData); + }; + + const stopAudioAnalysis = () => { + if (animationFrameId) { + cancelAnimationFrame(animationFrameId); + animationFrameId = null; + } + // 停止麦克风轨道 + mediaStream?.getTracks().forEach((track) => track.stop()); + // 关闭 AudioContext + audioContext?.close().catch((e) => console.error('Error closing AudioContext', e)); + + mediaStream = null; + audioContext = null; + analyser = null; + mediaStreamSource = null; + volumeLevel.value = 0; + audioDataForDisplay.value = new Uint8Array(); + }; + + const startRecording = async () => { + if (isRecording.value) return; + + // 重置状态 + recognizedText.value = ''; + lastFinalText.value = ''; + + try { + // 必须先启动音频分析以获取麦克风权限 + await startAudioAnalysis(); + + // 如果音频启动成功 (mediaStream 存在)，则启动语音识别 + if (mediaStream) { + setupRecognition(); + recognition.start(); + } + } catch (error) { + console.error("Error starting recording:", error); + } + }; + + const stopRecording = () => { + if (!isRecording.value || !recognition) return; + recognition.stop(); // 这将触发 onend 事件，自动停止音频分析 + }; + + const cancelRecording = () => { + if (!recognition) return; + isRecording.value = false; // 立即设置状态 + recognition.abort(); // 这也会触发 onend + recognizedText.value = ''; + lastFinalText.value = ''; + }; + + onUnmounted(() => { + if (recognition) { + recognition.abort(); + } + stopAudioAnalysis(); + }); + + return { + isRecording: readonly(isRecording), + startRecording, + stopRecording, + cancelRecording, + audioDataForDisplay: readonly(audioDataForDisplay), + volumeLevel: readonly(volumeLevel), + recognizedText: readonly(recognizedText), + lastFinalText: readonly(lastFinalText), + isApiSupported, // 导出支持状态 + }; +} \ No newline at end of file diff --git a/index.html b/index.html index 59f7dd8..f200838 100644 --- a/index.html +++ b/index.html @@ -23,6 +23,8 @@ var vConsole = new window.VConsole(); vConsole.destroy(); --> + +
diff --git a/packageA/pages/myResume/myResume.vue b/packageA/pages/myResume/myResume.vue index 9ad5638..094ba89 100644 --- a/packageA/pages/myResume/myResume.vue +++ b/packageA/pages/myResume/myResume.vue @@ -1,75 +1,116 @@ + \ No newline at end of file diff --git a/pages/nearby/nearby.vue b/pages/nearby/nearby.vue index 44833ad..91d8194 100644 --- a/pages/nearby/nearby.vue +++ b/pages/nearby/nearby.vue @@ -1,5 +1,5 @@