butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Custom audio player UI

Browse source 
For issue #122.
This commit is contained in:
N-Pex 2021-05-07 11:30:24 +02:00
parent 601e0d4a6c
commit b2a6a5d145
5 changed files with 241 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/messages/MessageIncomingAudio.vue
View file

@ -1,7 +1,7 @@
<template>
<message-incoming v-bind="{...$props, ...$attrs}">
<div class="audio-bubble">
<audio controls :src="src">Audio file</audio>
<div class="bubble audio-bubble">
<audio-player :src="src">Audio file</audio-player>
</div>
</message-incoming>
</template>
@ -9,11 +9,12 @@
<script>
import attachmentMixin from "./attachmentMixin";
import MessageIncoming from './MessageIncoming.vue';
import AudioPlayer from './AudioPlayer.vue';
export default {
extends: MessageIncoming,
mixins: [attachmentMixin],
components: { MessageIncoming }
components: { MessageIncoming, AudioPlayer }
};
</script>