27 lines
661 B
Vue
27 lines
661 B
Vue
|
<template>
|
||
|
|
<div class="row form-group" :key="$attrs.key">
|
||
|
|
<label :for="localFormElement.key" class="col-md-3">{{
|
||
|
|
localFormElement.label
|
||
|
|
}}:</label>
|
||
|
|
<vue-plyr class="form-control col-md-9" :options="options">
|
||
|
|
<audio controls crossorigin playsinline>
|
||
|
|
<source :src="localFormElement.value" type="audio/mp3" />
|
||
|
|
<!-- <source src="/path/to/audio.ogg" type="audio/ogg" /> -->
|
||
|
|
</audio>
|
||
|
|
</vue-plyr>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import formBuilderMixin from "@mixins/formBuilderMixin";
|
||
|
|
export default {
|
||
|
|
mixins: [formBuilderMixin],
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.form-control {
|
||
|
|
height: auto !important;
|
||
|
|
}
|
||
|
|
</style>
|