congzc 2 lat temu
rodzic
commit
79119e6db2
4 zmienionych plików z 63 dodań i 5 usunięć
  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 Wyświetl plik

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

/**
* @description 上传视频


+ 1
- 0
src/lang/package/en.ts Wyświetl plik

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


+ 1
- 0
src/lang/package/zh-cn.ts Wyświetl plik

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


+ 49
- 5
src/views/createVideo/index.vue Wyświetl plik

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

<!-- 底部 -->
<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="faceItem pointer"
@@ -259,10 +272,16 @@
</div>
</div>
</template>

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

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

// 选择显示的face列表
const showFace = ref("0");
function ChangeShowFaceList(index) {
showFace.value = index;
}
// 标题
let title = ref("");
// 上传图片
@@ -296,7 +319,12 @@ async function changeFile() {
formData.append("file", imgData.value, timestamp + ".png");
try {
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) {
ElMessage.error(error);
}
@@ -533,7 +561,23 @@ onMounted(() => {
width: 100%;
height: 32%;
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 {
width: 100%;
}


Ładowanie…
Anuluj
Zapisz