{"version":3,"sources":["webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue?51d5","webpack:///node_modules/vuetify-audio/src/vuetifyaudio.vue","webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue?0559","webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue","webpack:///./node_modules/vuetify-audio/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","attrs","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.ea95a24a.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\"}},[_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\">\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            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!../../vuetify-loader/lib/loader.js??ref--18-0!../../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!../../vuetify-loader/lib/loader.js??ref--18-0!../../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=557fd119&\"\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":""}