-
@@ -899,8 +930,10 @@
+
+
+
-
- 上传原始图片
+
+ 选择图片
-
- 请上传一张方形或长方形图片，将会自动分割成3x3的九宫格图片
+
+ 上传一张图片，将会自动分割成 3×3 九宫格
-
-
-
-
-
-
+
+
+
+
+
+ 导出设置
+
+
-
+
+
+
+ 单张尺寸
+
+
-
+
- 手动裁剪
+ px
+
+
+ 建议最大: {{ maxTileSize }} px
-
-
- ![原始图片]()
+
+
-
+
+ 允许放大
+
+
+
+
+
+ 格式
+
+
+
+
+
+ 质量
+
+
-
@@ -473,220 +645,86 @@ function getFileName(index: number) {
diff --git a/src/views/obs/live-request/ClassicRequestOBS.vue b/src/views/obs/live-request/ClassicRequestOBS.vue
index e2ed997..ee7acb5 100644
--- a/src/views/obs/live-request/ClassicRequestOBS.vue
+++ b/src/views/obs/live-request/ClassicRequestOBS.vue
@@ -144,41 +144,47 @@ onUnmounted(() => {
:class="{ animating: isMoreThanContainer }"
:style="`width: ${width}px; --item-parent-width: ${width}px`"
>
-
- 九宫格预览
-
- 九宫格预览显示了图片分割后的效果，每个格子都可以添加下方图片
+
+ 九宫格编辑
+
+
+ 每个格子可以添加附加图片，附加图片会显示在主图下方
+
+
+
+
+
+
+
+ 生成结果
+
+
+ 共生成 {{ finalImages.length }} 张图片，可单独下载
+
+
-
-
+
+
+
+
+
+ 完整预览
+
+
+ 以下是裁剪后的完整图片，网格线显示了九宫格的分割位置
-
-
+
+ 图片裁剪
+
+
+
+
+ ![原始图片]()
+
+
+
+
+ 居中裁剪
+
+
+ 手动裁剪
+
+
+
+ 重新选择
+
+
+
+
+
+
@@ -363,38 +529,12 @@ function getFileName(index: number) {
-
- 导出设置：
-
-
+
-
- 单张边长
-
-
- px
-
-
-
-
- 格式
-
-
-
-
- JPEG质量
-
-
-
-
- 清空所有下方图片
-
-
-
- 第{{ i }}格
+ {{ i }}
-
- 添加下方图片
+
+ 添加图片
- 删除下方图片
+ 移除
+
+ 生成九宫格图片
+
+
+ 打包下载 ZIP
+
+
+
+
+
+
+
-
+ ![]()
+
+ 下载
+ {{ index + 1 }}
+
+
- 最终图片
-
- 以下是生成的九宫格图片，您可以单独下载每张图片
-
-
+
+
-
-
- ![]()
-
- 下载
-
-
-
- {{ index + 1 }}
-
-
- {{ index + 1 }}
-
-
-
-
+
- {{ song.songName || '未知歌曲' }}
-
-
- {{ song.from == SongRequestFrom.Manual ? '主播添加' : song.user?.name || '未知用户' }}
-
-
- {{ `${song.user?.fans_medal_name || ''} ${song.user?.fans_medal_level || ''}` }}
+
-
+ {{ index + 1 }}
+
+
+
+
+ {{ song.songName || '未知歌曲' }}
+
+
+ {{ song.from == SongRequestFrom.Manual ? '主播添加' : song.user?.name || '未知用户' }}
+
+
+ {{ `${song.user?.fans_medal_name || ''} ${song.user?.fans_medal_level || ''}` }}
+
{
position: relative;
}
+.live-request-transition-group {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ position: relative;
+}
+
+.live-request-transition-enter-active,
+.live-request-transition-leave-active {
+ transition: opacity 0.3s ease, transform 0.3s ease;
+}
+
+.live-request-transition-enter-from,
+.live-request-transition-leave-to {
+ opacity: 0;
+ transform: translateY(10px);
+}
+
+.live-request-transition-leave-active {
+ position: absolute;
+ width: 100%;
+}
+
+.live-request-transition-move {
+ transition: transform 0.3s ease;
+}
+
@keyframes vertical-ping-pong {
0% {
transform: translateY(0);
@@ -426,7 +459,7 @@ onUnmounted(() => {
position: relative;
align-items: center;
padding: 4px 6px;
- margin-bottom: 5px;
+ margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 6px;
min-height: 36px;
diff --git a/src/views/obs/live-request/FreshRequestOBS.vue b/src/views/obs/live-request/FreshRequestOBS.vue
index 43500f9..a0c1661 100644
--- a/src/views/obs/live-request/FreshRequestOBS.vue
+++ b/src/views/obs/live-request/FreshRequestOBS.vue
@@ -156,47 +156,51 @@ onUnmounted(() => {
class="fresh-request-list-container"
>
-
-
(), {
+ viewBox: '',
+})
+
const GamepadDisplay = defineAsyncComponent(() => import('./GamepadDisplay.vue'))
interface Props {
viewBox?: string
}
-const props = withDefaults(defineProps(), {
- viewBox: '',
-})
-
// 基本设置
const selectedType = useStorage('Setting.Gamepad.SelectedType', 'xbox')
const currentGamepadType = computed(() => selectedType.value)
diff --git a/src/views/open_live/OpenQueue.vue b/src/views/open_live/OpenQueue.vue
index 1f7f1fd..c92713e 100644
--- a/src/views/open_live/OpenQueue.vue
+++ b/src/views/open_live/OpenQueue.vue
@@ -729,7 +729,7 @@ const columns = computed>(() => [
{
title: '时间',
key: 'createAt', // 使用 createAt 作为 key 以便排序
- sorter: 'default', // 使用 NDataTable 内置排序
+ sorter: true,
render: (data) => {
return h(NTime, { time: data.createAt, type: 'datetime' }) // 显示完整时间
},
diff --git a/src/views/open_live/ReadDanmaku.vue b/src/views/open_live/ReadDanmaku.vue
index 0d53a5b..ad661bd 100644
--- a/src/views/open_live/ReadDanmaku.vue
+++ b/src/views/open_live/ReadDanmaku.vue
@@ -18,8 +18,8 @@ import {
NCollapseItem,
NDivider,
NEmpty,
- NGrid,
NGi,
+ NGrid,
NIcon,
NInput,
NInputGroup,
@@ -41,13 +41,13 @@ import {
NTooltip,
useMessage,
} from 'naive-ui'
-import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
import { useAccount } from '@/api/account'
import { EventDataTypes } from '@/api/api-models'
import { useDanmakuClient } from '@/store/useDanmakuClient'
import { templateConstants, useSpeechService } from '@/store/useSpeechService'
import { copyToClipboard } from '@/Utils'
-import { TTS_API_URL } from '@/data/constants';
+import { TTS_API_URL } from '@/data/constants'
const props = defineProps<{
roomInfo?: any
@@ -70,11 +70,11 @@ const {
} = speechService
// Azure 语音列表
-const azureVoices = ref>([])
+const azureVoices = ref>([])
const azureVoicesLoading = ref(false)
// 音频输出设备列表
-const audioOutputDevices = ref>([])
+const audioOutputDevices = ref>([])
const audioOutputDevicesLoading = ref(false)
// 计算属性
@@ -423,7 +423,9 @@ onUnmounted(() => {
例如 Microsoft Xiaoxiao Online (Natural) - Chinese (Mainland)，各种营销号就用的这些配音
- 系列语音，效果好很多
+ 系列语音，效果
+ 好很多
+
{
重要： 当在后台运行时请关闭浏览器的页面休眠/内存节省功能
+
+ 重要：
+ 当在后台运行时请关闭浏览器的页面休眠/内存节省功能
{
- 输出设备
+
+ 输出设备
+
{
:size="16"
>
-
-
+
diff --git a/src/views/obs_store/components/gamepads/GamepadViewer.vue b/src/views/obs_store/components/gamepads/GamepadViewer.vue
index db372d5..06610a3 100644
--- a/src/views/obs_store/components/gamepads/GamepadViewer.vue
+++ b/src/views/obs_store/components/gamepads/GamepadViewer.vue
@@ -31,15 +31,16 @@ import {
import { computed, defineAsyncComponent, h, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
import { controllerBodies, controllerStructures, gamepadConfigs } from '@/data/gamepadConfigs'
import { useGamepadStore } from '@/store/useGamepadStore'
+
+const props = withDefaults(defineProps
- {{ index + 1 }}
-
-
- {{ song.songName }}
+ {{ index + 1 }}
-
- 选择语音
+
+ 选择语音
+
{
- 语音选择
+
+ 语音选择
+
{
- API 地址
+
+ API 地址
+
-import type { EventModel, OpenLiveInfo } from '@/api/api-models'
-import { Info24Filled, Mic24Filled } from '@vicons/fluent'
-import { useStorage } from '@vueuse/core'
-import EasySpeech from 'easy-speech'
-import GraphemeSplitter from 'grapheme-splitter'
-import { List } from 'linqts'
-import {
- NAlert,
- NButton,
- NCheckbox,
- NCollapse,
- NCollapseItem,
- NDivider,
- NEmpty,
- NIcon,
- NInput,
- NInputGroup,
- NInputGroupLabel,
- NInputNumber,
- NLi,
- NList,
- NListItem,
- NPopconfirm,
- NRadioButton,
- NRadioGroup,
- NSelect,
- NSlider,
- NSpace,
- NSpin,
- NTag,
- NText,
- NTooltip,
- NUl,
- useMessage,
-} from 'naive-ui'
-import { computed, nextTick, onMounted, onUnmounted, reactive, ref } from 'vue'
-import { useRoute } from 'vue-router'
-import { clearInterval, setInterval } from 'worker-timers'
-import { DownloadConfig, UploadConfig, useAccount } from '@/api/account'
-import { EventDataTypes } from '@/api/api-models'
-import { FETCH_API } from '@/data/constants'
-import { useDanmakuClient } from '@/store/useDanmakuClient'
-import { copyToClipboard } from '@/Utils'
-
-const props = defineProps<{
- roomInfo?: OpenLiveInfo
- code?: string | undefined
- isOpenLive?: boolean
-}>()
-
-interface SpeechSettings {
- speechInfo: SpeechInfo
- danmakuTemplate: string
- scTemplate: string
- guardTemplate: string
- giftTemplate: string
- enterTemplate: string
- voiceType: 'local' | 'api'
- voiceAPISchemeType: 'http' | 'https'
- voiceAPI: string
- splitText: boolean
- useAPIDirectly: boolean
- combineGiftDelay: number | undefined
-}
-
-interface SpeechInfo {
- volume: number
- pitch: number
- rate: number
- voice: string
-}
-
-interface SpeechState {
- isSpeaking: boolean
- speakingText: string
- isApiAudioLoading: boolean
- apiAudioSrc: string
- canSpeech: boolean
-}
-
-const speechState = reactive({
- isSpeaking: false,
- speakingText: '',
- isApiAudioLoading: false,
- apiAudioSrc: '',
- canSpeech: false,
-})
-
-const accountInfo = useAccount()
-const message = useMessage()
-const route = useRoute()
-const client = await useDanmakuClient().initOpenlive()
-const settings = useStorage('Setting.Speech', {
- speechInfo: {
- volume: 1,
- pitch: 1,
- rate: 1,
- voice: '',
- },
- danmakuTemplate: '{name} 说: {message}',
- scTemplate: '{name} 发送了醒目留言: {message}',
- guardTemplate: '感谢 {name} 的 {count} 个月 {guard_level}',
- giftTemplate: '感谢 {name} 赠送的 {count} 个 {gift_name}',
- enterTemplate: '欢迎 {name} 进入直播间',
- voiceType: 'local',
- voiceAPISchemeType: 'https',
- voiceAPI: 'voice.vtsuru.live/voice/bert-vits2?text={{text}}&id=1&format=mp3&streaming=true',
- useAPIDirectly: false,
- splitText: false,
- combineGiftDelay: 2,
-})
-const speechSynthesisInfo = ref<{
- speechSynthesis: SpeechSynthesis | undefined
- speechSynthesisUtterance: SpeechSynthesisUtterance | undefined
- speechSynthesisVoice: SpeechSynthesisVoice | undefined
- speechSynthesisEvent: SpeechSynthesisEvent | undefined
- speechSynthesisErrorEvent: SpeechSynthesisErrorEvent | undefined
- onvoiceschanged: boolean
- onboundary: boolean
- onend: boolean
- onerror: boolean
- onmark: boolean
- onpause: boolean
- onresume: boolean
- onstart: boolean
-}>()
-const languageDisplayName = new Intl.DisplayNames(['zh'], { type: 'language' })
-const voiceOptions = computed(() => {
- return new List(EasySpeech.voices())
- .Select((v) => {
- return {
- label: `[${languageDisplayName.of(v.lang)}] ${v.name}`,
- value: v.name,
- }
- })
- .DistinctBy(v => v.value)
- .ToArray()
-})
-const speakQueue = ref<{ updateAt: number, combineCount?: number, data: EventModel }[]>([])
-const giftCombineMap = new Map() // 用于快速查找礼物合并项
-const MAX_QUEUE_SIZE = 50 // 最大队列长度限制
-const isVtsuruVoiceAPI = computed(() => {
- return (
- settings.value.voiceType == 'api' && settings.value.voiceAPI?.toLowerCase().trim().startsWith('voice.vtsuru.live')
- )
-})
-
-const readedDanmaku = ref(0)
-
-const templateConstants = {
- name: {
- name: '用户名',
- words: '{name}',
- regex: /\{\s*name\s*\}/gi,
- },
- message: {
- name: '弹幕内容',
- words: '{message}',
- regex: /\{\s*message\s*\}/gi,
- },
- guard_level: {
- name: '舰长等级',
- words: '{guard_level}',
- regex: /\{\s*guard_level\s*\}/gi,
- },
- guard_num: {
- name: '上舰数量',
- words: '{guard_num}',
- regex: /\{\s*guard_num\s*\}/gi,
- },
- fans_medal_level: {
- name: '粉丝勋章等级',
- words: '{fans_medal_level}',
- regex: /\{\s*fans_medal_level\s*\}/gi,
- },
- price: {
- name: '价格',
- words: '{price}',
- regex: /\{\s*price\s*\}/gi,
- },
- count: {
- name: '数量',
- words: '{count}',
- regex: /\{\s*count\s*\}/gi,
- },
- gift_name: {
- name: '礼物名称',
- words: '{gift_name}',
- regex: /\{\s*gift_name\s*\}/gi,
- },
-}
-/**
- * 根据舰长等级数字返回对应的中文名称
- * @param guardLevel 舰长等级
- */
-function getGuardLevelName(guardLevel: number): string {
- switch (guardLevel) {
- case 1: return '总督'
- case 2: return '提督'
- case 3: return '舰长'
- default: return ''
- }
-}
-/**
- * 强制朗读指定事件, 会中断当前朗读并插队到最前面
- * @param data 事件数据
- */
-function forceSpeak(data: EventModel) {
- cancelSpeech()
-
- speakQueue.value.splice(
- speakQueue.value.findIndex(v => v.data == data),
- 1,
- )
- speakQueue.value.unshift({
- updateAt: 0,
- data,
- })
-}
-async function speak() {
- if (speechState.isSpeaking || speakQueue.value.length == 0) {
- return
- }
-
- // 寻找可以立即播放的事件（优先非等待合并的礼物）
- let targetIndex = -1
- const now = Date.now()
- const combineDelay = (settings.value.combineGiftDelay ?? 0) * 1000
-
- for (let i = 0; i < speakQueue.value.length; i++) {
- const item = speakQueue.value[i]
-
- // 如果是礼物且还在等待合并期间，跳过
- if (item.data.type == EventDataTypes.Gift
- && combineDelay > 0
- && item.updateAt > now - combineDelay) {
- continue
- }
-
- // 找到第一个可以播放的事件
- targetIndex = i
- break
- }
-
- // 如果没有找到可播放的事件，直接返回
- if (targetIndex === -1) {
- return
- }
-
- // 获取要播放的事件并从队列中移除
- const targetItem = speakQueue.value.splice(targetIndex, 1)[0]
-
- // 如果移除的不是礼物事件，需要更新礼物合并映射的索引
- if (targetItem.data.type !== EventDataTypes.Gift) {
- // 重建礼物合并映射，因为索引可能发生变化
- giftCombineMap.clear()
- speakQueue.value.forEach((item, index) => {
- if (item.data.type === EventDataTypes.Gift) {
- const giftKey = `${item.data.uid}-${item.data.msg}`
- giftCombineMap.set(giftKey, index)
- }
- })
- }
-
- let text = getTextFromDanmaku(targetItem.data)
- if (text) {
- speechState.isSpeaking = true
- readedDanmaku.value++
- speechState.speakingText = text
- if (checkTimer) {
- clearInterval(checkTimer)
- }
- checkTimer = setInterval(() => {
- message.error('语音播放超时')
- cancelSpeech()
- }, 30000)
- if (settings.value.voiceType == 'local') {
- speakDirect(text)
- } else {
- text = settings.value.splitText ? insertSpaces(text) : text
- speakFromAPI(text)
- }
- console.log(`[TTS] 正在朗读: ${text} ${targetIndex > 0 ? '(跳过等待合并的礼物)' : ''}`)
- }
-}
-function insertSpaces(sentence: string) {
- // First, insert spaces around English words and numbers
- // sentence = sentence.replace(/([a-zA-Z]+)/g, "'$1'")
-
- // Then, split all-caps words into single letters, each surrounded by spaces
- sentence = sentence.replace(/\b([A-Z]{2,})\b/g, (match) => {
- return match.split('').join(' ')
- })
-
- // Clean up any extra spaces that may have been added
- sentence = sentence.replace(/\s+/g, ' ').trim()
-
- return sentence
-}
-let checkTimer: number | undefined
-/**
- * 使用浏览器本地语音合成功能朗读
- * @param text 要朗读的文本
- */
-function speakDirect(text: string) {
- try {
- const synth = window.speechSynthesis
- if (!synth) {
- console.error('当前浏览器环境不支持tts')
- return
- }
- synth.cancel()
- const u = new SpeechSynthesisUtterance()
- u.text = text
- const voices = synth.getVoices()
- const voice = voices.find(v => v.name === settings.value.speechInfo.voice)
- if (voice) {
- u.voice = voice
- u.volume = settings.value.speechInfo.volume
- u.rate = settings.value.speechInfo.rate
- u.pitch = settings.value.speechInfo.pitch
- synth.speak(u)
- u.onend = () => {
- cancelSpeech()
- }
- u.onerror = (err) => {
- if (err.error == 'interrupted') {
- return
- }
- console.log(err)
- message.error(`无法播放语音: ${err.error}`)
- cancelSpeech()
- }
- }
- } catch (err) {
- console.log(err)
- // 如果本地语音合成失败，确保清理定时器
- cancelSpeech()
- }
-}
-const apiAudio = ref()
-const splitter = new GraphemeSplitter()
-
-/**
- * 构建API请求URL
- * @param text 要朗读的文本
- */
-function buildApiUrl(text: string): string | null {
- if (!settings.value.voiceAPI) {
- message.error('未设置语音API')
- return null
- }
- const scheme
- = settings.value.voiceAPISchemeType === 'https'
- ? 'https://'
- : settings.value.useAPIDirectly
- ? 'http://'
- : `${FETCH_API}http://`
-
- const url = `${scheme}${settings.value.voiceAPI.trim().replace(/^https?:\/\//, '')}`.replace(
- /\{\{\s*text\s*\}\}/,
- encodeURIComponent(text),
- )
-
- try {
- const tempURL = new URL(url)
- if (isVtsuruVoiceAPI.value) {
- tempURL.searchParams.set('vtsuruId', accountInfo.value?.id.toString() ?? '-1')
- if (splitter.countGraphemes(tempURL.searchParams.get('text') ?? '') > 100) {
- message.error(`本站提供的测试接口字数不允许超过 100 字. 内容: [${tempURL.searchParams.get('text')}]`)
- return null
- }
- }
- return tempURL.toString()
- } catch (err) {
- console.log(err)
- message.error(`无效的API地址: ${url}`)
- return null
- }
-}
-
-/**
- * 从API获取语音并播放
- * @param text 要朗读的文本
- */
-function speakFromAPI(text: string) {
- const url = buildApiUrl(text)
- if (!url) {
- cancelSpeech()
- return
- }
-
- speechState.isSpeaking = true
- speechState.isApiAudioLoading = true
- speechState.apiAudioSrc = url
-
- nextTick(() => {
- if (apiAudio.value) {
- // 设置预加载
- apiAudio.value.preload = 'auto'
-
- // 播放音频
- const playPromise = apiAudio.value.play()
- if (playPromise) {
- playPromise.catch((err) => {
- if (err.toString().startsWith('AbortError')) {
- return
- }
- console.error('[speakFromAPI] 音频播放失败:', err)
- message.error(`无法播放语音: ${err.message}`)
- cancelSpeech()
- })
- }
- }
- })
-}
-function onAPIError(e: Event) {
- if (!speechState.apiAudioSrc) return
- message.error('音频加载失败, 请检查API是否可用以及网络连接')
- cancelSpeech()
-}
-/**
- * 取消/停止当前所有朗读
- */
-function cancelSpeech() {
- speechState.isSpeaking = false
- if (checkTimer) {
- clearInterval(checkTimer)
- checkTimer = undefined
- }
- speechState.isApiAudioLoading = false
- pauseAPI()
- EasySpeech.cancel()
- speechState.speakingText = ''
-}
-function pauseAPI() {
- if (apiAudio.value && !apiAudio.value.paused) {
- apiAudio.value.pause()
- }
-}
-/**
- * 接收到事件, 添加到朗读队列
- * @param data 事件数据
- */
-function onGetEvent(data: EventModel) {
- if (!speechState.canSpeech) {
- return
- }
- if (data.type == EventDataTypes.Message && (data.emoji || /^(?:\[\w+\])+$/.test(data.msg))) {
- // 不朗读纯表情/图片弹幕
- return
- }
- if (data.type == EventDataTypes.Enter && !settings.value.enterTemplate) {
- return
- }
-
- // 礼物合并逻辑 - 使用Map优化性能
- if (data.type == EventDataTypes.Gift && settings.value.combineGiftDelay) {
- const giftKey = `${data.uid}-${data.msg}` // 用户ID和礼物名称组成的唯一键
- const existIndex = giftCombineMap.get(giftKey)
-
- if (existIndex !== undefined && existIndex < speakQueue.value.length) {
- const exist = speakQueue.value[existIndex]
- if (exist
- && exist.data.type == EventDataTypes.Gift
- && exist.updateAt > Date.now() - (settings.value.combineGiftDelay * 1000)) {
- // 更新现有礼物数据
- exist.updateAt = Date.now()
- exist.data.num += data.num
- exist.data.price += data.price
- exist.combineCount = (exist.combineCount ?? 0) + data.num
- console.log(
- `[TTS] ${data.uname} 增加已存在礼物数量: ${data.msg} [${exist.data.num - data.num} => ${exist.data.num}]`,
- )
- return
- }
- }
-
- // 添加新的礼物到队列
- const newIndex = speakQueue.value.length
- giftCombineMap.set(giftKey, newIndex)
-
- // 清理过期的Map条目
- setTimeout(() => {
- if (giftCombineMap.get(giftKey) === newIndex) {
- giftCombineMap.delete(giftKey)
- }
- }, (settings.value.combineGiftDelay + 1) * 1000)
- }
-
- speakQueue.value.push({
- data,
- updateAt: data.type == EventDataTypes.Gift ? Date.now() : 0, // 礼物事件记录时间用于合并
- })
-}
-function getTextFromDanmaku(data: EventModel | undefined) {
- if (!data) {
- return
- }
- let text: string = ''
- switch (data.type) {
- case EventDataTypes.Message:
- if (!settings.value.danmakuTemplate) {
- return
- }
- text = settings.value.danmakuTemplate
- break
- case EventDataTypes.SC:
- if (!settings.value.scTemplate) {
- return
- }
- text = settings.value.scTemplate
- break
- case EventDataTypes.Guard:
- if (!settings.value.guardTemplate) {
- return
- }
- text = settings.value.guardTemplate
- break
- case EventDataTypes.Gift:
- if (!settings.value.giftTemplate) {
- return
- }
- text = settings.value.giftTemplate
- break
- case EventDataTypes.Enter:
- if (!settings.value.enterTemplate) {
- return
- }
- text = settings.value.enterTemplate
- break
- }
- text = text
- .replace(
- templateConstants.name.regex,
- settings.value.voiceType == 'api' && settings.value.splitText ? `'${data.uname}'` : data.uname,
- )
- .replace(templateConstants.count.regex, data.num.toString())
- .replace(templateConstants.price.regex, data.price.toString())
- .replace(templateConstants.message.regex, data.msg)
- .replace(
- templateConstants.guard_level.regex,
- getGuardLevelName(data.guard_level),
- )
- .replace(templateConstants.fans_medal_level.regex, data.fans_medal_level.toString())
- .trim()
-
- if (data.type === EventDataTypes.Message) {
- text = text.replace(/\[.*?\]/g, ' ') // 删除 [表情], B站的表情是 [生气了] 这样的格式
- } else if (data.type === EventDataTypes.Gift) {
- text = text.replace(templateConstants.gift_name.regex, data.msg)
- } else if (data.type === EventDataTypes.Guard) {
- text = text.replace(templateConstants.guard_num.regex, data.num.toString())
- }
- text = fullWidthToHalfWidth(text)
- .replace(/[^0-9a-z\u4E00-\u9FFF\u3400-\u4DBF\uF900-\uFAFF,.:'"\s]/gi, '')
- .normalize('NFKC')
- return text
-}
-function fullWidthToHalfWidth(str: string) {
- // Convert full-width characters to half-width ones
- let result = str.replace(/[\uFF01-\uFF5E]/g, (ch) => {
- return String.fromCharCode(ch.charCodeAt(0) - 0xFEE0)
- })
-
- // Convert full-width space (u3000) to half-width one
- result = result.replace(/\u3000/g, ' ')
-
- return result
-}
-function startSpeech() {
- speechState.canSpeech = true
- message.success('服务已启动')
-}
-function stopSpeech() {
- speechState.canSpeech = false
- message.success('已停止监听')
-}
-async function uploadConfig() {
- try {
- const result = await UploadConfig('Speech', settings.value)
- if (result) {
- message.success('已保存至服务器')
- } else {
- message.error('保存失败')
- }
- } catch (error) {
- console.error('[uploadConfig] 上传配置失败:', error)
- message.error(`保存失败: ${error instanceof Error ? error.message : '未知错误'}`)
- }
-}
-async function downloadConfig() {
- try {
- const result = await DownloadConfig('Speech')
- if (result.status === 'success' && result.data) {
- settings.value = result.data
- message.success('已获取配置文件')
- } else if (result.status === 'notfound') {
- message.error('未上传配置文件')
- } else {
- message.error(`获取失败: ${result.msg}`)
- }
- } catch (error) {
- console.error('[downloadConfig] 下载配置失败:', error)
- message.error(`获取失败: ${error instanceof Error ? error.message : '未知错误'}`)
- }
-}
-
-/**
- * 创建测试事件数据
- * @param type 事件类型
- * @param overrides 覆盖默认值的对象
- */
-function createTestEventData(type: EventDataTypes, overrides: Partial): EventModel {
- const baseData = {
- type,
- uname: accountInfo.value?.name ?? '测试用户',
- uid: accountInfo.value?.biliId ?? 0,
- msg: '',
- price: 0,
- num: 0,
- time: Date.now(),
- guard_level: 0,
- fans_medal_level: 1,
- fans_medal_name: '',
- fans_medal_wearing_status: false,
- emoji: undefined,
- uface: '',
- open_id: '00000000-0000-0000-0000-000000000000',
- ouid: '00000000-0000-0000-0000-000000000000',
- }
- return { ...baseData, ...overrides }
-}
-
-/**
- * 测试不同类型的事件
- * @param type 事件类型
- */
-function test(type: EventDataTypes) {
- let testData: EventModel
- switch (type) {
- case EventDataTypes.Message:
- testData = createTestEventData(EventDataTypes.Message, { msg: '测试弹幕' })
- break
- case EventDataTypes.Enter:
- testData = createTestEventData(EventDataTypes.Enter, {})
- break
- case EventDataTypes.SC:
- testData = createTestEventData(EventDataTypes.SC, { msg: '测试留言', price: 30, num: 1 })
- break
- case EventDataTypes.Guard:
- testData = createTestEventData(EventDataTypes.Guard, { msg: '舰长', num: 1, guard_level: 3 })
- break
- case EventDataTypes.Gift:
- testData = createTestEventData(EventDataTypes.Gift, { msg: '测试礼物', price: 5, num: 5 })
- break
- default:
- return
- }
-
- // 如果正在监听，加入队列；否则直接播放
- if (speechState.canSpeech) {
- onGetEvent(testData)
- } else {
- forceSpeak(testData)
- }
-}
-
-function testAPI() {
- // 直接测试API，不受监听状态影响
- speakFromAPI('这是一条测试弹幕')
-}
-
-/**
- * 清理过期或无效的队列项
- */
-function cleanupQueue() {
- const now = Date.now()
- const validItems: typeof speakQueue.value = []
-
- speakQueue.value.forEach((item, index) => {
- // 保留非礼物事件或未过期的礼物事件
- if (item.data.type !== EventDataTypes.Gift
- || item.updateAt > now - (settings.value.combineGiftDelay ?? 0) * 1000) {
- validItems.push(item)
- } else {
- // 从Map中移除过期的礼物项
- const giftKey = `${item.data.uid}-${item.data.msg}`
- if (giftCombineMap.get(giftKey) === index) {
- giftCombineMap.delete(giftKey)
- }
- }
- })
-
- // 如果队列过长，保留最新的项目
- if (validItems.length > MAX_QUEUE_SIZE) {
- const removedItems = validItems.splice(0, validItems.length - MAX_QUEUE_SIZE)
- console.warn(`[TTS] 队列过长，已移除 ${removedItems.length} 个旧项目`)
- }
-
- speakQueue.value = validItems
-
- // 重建Map索引
- giftCombineMap.clear()
- speakQueue.value.forEach((item, index) => {
- if (item.data.type === EventDataTypes.Gift) {
- const giftKey = `${item.data.uid}-${item.data.msg}`
- giftCombineMap.set(giftKey, index)
- }
- })
-}
-
-let speechQueueTimer: number
-
-onMounted(() => {
- EasySpeech.init({ maxTimeout: 5000, interval: 250 })
- speechSynthesisInfo.value = EasySpeech.detect()
-
- // 自动选择默认语音
- const checkAndSetDefaultVoice = () => {
- const voices = EasySpeech.voices()
- if (voices.length > 0 && !settings.value.speechInfo.voice) {
- // 优先选择中文语音
- const chineseVoice = voices.find(v => v.lang.startsWith('zh'))
- settings.value.speechInfo.voice = chineseVoice?.name || voices[0].name
- console.log(`[TTS] 自动选择默认语音: ${settings.value.speechInfo.voice}`)
- }
- }
-
- // 立即检查一次
- checkAndSetDefaultVoice()
-
- // 如果语音列表还没加载完成，等待加载完成后再检查
- if (EasySpeech.voices().length === 0) {
- const voiceCheckTimer = setInterval(() => {
- if (EasySpeech.voices().length > 0) {
- checkAndSetDefaultVoice()
- clearInterval(voiceCheckTimer)
- }
- }, 100)
-
- // 10秒后停止检查避免无限循环
- setTimeout(() => clearInterval(voiceCheckTimer), 10000)
- }
-
- // 语音播放队列处理
- speechQueueTimer = setInterval(() => {
- speak()
- }, 250)
-
- client.onEvent('danmaku', onGetEvent)
- client.onEvent('sc', onGetEvent)
- client.onEvent('guard', onGetEvent)
- client.onEvent('gift', onGetEvent)
- client.onEvent('enter', onGetEvent)
-})
-onUnmounted(() => {
- // 清理队列定时器
- if (speechQueueTimer) {
- clearInterval(speechQueueTimer)
- }
-
- // 清理语音超时定时器
- if (checkTimer) {
- clearInterval(checkTimer)
- checkTimer = undefined
- }
-
- // 停止当前语音播放
- cancelSpeech()
-
- // 清理事件监听器
- client.offEvent('danmaku', onGetEvent)
- client.offEvent('sc', onGetEvent)
- client.offEvent('guard', onGetEvent)
- client.offEvent('gift', onGetEvent)
- client.offEvent('enter', onGetEvent)
-
- // 清理礼物合并映射
- giftCombineMap.clear()
-})
-
-
-
-
- 你的浏览器不支持语音功能
-
-
-
-
- 建议在 Edge 浏览器使用
-
-
-
- Microsoft 某某 Online (Nature)
-
-
- 例如 Microsoft Xiaoxiao Online (Natural) - Chinese (Mainland), 各种营销号就用的这些配音
-
- 系列语音, 效果要好
-
- 很多很多
-
-
-
- 当在后台运行时请关闭浏览器的 页面休眠/内存节省功能. Chrome:
-
- 让特定网站保持活动状态
-
- Edge:
-
-
- 永远不想进入睡眠状态的网站
-
-
-
-
-
-
- {{ speechState.canSpeech ? '停止监听' : '开始监听' }}
-
-
- 保存配置到服务器
-
-
-
-
- 从服务器获取配置
-
-
- 这将覆盖当前设置, 确定?
-
-
-
- 状态
-
-
-
-
-
-
-
- 取消
-
-
-
-
-
-
-
- {{ speechState.isSpeaking ? `正在朗读: ${speechState.speakingText}` : '未朗读' }}
-
-
- 队列: {{ speakQueue.length }}
-
-
-
-
- 暂无
-
-
-
-
-
- 读
-
-
- 取消
-
-
- 连续赠送中
-
-
- 等待连续赠送检查
-
-
- 弹幕
- 礼物
- 舰长
- SC
- 进入直播间
-
-
- {{ item.data.uname }}
-
-
- {{ getTextFromDanmaku(item.data) }}
-
-
-
-
-
-
-
-
-
-
-
- 本地
-
-
- API
-
-
-
-
-
-
-
-
-
- 音量
- 音调
- 语速
-
-
-
-
- 自定义内容
-
-
-
-
-
-
- 支持的变量:
-
- {{ item.words }} | {{ item.name }}
-
-
-
- 弹幕模板
-
- 测试
-
-
-
- 礼物模板
-
- 测试
-
-
-
- SC模板
-
- 测试
-
-
-
- 上舰模板
-
- 测试
-
-
-
- 进入直播间模板
-
- 测试
-
-
-
- 设置
-
-
- 是否启用礼物合并
-
-
-
- 这也会导致送的礼物会等待指定时间之后才会念, 即使没有连续赠送 -
-
-
- 送礼间隔 (秒)
-
-
- 启用句子拆分
-
-
-
- 例: 原文: Megghy 说: UPPERCASE单词,word. -
- 结果: 'Megghy' 说: U P P E R C A S E 单词,word. -
-
-
-
-
-
-
-
- 直接返回音频数据 (wav, mp3, m4a etc.)
-
- 最好使用HTTPS
-
-
-
-
- 指定API可以被外部访问 (除非你本地部署并且启用了https)
-
- 推荐项目, 可以用于本地部署:
-
- vits-simple-api
-
-
-
-
-
-
- 地址中的
-
- {{ '\{\{ text \}\}' }}
-
- 将被替换为要念的文本
-
-
- 看起来你正在使用本站提供的测试API (voice.vtsuru.live), 这个接口将会返回
-
- Xz乔希
-
- 训练的
-
-
- Taffy
-
- 链接里的 id 改成 0 会变成莲莲捏🥰
-
- 模型结果, 不支持部分英文, 仅用于测试, 用的人多的时候会比较慢, 不保证可用性. 侵删
-
-
-
-
-
- 测试
-
-
-
-
-
- 不使用https的话默认将会使用 cloudflare workers 进行代理, 会慢很多
-
-
- 不使用代理
-
-
-
-
-
-
- 音量
-
-
-
-
- -
-
-
-
- 这也会导致送的礼物会等待指定时间之后才会念, 即使没有连续赠送 -
- 例: 原文: Megghy 说: UPPERCASE单词,word. -
- 结果: 'Megghy' 说: U P P E R C A S E 单词,word. -