Skip to content

Commit f10935e

Browse files
committed
(fix) missing audio in reply message
1 parent 8066ad4 commit f10935e

File tree

1 file changed

+21
-2
lines changed

1 file changed

+21
-2
lines changed

src/ChatWindow/Message/MessageReply.vue

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,17 @@
1919
</video>
2020
</div>
2121

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+
2233
<div class="vac-reply-content">
2334
<format-message
2435
:content="message.replyMessage.content"
@@ -37,12 +48,17 @@
3748

3849
<script>
3950
import FormatMessage from '../../components/FormatMessage'
51+
import AudioPlayer from './AudioPlayer'
4052
41-
const { isImageFile, isVideoFile } = require('../../utils/media-file')
53+
const {
54+
isAudioFile,
55+
isImageFile,
56+
isVideoFile
57+
} = require('../../utils/media-file')
4258
4359
export default {
4460
name: 'MessageReply',
45-
components: { FormatMessage },
61+
components: { AudioPlayer, FormatMessage },
4662
4763
props: {
4864
message: { type: Object, required: true },
@@ -57,6 +73,9 @@ export default {
5773
const replyUser = this.roomUsers.find(user => user._id === senderId)
5874
return replyUser ? replyUser.username : ''
5975
},
76+
isAudio() {
77+
return isAudioFile(this.message.replyMessage.file)
78+
},
6079
isImage() {
6180
return isImageFile(this.message.replyMessage.file)
6281
},

0 commit comments

Comments
 (0)