|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="chatArea">
|
|
|
+ <div class="chatArea" v-loading="loading">
|
|
|
<div class="m-operation">
|
|
|
<div>实时转录</div>
|
|
|
<div>2023-11-11 11:11:24</div>
|
|
|
@@ -59,7 +59,7 @@
|
|
|
class="ca-b-o-h-s-l-text"
|
|
|
@click.stop="languageShow = !languageShow"
|
|
|
>
|
|
|
- {{ languageList.find(i=>i.label == languageRadio).lang }}
|
|
|
+ {{ languageList.find((i) => i.label == languageRadio).lang }}
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
|
@@ -82,9 +82,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="ca-b-o-h-l-btn" @click.stop="uploadRecording()">
|
|
|
- <div class="ca-b-o-h-b-l-text">
|
|
|
- 上传录音
|
|
|
- </div>
|
|
|
+ <div class="ca-b-o-h-b-l-text">上传录音</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ca-b-o-h-right">
|
|
|
@@ -249,9 +247,8 @@ export default {
|
|
|
// 判断0录音与1打字切换
|
|
|
TapeNum: 0,
|
|
|
startTape: 0,
|
|
|
-
|
|
|
+ loading:false,
|
|
|
judge: 0,
|
|
|
-
|
|
|
textareaValue: "",
|
|
|
barNum: 0,
|
|
|
audioUrl:
|
|
|
@@ -407,7 +404,57 @@ Markdown表格Markdown表格Markdown表格Markdown表格Markdown表格Markdown
|
|
|
handShow() {},
|
|
|
// 上传录音
|
|
|
uploadRecording() {
|
|
|
- this.mainBtnStatus = 1;
|
|
|
+ let input = document.createElement("input");
|
|
|
+ input.type = "file";
|
|
|
+ input.accept = "*";
|
|
|
+ input.click();
|
|
|
+ input.onchange = () => {
|
|
|
+ this.loading= true;
|
|
|
+ let file = input.files[0];
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+
|
|
|
+ var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key:
|
|
|
+ file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function (evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ })
|
|
|
+ .send(function (err, data) {
|
|
|
+ _this.loading = false;
|
|
|
+ if (err) {
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ _this.textareaValue = data.Location;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ };
|
|
|
+ // this.mainBtnStatus = 1;
|
|
|
// this.barNum = 4;
|
|
|
},
|
|
|
cutBar(val) {
|
SanHQin