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 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"
3748
3849<script >
3950import 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
4359export 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 },
You can’t perform that action at this time.
0 commit comments