109 lines
2.9 KiB
JavaScript
109 lines
2.9 KiB
JavaScript
import {
|
||
ref,
|
||
onBeforeUnmount,
|
||
onMounted
|
||
} from 'vue'
|
||
import {
|
||
onHide,
|
||
onUnload
|
||
} from '@dcloudio/uni-app'
|
||
|
||
function formatTextForSpeech(rawText) {
|
||
return rawText
|
||
// 去除链接 markdown 格式 [xxx](url)
|
||
.replace(/\[([^\]]+)\]\([^)]+\)/g, '$1')
|
||
// 去除 Markdown 语法符号
|
||
.replace(/[*_`>#\-]/g, '')
|
||
// 将换行转换为句号
|
||
.replace(/\n+/g, '。')
|
||
// 多个标点统一转为句号（表示停顿）
|
||
.replace(/[。，,.、!！?？；;：:~～…··\-\/\\]{1,}/g, '。')
|
||
// 合并多个句号
|
||
.replace(/([。]{2,})/g, '。')
|
||
// 去除多余空格
|
||
.replace(/\s+/g, ' ')
|
||
// 去除开头结尾的句号
|
||
.replace(/^[。]+|[。]+$/g, '')
|
||
.trim()
|
||
}
|
||
|
||
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
|
||
}) => {
|
||
cancel() // 重置之前的
|
||
const voices = speechSynthesis.getVoices()
|
||
const chineseVoices = voices.filter(v => v.lang.includes('zh'))
|
||
// console.log(chineseVoices.map((item) => item.name))
|
||
const cleanText = cleanMarkdown(text)
|
||
utterance = new SpeechSynthesisUtterance(cleanText)
|
||
// utterance.voice = chineseVoices.find(v => v.name === 'Shelley')
|
||
utterance.lang = options.lang || 'zh-CN'
|
||
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 cancel = () => {
|
||
speechSynthesis.cancel()
|
||
isSpeaking.value = false
|
||
isPaused.value = false
|
||
}
|
||
// 页面刷新/关闭时
|
||
onMounted(() => {
|
||
if (typeof window !== 'undefined') {
|
||
window.addEventListener('beforeunload', cancel)
|
||
}
|
||
})
|
||
|
||
onBeforeUnmount(() => {
|
||
cancel()
|
||
if (typeof window !== 'undefined') {
|
||
window.removeEventListener('beforeunload', cancel)
|
||
}
|
||
})
|
||
|
||
onHide(cancel)
|
||
onUnload(cancel)
|
||
|
||
return {
|
||
speak,
|
||
pause,
|
||
resume,
|
||
cancel,
|
||
isSpeaking,
|
||
isPaused,
|
||
}
|
||
} |