askbot-dragon 1.3.99 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div :style="{ width: boxWidth + 'px' }" class="answer-voice">
|
|
3
|
-
<audio :id="'audioTagCom_' +
|
|
3
|
+
<audio :id="'audioTagCom_' + newMsg.content.extInfos[0].newAvCurrentTime" :src="newMsg.content.url"></audio>
|
|
4
4
|
<div class="audiocon">
|
|
5
5
|
<!-- 按钮 -->
|
|
6
6
|
<div class="leftBtn">
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
</div>
|
|
28
28
|
</template>
|
|
29
29
|
<script>
|
|
30
|
+
import { v4 as uuidv4 } from "uuid";
|
|
30
31
|
let load = require('audio-loader')
|
|
31
32
|
export default {
|
|
32
33
|
name: "answer_voice",
|
|
@@ -47,14 +48,18 @@ export default {
|
|
|
47
48
|
watch: {
|
|
48
49
|
},
|
|
49
50
|
computed: {
|
|
50
|
-
|
|
51
|
+
newMsg(){
|
|
52
|
+
let oldMsg = JSON.parse(JSON.stringify(this.msg));
|
|
53
|
+
oldMsg.content.extInfos[0].newnewAvCurrentTime = uuidv4();
|
|
54
|
+
return oldMsg;
|
|
55
|
+
}
|
|
51
56
|
},
|
|
52
57
|
mounted() {
|
|
53
58
|
console.log(120);
|
|
54
59
|
this.$nextTick(() => {
|
|
55
60
|
setTimeout(() => {
|
|
56
|
-
console.log(this._$(`#audioTagCom_${this.
|
|
57
|
-
this.activeAudio = this._$(`#audioTagCom_${this.
|
|
61
|
+
console.log(this._$(`#audioTagCom_${this.newMsg.content.extInfos[0].newAvCurrentTime}`)[0]);
|
|
62
|
+
this.activeAudio = this._$(`#audioTagCom_${this.newMsg.content.extInfos[0].newAvCurrentTime}`)[0];
|
|
58
63
|
this.time = "00:00";
|
|
59
64
|
load(this.msg.content.url).then(res =>{
|
|
60
65
|
this.otherTime = this.transTime(res.duration);
|
|
@@ -67,7 +72,7 @@ export default {
|
|
|
67
72
|
this.boxWidth = 160 + res.duration;
|
|
68
73
|
}
|
|
69
74
|
})
|
|
70
|
-
this._$(`#audioTagCom_${this.
|
|
75
|
+
this._$(`#audioTagCom_${this.newMsg.content.extInfos[0].newAvCurrentTime}`).on("loadedmetadata", (e) => {
|
|
71
76
|
console.log(e.currentTarget);
|
|
72
77
|
this.time = "00:00";
|
|
73
78
|
console.log(e.currentTarget.duration);
|
|
@@ -91,15 +96,15 @@ export default {
|
|
|
91
96
|
false
|
|
92
97
|
);
|
|
93
98
|
|
|
94
|
-
this._$(`#audioTagCom_${this.
|
|
99
|
+
this._$(`#audioTagCom_${this.newMsg.content.extInfos[0].newAvCurrentTime}`).on("timeupdate", () => {
|
|
95
100
|
this.updateProgress();
|
|
96
101
|
});
|
|
97
102
|
|
|
98
|
-
this._$(`#audioTagCom_${this.
|
|
103
|
+
this._$(`#audioTagCom_${this.newMsg.content.extInfos[0].newAvCurrentTime}`).on("timeupdate", () => {
|
|
99
104
|
this.updateProgress();
|
|
100
105
|
});
|
|
101
106
|
|
|
102
|
-
this._$(`#audioTagCom_${this.
|
|
107
|
+
this._$(`#audioTagCom_${this.newMsg.content.extInfos[0].newAvCurrentTime}`).on("ended", () => {
|
|
103
108
|
this.audioEnded();
|
|
104
109
|
});
|
|
105
110
|
}, 500);
|
|
@@ -108,8 +113,8 @@ export default {
|
|
|
108
113
|
},
|
|
109
114
|
methods: {
|
|
110
115
|
stopAudioPlay(refId){
|
|
111
|
-
console.log("stop ", refId, this.
|
|
112
|
-
if (refId != this.msg.content.extInfos[0].
|
|
116
|
+
console.log("stop ", refId, this.newMsg.content.extInfos[0].newAvCurrentTime);
|
|
117
|
+
if (refId != this.msg.content.extInfos[0].newAvCurrentTime) {
|
|
113
118
|
this.activeAudio.pause();
|
|
114
119
|
this.isPlay = false;
|
|
115
120
|
}
|
|
@@ -118,7 +123,7 @@ export default {
|
|
|
118
123
|
if (this.activeAudio.paused) {
|
|
119
124
|
this.activeAudio.play();
|
|
120
125
|
this.isPlay = true;
|
|
121
|
-
this.$emit("stopOtherAudio", this.
|
|
126
|
+
this.$emit("stopOtherAudio", this.newMsg.content.extInfos[0].newAvCurrentTime);
|
|
122
127
|
} else {
|
|
123
128
|
this.activeAudio.pause();
|
|
124
129
|
this.isPlay = false;
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
<feed-back :feedBack="feedBack"></feed-back>
|
|
43
43
|
<voice-compontent></voice-compontent> -->
|
|
44
44
|
<!-- <ai-guide :aiGuide="ActionAiGuideObj"></ai-guide> -->
|
|
45
|
-
|
|
46
|
-
<answer-voice @stopOtherAudio="stopOtherAudio" ref="audioTagCell" :msg="answerVoiceObj1"></answer-voice> -->
|
|
45
|
+
<answer-voice @stopOtherAudio="stopOtherAudio" ref="audioTagCell" :msg="answerVoiceObj"></answer-voice>
|
|
46
|
+
<!-- <answer-voice @stopOtherAudio="stopOtherAudio" ref="audioTagCell" :msg="answerVoiceObj1"></answer-voice> -->
|
|
47
47
|
|
|
48
48
|
<!-- <FileType :urls="urls" :color="black"></FileType>-->
|
|
49
49
|
<!-- <FileType :urls="urls" :color="black"></FileType>
|
|
@@ -80,7 +80,7 @@ import FeedBack from "@/components/feedBack";*/
|
|
|
80
80
|
/*import ActionAlert from "@/components/message/ActionAlertIframe";*/
|
|
81
81
|
// 智能引导组件
|
|
82
82
|
// import AiGuide from "@/components/AiGuide";
|
|
83
|
-
|
|
83
|
+
import AnswerVoice from "@/components/AnswerVoice";
|
|
84
84
|
// import FileType from "@/components/FileType";
|
|
85
85
|
// import ChatContent from "./chatContent";
|
|
86
86
|
// import FeedBack from '@/components/feedBack'
|
|
@@ -105,7 +105,7 @@ export default {
|
|
|
105
105
|
// FeedBack,
|
|
106
106
|
// VoiceCompontent,
|
|
107
107
|
// AiGuide,
|
|
108
|
-
|
|
108
|
+
AnswerVoice,
|
|
109
109
|
// FormTemplate,
|
|
110
110
|
// FormTemplate,
|
|
111
111
|
// FileType,
|