{"version":3,"sources":["webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue?b43e","webpack:///node_modules/vuetify-audio/src/vuetifyaudio.vue","webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue?fee8","webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue","webpack:///./node_modules/vuetify-audio/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","undefined","flat","staticClass","color","loaded","nativeOn","$event","playing","pause","play","paused","_v","stop","mute","isMuted","_e","download","reload","downloadable","setPosition","model","value","callback","$$v","percentage","expression","_s","currentTime","duration","ref","file","on","ended","canPlay","staticRenderFns","component","VBtn","VCard","VCardText","VIcon","VProgressLinear"],"mappings":"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","file":"js/chunk-2d0c9adc.6436375c.3.6.4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticStyle:{\"text-align\":\"center\"},attrs:{\"flat\":_vm.flat == undefined || _vm.flat == false  ? false : true}},[_c('v-card-text',[_c('v-btn',{staticClass:\"ma-2\",attrs:{\"outlined\":\"\",\"icon\":\"\",\"color\":_vm.color,\"disabled\":!_vm.loaded},nativeOn:{\"click\":function($event){_vm.playing ? _vm.pause() : _vm.play()}}},[(!_vm.playing || _vm.paused)?_c('v-icon',[_vm._v(\"mdi-play\")]):_c('v-icon',[_vm._v(\"mdi-pause\")])],1),_c('v-btn',{staticClass:\"ma-2\",attrs:{\"outlined\":\"\",\"icon\":\"\",\"color\":_vm.color,\"disabled\":!_vm.loaded},nativeOn:{\"click\":function($event){return _vm.stop()}}},[_c('v-icon',[_vm._v(\"mdi-stop\")])],1),_c('v-btn',{staticClass:\"ma-2\",attrs:{\"outlined\":\"\",\"icon\":\"\",\"color\":_vm.color,\"disabled\":!_vm.loaded},nativeOn:{\"click\":function($event){return _vm.mute()}}},[(!_vm.isMuted)?_c('v-icon',[_vm._v(\"mdi-volume-high\")]):_c('v-icon',[_vm._v(\"mdi-volume-mute\")])],1),(!_vm.loaded)?_c('v-btn',{staticClass:\"ma-2\",attrs:{\"outlined\":\"\",\"icon\":\"\",\"color\":_vm.color},nativeOn:{\"click\":function($event){_vm.loaded ? _vm.download() : _vm.reload()}}},[_c('v-icon',[_vm._v(\"mdi-refresh\")])],1):_vm._e(),(_vm.loaded && _vm.downloadable)?_c('v-btn',{staticClass:\"ma-2\",attrs:{\"outlined\":\"\",\"icon\":\"\",\"color\":_vm.color},nativeOn:{\"click\":function($event){_vm.loaded ? _vm.download() : _vm.reload()}}},[_c('v-icon',[_vm._v(\"mdi-download\")])],1):_vm._e(),_c('v-progress-linear',{staticStyle:{\"margin-top\":\"15px\",\"margin-bottom\":\"15px\"},attrs:{\"height\":\"5\",\"disabled\":!_vm.loaded},nativeOn:{\"click\":function($event){return _vm.setPosition()}},model:{value:(_vm.percentage),callback:function ($$v) {_vm.percentage=$$v},expression:\"percentage\"}}),_c('p',[_vm._v(_vm._s(_vm.currentTime)+\" / \"+_vm._s(_vm.duration))])],1),_c('audio',{ref:\"player\",attrs:{\"id\":\"player\",\"src\":_vm.file},on:{\"ended\":_vm.ended,\"canplay\":_vm.canPlay}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-card style=\"text-align: center\" :flat=\"flat == undefined || flat == false  ? false : true\">\r\n        <v-card-text>\r\n            <v-btn outlined icon class=\"ma-2\" :color=\"color\" @click.native=\"playing ? pause() : play()\" :disabled=\"!loaded\">\r\n                <v-icon v-if=\"!playing || paused\">mdi-play</v-icon>\r\n                <v-icon v-else>mdi-pause</v-icon>\r\n            </v-btn>\r\n            <v-btn outlined icon class=\"ma-2\" :color=\"color\" @click.native=\"stop()\" :disabled=\"!loaded\">\r\n                <v-icon>mdi-stop</v-icon>\r\n            </v-btn>\r\n            <v-btn outlined icon class=\"ma-2\" :color=\"color\" @click.native=\"mute()\" :disabled=\"!loaded\">\r\n                <v-icon v-if=\"!isMuted\">mdi-volume-high</v-icon>\r\n                <v-icon v-else>mdi-volume-mute</v-icon>\r\n            </v-btn>\r\n            <v-btn outlined icon class=\"ma-2\" :color=\"color\" @click.native=\"loaded ? download() : reload()\" v-if=\"!loaded\">\r\n                <v-icon>mdi-refresh</v-icon>\r\n            </v-btn>\r\n            <v-btn outlined icon class=\"ma-2\" :color=\"color\" @click.native=\"loaded ? download() : reload()\" v-if=\"loaded && downloadable\">\r\n                <v-icon>mdi-download</v-icon>\r\n            </v-btn>\r\n            <v-progress-linear v-model=\"percentage\" height=\"5\" style=\"margin-top: 15px; margin-bottom: 15px;\" @click.native=\"setPosition()\" :disabled=\"!loaded\"></v-progress-linear>\r\n            <p>{{ currentTime }} / {{ duration }}</p>\r\n        </v-card-text>\r\n        <audio id=\"player\" ref=\"player\" v-on:ended=\"ended\" v-on:canplay=\"canPlay\" :src=\"file\"></audio>\r\n    </v-card>\r\n</template>\r\n<script>\r\n    const formatTime = second => new Date(second * 1000).toISOString().substr(11, 8);\r\n\r\n    export default {\r\n        name: 'vuetify-audio',\r\n        props: {\r\n            flat: {\r\n                type: Boolean,\r\n                default: false\r\n            },\r\n            file: {\r\n                type: String,\r\n                default: null\r\n            },\r\n            autoPlay: {\r\n                type: Boolean,\r\n                default: false\r\n            },\r\n            ended: {\r\n                type: Function,\r\n                default: () => {},\r\n            },\r\n            canPlay: {\r\n                type: Function,\r\n                default: () => {},\r\n            },\r\n            color: {\r\n                type: String,\r\n                default: null\r\n            },\r\n            downloadable: {\r\n                type: Boolean,\r\n                default: false\r\n            }\r\n        },\r\n        computed: {\r\n            duration: function () {\r\n                return this.audio ? formatTime(this.totalDuration) : ''\r\n            },\r\n        },\r\n        data () {\r\n            return {\r\n                firstPlay: true,\r\n                isMuted: false,\r\n                loaded: false,\r\n                playing: false,\r\n                paused: false,\r\n                percentage: 0,\r\n                currentTime: '00:00:00',\r\n                audio: undefined,\r\n                totalDuration: 0,\r\n            }\r\n        },\r\n\r\n        methods: {\r\n            setPosition () {\r\n                this.audio.currentTime = parseInt(this.audio.duration / 100 * this.percentage);\r\n            },\r\n            stop () {\r\n                this.audio.pause()\r\n                this.paused = true\r\n                this.playing = false\r\n                this.audio.currentTime = 0\r\n            },\r\n            play () {\r\n                if (this.playing) return\r\n                this.audio.play().then(_ => this.playing = true)\r\n                this.paused = false\r\n            },\r\n            pause () {\r\n                this.paused = !this.paused;\r\n                (this.paused) ? this.audio.pause() : this.audio.play()\r\n            },\r\n            download () {\r\n                this.audio.pause()\r\n                window.open(this.file, 'download')\r\n            },\r\n            mute () {\r\n                this.isMuted = !this.isMuted\r\n                this.audio.muted = this.isMuted\r\n                this.volumeValue = this.isMuted ? 0 : 75\r\n            },\r\n            reload () {\r\n                this.audio.load();\r\n            },\r\n            _handleLoaded: function () {\r\n                if (this.audio.readyState >= 2) {\r\n                    if (this.audio.duration === Infinity) {\r\n                        // Fix duration for streamed audio source or blob based\r\n                        // https://stackoverflow.com/questions/38443084/how-can-i-add-predefined-length-to-audio-recorded-from-mediarecorder-in-chrome/39971175#39971175\r\n                        this.audio.currentTime = 1e101;\r\n                        this.audio.ontimeupdate = () => {\r\n                            this.audio.ontimeupdate = () => {}\r\n                            this.audio.currentTime = 0\r\n                            this.totalDuration = parseInt(this.audio.duration)\r\n                            this.loaded = true;\r\n                        }\r\n                    } else {\r\n                        this.totalDuration = parseInt(this.audio.duration)\r\n                        this.loaded = true\r\n                    }\r\n\r\n                    if (this.autoPlay) this.audio.play()\r\n\r\n                } else {\r\n                    throw new Error('Failed to load sound file')\r\n                }\r\n            },\r\n            _handlePlayingUI: function (e) {\r\n                this.percentage = this.audio.currentTime / this.audio.duration * 100\r\n                this.currentTime = formatTime(this.audio.currentTime)\r\n                this.playing = true\r\n            },\r\n            _handlePlayPause: function (e) {\r\n                if (e.type === 'play' && this.firstPlay) {\r\n                    // in some situations, audio.currentTime is the end one on chrome\r\n                    this.audio.currentTime = 0;\r\n                    if (this.firstPlay) {\r\n                        this.firstPlay = false;\r\n                    }\r\n                }\r\n                if (e.type === 'pause' && this.paused === false && this.playing === false) {\r\n                    this.currentTime = '00:00:00'\r\n                }\r\n            },\r\n            _handleEnded () {\r\n                this.paused = this.playing = false;\r\n            },\r\n            init: function () {\r\n                this.audio.addEventListener('timeupdate', this._handlePlayingUI);\r\n                this.audio.addEventListener('loadeddata', this._handleLoaded);\r\n                this.audio.addEventListener('pause', this._handlePlayPause);\r\n                this.audio.addEventListener('play', this._handlePlayPause);\r\n                this.audio.addEventListener('ended', this._handleEnded);\r\n            },\r\n        },\r\n        mounted () {\r\n            this.audio = this.$refs.player;\r\n            this.init();\r\n        },\r\n        beforeDestroy () {\r\n            this.audio.removeEventListener('timeupdate', this._handlePlayingUI)\r\n            this.audio.removeEventListener('loadeddata', this._handleLoaded)\r\n            this.audio.removeEventListener('pause', this._handlePlayPause)\r\n            this.audio.removeEventListener('play', this._handlePlayPause)\r\n            this.audio.removeEventListener('ended', this._handleEnded);\r\n        }\r\n\r\n    }\r\n</script>\r\n","import mod from \"-!../../cache-loader/dist/cjs.js??ref--12-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./vuetifyaudio.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../cache-loader/dist/cjs.js??ref--12-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./vuetifyaudio.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vuetifyaudio.vue?vue&type=template&id=1a0f11df&\"\nimport script from \"./vuetifyaudio.vue?vue&type=script&lang=js&\"\nexport * from \"./vuetifyaudio.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\ninstallComponents(component, {VBtn,VCard,VCardText,VIcon,VProgressLinear})\n","import VuetifyAudio from './src/vuetifyaudio.vue'\r\n\r\nexport default VuetifyAudio\r\nexport { VuetifyAudio }"],"sourceRoot":""}