diff --git a/aircox/static/aircox/admin.js b/aircox/static/aircox/admin.js
index 66b1ab8..42ae1f4 100644
--- a/aircox/static/aircox/admin.js
+++ b/aircox/static/aircox/admin.js
@@ -653,7 +653,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n\n/*
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./progress */ \"./assets/public/progress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\nconst State = {\n    paused: 0,\n    playing: 1,\n    loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    data() {\n        let audio = new Audio();\n        audio.addEventListener('ended', e => this.onState(e));\n        audio.addEventListener('pause', e => this.onState(e));\n        audio.addEventListener('playing', e => this.onState(e));\n        audio.addEventListener('timeupdate', e => {\n            this.currentTime = this.audio.currentTime;\n        });\n        audio.addEventListener('durationchange', e => {\n            this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n        });\n\n        return {\n            audio, duration: 0, currentTime: 0, state: State.paused,\n\n            /// Live instance\n            live: this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null,\n            /// Loaded item\n            loaded: null,\n            //! Active panel name\n            panel: null,\n            //! current playing playlist name\n            playlistName: null,\n            //! players' playlists' sets\n            sets: {\n                queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n                pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n            }\n        }\n    },\n\n    props: {\n        buttonTitle: String,\n        liveArgs: Object,\n    },\n\n    computed: {\n        self() { return this; },\n        paused() { return this.state == State.paused; },\n        playing() { return this.state == State.playing; },\n        loading() { return this.state == State.loading; },\n\n        playlist() {\n            return this.playlistName ? this.$refs[this.playlistName] : null;\n        },\n\n        current() {\n            return this.loaded ? this.loaded : this.live && this.live.current;\n        },\n    },\n\n    methods: {\n        displayTime(seconds) {\n            seconds = parseInt(seconds);\n            let s = seconds % 60;\n            seconds = (seconds - s) / 60;\n            let m = seconds % 60;\n            let h = (seconds - m) / 60;\n\n            let [ss,mm,hh] = [s.toString().padStart(2, '0'),\n                              m.toString().padStart(2, '0'),\n                              h.toString().padStart(2, '0')];\n            return h ? `${hh}:${mm}:${ss}` : `${mm}:${ss}`;\n        },\n\n        playlistButtonClass(name) {\n            let set = this.sets[name];\n            return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n                       + (this.panel == name ? \"is-info \"\n                          : this.playlistName == name ? 'is-primary '\n                          : '') : '')\n                + \"button has-text-weight-bold\";\n        },\n\n        /// Show/hide panel\n        togglePanel(panel) { this.panel = this.panel == panel ? null : panel },\n        /// Return True if item is loaded\n        isLoaded(item) { return this.loaded && this.loaded.id == item.id },\n        /// Return True if item is loaded\n        isPlaying(item) { return this.isLoaded(item) && !this.paused },\n\n        _setPlaylist(playlist) {\n            this.playlistName = playlist;\n            for(var p in this.sets)\n                if(p != playlist)\n                    this.$refs[p].unselect();\n        },\n\n        /// Load a sound from playlist or live\n        load(playlist=null, index=0) {\n            let src = null;\n\n            // from playlist\n            if(playlist !== null) {\n                let item = this.$refs[playlist].get(index);\n                if(!item)\n                    throw `No sound at index ${index} for playlist ${playlist}`;\n                this.loaded = item;\n                src = item.src;\n            }\n            // from live\n            else {\n                this.loaded = null;\n                src = this.live.src;\n            }\n\n            this._setPlaylist(playlist);\n\n            // load sources\n            const audio = this.audio;\n            if(src instanceof Array) {\n                audio.innerHTML = '';\n                audio.removeAttribute('src');\n                for(var s of src) {\n                    let source = document.createElement('source');\n                    source.setAttribute('src', s);\n                    audio.appendChild(source)\n                }\n            }\n            else {\n                audio.src = src;\n            }\n            audio.load();\n        },\n\n        play(playlist=null, index=0) {\n            this.load(playlist, index);\n            this.audio.play().catch(e => console.error(e))\n        },\n\n        /// Push items to playlist (by name)\n        push(playlist, ...items) {\n            return this.$refs[playlist].push(...items);\n        },\n\n        /// Push and play items\n        playItems(playlist, ...items) {\n            let index = this.push(playlist, ...items);\n            this.$refs[playlist].selectedIndex = index;\n            this.play(playlist, index);\n        },\n\n        /// Handle click event that plays multiple items (from `data-sounds` attribute)\n        playButtonClick(event) {\n            var items = JSON.parse(event.currentTarget.dataset.sounds);\n            this.playItems('queue', ...items);\n        },\n\n        /// Pause\n        pause() {\n            this.audio.pause()\n        },\n\n        //! Play/pause\n        togglePlay(playlist=null, index=0) {\n            if(playlist !== null) {\n                let item = this.sets[playlist].get(index);\n                if(!this.playlist || this.playlistName !== playlist || this.loaded != item) {\n                    this.play(playlist, index);\n                    return;\n                }\n            }\n            if(this.paused)\n                this.audio.play().catch(e => console.error(e))\n            else\n                this.audio.pause();\n        },\n\n        //! Pin/Unpin an item\n        togglePin(item) {\n            let index = this.sets.pin.findIndex(item);\n            if(index > -1)\n                this.sets.pin.remove(index);\n            else {\n                this.sets.pin.push(item);\n                this.$refs.pinPlaylistButton.focus();\n            }\n        },\n\n        /// Audio player state change event\n        onState(event) {\n            const audio = this.audio;\n            this.state = audio.paused ? State.paused : State.playing;\n\n            if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n                this.play();\n        },\n    },\n\n    mounted() {\n        this.load();\n    },\n\n    components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _progress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./progress */ \"./assets/public/progress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\nconst State = {\n    paused: 0,\n    playing: 1,\n    loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    data() {\n        let audio = new Audio();\n        audio.addEventListener('ended', e => this.onState(e));\n        audio.addEventListener('pause', e => this.onState(e));\n        audio.addEventListener('playing', e => this.onState(e));\n        audio.addEventListener('timeupdate', e => {\n            this.currentTime = this.audio.currentTime;\n        });\n        audio.addEventListener('durationchange', e => {\n            this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n        });\n\n        let live = this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null;\n        live && live.refresh();\n\n        return {\n            audio, duration: 0, currentTime: 0, state: State.paused,\n            live,\n\n            /// Loaded item\n            loaded: null,\n            //! Active panel name\n            panel: null,\n            //! current playing playlist name\n            playlistName: null,\n            //! players' playlists' sets\n            sets: {\n                queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n                pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n            }\n        }\n    },\n\n    props: {\n        buttonTitle: String,\n        liveArgs: Object,\n    },\n\n    computed: {\n        self() { return this; },\n        paused() { return this.state == State.paused; },\n        playing() { return this.state == State.playing; },\n        loading() { return this.state == State.loading; },\n\n        playlist() {\n            return this.playlistName ? this.$refs[this.playlistName] : null;\n        },\n\n        current() {\n            return this.loaded ? this.loaded : this.live && this.live.current;\n        },\n    },\n\n    methods: {\n        displayTime(seconds) {\n            seconds = parseInt(seconds);\n            let s = seconds % 60;\n            seconds = (seconds - s) / 60;\n            let m = seconds % 60;\n            let h = (seconds - m) / 60;\n\n            let [ss,mm,hh] = [s.toString().padStart(2, '0'),\n                              m.toString().padStart(2, '0'),\n                              h.toString().padStart(2, '0')];\n            return h ? `${hh}:${mm}:${ss}` : `${mm}:${ss}`;\n        },\n\n        playlistButtonClass(name) {\n            let set = this.sets[name];\n            return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n                       + (this.panel == name ? \"is-info \"\n                          : this.playlistName == name ? 'is-primary '\n                          : '') : '')\n                + \"button has-text-weight-bold\";\n        },\n\n        /// Show/hide panel\n        togglePanel(panel) { this.panel = this.panel == panel ? null : panel },\n        /// Return True if item is loaded\n        isLoaded(item) { return this.loaded && this.loaded.id == item.id },\n        /// Return True if item is loaded\n        isPlaying(item) { return this.isLoaded(item) && !this.paused },\n\n        _setPlaylist(playlist) {\n            this.playlistName = playlist;\n            for(var p in this.sets)\n                if(p != playlist)\n                    this.$refs[p].unselect();\n        },\n\n        /// Load a sound from playlist or live\n        load(playlist=null, index=0) {\n            let src = null;\n\n            // from playlist\n            if(playlist !== null) {\n                let item = this.$refs[playlist].get(index);\n                if(!item)\n                    throw `No sound at index ${index} for playlist ${playlist}`;\n                this.loaded = item;\n                src = item.src;\n            }\n            // from live\n            else {\n                this.loaded = null;\n                src = this.live.src;\n            }\n\n            this._setPlaylist(playlist);\n\n            // load sources\n            const audio = this.audio;\n            if(src instanceof Array) {\n                audio.innerHTML = '';\n                audio.removeAttribute('src');\n                for(var s of src) {\n                    let source = document.createElement('source');\n                    source.setAttribute('src', s);\n                    audio.appendChild(source)\n                }\n            }\n            else {\n                audio.src = src;\n            }\n            audio.load();\n        },\n\n        play(playlist=null, index=0) {\n            this.load(playlist, index);\n            this.audio.play().catch(e => console.error(e))\n        },\n\n        /// Push items to playlist (by name)\n        push(playlist, ...items) {\n            return this.$refs[playlist].push(...items);\n        },\n\n        /// Push and play items\n        playItems(playlist, ...items) {\n            let index = this.push(playlist, ...items);\n            this.$refs[playlist].selectedIndex = index;\n            this.play(playlist, index);\n        },\n\n        /// Handle click event that plays multiple items (from `data-sounds` attribute)\n        playButtonClick(event) {\n            var items = JSON.parse(event.currentTarget.dataset.sounds);\n            this.playItems('queue', ...items);\n        },\n\n        /// Pause\n        pause() {\n            this.audio.pause()\n        },\n\n        //! Play/pause\n        togglePlay(playlist=null, index=0) {\n            if(playlist !== null) {\n                let item = this.sets[playlist].get(index);\n                if(!this.playlist || this.playlistName !== playlist || this.loaded != item) {\n                    this.play(playlist, index);\n                    return;\n                }\n            }\n            if(this.paused)\n                this.audio.play().catch(e => console.error(e))\n            else\n                this.audio.pause();\n        },\n\n        //! Pin/Unpin an item\n        togglePin(item) {\n            let index = this.sets.pin.findIndex(item);\n            if(index > -1)\n                this.sets.pin.remove(index);\n            else {\n                this.sets.pin.push(item);\n                this.$refs.pinPlaylistButton.focus();\n            }\n        },\n\n        /// Audio player state change event\n        onState(event) {\n            const audio = this.audio;\n            this.state = audio.paused ? State.paused : State.playing;\n\n            if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n                this.play();\n        },\n    },\n\n    mounted() {\n        this.load();\n    },\n\n    components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _progress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
diff --git a/aircox/static/aircox/main.js b/aircox/static/aircox/main.js
index a736992..0d8f2b6 100644
--- a/aircox/static/aircox/main.js
+++ b/aircox/static/aircox/main.js
@@ -582,7 +582,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n\n/*
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./progress */ \"./assets/public/progress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\nconst State = {\n    paused: 0,\n    playing: 1,\n    loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    data() {\n        let audio = new Audio();\n        audio.addEventListener('ended', e => this.onState(e));\n        audio.addEventListener('pause', e => this.onState(e));\n        audio.addEventListener('playing', e => this.onState(e));\n        audio.addEventListener('timeupdate', e => {\n            this.currentTime = this.audio.currentTime;\n        });\n        audio.addEventListener('durationchange', e => {\n            this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n        });\n\n        return {\n            audio, duration: 0, currentTime: 0, state: State.paused,\n\n            /// Live instance\n            live: this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null,\n            /// Loaded item\n            loaded: null,\n            //! Active panel name\n            panel: null,\n            //! current playing playlist name\n            playlistName: null,\n            //! players' playlists' sets\n            sets: {\n                queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n                pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n            }\n        }\n    },\n\n    props: {\n        buttonTitle: String,\n        liveArgs: Object,\n    },\n\n    computed: {\n        self() { return this; },\n        paused() { return this.state == State.paused; },\n        playing() { return this.state == State.playing; },\n        loading() { return this.state == State.loading; },\n\n        playlist() {\n            return this.playlistName ? this.$refs[this.playlistName] : null;\n        },\n\n        current() {\n            return this.loaded ? this.loaded : this.live && this.live.current;\n        },\n    },\n\n    methods: {\n        displayTime(seconds) {\n            seconds = parseInt(seconds);\n            let s = seconds % 60;\n            seconds = (seconds - s) / 60;\n            let m = seconds % 60;\n            let h = (seconds - m) / 60;\n\n            let [ss,mm,hh] = [s.toString().padStart(2, '0'),\n                              m.toString().padStart(2, '0'),\n                              h.toString().padStart(2, '0')];\n            return h ? `${hh}:${mm}:${ss}` : `${mm}:${ss}`;\n        },\n\n        playlistButtonClass(name) {\n            let set = this.sets[name];\n            return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n                       + (this.panel == name ? \"is-info \"\n                          : this.playlistName == name ? 'is-primary '\n                          : '') : '')\n                + \"button has-text-weight-bold\";\n        },\n\n        /// Show/hide panel\n        togglePanel(panel) { this.panel = this.panel == panel ? null : panel },\n        /// Return True if item is loaded\n        isLoaded(item) { return this.loaded && this.loaded.id == item.id },\n        /// Return True if item is loaded\n        isPlaying(item) { return this.isLoaded(item) && !this.paused },\n\n        _setPlaylist(playlist) {\n            this.playlistName = playlist;\n            for(var p in this.sets)\n                if(p != playlist)\n                    this.$refs[p].unselect();\n        },\n\n        /// Load a sound from playlist or live\n        load(playlist=null, index=0) {\n            let src = null;\n\n            // from playlist\n            if(playlist !== null) {\n                let item = this.$refs[playlist].get(index);\n                if(!item)\n                    throw `No sound at index ${index} for playlist ${playlist}`;\n                this.loaded = item;\n                src = item.src;\n            }\n            // from live\n            else {\n                this.loaded = null;\n                src = this.live.src;\n            }\n\n            this._setPlaylist(playlist);\n\n            // load sources\n            const audio = this.audio;\n            if(src instanceof Array) {\n                audio.innerHTML = '';\n                audio.removeAttribute('src');\n                for(var s of src) {\n                    let source = document.createElement('source');\n                    source.setAttribute('src', s);\n                    audio.appendChild(source)\n                }\n            }\n            else {\n                audio.src = src;\n            }\n            audio.load();\n        },\n\n        play(playlist=null, index=0) {\n            this.load(playlist, index);\n            this.audio.play().catch(e => console.error(e))\n        },\n\n        /// Push items to playlist (by name)\n        push(playlist, ...items) {\n            return this.$refs[playlist].push(...items);\n        },\n\n        /// Push and play items\n        playItems(playlist, ...items) {\n            let index = this.push(playlist, ...items);\n            this.$refs[playlist].selectedIndex = index;\n            this.play(playlist, index);\n        },\n\n        /// Handle click event that plays multiple items (from `data-sounds` attribute)\n        playButtonClick(event) {\n            var items = JSON.parse(event.currentTarget.dataset.sounds);\n            this.playItems('queue', ...items);\n        },\n\n        /// Pause\n        pause() {\n            this.audio.pause()\n        },\n\n        //! Play/pause\n        togglePlay(playlist=null, index=0) {\n            if(playlist !== null) {\n                let item = this.sets[playlist].get(index);\n                if(!this.playlist || this.playlistName !== playlist || this.loaded != item) {\n                    this.play(playlist, index);\n                    return;\n                }\n            }\n            if(this.paused)\n                this.audio.play().catch(e => console.error(e))\n            else\n                this.audio.pause();\n        },\n\n        //! Pin/Unpin an item\n        togglePin(item) {\n            let index = this.sets.pin.findIndex(item);\n            if(index > -1)\n                this.sets.pin.remove(index);\n            else {\n                this.sets.pin.push(item);\n                this.$refs.pinPlaylistButton.focus();\n            }\n        },\n\n        /// Audio player state change event\n        onState(event) {\n            const audio = this.audio;\n            this.state = audio.paused ? State.paused : State.playing;\n\n            if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n                this.play();\n        },\n    },\n\n    mounted() {\n        this.load();\n    },\n\n    components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _progress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./progress */ \"./assets/public/progress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\nconst State = {\n    paused: 0,\n    playing: 1,\n    loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    data() {\n        let audio = new Audio();\n        audio.addEventListener('ended', e => this.onState(e));\n        audio.addEventListener('pause', e => this.onState(e));\n        audio.addEventListener('playing', e => this.onState(e));\n        audio.addEventListener('timeupdate', e => {\n            this.currentTime = this.audio.currentTime;\n        });\n        audio.addEventListener('durationchange', e => {\n            this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n        });\n\n        let live = this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null;\n        live && live.refresh();\n\n        return {\n            audio, duration: 0, currentTime: 0, state: State.paused,\n            live,\n\n            /// Loaded item\n            loaded: null,\n            //! Active panel name\n            panel: null,\n            //! current playing playlist name\n            playlistName: null,\n            //! players' playlists' sets\n            sets: {\n                queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n                pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n            }\n        }\n    },\n\n    props: {\n        buttonTitle: String,\n        liveArgs: Object,\n    },\n\n    computed: {\n        self() { return this; },\n        paused() { return this.state == State.paused; },\n        playing() { return this.state == State.playing; },\n        loading() { return this.state == State.loading; },\n\n        playlist() {\n            return this.playlistName ? this.$refs[this.playlistName] : null;\n        },\n\n        current() {\n            return this.loaded ? this.loaded : this.live && this.live.current;\n        },\n    },\n\n    methods: {\n        displayTime(seconds) {\n            seconds = parseInt(seconds);\n            let s = seconds % 60;\n            seconds = (seconds - s) / 60;\n            let m = seconds % 60;\n            let h = (seconds - m) / 60;\n\n            let [ss,mm,hh] = [s.toString().padStart(2, '0'),\n                              m.toString().padStart(2, '0'),\n                              h.toString().padStart(2, '0')];\n            return h ? `${hh}:${mm}:${ss}` : `${mm}:${ss}`;\n        },\n\n        playlistButtonClass(name) {\n            let set = this.sets[name];\n            return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n                       + (this.panel == name ? \"is-info \"\n                          : this.playlistName == name ? 'is-primary '\n                          : '') : '')\n                + \"button has-text-weight-bold\";\n        },\n\n        /// Show/hide panel\n        togglePanel(panel) { this.panel = this.panel == panel ? null : panel },\n        /// Return True if item is loaded\n        isLoaded(item) { return this.loaded && this.loaded.id == item.id },\n        /// Return True if item is loaded\n        isPlaying(item) { return this.isLoaded(item) && !this.paused },\n\n        _setPlaylist(playlist) {\n            this.playlistName = playlist;\n            for(var p in this.sets)\n                if(p != playlist)\n                    this.$refs[p].unselect();\n        },\n\n        /// Load a sound from playlist or live\n        load(playlist=null, index=0) {\n            let src = null;\n\n            // from playlist\n            if(playlist !== null) {\n                let item = this.$refs[playlist].get(index);\n                if(!item)\n                    throw `No sound at index ${index} for playlist ${playlist}`;\n                this.loaded = item;\n                src = item.src;\n            }\n            // from live\n            else {\n                this.loaded = null;\n                src = this.live.src;\n            }\n\n            this._setPlaylist(playlist);\n\n            // load sources\n            const audio = this.audio;\n            if(src instanceof Array) {\n                audio.innerHTML = '';\n                audio.removeAttribute('src');\n                for(var s of src) {\n                    let source = document.createElement('source');\n                    source.setAttribute('src', s);\n                    audio.appendChild(source)\n                }\n            }\n            else {\n                audio.src = src;\n            }\n            audio.load();\n        },\n\n        play(playlist=null, index=0) {\n            this.load(playlist, index);\n            this.audio.play().catch(e => console.error(e))\n        },\n\n        /// Push items to playlist (by name)\n        push(playlist, ...items) {\n            return this.$refs[playlist].push(...items);\n        },\n\n        /// Push and play items\n        playItems(playlist, ...items) {\n            let index = this.push(playlist, ...items);\n            this.$refs[playlist].selectedIndex = index;\n            this.play(playlist, index);\n        },\n\n        /// Handle click event that plays multiple items (from `data-sounds` attribute)\n        playButtonClick(event) {\n            var items = JSON.parse(event.currentTarget.dataset.sounds);\n            this.playItems('queue', ...items);\n        },\n\n        /// Pause\n        pause() {\n            this.audio.pause()\n        },\n\n        //! Play/pause\n        togglePlay(playlist=null, index=0) {\n            if(playlist !== null) {\n                let item = this.sets[playlist].get(index);\n                if(!this.playlist || this.playlistName !== playlist || this.loaded != item) {\n                    this.play(playlist, index);\n                    return;\n                }\n            }\n            if(this.paused)\n                this.audio.play().catch(e => console.error(e))\n            else\n                this.audio.pause();\n        },\n\n        //! Pin/Unpin an item\n        togglePin(item) {\n            let index = this.sets.pin.findIndex(item);\n            if(index > -1)\n                this.sets.pin.remove(index);\n            else {\n                this.sets.pin.push(item);\n                this.$refs.pinPlaylistButton.focus();\n            }\n        },\n\n        /// Audio player state change event\n        onState(event) {\n            const audio = this.audio;\n            this.state = audio.paused ? State.paused : State.playing;\n\n            if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n                this.play();\n        },\n    },\n\n    mounted() {\n        this.load();\n    },\n\n    components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _progress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
diff --git a/assets/public/player.vue b/assets/public/player.vue
index 5ab1364..c0bbb49 100644
--- a/assets/public/player.vue
+++ b/assets/public/player.vue
@@ -96,11 +96,13 @@ export default {
             this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;
         });
 
+        let live = this.liveArgs ? new Live(this.liveArgs) : null;
+        live && live.refresh();
+
         return {
             audio, duration: 0, currentTime: 0, state: State.paused,
+            live,
 
-            /// Live instance
-            live: this.liveArgs ? new Live(this.liveArgs) : null,
             /// Loaded item
             loaded: null,
             //! Active panel name