{"version":3,"sources":["webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue","webpack:///node_modules/vuetify-audio/src/vuetifyaudio.vue","webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue?e955","webpack:///./node_modules/vuetify-audio/src/vuetifyaudio.vue?3e58","webpack:///./node_modules/vuetify-audio/index.js"],"names":["attrs","flat","staticClass","_vm","loaded","nativeOn","playing","staticStyle","callback","percentage","_c","ref","file","staticRenderFns","formatTime","second","Date","toISOString","substr","name","props","type","Boolean","default","String","autoPlay","ended","Function","canPlay","color","downloadable","computed","duration","audio","totalDuration","data","firstPlay","isMuted","paused","currentTime","undefined","methods","setPosition","parseInt","stop","pause","play","_this","then","_","download","window","open","mute","muted","volumeValue","reload","load","_handleLoaded","_this2","readyState","Error","Infinity","ontimeupdate","_handlePlayingUI","e","_handlePlayPause","_handleEnded","init","addEventListener","mounted","$refs","player","beforeDestroy","removeEventListener","component"],"mappings":"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","file":"js/chunk-2d0c9adc.1d670a84.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\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--13-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--1-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--13-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--1-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","import VuetifyAudio from './src/vuetifyaudio.vue'\r\n\r\nexport default VuetifyAudio\r\nexport { VuetifyAudio }"],"sourceRoot":""}