-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
12 changed files
with
218 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
156 changes: 156 additions & 0 deletions
156
ui/src/views/application/component/TTSModeParamSettingDialog.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,156 @@ | ||
| <template> | ||
| <el-dialog | ||
| align-center | ||
| :title="$t('views.application.applicationForm.dialogues.paramSettings')" | ||
| class="aiMode-param-dialog" | ||
| v-model="dialogVisible" | ||
| style="width: 550px" | ||
| append-to-body | ||
| :close-on-click-modal="false" | ||
| :close-on-press-escape="false" | ||
| > | ||
| <DynamicsForm | ||
| v-model="form_data" | ||
| :model="form_data" | ||
| label-position="top" | ||
| require-asterisk-position="right" | ||
| :render_data="model_form_field" | ||
| ref="dynamicsFormRef" | ||
| > | ||
| </DynamicsForm> | ||
|
|
||
| <template #footer> | ||
| <div class="flex-between"> | ||
| <span class="p-16"> | ||
| <el-button @click="testPlay" :loading="playLoading"> | ||
| <AppIcon iconName="app-video-play"></AppIcon> | ||
| 试听 | ||
| </el-button> | ||
| </span> | ||
| <span class="dialog-footer p-16"> | ||
| <el-button @click.prevent="dialogVisible = false"> | ||
| {{ $t('views.application.applicationForm.buttons.cancel') }} | ||
| </el-button> | ||
| <el-button type="primary" @click="submit" :loading="loading"> | ||
| {{ $t('views.application.applicationForm.buttons.confirm') }} | ||
| </el-button> | ||
| </span> | ||
| </div> | ||
| </template> | ||
| </el-dialog> | ||
| <!-- 先渲染，不然不能播放 --> | ||
| <audio ref="audioPlayer" controls hidden="hidden"></audio> | ||
| </template> | ||
|
|
||
| <script setup lang="ts"> | ||
| import { ref } from 'vue' | ||
| import type { FormField } from '@/components/dynamics-form/type' | ||
| import modelAPi from '@/api/model' | ||
| import applicationApi from '@/api/application' | ||
| import DynamicsForm from '@/components/dynamics-form/index.vue' | ||
| import { keys } from 'lodash' | ||
| import { app } from '@/main' | ||
| const { | ||
| params: { id } | ||
| } = app.config.globalProperties.$route as any | ||
| const model_form_field = ref<Array<FormField>>([]) | ||
| const emit = defineEmits(['refresh']) | ||
| const dynamicsFormRef = ref<InstanceType<typeof DynamicsForm>>() | ||
| const form_data = ref<any>({}) | ||
| const dialogVisible = ref(false) | ||
| const loading = ref(false) | ||
| const playLoading = ref(false) | ||
| const getApi = (model_id: string, application_id?: string) => { | ||
| return application_id | ||
| ? applicationApi.getModelParamsForm(application_id, model_id, loading) | ||
| : modelAPi.getModelParamsForm(model_id, loading) | ||
| } | ||
| const open = (model_id: string, application_id?: string, model_setting_data?: any) => { | ||
| form_data.value = {} | ||
| const api = getApi(model_id, application_id) | ||
| api.then((ok) => { | ||
| model_form_field.value = ok.data | ||
| model_setting_data = | ||
| model_setting_data && keys(model_setting_data).length > 0 | ||
| ? model_setting_data | ||
| : ok.data | ||
| .map((item: any) => ({ [item.field]: item.default_value })) | ||
| .reduce((x, y) => ({ ...x, ...y }), {}) | ||
| // 渲染动态表单 | ||
| dynamicsFormRef.value?.render(model_form_field.value, model_setting_data) | ||
| }) | ||
| dialogVisible.value = true | ||
| } | ||
| const reset_default = (model_id: string, application_id?: string) => { | ||
| const api = getApi(model_id, application_id) | ||
| api.then((ok) => { | ||
| model_form_field.value = ok.data | ||
| const model_setting_data = ok.data | ||
| .map((item) => ({ [item.field]: item.default_value })) | ||
| .reduce((x, y) => ({ ...x, ...y }), {}) | ||
| emit('refresh', model_setting_data) | ||
| }) | ||
| } | ||
| const submit = async () => { | ||
| emit('refresh', form_data.value) | ||
| dialogVisible.value = false | ||
| } | ||
| const audioPlayer = ref<HTMLAudioElement | null>(null) | ||
| const testPlay = () => { | ||
| applicationApi | ||
| .playDemoText(id as string, form_data.value, playLoading) | ||
| .then((res: any) => { | ||
| // 创建 Blob 对象 | ||
| const blob = new Blob([res], { type: 'audio/mp3' }) | ||
| // 创建对象 URL | ||
| const url = URL.createObjectURL(blob) | ||
| // 检查 audioPlayer 是否已经引用了 DOM 元素 | ||
| if (audioPlayer.value instanceof HTMLAudioElement) { | ||
| audioPlayer.value.src = url | ||
| audioPlayer.value.play() // 自动播放音频 | ||
| } else { | ||
| console.error('audioPlayer.value is not an instance of HTMLAudioElement') | ||
| } | ||
| }) | ||
| .catch((err) => { | ||
| console.log('err: ', err) | ||
| }) | ||
| } | ||
| defineExpose({ open, reset_default }) | ||
| </script> | ||
|
|
||
| <style lang="scss" scoped> | ||
| .aiMode-param-dialog { | ||
| padding: 8px 8px 24px 8px; | ||
| .el-dialog__header { | ||
| padding: 16px 16px 0 16px; | ||
| } | ||
| .el-dialog__body { | ||
| padding: 16px !important; | ||
| } | ||
| .dialog-max-height { | ||
| height: 550px; | ||
| } | ||
| .custom-slider { | ||
| .el-input-number.is-without-controls .el-input__wrapper { | ||
| padding: 0 !important; | ||
| } | ||
| } | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters