File tree Expand file tree Collapse file tree 1 file changed +21
-2
lines changed Expand file tree Collapse file tree 1 file changed +21
-2
lines changed Original file line number Diff line number Diff line change 19
19
</video >
20
20
</div >
21
21
22
+ <audio-player
23
+ v-else-if =" isAudio"
24
+ :src =" message.replyMessage.file.url"
25
+ @update-progress-time =" progressTime = $event"
26
+ @hover-audio-progress =" hoverAudioProgress = $event"
27
+ >
28
+ <template v-for =" (i , name ) in $scopedSlots " #[name ]=" data " >
29
+ <slot :name =" name" v-bind =" data" />
30
+ </template >
31
+ </audio-player >
32
+
22
33
<div class =" vac-reply-content" >
23
34
<format-message
24
35
:content =" message.replyMessage.content"
37
48
38
49
<script >
39
50
import FormatMessage from ' ../../components/FormatMessage'
51
+ import AudioPlayer from ' ./AudioPlayer'
40
52
41
- const { isImageFile , isVideoFile } = require (' ../../utils/media-file' )
53
+ const {
54
+ isAudioFile ,
55
+ isImageFile ,
56
+ isVideoFile
57
+ } = require (' ../../utils/media-file' )
42
58
43
59
export default {
44
60
name: ' MessageReply' ,
45
- components: { FormatMessage },
61
+ components: { AudioPlayer, FormatMessage },
46
62
47
63
props: {
48
64
message: { type: Object , required: true },
@@ -57,6 +73,9 @@ export default {
57
73
const replyUser = this .roomUsers .find (user => user ._id === senderId)
58
74
return replyUser ? replyUser .username : ' '
59
75
},
76
+ isAudio () {
77
+ return isAudioFile (this .message .replyMessage .file )
78
+ },
60
79
isImage () {
61
80
return isImageFile (this .message .replyMessage .file )
62
81
},
You can’t perform that action at this time.
0 commit comments