congzc преди 2 години
родител
ревизия
79119e6db2
променени са 4 файла, в които са добавени 63 реда и са изтрити 5 реда
  1. +12
    -0
      src/apis/createVideo.js
  2. +1
    -0
      src/lang/package/en.ts
  3. +1
    -0
      src/lang/package/zh-cn.ts
  4. +49
    -5
      src/views/createVideo/index.vue

+ 12
- 0
src/apis/createVideo.js Целия файл

@@ -24,6 +24,18 @@ export function awsImgUpload(data) {
data data
}) })
} }
/**
* @description 上传图片
* @params data
* @returns data
*/
export function saveImgApi(data) {
return request({
url: `/api/personPhoto/save`,
method: 'post',
data
})
}


/** /**
* @description 上传视频 * @description 上传视频


+ 1
- 0
src/lang/package/en.ts Целия файл

@@ -32,6 +32,7 @@ export default {
createVideo: { createVideo: {
title: "CreateVideo", title: "CreateVideo",
availableMould:"Available Moulds", availableMould:"Available Moulds",
personalWarehouse:'Personal warehouse',
typeScript: "Type your Script", typeScript: "Type your Script",
uploadAudio: "Upload Audio", uploadAudio: "Upload Audio",
aiScript: "Ai Script", aiScript: "Ai Script",


+ 1
- 0
src/lang/package/zh-cn.ts Целия файл

@@ -32,6 +32,7 @@ export default {
createVideo: { createVideo: {
title: "创作视频", title: "创作视频",
availableMould:"可用模板", availableMould:"可用模板",
personalWarehouse:'个人仓库',
typeScript: "输入文案", typeScript: "输入文案",
uploadAudio: "上传音频", uploadAudio: "上传音频",
aiScript: "AI生成文本", aiScript: "AI生成文本",


+ 49
- 5
src/views/createVideo/index.vue Целия файл

@@ -61,7 +61,20 @@


<!-- 底部 --> <!-- 底部 -->
<div class="left-bottom"> <div class="left-bottom">
<div>{{ $t("createVideo.availableMould") }}:</div>
<div class="tab flex">
<div
:class="showFace == 0 ? 'tabAvtive' : ''"
@click="ChangeShowFaceList(0)"
>
{{ $t("createVideo.availableMould") }}
</div>
<div
:class="showFace == 1 ? 'tabAvtive' : ''"
@click="ChangeShowFaceList(1)"
>
{{ $t("createVideo.personalWarehouse") }}
</div>
</div>
<div class="faceList"> <div class="faceList">
<div <div
class="faceItem pointer" class="faceItem pointer"
@@ -259,10 +272,16 @@
</div> </div>
</div> </div>
</template> </template>

<script setup> <script setup>
import { getCurrentInstance } from "vue"; import { getCurrentInstance } from "vue";
import Recorder from "js-audio-recorder"; import Recorder from "js-audio-recorder";
import { personPhotoList, awsImgUpload, videoUpload } from "@/apis/createVideo";
import {
personPhotoList,
awsImgUpload,
videoUpload,
saveImgApi,
} from "@/apis/createVideo";


// 获取AI头像 // 获取AI头像
const AiFaceList = ref([]); const AiFaceList = ref([]);
@@ -277,7 +296,11 @@ function getAiFaceList(pageNum, pageSize) {
console.log(err, "err"); console.log(err, "err");
}); });
} }

// 选择显示的face列表
const showFace = ref("0");
function ChangeShowFaceList(index) {
showFace.value = index;
}
// 标题 // 标题
let title = ref(""); let title = ref("");
// 上传图片 // 上传图片
@@ -296,7 +319,12 @@ async function changeFile() {
formData.append("file", imgData.value, timestamp + ".png"); formData.append("file", imgData.value, timestamp + ".png");
try { try {
const res = await awsImgUpload(formData); const res = await awsImgUpload(formData);
ElMessage.success("上传成功!");
if (res.code == 200) {
ElMessage.success("上传成功!");
} else {
ElMessage.error("上传失败!");
}
const res2 = await saveImgApi({ material: res.data.url });
} catch (error) { } catch (error) {
ElMessage.error(error); ElMessage.error(error);
} }
@@ -533,7 +561,23 @@ onMounted(() => {
width: 100%; width: 100%;
height: 32%; height: 32%;
margin-top: 10px; margin-top: 10px;

.tab {
padding: 10px;
> div {
margin-right: 20px;
padding: 5px 10px;
transition: all 0.3s;
border-radius: 5px;
&:hover {
background-color: #000;
color: #fff;
}
}
.tabAvtive {
background-color: #000;
color: #fff;
}
}
.ai { .ai {
width: 100%; width: 100%;
} }


Зареждане…
Отказ
Запис