wavesurfer.js 4.6.0 → 5.2.0

package/dist/plugin/wavesurfer.minimap.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/minimap/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["root","factory","exports","module","define","amd","this","MinimapPlugin","params","ws","Object","assign","showRegions","regionsPluginName","showOverview","overviewBorderColor","overviewBorderSize","container","height","Math","max","round","scrollParent","fillParent","el","document","querySelector","console","warn","util","style","createElement","display","drawer","Drawer","wavesurfer","renderEvent","backend","overviewRegion","regionsPlugin","createWrapper","createElements","isInitialised","_onShouldRender","bindWavesurferEvents","bindMinimapEvents","body","contains","insertBefore","regions","render","_onAudioprocess","currentTime","progress","getPlayedPercents","_onSeek","_onScroll","e","draggingOverview","moveOverviewRegion","target","scrollLeft","ratio","_onMouseover","prevWidth","_onResize","debounce","wrapper","clientWidth","_onZoom","on","name","deferInit","staticProps","instance","isReady","window","removeEventListener","un","destroy","unAll","region","id","renderRegions","i","regionElements","querySelectorAll","length","removeChild","keys","forEach","width","getWidth","end","start","getDuration","left","regionElement","backgroundColor","color","position","classList","add","appendChild","top","bottom","cursor","border","zIndex","opacity","overviewOpacity","addEventListener","positionMouseDown","clientX","clientY","relativePositionX","seek","interact","event","fireEvent","handleEvent","seekAndCenter","layerX","getBoundingClientRect","len","peaks","getPeaks","drawPeaks","waveShowedWidth","waveWidth","overviewWidth","offsetWidth","overviewPosition","pixels","pixelRatio","__webpack_module_cache__","__webpack_require__","moduleId","__webpack_modules__"],"mappings":"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","file":"wavesurfer.minimap.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"minimap\"] = factory();\n})(this, function() {\nreturn ","/*eslint no-console: [\"error\", { allow: [\"warn\"] }] */\n/**\n * @typedef {Object} MinimapPluginParams\n * @desc Extends the `WavesurferParams` wavesurfer was initialised with\n * @property {?string|HTMLElement} container CSS selector or HTML element where\n * the map should be rendered. By default it is simply appended\n * after the waveform.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('minimap')`\n */\n\n/**\n * Renders a smaller version waveform as a minimap of the main waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import MinimapPlugin from 'wavesurfer.minimap.js';\n *\n * // commonjs\n * var MinimapPlugin = require('wavesurfer.minimap.js');\n *\n * // if you are using <script> tags\n * var MinimapPlugin = window.WaveSurfer.minimap;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     MinimapPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class MinimapPlugin {\n    /**\n     * Minimap plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {MinimapPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'minimap',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: MinimapPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = Object.assign(\n            {},\n            ws.params,\n            {\n                showRegions: false,\n                regionsPluginName: params.regionsPluginName || 'regions',\n                showOverview: false,\n                overviewBorderColor: 'green',\n                overviewBorderSize: 2,\n                // the container should be different\n                container: false,\n                height: Math.max(Math.round(ws.params.height / 4), 20)\n            },\n            params,\n            {\n                scrollParent: false,\n                fillParent: true\n            }\n        );\n        // if container is a selector, get the element\n        if (typeof params.container === 'string') {\n            const el = document.querySelector(params.container);\n            if (!el) {\n                console.warn(\n                    `Wavesurfer minimap container ${params.container} was not found! The minimap will be automatically appended below the waveform.`\n                );\n            }\n            this.params.container = el;\n        }\n        // if no container is specified add a new element and insert it\n        if (!params.container) {\n            this.params.container = ws.util.style(\n                document.createElement('minimap'),\n                {\n                    display: 'block'\n                }\n            );\n        }\n        this.drawer = new ws.Drawer(this.params.container, this.params);\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        /**\n         * Minimap needs to listen for the `ready` and `waveform-ready` events\n         * to work with the `MediaElement` backend. The moment the `ready` event\n         * is called is different (and peaks would not load).\n         *\n         * @type {string}\n         * @see https://github.com/katspaugh/wavesurfer.js/issues/736\n         */\n        this.renderEvent =\n            ws.params.backend === 'MediaElement' ? 'waveform-ready' : 'ready';\n        this.overviewRegion = null;\n        this.regionsPlugin = this.wavesurfer[this.params.regionsPluginName];\n\n        this.drawer.createWrapper();\n        this.createElements();\n        let isInitialised = false;\n\n        // ws ready event listener\n        this._onShouldRender = () => {\n            // only bind the events in the first run\n            if (!isInitialised) {\n                this.bindWavesurferEvents();\n                this.bindMinimapEvents();\n                isInitialised = true;\n            }\n            // if there is no such element, append it to the container (below\n            // the waveform)\n            if (!document.body.contains(this.params.container)) {\n                ws.container.insertBefore(this.params.container, null);\n            }\n\n            if (this.regionsPlugin && this.params.showRegions) {\n                this.regions();\n            }\n            this.render();\n        };\n\n        this._onAudioprocess = currentTime => {\n            this.drawer.progress(this.wavesurfer.backend.getPlayedPercents());\n        };\n\n        // ws seek event listener\n        this._onSeek = () =>\n            this.drawer.progress(ws.backend.getPlayedPercents());\n\n        // event listeners for the overview region\n        this._onScroll = e => {\n            if (!this.draggingOverview) {\n                this.moveOverviewRegion(e.target.scrollLeft / this.ratio);\n            }\n        };\n        this._onMouseover = e => {\n            if (this.draggingOverview) {\n                this.draggingOverview = false;\n            }\n        };\n        let prevWidth = 0;\n        this._onResize = ws.util.debounce(() => {\n            if (prevWidth != this.drawer.wrapper.clientWidth) {\n                prevWidth = this.drawer.wrapper.clientWidth;\n                this.render();\n                this.drawer.progress(\n                    this.wavesurfer.backend.getPlayedPercents()\n                );\n            }\n        });\n        this._onZoom = e => {\n            this.render();\n        };\n        this.wavesurfer.on('zoom', this._onZoom);\n    }\n\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onShouldRender();\n        }\n        this.wavesurfer.on(this.renderEvent, this._onShouldRender);\n    }\n\n    destroy() {\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n        this.wavesurfer.drawer.wrapper.removeEventListener(\n            'mouseover',\n            this._onMouseover\n        );\n        this.wavesurfer.un(this.renderEvent, this._onShouldRender);\n        this.wavesurfer.un('seek', this._onSeek);\n        this.wavesurfer.un('scroll', this._onScroll);\n        this.wavesurfer.un('audioprocess', this._onAudioprocess);\n        this.wavesurfer.un('zoom', this._onZoom);\n        this.drawer.destroy();\n        this.overviewRegion = null;\n        this.unAll();\n    }\n\n    regions() {\n        this.regions = {};\n\n        this.wavesurfer.on('region-created', region => {\n            this.regions[region.id] = region;\n            this.drawer.wrapper && this.renderRegions();\n        });\n\n        this.wavesurfer.on('region-updated', region => {\n            this.regions[region.id] = region;\n            this.drawer.wrapper && this.renderRegions();\n        });\n\n        this.wavesurfer.on('region-removed', region => {\n            delete this.regions[region.id];\n            this.drawer.wrapper && this.renderRegions();\n        });\n    }\n\n    renderRegions() {\n        const regionElements = this.drawer.wrapper.querySelectorAll('region');\n        let i;\n        for (i = 0; i < regionElements.length; ++i) {\n            this.drawer.wrapper.removeChild(regionElements[i]);\n        }\n\n        Object.keys(this.regions).forEach(id => {\n            const region = this.regions[id];\n            const width =\n                this.getWidth() *\n                ((region.end - region.start) / this.wavesurfer.getDuration());\n            const left =\n                this.getWidth() *\n                (region.start / this.wavesurfer.getDuration());\n            const regionElement = this.util.style(\n                document.createElement('region'),\n                {\n                    height: 'inherit',\n                    backgroundColor: region.color,\n                    width: width + 'px',\n                    left: left + 'px',\n                    display: 'block',\n                    position: 'absolute'\n                }\n            );\n            regionElement.classList.add(id);\n            this.drawer.wrapper.appendChild(regionElement);\n        });\n    }\n\n    createElements() {\n        this.drawer.createElements();\n        if (this.params.showOverview) {\n            this.overviewRegion = this.util.style(\n                document.createElement('overview'),\n                {\n                    top: 0,\n                    bottom: 0,\n                    width: '0px',\n                    display: 'block',\n                    position: 'absolute',\n                    cursor: 'move',\n                    border:\n                        this.params.overviewBorderSize +\n                        'px solid ' +\n                        this.params.overviewBorderColor,\n                    zIndex: 2,\n                    opacity: this.params.overviewOpacity\n                }\n            );\n            this.drawer.wrapper.appendChild(this.overviewRegion);\n        }\n    }\n\n    bindWavesurferEvents() {\n        window.addEventListener('resize', this._onResize, true);\n        window.addEventListener('orientationchange', this._onResize, true);\n        this.wavesurfer.on('audioprocess', this._onAudioprocess);\n        this.wavesurfer.on('seek', this._onSeek);\n        if (this.params.showOverview) {\n            this.wavesurfer.on('scroll', this._onScroll);\n            this.wavesurfer.drawer.wrapper.addEventListener(\n                'mouseover',\n                this._onMouseover\n            );\n        }\n    }\n\n    bindMinimapEvents() {\n        const positionMouseDown = {\n            clientX: 0,\n            clientY: 0\n        };\n        let relativePositionX = 0;\n        let seek = true;\n\n        // the following event listeners will be destroyed by using\n        // this.unAll() and nullifying the DOM node references after\n        // removing them\n        if (this.params.interact) {\n            this.drawer.wrapper.addEventListener('click', event => {\n                this.fireEvent('click', event, this.drawer.handleEvent(event));\n            });\n\n            this.on('click', (event, position) => {\n                if (seek) {\n                    this.drawer.progress(position);\n                    this.wavesurfer.seekAndCenter(position);\n                } else {\n                    seek = true;\n                }\n            });\n        }\n\n        if (this.params.showOverview) {\n            this.overviewRegion.addEventListener('mousedown', event => {\n                this.draggingOverview = true;\n                relativePositionX = event.layerX;\n                positionMouseDown.clientX = event.clientX;\n                positionMouseDown.clientY = event.clientY;\n            });\n\n            this.drawer.wrapper.addEventListener('mousemove', event => {\n                if (this.draggingOverview) {\n                    this.moveOverviewRegion(\n                        event.clientX -\n                            this.drawer.container.getBoundingClientRect().left -\n                            relativePositionX\n                    );\n                }\n            });\n\n            this.drawer.wrapper.addEventListener('mouseup', event => {\n                if (\n                    positionMouseDown.clientX - event.clientX === 0 &&\n                    positionMouseDown.clientX - event.clientX === 0\n                ) {\n                    seek = true;\n                    this.draggingOverview = false;\n                } else if (this.draggingOverview) {\n                    seek = false;\n                    this.draggingOverview = false;\n                }\n            });\n        }\n    }\n\n    render() {\n        const len = this.drawer.getWidth();\n        const peaks = this.wavesurfer.backend.getPeaks(len, 0, len);\n        this.drawer.drawPeaks(peaks, len, 0, len);\n        this.drawer.progress(this.wavesurfer.backend.getPlayedPercents());\n\n        if (this.params.showOverview) {\n            //get proportional width of overview region considering the respective\n            //width of the drawers\n            this.ratio = this.wavesurfer.drawer.width / this.drawer.width;\n            this.waveShowedWidth = this.wavesurfer.drawer.width / this.ratio;\n            this.waveWidth = this.wavesurfer.drawer.width;\n            this.overviewWidth = this.drawer.container.offsetWidth / this.ratio;\n            this.overviewPosition = 0;\n            this.moveOverviewRegion(\n                this.wavesurfer.drawer.wrapper.scrollLeft / this.ratio\n            );\n            this.overviewRegion.style.width = this.overviewWidth + 'px';\n        }\n    }\n\n    moveOverviewRegion(pixels) {\n        if (pixels < 0) {\n            this.overviewPosition = 0;\n        } else if (\n            pixels + this.overviewWidth <\n            this.drawer.container.offsetWidth\n        ) {\n            this.overviewPosition = pixels;\n        } else {\n            this.overviewPosition =\n                this.drawer.container.offsetWidth - this.overviewWidth;\n        }\n        this.overviewRegion.style.left = this.overviewPosition + 'px';\n        if (this.draggingOverview) {\n            this.wavesurfer.drawer.wrapper.scrollLeft =\n                this.overviewPosition * this.ratio;\n        }\n    }\n\n    getWidth() {\n        return this.drawer.width / this.params.pixelRatio;\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tif(__webpack_module_cache__[moduleId]) {\n\t\treturn __webpack_module_cache__[moduleId].exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(521);\n"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.minimap.min.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/minimap/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"minimap\"] = factory();\n})(self, function() {\nreturn ","/*eslint no-console: [\"error\", { allow: [\"warn\"] }] */\n/**\n * @typedef {Object} MinimapPluginParams\n * @desc Extends the `WavesurferParams` wavesurfer was initialised with\n * @property {?string|HTMLElement} container CSS selector or HTML element where\n * the map should be rendered. By default it is simply appended\n * after the waveform.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('minimap')`\n */\n\n/**\n * Renders a smaller version waveform as a minimap of the main waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import MinimapPlugin from 'wavesurfer.minimap.js';\n *\n * // commonjs\n * var MinimapPlugin = require('wavesurfer.minimap.js');\n *\n * // if you are using <script> tags\n * var MinimapPlugin = window.WaveSurfer.minimap;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     MinimapPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class MinimapPlugin {\n    /**\n     * Minimap plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {MinimapPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'minimap',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: MinimapPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = Object.assign(\n            {},\n            ws.params,\n            {\n                showRegions: false,\n                regionsPluginName: params.regionsPluginName || 'regions',\n                showOverview: false,\n                overviewBorderColor: 'green',\n                overviewBorderSize: 2,\n                // the container should be different\n                container: false,\n                height: Math.max(Math.round(ws.params.height / 4), 20)\n            },\n            params,\n            {\n                scrollParent: false,\n                fillParent: true\n            }\n        );\n        // if container is a selector, get the element\n        if (typeof params.container === 'string') {\n            const el = document.querySelector(params.container);\n            if (!el) {\n                console.warn(\n                    `Wavesurfer minimap container ${params.container} was not found! The minimap will be automatically appended below the waveform.`\n                );\n            }\n            this.params.container = el;\n        }\n        // if no container is specified add a new element and insert it\n        if (!params.container) {\n            this.params.container = ws.util.style(\n                document.createElement('minimap'),\n                {\n                    display: 'block'\n                }\n            );\n        }\n        this.drawer = new ws.Drawer(this.params.container, this.params);\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        /**\n         * Minimap needs to listen for the `ready` and `waveform-ready` events\n         * to work with the `MediaElement` backend. The moment the `ready` event\n         * is called is different (and peaks would not load).\n         *\n         * @type {string}\n         * @see https://github.com/katspaugh/wavesurfer.js/issues/736\n         */\n        this.renderEvent =\n            ws.params.backend === 'MediaElement' ? 'waveform-ready' : 'ready';\n        this.overviewRegion = null;\n        this.regionsPlugin = this.wavesurfer[this.params.regionsPluginName];\n\n        this.drawer.createWrapper();\n        this.createElements();\n        let isInitialised = false;\n\n        // ws ready event listener\n        this._onShouldRender = () => {\n            // only bind the events in the first run\n            if (!isInitialised) {\n                this.bindWavesurferEvents();\n                this.bindMinimapEvents();\n                isInitialised = true;\n            }\n            // if there is no such element, append it to the container (below\n            // the waveform)\n            if (!document.body.contains(this.params.container)) {\n                ws.container.insertBefore(this.params.container, null);\n            }\n\n            if (this.regionsPlugin && this.params.showRegions) {\n                this.regions();\n            }\n            this.render();\n        };\n\n        this._onAudioprocess = currentTime => {\n            this.drawer.progress(this.wavesurfer.backend.getPlayedPercents());\n        };\n\n        // ws seek event listener\n        this._onSeek = () =>\n            this.drawer.progress(ws.backend.getPlayedPercents());\n\n        // event listeners for the overview region\n        this._onScroll = e => {\n            if (!this.draggingOverview) {\n                this.moveOverviewRegion(e.target.scrollLeft / this.ratio);\n            }\n        };\n        this._onMouseover = e => {\n            if (this.draggingOverview) {\n                this.draggingOverview = false;\n            }\n        };\n        let prevWidth = 0;\n        this._onResize = ws.util.debounce(() => {\n            if (prevWidth != this.drawer.wrapper.clientWidth) {\n                prevWidth = this.drawer.wrapper.clientWidth;\n                this.render();\n                this.drawer.progress(\n                    this.wavesurfer.backend.getPlayedPercents()\n                );\n            }\n        });\n        this._onZoom = e => {\n            this.render();\n        };\n        this.wavesurfer.on('zoom', this._onZoom);\n    }\n\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onShouldRender();\n        }\n        this.wavesurfer.on(this.renderEvent, this._onShouldRender);\n    }\n\n    destroy() {\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n        this.wavesurfer.drawer.wrapper.removeEventListener(\n            'mouseover',\n            this._onMouseover\n        );\n        this.wavesurfer.un(this.renderEvent, this._onShouldRender);\n        this.wavesurfer.un('seek', this._onSeek);\n        this.wavesurfer.un('scroll', this._onScroll);\n        this.wavesurfer.un('audioprocess', this._onAudioprocess);\n        this.wavesurfer.un('zoom', this._onZoom);\n        this.drawer.destroy();\n        this.overviewRegion = null;\n        this.unAll();\n    }\n\n    regions() {\n        this.regions = {};\n\n        this.wavesurfer.on('region-created', region => {\n            this.regions[region.id] = region;\n            this.drawer.wrapper && this.renderRegions();\n        });\n\n        this.wavesurfer.on('region-updated', region => {\n            this.regions[region.id] = region;\n            this.drawer.wrapper && this.renderRegions();\n        });\n\n        this.wavesurfer.on('region-removed', region => {\n            delete this.regions[region.id];\n            this.drawer.wrapper && this.renderRegions();\n        });\n    }\n\n    renderRegions() {\n        const regionElements = this.drawer.wrapper.querySelectorAll('region');\n        let i;\n        for (i = 0; i < regionElements.length; ++i) {\n            this.drawer.wrapper.removeChild(regionElements[i]);\n        }\n\n        Object.keys(this.regions).forEach(id => {\n            const region = this.regions[id];\n            const width =\n                this.getWidth() *\n                ((region.end - region.start) / this.wavesurfer.getDuration());\n            const left =\n                this.getWidth() *\n                (region.start / this.wavesurfer.getDuration());\n            const regionElement = this.util.style(\n                document.createElement('region'),\n                {\n                    height: 'inherit',\n                    backgroundColor: region.color,\n                    width: width + 'px',\n                    left: left + 'px',\n                    display: 'block',\n                    position: 'absolute'\n                }\n            );\n            regionElement.classList.add(id);\n            this.drawer.wrapper.appendChild(regionElement);\n        });\n    }\n\n    createElements() {\n        this.drawer.createElements();\n        if (this.params.showOverview) {\n            this.overviewRegion = this.util.style(\n                document.createElement('overview'),\n                {\n                    top: 0,\n                    bottom: 0,\n                    width: '0px',\n                    display: 'block',\n                    position: 'absolute',\n                    cursor: 'move',\n                    border:\n                        this.params.overviewBorderSize +\n                        'px solid ' +\n                        this.params.overviewBorderColor,\n                    zIndex: 2,\n                    opacity: this.params.overviewOpacity\n                }\n            );\n            this.drawer.wrapper.appendChild(this.overviewRegion);\n        }\n    }\n\n    bindWavesurferEvents() {\n        window.addEventListener('resize', this._onResize, true);\n        window.addEventListener('orientationchange', this._onResize, true);\n        this.wavesurfer.on('audioprocess', this._onAudioprocess);\n        this.wavesurfer.on('seek', this._onSeek);\n        if (this.params.showOverview) {\n            this.wavesurfer.on('scroll', this._onScroll);\n            this.wavesurfer.drawer.wrapper.addEventListener(\n                'mouseover',\n                this._onMouseover\n            );\n        }\n    }\n\n    bindMinimapEvents() {\n        const positionMouseDown = {\n            clientX: 0,\n            clientY: 0\n        };\n        let relativePositionX = 0;\n        let seek = true;\n\n        // the following event listeners will be destroyed by using\n        // this.unAll() and nullifying the DOM node references after\n        // removing them\n        if (this.params.interact) {\n            this.drawer.wrapper.addEventListener('click', event => {\n                this.fireEvent('click', event, this.drawer.handleEvent(event));\n            });\n\n            this.on('click', (event, position) => {\n                if (seek) {\n                    this.drawer.progress(position);\n                    this.wavesurfer.seekAndCenter(position);\n                } else {\n                    seek = true;\n                }\n            });\n        }\n\n        if (this.params.showOverview) {\n            this.overviewRegion.addEventListener('mousedown', event => {\n                this.draggingOverview = true;\n                relativePositionX = event.layerX;\n                positionMouseDown.clientX = event.clientX;\n                positionMouseDown.clientY = event.clientY;\n            });\n\n            this.drawer.wrapper.addEventListener('mousemove', event => {\n                if (this.draggingOverview) {\n                    this.moveOverviewRegion(\n                        event.clientX -\n                            this.drawer.container.getBoundingClientRect().left -\n                            relativePositionX\n                    );\n                }\n            });\n\n            this.drawer.wrapper.addEventListener('mouseup', event => {\n                if (\n                    positionMouseDown.clientX - event.clientX === 0 &&\n                    positionMouseDown.clientX - event.clientX === 0\n                ) {\n                    seek = true;\n                    this.draggingOverview = false;\n                } else if (this.draggingOverview) {\n                    seek = false;\n                    this.draggingOverview = false;\n                }\n            });\n        }\n    }\n\n    render() {\n        const len = this.drawer.getWidth();\n        const peaks = this.wavesurfer.backend.getPeaks(len, 0, len);\n        this.drawer.drawPeaks(peaks, len, 0, len);\n        this.drawer.progress(this.wavesurfer.backend.getPlayedPercents());\n\n        if (this.params.showOverview) {\n            //get proportional width of overview region considering the respective\n            //width of the drawers\n            this.ratio = this.wavesurfer.drawer.width / this.drawer.width;\n            this.waveShowedWidth = this.wavesurfer.drawer.width / this.ratio;\n            this.waveWidth = this.wavesurfer.drawer.width;\n            this.overviewWidth = this.drawer.container.offsetWidth / this.ratio;\n            this.overviewPosition = 0;\n            this.moveOverviewRegion(\n                this.wavesurfer.drawer.wrapper.scrollLeft / this.ratio\n            );\n            this.overviewRegion.style.width = this.overviewWidth + 'px';\n        }\n    }\n\n    moveOverviewRegion(pixels) {\n        if (pixels < 0) {\n            this.overviewPosition = 0;\n        } else if (\n            pixels + this.overviewWidth <\n            this.drawer.container.offsetWidth\n        ) {\n            this.overviewPosition = pixels;\n        } else {\n            this.overviewPosition =\n                this.drawer.container.offsetWidth - this.overviewWidth;\n        }\n        this.overviewRegion.style.left = this.overviewPosition + 'px';\n        if (this.draggingOverview) {\n            this.wavesurfer.drawer.wrapper.scrollLeft =\n                this.overviewPosition * this.ratio;\n        }\n    }\n\n    getWidth() {\n        return this.drawer.width / this.params.pixelRatio;\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(521);\n"],"names":["root","factory","exports","module","define","amd","self","MinimapPlugin","params","ws","this","Object","assign","showRegions","regionsPluginName","showOverview","overviewBorderColor","overviewBorderSize","container","height","Math","max","round","scrollParent","fillParent","el","document","querySelector","console","warn","util","style","createElement","display","drawer","Drawer","wavesurfer","renderEvent","backend","overviewRegion","regionsPlugin","createWrapper","createElements","isInitialised","_onShouldRender","bindWavesurferEvents","bindMinimapEvents","body","contains","insertBefore","regions","render","_onAudioprocess","currentTime","progress","getPlayedPercents","_onSeek","_onScroll","e","draggingOverview","moveOverviewRegion","target","scrollLeft","ratio","_onMouseover","prevWidth","_onResize","debounce","wrapper","clientWidth","_onZoom","on","name","deferInit","staticProps","instance","isReady","window","removeEventListener","un","destroy","unAll","region","id","renderRegions","i","regionElements","querySelectorAll","length","removeChild","keys","forEach","width","getWidth","end","start","getDuration","left","regionElement","backgroundColor","color","position","classList","add","appendChild","top","bottom","cursor","border","zIndex","opacity","overviewOpacity","addEventListener","positionMouseDown","clientX","clientY","relativePositionX","seek","interact","event","fireEvent","handleEvent","seekAndCenter","layerX","getBoundingClientRect","len","peaks","getPeaks","drawPeaks","waveShowedWidth","waveWidth","overviewWidth","offsetWidth","overviewPosition","pixels","pixelRatio","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}

package/dist/plugin/wavesurfer.playhead.js

@@ -0,0 +1,324 @@
+/*!
+ * wavesurfer.js playhead plugin 5.2.0 (2021-08-16)
+ * https://wavesurfer-js.org
+ * @license BSD-3-Clause
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define("WaveSurfer", [], factory);
+	else if(typeof exports === 'object')
+		exports["WaveSurfer"] = factory();
+	else
+		root["WaveSurfer"] = root["WaveSurfer"] || {}, root["WaveSurfer"]["playhead"] = factory();
+})(self, function() {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./src/plugin/playhead/index.js":
+/*!**************************************!*\
+  !*** ./src/plugin/playhead/index.js ***!
+  \**************************************/
+/***/ ((module, exports) => {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.default = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * The playhead plugin separates the notion of the currently playing position from
+ * a 'play-start' position.  Having a playhead enables a listening pattern
+ * (commonly found in DAWs) that involves listening to a section of a track
+ * repeatedly, rather than listening to an entire track in a linear fashion.
+ *
+ * @implements {PluginClass}
+ *
+ * @example
+ * import PlayheadPlugin from 'wavesurfer.playhead.js';
+ *
+ * // if you are using <script> tags
+ * var PlayheadPlugin = window.WaveSurfer.playhead;
+ *
+ * // ... initialising wavesurfer with the plugin
+ * var wavesurfer = WaveSurfer.create({
+ *   // wavesurfer options ...
+ *   plugins: [
+ *     PlayheadPlugin.create({
+ *        movePlayheadOnSeek: true,
+ *        drawPlayhead: false,
+ *        movePlayheadOnPause: false
+ *     })
+ *   ]
+ * });
+ */
+var DEFAULT_FILL_COLOR = '#CF2F00';
+
+var PlayheadPlugin = /*#__PURE__*/function () {
+  function PlayheadPlugin(params, ws) {
+    var _this = this;
+
+    _classCallCheck(this, PlayheadPlugin);
+
+    this.params = params;
+    this.options = {};
+    ['draw', 'moveOnSeek', 'returnOnPause'].forEach(function (opt) {
+      if (opt in params) {
+        _this.options[opt] = params[opt];
+      } else {
+        _this.options[opt] = true;
+      }
+    });
+    this.wavesurfer = ws;
+    this.util = ws.util;
+    this.style = this.util.style;
+    this.markerWidth = 21;
+    this.markerHeight = 16;
+    this.playheadTime = 0;
+    this.unFuns = [];
+
+    this._onResize = function () {
+      _this._updatePlayheadPosition();
+    };
+
+    this._onReady = function () {
+      _this.wrapper = _this.wavesurfer.drawer.wrapper;
+
+      _this._updatePlayheadPosition();
+    };
+  }
+
+  _createClass(PlayheadPlugin, [{
+    key: "_onBackendCreated",
+    value: function _onBackendCreated() {
+      var _this2 = this;
+
+      this.wrapper = this.wavesurfer.drawer.wrapper;
+
+      if (this.options.draw) {
+        this._createPlayheadElement();
+
+        window.addEventListener('resize', this._onResize, true);
+        window.addEventListener('orientationchange', this._onResize, true);
+        this.wavesurferOn('zoom', this._onResize);
+      }
+
+      this.wavesurferOn('pause', function () {
+        if (_this2.options.returnOnPause) {
+          _this2.wavesurfer.setCurrentTime(_this2.playheadTime);
+        }
+      });
+      this.wavesurferOn('seek', function () {
+        if (_this2.options.moveOnSeek) {
+          _this2.playheadTime = _this2.wavesurfer.getCurrentTime();
+
+          _this2._updatePlayheadPosition();
+        }
+      });
+      this.playheadTime = this.wavesurfer.getCurrentTime();
+    }
+  }, {
+    key: "wavesurferOn",
+    value: function wavesurferOn(ev, fn) {
+      var _this3 = this;
+
+      var ret = this.wavesurfer.on(ev, fn);
+      this.unFuns.push(function () {
+        _this3.wavesurfer.un(ev, fn);
+      });
+      return ret;
+    }
+  }, {
+    key: "init",
+    value: function init() {
+      var _this4 = this;
+
+      if (this.wavesurfer.isReady) {
+        this._onBackendCreated();
+
+        this._onReady();
+      } else {
+        var r;
+        this.wavesurfer.once('ready', function () {
+          return _this4._onReady();
+        });
+        this.wavesurfer.once('backend-created', function () {
+          return _this4._onBackendCreated();
+        });
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.unFuns.forEach(function (f) {
+        return f();
+      });
+      this.unFuns = [];
+      this.wrapper.removeChild(this.element);
+      window.removeEventListener('resize', this._onResize, true);
+      window.removeEventListener('orientationchange', this._onResize, true);
+    }
+  }, {
+    key: "setPlayheadTime",
+    value: function setPlayheadTime(time) {
+      this.playheadTime = time;
+
+      if (!this.wavesurfer.isPlaying()) {
+        this.wavesurfer.setCurrentTime(time);
+      }
+
+      this._updatePlayheadPosition();
+    }
+  }, {
+    key: "_createPointerSVG",
+    value: function _createPointerSVG() {
+      var svgNS = 'http://www.w3.org/2000/svg';
+      var el = document.createElementNS(svgNS, 'svg');
+      var path = document.createElementNS(svgNS, 'path');
+      el.setAttribute('viewBox', '0 0 33 30');
+      path.setAttribute('d', 'M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z');
+      path.setAttribute('stroke', '#979797');
+      path.setAttribute('fill', DEFAULT_FILL_COLOR);
+      el.appendChild(path);
+      this.style(el, {
+        width: this.markerWidth + 'px',
+        height: this.markerHeight + 'px',
+        cursor: 'pointer',
+        'z-index': 5
+      });
+      return el;
+    }
+  }, {
+    key: "_createPlayheadElement",
+    value: function _createPlayheadElement() {
+      var _this5 = this;
+
+      var el = document.createElement('playhead');
+      el.className = 'wavesurfer-playhead';
+      this.style(el, {
+        position: 'absolute',
+        height: '100%',
+        display: 'flex',
+        'flex-direction': 'column'
+      });
+
+      var pointer = this._createPointerSVG();
+
+      el.appendChild(pointer);
+      pointer.addEventListener('click', function (e) {
+        e.stopPropagation();
+
+        _this5.wavesurfer.setCurrentTime(_this5.playheadTime);
+      });
+      var line = document.createElement('div');
+      this.style(line, {
+        'flex-grow': 1,
+        'margin-left': this.markerWidth / 2 - 0.5 + 'px',
+        background: 'black',
+        width: '1px',
+        opacity: 0.1
+      });
+      el.appendChild(line);
+      this.element = el;
+      this.wrapper.appendChild(el);
+    }
+  }, {
+    key: "_updatePlayheadPosition",
+    value: function _updatePlayheadPosition() {
+      if (!this.element) {
+        return;
+      }
+
+      var duration = this.wavesurfer.getDuration();
+      var elementWidth = this.wavesurfer.drawer.width / this.wavesurfer.params.pixelRatio;
+      var positionPct = this.playheadTime / duration;
+      this.style(this.element, {
+        left: elementWidth * positionPct - this.markerWidth / 2 + 'px'
+      });
+    }
+  }], [{
+    key: "create",
+    value:
+    /**
+     * @typedef {Object} PlayheadPluginParams
+     * @property {?boolean} draw=true Draw the playhead as a triangle/line
+     * @property {?boolean} moveOnSeek=true Seeking (via clicking) while playing moves the playhead
+     * @property {?boolean} returnOnPause=true Pausing the track returns the seek position to the playhead
+     */
+
+    /**
+     * Playhead plugin definition factory
+     *
+     * This function must be used to create a plugin definition which can be
+     * used by wavesurfer to correctly instantiate the plugin.
+     *
+     * @param {PlayheadPluginParams} params parameters use to initialise the plugin
+     * @since 5.0.0
+     * @return {PluginDefinition} an object representing the plugin
+     */
+    function create(params) {
+      return {
+        name: 'playhead',
+        deferInit: params && params.deferInit ? params.deferInit : false,
+        params: params,
+        instance: PlayheadPlugin
+      };
+    }
+  }]);
+
+  return PlayheadPlugin;
+}();
+
+exports.default = PlayheadPlugin;
+module.exports = exports.default;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module is referenced by other modules so it can't be inlined
+/******/ 	var __webpack_exports__ = __webpack_require__("./src/plugin/playhead/index.js");
+/******/ 	
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=wavesurfer.playhead.js.map

package/dist/plugin/wavesurfer.playhead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wavesurfer.playhead.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/playhead/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/before-startup","webpack://WaveSurfer.[name]/webpack/startup","webpack://WaveSurfer.[name]/webpack/after-startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"playhead\"] = factory();\n})(self, function() {\nreturn ","\n/**\n * The playhead plugin separates the notion of the currently playing position from\n * a 'play-start' position.  Having a playhead enables a listening pattern\n * (commonly found in DAWs) that involves listening to a section of a track\n * repeatedly, rather than listening to an entire track in a linear fashion.\n *\n * @implements {PluginClass}\n *\n * @example\n * import PlayheadPlugin from 'wavesurfer.playhead.js';\n *\n * // if you are using <script> tags\n * var PlayheadPlugin = window.WaveSurfer.playhead;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     PlayheadPlugin.create({\n *        movePlayheadOnSeek: true,\n *        drawPlayhead: false,\n *        movePlayheadOnPause: false\n *     })\n *   ]\n * });\n */\n\nconst DEFAULT_FILL_COLOR = '#CF2F00';\n\nexport default class PlayheadPlugin {\n    /**\n     * @typedef {Object} PlayheadPluginParams\n     * @property {?boolean} draw=true Draw the playhead as a triangle/line\n     * @property {?boolean} moveOnSeek=true Seeking (via clicking) while playing moves the playhead\n     * @property {?boolean} returnOnPause=true Pausing the track returns the seek position to the playhead\n     */\n\n    /**\n     * Playhead plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param {PlayheadPluginParams} params parameters use to initialise the plugin\n     * @since 5.0.0\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'playhead',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: PlayheadPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.options = {};\n\n        ['draw', 'moveOnSeek', 'returnOnPause'].forEach(opt => {\n            if (opt in params) {\n                this.options[opt] = params[opt];\n            } else {\n                this.options[opt] = true;\n            }\n        });\n\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.markerWidth = 21;\n        this.markerHeight = 16;\n        this.playheadTime = 0;\n        this.unFuns = [];\n\n        this._onResize = () => {\n            this._updatePlayheadPosition();\n        };\n\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this._updatePlayheadPosition();\n        };\n    }\n\n    _onBackendCreated() {\n        this.wrapper = this.wavesurfer.drawer.wrapper;\n\n        if (this.options.draw) {\n            this._createPlayheadElement();\n            window.addEventListener('resize', this._onResize, true);\n            window.addEventListener('orientationchange', this._onResize, true);\n\n            this.wavesurferOn('zoom', this._onResize);\n        }\n\n        this.wavesurferOn('pause', () => {\n            if ( this.options.returnOnPause ) {\n                this.wavesurfer.setCurrentTime(this.playheadTime);\n            }\n        });\n\n        this.wavesurferOn('seek', () => {\n            if ( this.options.moveOnSeek ) {\n                this.playheadTime = this.wavesurfer.getCurrentTime();\n                this._updatePlayheadPosition();\n            }\n        });\n\n        this.playheadTime = this.wavesurfer.getCurrentTime();\n    }\n\n    wavesurferOn(ev, fn) {\n        let ret = this.wavesurfer.on(ev, fn);\n        this.unFuns.push(() => {\n            this.wavesurfer.un(ev, fn);\n        });\n        return ret;\n    }\n\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            let r;\n\n            this.wavesurfer.once('ready', () => this._onReady());\n            this.wavesurfer.once('backend-created', () => this._onBackendCreated());\n        }\n    }\n\n    destroy() {\n        this.unFuns.forEach(f => f());\n        this.unFuns = [];\n\n        this.wrapper.removeChild(this.element);\n\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n    }\n\n    setPlayheadTime(time) {\n        this.playheadTime = time;\n\n        if (!this.wavesurfer.isPlaying()) {\n            this.wavesurfer.setCurrentTime(time);\n        }\n        this._updatePlayheadPosition();\n    }\n\n    _createPointerSVG() {\n        const svgNS = 'http://www.w3.org/2000/svg';\n\n        const el = document.createElementNS(svgNS, 'svg');\n        const path = document.createElementNS(svgNS, 'path');\n\n        el.setAttribute('viewBox', '0 0 33 30');\n        path.setAttribute('d', 'M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z');\n        path.setAttribute('stroke', '#979797');\n        path.setAttribute('fill', DEFAULT_FILL_COLOR);\n\n        el.appendChild(path);\n\n        this.style(el, {\n            width: this.markerWidth + 'px',\n            height: this.markerHeight + 'px',\n            cursor: 'pointer',\n            'z-index': 5\n        });\n        return el;\n    }\n\n    _createPlayheadElement() {\n        const el = document.createElement('playhead');\n        el.className = 'wavesurfer-playhead';\n\n        this.style(el, {\n            position: 'absolute',\n            height: '100%',\n            display: 'flex',\n            'flex-direction': 'column'\n        });\n\n        const pointer = this._createPointerSVG();\n        el.appendChild(pointer);\n\n        pointer.addEventListener('click', e => {\n            e.stopPropagation();\n            this.wavesurfer.setCurrentTime(this.playheadTime);\n        });\n\n        const line = document.createElement('div');\n        this.style(line, {\n            'flex-grow': 1,\n            'margin-left': (this.markerWidth / 2 - 0.5) + 'px',\n            background: 'black',\n            width: '1px',\n            opacity: 0.1\n        });\n\n        el.appendChild(line);\n\n        this.element = el;\n        this.wrapper.appendChild(el);\n    }\n\n    _updatePlayheadPosition() {\n        if (!this.element) {\n            return;\n        }\n\n        const duration = this.wavesurfer.getDuration();\n        const elementWidth =\n            this.wavesurfer.drawer.width /\n            this.wavesurfer.params.pixelRatio;\n\n        const positionPct = this.playheadTime / duration;\n        this.style(this.element, {\n            left: ((elementWidth * positionPct) - (this.markerWidth / 2)) + 'px'\n        });\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/plugin/playhead/index.js\");\n",""],"names":["DEFAULT_FILL_COLOR","PlayheadPlugin","params","ws","options","forEach","opt","wavesurfer","util","style","markerWidth","markerHeight","playheadTime","unFuns","_onResize","_updatePlayheadPosition","_onReady","wrapper","drawer","draw","_createPlayheadElement","window","addEventListener","wavesurferOn","returnOnPause","setCurrentTime","moveOnSeek","getCurrentTime","ev","fn","ret","on","push","un","isReady","_onBackendCreated","r","once","f","removeChild","element","removeEventListener","time","isPlaying","svgNS","el","document","createElementNS","path","setAttribute","appendChild","width","height","cursor","createElement","className","position","display","pointer","_createPointerSVG","e","stopPropagation","line","background","opacity","duration","getDuration","elementWidth","pixelRatio","positionPct","left","name","deferInit","instance"],"sourceRoot":""}

package/dist/plugin/wavesurfer.playhead.min.js

@@ -0,0 +1,7 @@
+/*!
+ * wavesurfer.js playhead plugin 5.2.0 (2021-08-16)
+ * https://wavesurfer-js.org
+ * @license BSD-3-Clause
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("WaveSurfer",[],t):"object"==typeof exports?exports.WaveSurfer=t():(e.WaveSurfer=e.WaveSurfer||{},e.WaveSurfer.playhead=t())}(self,(function(){return(()=>{"use strict";var e={374:(e,t)=>{function r(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=function(){function e(t,r){var i=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.params=t,this.options={},["draw","moveOnSeek","returnOnPause"].forEach((function(e){i.options[e]=!(e in t)||t[e]})),this.wavesurfer=r,this.util=r.util,this.style=this.util.style,this.markerWidth=21,this.markerHeight=16,this.playheadTime=0,this.unFuns=[],this._onResize=function(){i._updatePlayheadPosition()},this._onReady=function(){i.wrapper=i.wavesurfer.drawer.wrapper,i._updatePlayheadPosition()}}var t,i,n;return t=e,n=[{key:"create",value:function(t){return{name:"playhead",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,instance:e}}}],(i=[{key:"_onBackendCreated",value:function(){var e=this;this.wrapper=this.wavesurfer.drawer.wrapper,this.options.draw&&(this._createPlayheadElement(),window.addEventListener("resize",this._onResize,!0),window.addEventListener("orientationchange",this._onResize,!0),this.wavesurferOn("zoom",this._onResize)),this.wavesurferOn("pause",(function(){e.options.returnOnPause&&e.wavesurfer.setCurrentTime(e.playheadTime)})),this.wavesurferOn("seek",(function(){e.options.moveOnSeek&&(e.playheadTime=e.wavesurfer.getCurrentTime(),e._updatePlayheadPosition())})),this.playheadTime=this.wavesurfer.getCurrentTime()}},{key:"wavesurferOn",value:function(e,t){var r=this,i=this.wavesurfer.on(e,t);return this.unFuns.push((function(){r.wavesurfer.un(e,t)})),i}},{key:"init",value:function(){var e=this;this.wavesurfer.isReady?(this._onBackendCreated(),this._onReady()):(this.wavesurfer.once("ready",(function(){return e._onReady()})),this.wavesurfer.once("backend-created",(function(){return e._onBackendCreated()})))}},{key:"destroy",value:function(){this.unFuns.forEach((function(e){return e()})),this.unFuns=[],this.wrapper.removeChild(this.element),window.removeEventListener("resize",this._onResize,!0),window.removeEventListener("orientationchange",this._onResize,!0)}},{key:"setPlayheadTime",value:function(e){this.playheadTime=e,this.wavesurfer.isPlaying()||this.wavesurfer.setCurrentTime(e),this._updatePlayheadPosition()}},{key:"_createPointerSVG",value:function(){var e="http://www.w3.org/2000/svg",t=document.createElementNS(e,"svg"),r=document.createElementNS(e,"path");return t.setAttribute("viewBox","0 0 33 30"),r.setAttribute("d","M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z"),r.setAttribute("stroke","#979797"),r.setAttribute("fill","#CF2F00"),t.appendChild(r),this.style(t,{width:this.markerWidth+"px",height:this.markerHeight+"px",cursor:"pointer","z-index":5}),t}},{key:"_createPlayheadElement",value:function(){var e=this,t=document.createElement("playhead");t.className="wavesurfer-playhead",this.style(t,{position:"absolute",height:"100%",display:"flex","flex-direction":"column"});var r=this._createPointerSVG();t.appendChild(r),r.addEventListener("click",(function(t){t.stopPropagation(),e.wavesurfer.setCurrentTime(e.playheadTime)}));var i=document.createElement("div");this.style(i,{"flex-grow":1,"margin-left":this.markerWidth/2-.5+"px",background:"black",width:"1px",opacity:.1}),t.appendChild(i),this.element=t,this.wrapper.appendChild(t)}},{key:"_updatePlayheadPosition",value:function(){if(this.element){var e=this.wavesurfer.getDuration(),t=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,r=this.playheadTime/e;this.style(this.element,{left:t*r-this.markerWidth/2+"px"})}}}])&&r(t.prototype,i),n&&r(t,n),e}();t.default=i,e.exports=t.default}},t={};return function r(i){var n=t[i];if(void 0!==n)return n.exports;var a=t[i]={exports:{}};return e[i](a,a.exports,r),a.exports}(374)})()}));
+//# sourceMappingURL=wavesurfer.playhead.min.js.map

package/dist/plugin/wavesurfer.playhead.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wavesurfer.playhead.min.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/playhead/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"playhead\"] = factory();\n})(self, function() {\nreturn ","\n/**\n * The playhead plugin separates the notion of the currently playing position from\n * a 'play-start' position.  Having a playhead enables a listening pattern\n * (commonly found in DAWs) that involves listening to a section of a track\n * repeatedly, rather than listening to an entire track in a linear fashion.\n *\n * @implements {PluginClass}\n *\n * @example\n * import PlayheadPlugin from 'wavesurfer.playhead.js';\n *\n * // if you are using <script> tags\n * var PlayheadPlugin = window.WaveSurfer.playhead;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     PlayheadPlugin.create({\n *        movePlayheadOnSeek: true,\n *        drawPlayhead: false,\n *        movePlayheadOnPause: false\n *     })\n *   ]\n * });\n */\n\nconst DEFAULT_FILL_COLOR = '#CF2F00';\n\nexport default class PlayheadPlugin {\n    /**\n     * @typedef {Object} PlayheadPluginParams\n     * @property {?boolean} draw=true Draw the playhead as a triangle/line\n     * @property {?boolean} moveOnSeek=true Seeking (via clicking) while playing moves the playhead\n     * @property {?boolean} returnOnPause=true Pausing the track returns the seek position to the playhead\n     */\n\n    /**\n     * Playhead plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param {PlayheadPluginParams} params parameters use to initialise the plugin\n     * @since 5.0.0\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'playhead',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: PlayheadPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.options = {};\n\n        ['draw', 'moveOnSeek', 'returnOnPause'].forEach(opt => {\n            if (opt in params) {\n                this.options[opt] = params[opt];\n            } else {\n                this.options[opt] = true;\n            }\n        });\n\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.markerWidth = 21;\n        this.markerHeight = 16;\n        this.playheadTime = 0;\n        this.unFuns = [];\n\n        this._onResize = () => {\n            this._updatePlayheadPosition();\n        };\n\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this._updatePlayheadPosition();\n        };\n    }\n\n    _onBackendCreated() {\n        this.wrapper = this.wavesurfer.drawer.wrapper;\n\n        if (this.options.draw) {\n            this._createPlayheadElement();\n            window.addEventListener('resize', this._onResize, true);\n            window.addEventListener('orientationchange', this._onResize, true);\n\n            this.wavesurferOn('zoom', this._onResize);\n        }\n\n        this.wavesurferOn('pause', () => {\n            if ( this.options.returnOnPause ) {\n                this.wavesurfer.setCurrentTime(this.playheadTime);\n            }\n        });\n\n        this.wavesurferOn('seek', () => {\n            if ( this.options.moveOnSeek ) {\n                this.playheadTime = this.wavesurfer.getCurrentTime();\n                this._updatePlayheadPosition();\n            }\n        });\n\n        this.playheadTime = this.wavesurfer.getCurrentTime();\n    }\n\n    wavesurferOn(ev, fn) {\n        let ret = this.wavesurfer.on(ev, fn);\n        this.unFuns.push(() => {\n            this.wavesurfer.un(ev, fn);\n        });\n        return ret;\n    }\n\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            let r;\n\n            this.wavesurfer.once('ready', () => this._onReady());\n            this.wavesurfer.once('backend-created', () => this._onBackendCreated());\n        }\n    }\n\n    destroy() {\n        this.unFuns.forEach(f => f());\n        this.unFuns = [];\n\n        this.wrapper.removeChild(this.element);\n\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n    }\n\n    setPlayheadTime(time) {\n        this.playheadTime = time;\n\n        if (!this.wavesurfer.isPlaying()) {\n            this.wavesurfer.setCurrentTime(time);\n        }\n        this._updatePlayheadPosition();\n    }\n\n    _createPointerSVG() {\n        const svgNS = 'http://www.w3.org/2000/svg';\n\n        const el = document.createElementNS(svgNS, 'svg');\n        const path = document.createElementNS(svgNS, 'path');\n\n        el.setAttribute('viewBox', '0 0 33 30');\n        path.setAttribute('d', 'M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z');\n        path.setAttribute('stroke', '#979797');\n        path.setAttribute('fill', DEFAULT_FILL_COLOR);\n\n        el.appendChild(path);\n\n        this.style(el, {\n            width: this.markerWidth + 'px',\n            height: this.markerHeight + 'px',\n            cursor: 'pointer',\n            'z-index': 5\n        });\n        return el;\n    }\n\n    _createPlayheadElement() {\n        const el = document.createElement('playhead');\n        el.className = 'wavesurfer-playhead';\n\n        this.style(el, {\n            position: 'absolute',\n            height: '100%',\n            display: 'flex',\n            'flex-direction': 'column'\n        });\n\n        const pointer = this._createPointerSVG();\n        el.appendChild(pointer);\n\n        pointer.addEventListener('click', e => {\n            e.stopPropagation();\n            this.wavesurfer.setCurrentTime(this.playheadTime);\n        });\n\n        const line = document.createElement('div');\n        this.style(line, {\n            'flex-grow': 1,\n            'margin-left': (this.markerWidth / 2 - 0.5) + 'px',\n            background: 'black',\n            width: '1px',\n            opacity: 0.1\n        });\n\n        el.appendChild(line);\n\n        this.element = el;\n        this.wrapper.appendChild(el);\n    }\n\n    _updatePlayheadPosition() {\n        if (!this.element) {\n            return;\n        }\n\n        const duration = this.wavesurfer.getDuration();\n        const elementWidth =\n            this.wavesurfer.drawer.width /\n            this.wavesurfer.params.pixelRatio;\n\n        const positionPct = this.playheadTime / duration;\n        this.style(this.element, {\n            left: ((elementWidth * positionPct) - (this.markerWidth / 2)) + 'px'\n        });\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(374);\n"],"names":["root","factory","exports","module","define","amd","self","PlayheadPlugin","params","ws","this","options","forEach","opt","wavesurfer","util","style","markerWidth","markerHeight","playheadTime","unFuns","_onResize","_updatePlayheadPosition","_onReady","wrapper","drawer","name","deferInit","instance","draw","_createPlayheadElement","window","addEventListener","wavesurferOn","returnOnPause","setCurrentTime","moveOnSeek","getCurrentTime","ev","fn","ret","on","push","un","isReady","_onBackendCreated","once","f","removeChild","element","removeEventListener","time","isPlaying","svgNS","el","document","createElementNS","path","setAttribute","appendChild","width","height","cursor","createElement","className","position","display","pointer","_createPointerSVG","e","stopPropagation","line","background","opacity","duration","getDuration","elementWidth","pixelRatio","positionPct","left","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}