|
|
@@ -23,6 +23,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="pec_h_center">
|
|
|
+ <div class="pec_h_r_btn_refresh" :class="{ 'recording': recordedForm.status == 1 }" @click="toggleRecording" v-show="(jArray.includes(oid) || jArray.includes(org)) && courseDetail.userid == userid && tcid">
|
|
|
+ <svg t="1772588344140" viewBox="0 0 1024 1024" p-id="1693" width="200" height="200"><path d="M512 1024a512.568889 512.568889 0 0 1-512-512 512.625778 512.625778 0 0 1 512-512 512.568889 512.568889 0 0 1 512 512 512.568889 512.568889 0 0 1-512 512zM512 73.329778c-241.948444 0-438.670222 196.835556-438.670222 438.670222S270.051556 950.670222 512 950.670222s438.670222-196.835556 438.670222-438.670222S753.948444 73.329778 512 73.329778z m0 686.592a245.191111 245.191111 0 1 1 0-490.382222 245.191111 245.191111 0 0 1 0 490.382222z" p-id="1694"></path></svg>
|
|
|
+ <span>{{ recordedForm.status == 1 ? lang.ssStopRecording2 : lang.ssRecord }}</span>
|
|
|
+ </div>
|
|
|
<el-tooltip effect="dark" :content="courseDetail.title" placement="bottom">
|
|
|
<div class="pec_h_l_title">
|
|
|
<span>{{ courseDetail.title }}</span>
|
|
|
@@ -53,9 +57,6 @@
|
|
|
<div class="pec_h_r_btnArea">
|
|
|
<!-- openObserveDialog -->
|
|
|
<!-- toggleRecording -->
|
|
|
- <div class="pec_h_r_btn_refresh" :class="{ 'recording': recordedForm.status == 1 }" @click="toggleRecording" v-show="(jArray.includes(oid) || jArray.includes(org)) && courseDetail.userid == userid && tcid">
|
|
|
- <span>{{ recordedForm.status == 1 ? '结束录音' : '开始录音' }}</span>
|
|
|
- </div>
|
|
|
<div class="pec_h_r_btn_afterClass" @click="afterClass" v-if="courseDetail.userid == userid">
|
|
|
<img src="../../assets/icon/newIcon/afterClass.svg" alt="" />
|
|
|
<span>{{ lang.ssEndClass }}</span>
|
|
|
@@ -125,7 +126,7 @@ export default {
|
|
|
// 录音相关变量
|
|
|
languageRadio: 2, // 语言选择
|
|
|
recordedForm: {
|
|
|
- status: 0, // 0: 未开始, 1: 录音中, 2: 暂停, 3: 结束
|
|
|
+ status: 1, // 0: 未开始, 1: 录音中, 2: 暂停, 3: 结束
|
|
|
startTime: 0,
|
|
|
endTime: 0,
|
|
|
timeDuration: 0,
|
|
|
@@ -168,10 +169,26 @@ export default {
|
|
|
const now = new Date();
|
|
|
const duration = (now - new Date(this.recordingStartTime)) / 1000;
|
|
|
if (duration < 5) {
|
|
|
- this.$message.warning('录音时间至少需要5秒');
|
|
|
+ this.$message.warning(this.lang.ssRecordingTimeAtLeast5Seconds);
|
|
|
return;
|
|
|
}
|
|
|
- this.onFinishRecordWithMicrosoft();
|
|
|
+ this.$confirm(this.lang.ssStopRecordingNotice, this.lang.ssStopRecordingConfirm, {
|
|
|
+ confirmButtonText: this.lang.ssConfirm,
|
|
|
+ cancelButtonText: this.lang.ssCancel,
|
|
|
+ confirmButtonClass:"pptEasyClassConfirmButtonText",
|
|
|
+ cancelButtonClass:"pptEasyClassCancelButtonText"
|
|
|
+ }).then(() => {
|
|
|
+ console.log("确定")
|
|
|
+ // this.$message({
|
|
|
+ // dangerouslyUseHTMLString: true,
|
|
|
+ // customClass:"pptEasyClassMessage",
|
|
|
+ // message: '已停止录制 <p style="color:#3AB855;text-decoration: underline;cursor: pointer;float:right;margin-left:10px" target="_blank">查看结果</p>'
|
|
|
+ // });
|
|
|
+ this.onFinishRecordWithMicrosoft();
|
|
|
+ }).catch(() => {
|
|
|
+ console.log("取消")
|
|
|
+ });
|
|
|
+
|
|
|
} else {
|
|
|
const now = new Date();
|
|
|
const duration = (now - new Date(this.recordingEndTime)) / 1000;
|
|
|
@@ -258,7 +275,12 @@ export default {
|
|
|
this.recordedForm.status = 0;
|
|
|
this.controlsStatus = 2;
|
|
|
this.showGetTextLoading = false;
|
|
|
- this.$message.success("已结束录音");
|
|
|
+ // this.$message.success("已结束录音");
|
|
|
+ this.$message({
|
|
|
+ dangerouslyUseHTMLString: true,
|
|
|
+ customClass:"pptEasyClassMessage",
|
|
|
+ message: `${this.lang.ssStoppedRecording} <p style="color:#3AB855;text-decoration: underline;cursor: pointer;float:right;margin-left:10px" target="_blank">${this.lang.ssViewRecordingResult}</p>`
|
|
|
+ });
|
|
|
console.log("结束录音👇");
|
|
|
console.log("结束录音", e);
|
|
|
this.recordedForm.audioBlob.push(e.preaudio);
|
|
|
@@ -659,15 +681,35 @@ export default {
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
-.pec_h_r_btnArea>.pec_h_r_btn_refresh {
|
|
|
+.pec_h_center>.pec_h_r_btn_refresh {
|
|
|
color: #fff;
|
|
|
- background-color: #0061ff;
|
|
|
- border-color: #0061ff;
|
|
|
+ /* background-color: #0061ff;
|
|
|
+ border-color: #0061ff; */
|
|
|
+ padding: 9px 10px;
|
|
|
+ margin-right: 15px;
|
|
|
+ border-radius: 26px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ gap: 5px;
|
|
|
+ background: #FFF7F5;
|
|
|
+ color: #000000;
|
|
|
+ font-weight: 400;
|
|
|
+ cursor: pointer;
|
|
|
+ fill: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+.pec_h_center>.pec_h_r_btn_refresh>svg{
|
|
|
+
|
|
|
+ width: 1rem;
|
|
|
+ height: 1rem;
|
|
|
}
|
|
|
|
|
|
-.pec_h_r_btnArea>.pec_h_r_btn_refresh.recording {
|
|
|
- background-color: #F53F3F;
|
|
|
- border-color: #F53F3F;
|
|
|
+.pec_h_center>.pec_h_r_btn_refresh.recording {
|
|
|
+ /* background-color: #F53F3F;
|
|
|
+ border-color: #F53F3F; */
|
|
|
+ background: #FFF7E8;
|
|
|
+ fill: #FF9300;
|
|
|
animation: pulse 1.5s infinite;
|
|
|
}
|
|
|
|
SanHQin