wavesurfer.js 5.1.0 → 5.2.0

package/dist/wavesurfer-html-init.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/html-init.js","webpack://WaveSurfer.[name]/./node_modules/load-script/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["root","factory","exports","module","define","amd","this","Init","WaveSurfer","params","Error","_params","Object","assign","defaults","backend","mediaControls","containers","pluginCdnTemplate","loadPlugin","name","cb","src","replace","async","err","plugin","console","error","window","document","querySelectorAll","pluginCache","instances","initAllEls","Array","prototype","forEach","call","el","plugins","dataset","split","length","initEl","i","lib","jsonRegex","initialisedPlugins","map","attrName","options","attrNameRegex","RegExp","exec","attr","prop","test","JSON","parse","slice","toLowerCase","create","container","style","display","instance","peaks","undefined","load","url","push","WS_StopAutoInit","readyState","WaveSurferInit","WS_InitOptions","addEventListener","stdOnEnd","script","onload","onerror","ieOnEnd","onreadystatechange","opts","head","getElementsByTagName","createElement","type","charset","attrs","setAttribute","setAttributes","text","appendChild","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__"],"mappings":"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","file":"wavesurfer-html-init.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\"][\"html-init\"] = factory();\n})(this, function() {\nreturn ","import loadScript from 'load-script';\n\n/**\n * @typedef {Object} InitParams\n * @property {WavesurferParams} [defaults={backend: 'MediaElement,\n * mediaControls: true}] The default wavesurfer initialisation parameters\n * @property {string|NodeList} containers='wavesurfer' Selector or NodeList of\n * elements to attach instances to\n * @property {string}\n * pluginCdnTemplate='//localhost:8080/dist/plugin/wavesurfer.[name].js' URL\n * template for the dynamic loading of plugins\n * @property {function} loadPlugin If set overwrites the default request function,\n * can be used to inject plugins differently.\n */\n/**\n * The HTML initialisation API is not part of the main library bundle file and\n * must be additionally included.\n *\n * The API attaches wavesurfer instances to all `<wavesurfer>` (can be\n * customised), parsing their `data-` attributes to construct an options object\n * for initialisation. Among other things it can dynamically load plugin code.\n *\n * The automatic initialisation can be prevented by setting the\n * `window.WS_StopAutoInit` flag to true. The `html-init[.min].js` file exports\n * the `Init` class, which can be called manually.\n *\n * Site-wide defaults can be added by setting `window.WS_InitOptions`.\n *\n * @example\n * <!-- with minimap and timeline plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"minimap,timeline\"\n *   data-minimap-height=\"30\"\n *   data-minimap-wave-color=\"#ddd\"\n *   data-minimap-progress-color=\"#999\"\n *   data-timeline-font-size=\"13px\"\n *   data-timeline-container=\"#timeline\"\n * >\n * </wavesurfer>\n * <div id=\"timeline\"></div>\n *\n * <!-- with regions plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"regions\"\n *   data-regions-regions='[{\"start\": 1,\"end\": 3,\"color\": \"hsla(400, 100%, 30%, 0.5)\"}]'\n * >\n * </wavesurfer>\n */\nclass Init {\n    /**\n     * Instantiate Init class and initialize elements\n     *\n     * This is done automatically if `window` is defined and\n     * `window.WS_StopAutoInit` is not set to true\n     *\n     * @param {WaveSurfer} WaveSurfer The WaveSurfer library object\n     * @param {InitParams} params initialisation options\n     */\n    constructor(WaveSurfer, params = {}) {\n        if (!WaveSurfer) {\n            throw new Error('WaveSurfer is not available!');\n        }\n\n        /**\n         * cache WaveSurfer\n         * @private\n         */\n        this.WaveSurfer = WaveSurfer;\n\n        /**\n         * build parameters, cache them in _params so minified builds are smaller\n         * @private\n         */\n        const _params = (this.params = Object.assign(\n            {},\n            {\n                // wavesurfer parameter defaults so by default the audio player is\n                // usable with native media element controls\n                defaults: {\n                    backend: 'MediaElement',\n                    mediaControls: true\n                },\n                // containers to instantiate on, can be selector string or NodeList\n                containers: 'wavesurfer',\n                // @TODO insert plugin CDN URIs\n                pluginCdnTemplate:\n                    '//localhost:8080/dist/plugin/wavesurfer.[name].js',\n                // loadPlugin function can be overridden to inject plugin definition\n                // objects, this default function uses load-script to load a plugin\n                // and pass it to a callback\n                loadPlugin(name, cb) {\n                    const src = _params.pluginCdnTemplate.replace(\n                        '[name]',\n                        name\n                    );\n                    loadScript(src, { async: false }, (err, plugin) => {\n                        if (err) {\n                            // eslint-disable-next-line no-console\n                            return console.error(\n                                `WaveSurfer plugin ${name} not found at ${src}`\n                            );\n                        }\n                        cb(window.WaveSurfer[name]);\n                    });\n                }\n            },\n            params\n        ));\n        /**\n         * The nodes that should have instances attached to them\n         * @type {NodeList}\n         */\n        this.containers =\n            typeof _params.containers == 'string'\n                ? document.querySelectorAll(_params.containers)\n                : _params.containers;\n        /** @private */\n        this.pluginCache = {};\n        /**\n         * An array of wavesurfer instances\n         * @type {Object[]}\n         */\n        this.instances = [];\n\n        this.initAllEls();\n    }\n\n    /**\n     * Initialize all container elements\n     */\n    initAllEls() {\n        // iterate over all the container elements\n        Array.prototype.forEach.call(this.containers, el => {\n            // load the plugins as an array of plugin names\n            const plugins = el.dataset.plugins\n                ? el.dataset.plugins.split(',')\n                : [];\n\n            // no plugins to be loaded, just render\n            if (!plugins.length) {\n                return this.initEl(el);\n            }\n            // … or: iterate over all the plugins\n            plugins.forEach((name, i) => {\n                // plugin is not cached already, load it\n                if (!this.pluginCache[name]) {\n                    this.params.loadPlugin(name, lib => {\n                        this.pluginCache[name] = lib;\n                        // plugins were all loaded, render the element\n                        if (i + 1 === plugins.length) {\n                            this.initEl(el, plugins);\n                        }\n                    });\n                } else if (i === plugins.length) {\n                    // plugin was cached and this plugin was the last\n                    this.initEl(el, plugins);\n                }\n            });\n        });\n    }\n\n    /**\n     * Initialize a single container element and add to `this.instances`\n     *\n     * @param  {HTMLElement} el The container to instantiate wavesurfer to\n     * @param  {PluginDefinition[]} plugins An Array of plugin names to initialize with\n     * @return {Object} Wavesurfer instance\n     */\n    initEl(el, plugins = []) {\n        const jsonRegex = /^[[|{]/;\n        // initialize plugins with the correct options\n        const initialisedPlugins = plugins.map(plugin => {\n            const options = {};\n            // the regex to find this plugin attributes\n            const attrNameRegex = new RegExp('^' + plugin);\n            let attrName;\n            // iterate over all the data attributes and find ones for this\n            // plugin\n            for (attrName in el.dataset) {\n                const regexResult = attrNameRegex.exec(attrName);\n                if (regexResult) {\n                    const attr = el.dataset[attrName];\n                    // if the string begins with a [ or a { parse it as JSON\n                    const prop = jsonRegex.test(attr) ? JSON.parse(attr) : attr;\n                    // this removes the plugin prefix and changes the first letter\n                    // of the resulting string to lower case to follow the naming\n                    // convention of ws params\n                    const unprefixedOptionName =\n                        attrName\n                            .slice(plugin.length, plugin.length + 1)\n                            .toLowerCase() + attrName.slice(plugin.length + 1);\n                    options[unprefixedOptionName] = prop;\n                }\n            }\n            return this.pluginCache[plugin].create(options);\n        });\n        // build parameter object for this container\n        const params = Object.assign(\n            { container: el },\n            this.params.defaults,\n            el.dataset,\n            { plugins: initialisedPlugins }\n        );\n\n        // @TODO make nicer\n        el.style.display = 'block';\n\n        // initialize wavesurfer, load audio (with peaks if provided)\n        const instance = this.WaveSurfer.create(params);\n        const peaks = params.peaks ? JSON.parse(params.peaks) : undefined;\n        instance.load(params.url, peaks);\n\n        // push this instance into the instances cache\n        this.instances.push(instance);\n        return instance;\n    }\n}\n\n// if window object exists and window.WS_StopAutoInit is not true\nif (typeof window === 'object' && !window.WS_StopAutoInit) {\n    // call init when document is ready, apply any custom default settings\n    // in window.WS_InitOptions\n    if (document.readyState === 'complete') {\n        window.WaveSurferInit = new Init(\n            window.WaveSurfer,\n            window.WS_InitOptions\n        );\n    } else {\n        window.addEventListener('load', () => {\n            window.WaveSurferInit = new Init(\n                window.WaveSurfer,\n                window.WS_InitOptions\n            );\n        });\n    }\n}\n\n// export init for manual usage\nexport default Init;\n","\nmodule.exports = function load (src, opts, cb) {\n  var head = document.head || document.getElementsByTagName('head')[0]\n  var script = document.createElement('script')\n\n  if (typeof opts === 'function') {\n    cb = opts\n    opts = {}\n  }\n\n  opts = opts || {}\n  cb = cb || function() {}\n\n  script.type = opts.type || 'text/javascript'\n  script.charset = opts.charset || 'utf8';\n  script.async = 'async' in opts ? !!opts.async : true\n  script.src = src\n\n  if (opts.attrs) {\n    setAttributes(script, opts.attrs)\n  }\n\n  if (opts.text) {\n    script.text = '' + opts.text\n  }\n\n  var onend = 'onload' in script ? stdOnEnd : ieOnEnd\n  onend(script, cb)\n\n  // some good legacy browsers (firefox) fail the 'in' detection above\n  // so as a fallback we always set onload\n  // old IE will ignore this and new IE will set onload\n  if (!script.onload) {\n    stdOnEnd(script, cb);\n  }\n\n  head.appendChild(script)\n}\n\nfunction setAttributes(script, attrs) {\n  for (var attr in attrs) {\n    script.setAttribute(attr, attrs[attr]);\n  }\n}\n\nfunction stdOnEnd (script, cb) {\n  script.onload = function () {\n    this.onerror = this.onload = null\n    cb(null, script)\n  }\n  script.onerror = function () {\n    // this.onload = null here is necessary\n    // because even IE9 works not like others\n    this.onerror = this.onload = null\n    cb(new Error('Failed to load ' + this.src), script)\n  }\n}\n\nfunction ieOnEnd (script, cb) {\n  script.onreadystatechange = function () {\n    if (this.readyState != 'complete' && this.readyState != 'loaded') return\n    this.onreadystatechange = null\n    cb(null, script) // there is no way to catch loading errors in IE8\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__(531);\n"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer-html-init.min.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/html-init.js","webpack://WaveSurfer.[name]/./node_modules/load-script/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\"][\"html-init\"] = factory();\n})(self, function() {\nreturn ","import loadScript from 'load-script';\n\n/**\n * @typedef {Object} InitParams\n * @property {WavesurferParams} [defaults={backend: 'MediaElement,\n * mediaControls: true}] The default wavesurfer initialisation parameters\n * @property {string|NodeList} containers='wavesurfer' Selector or NodeList of\n * elements to attach instances to\n * @property {string}\n * pluginCdnTemplate='//localhost:8080/dist/plugin/wavesurfer.[name].js' URL\n * template for the dynamic loading of plugins\n * @property {function} loadPlugin If set overwrites the default request function,\n * can be used to inject plugins differently.\n */\n/**\n * The HTML initialisation API is not part of the main library bundle file and\n * must be additionally included.\n *\n * The API attaches wavesurfer instances to all `<wavesurfer>` (can be\n * customised), parsing their `data-` attributes to construct an options object\n * for initialisation. Among other things it can dynamically load plugin code.\n *\n * The automatic initialisation can be prevented by setting the\n * `window.WS_StopAutoInit` flag to true. The `html-init[.min].js` file exports\n * the `Init` class, which can be called manually.\n *\n * Site-wide defaults can be added by setting `window.WS_InitOptions`.\n *\n * @example\n * <!-- with minimap and timeline plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"minimap,timeline\"\n *   data-minimap-height=\"30\"\n *   data-minimap-wave-color=\"#ddd\"\n *   data-minimap-progress-color=\"#999\"\n *   data-timeline-font-size=\"13px\"\n *   data-timeline-container=\"#timeline\"\n * >\n * </wavesurfer>\n * <div id=\"timeline\"></div>\n *\n * <!-- with regions plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"regions\"\n *   data-regions-regions='[{\"start\": 1,\"end\": 3,\"color\": \"hsla(400, 100%, 30%, 0.5)\"}]'\n * >\n * </wavesurfer>\n */\nclass Init {\n    /**\n     * Instantiate Init class and initialize elements\n     *\n     * This is done automatically if `window` is defined and\n     * `window.WS_StopAutoInit` is not set to true\n     *\n     * @param {WaveSurfer} WaveSurfer The WaveSurfer library object\n     * @param {InitParams} params initialisation options\n     */\n    constructor(WaveSurfer, params = {}) {\n        if (!WaveSurfer) {\n            throw new Error('WaveSurfer is not available!');\n        }\n\n        /**\n         * cache WaveSurfer\n         * @private\n         */\n        this.WaveSurfer = WaveSurfer;\n\n        /**\n         * build parameters, cache them in _params so minified builds are smaller\n         * @private\n         */\n        const _params = (this.params = Object.assign(\n            {},\n            {\n                // wavesurfer parameter defaults so by default the audio player is\n                // usable with native media element controls\n                defaults: {\n                    backend: 'MediaElement',\n                    mediaControls: true\n                },\n                // containers to instantiate on, can be selector string or NodeList\n                containers: 'wavesurfer',\n                // @TODO insert plugin CDN URIs\n                pluginCdnTemplate:\n                    '//localhost:8080/dist/plugin/wavesurfer.[name].js',\n                // loadPlugin function can be overridden to inject plugin definition\n                // objects, this default function uses load-script to load a plugin\n                // and pass it to a callback\n                loadPlugin(name, cb) {\n                    const src = _params.pluginCdnTemplate.replace(\n                        '[name]',\n                        name\n                    );\n                    loadScript(src, { async: false }, (err, plugin) => {\n                        if (err) {\n                            // eslint-disable-next-line no-console\n                            return console.error(\n                                `WaveSurfer plugin ${name} not found at ${src}`\n                            );\n                        }\n                        cb(window.WaveSurfer[name]);\n                    });\n                }\n            },\n            params\n        ));\n        /**\n         * The nodes that should have instances attached to them\n         * @type {NodeList}\n         */\n        this.containers =\n            typeof _params.containers == 'string'\n                ? document.querySelectorAll(_params.containers)\n                : _params.containers;\n        /** @private */\n        this.pluginCache = {};\n        /**\n         * An array of wavesurfer instances\n         * @type {Object[]}\n         */\n        this.instances = [];\n\n        this.initAllEls();\n    }\n\n    /**\n     * Initialize all container elements\n     */\n    initAllEls() {\n        // iterate over all the container elements\n        Array.prototype.forEach.call(this.containers, el => {\n            // load the plugins as an array of plugin names\n            const plugins = el.dataset.plugins\n                ? el.dataset.plugins.split(',')\n                : [];\n\n            // no plugins to be loaded, just render\n            if (!plugins.length) {\n                return this.initEl(el);\n            }\n            // … or: iterate over all the plugins\n            plugins.forEach((name, i) => {\n                // plugin is not cached already, load it\n                if (!this.pluginCache[name]) {\n                    this.params.loadPlugin(name, lib => {\n                        this.pluginCache[name] = lib;\n                        // plugins were all loaded, render the element\n                        if (i + 1 === plugins.length) {\n                            this.initEl(el, plugins);\n                        }\n                    });\n                } else if (i === plugins.length) {\n                    // plugin was cached and this plugin was the last\n                    this.initEl(el, plugins);\n                }\n            });\n        });\n    }\n\n    /**\n     * Initialize a single container element and add to `this.instances`\n     *\n     * @param  {HTMLElement} el The container to instantiate wavesurfer to\n     * @param  {PluginDefinition[]} plugins An Array of plugin names to initialize with\n     * @return {Object} Wavesurfer instance\n     */\n    initEl(el, plugins = []) {\n        const jsonRegex = /^[[|{]/;\n        // initialize plugins with the correct options\n        const initialisedPlugins = plugins.map(plugin => {\n            const options = {};\n            // the regex to find this plugin attributes\n            const attrNameRegex = new RegExp('^' + plugin);\n            let attrName;\n            // iterate over all the data attributes and find ones for this\n            // plugin\n            for (attrName in el.dataset) {\n                const regexResult = attrNameRegex.exec(attrName);\n                if (regexResult) {\n                    const attr = el.dataset[attrName];\n                    // if the string begins with a [ or a { parse it as JSON\n                    const prop = jsonRegex.test(attr) ? JSON.parse(attr) : attr;\n                    // this removes the plugin prefix and changes the first letter\n                    // of the resulting string to lower case to follow the naming\n                    // convention of ws params\n                    const unprefixedOptionName =\n                        attrName\n                            .slice(plugin.length, plugin.length + 1)\n                            .toLowerCase() + attrName.slice(plugin.length + 1);\n                    options[unprefixedOptionName] = prop;\n                }\n            }\n            return this.pluginCache[plugin].create(options);\n        });\n        // build parameter object for this container\n        const params = Object.assign(\n            { container: el },\n            this.params.defaults,\n            el.dataset,\n            { plugins: initialisedPlugins }\n        );\n\n        // @TODO make nicer\n        el.style.display = 'block';\n\n        // initialize wavesurfer, load audio (with peaks if provided)\n        const instance = this.WaveSurfer.create(params);\n        const peaks = params.peaks ? JSON.parse(params.peaks) : undefined;\n        instance.load(params.url, peaks);\n\n        // push this instance into the instances cache\n        this.instances.push(instance);\n        return instance;\n    }\n}\n\n// if window object exists and window.WS_StopAutoInit is not true\nif (typeof window === 'object' && !window.WS_StopAutoInit) {\n    // call init when document is ready, apply any custom default settings\n    // in window.WS_InitOptions\n    if (document.readyState === 'complete') {\n        window.WaveSurferInit = new Init(\n            window.WaveSurfer,\n            window.WS_InitOptions\n        );\n    } else {\n        window.addEventListener('load', () => {\n            window.WaveSurferInit = new Init(\n                window.WaveSurfer,\n                window.WS_InitOptions\n            );\n        });\n    }\n}\n\n// export init for manual usage\nexport default Init;\n","\nmodule.exports = function load (src, opts, cb) {\n  var head = document.head || document.getElementsByTagName('head')[0]\n  var script = document.createElement('script')\n\n  if (typeof opts === 'function') {\n    cb = opts\n    opts = {}\n  }\n\n  opts = opts || {}\n  cb = cb || function() {}\n\n  script.type = opts.type || 'text/javascript'\n  script.charset = opts.charset || 'utf8';\n  script.async = 'async' in opts ? !!opts.async : true\n  script.src = src\n\n  if (opts.attrs) {\n    setAttributes(script, opts.attrs)\n  }\n\n  if (opts.text) {\n    script.text = '' + opts.text\n  }\n\n  var onend = 'onload' in script ? stdOnEnd : ieOnEnd\n  onend(script, cb)\n\n  // some good legacy browsers (firefox) fail the 'in' detection above\n  // so as a fallback we always set onload\n  // old IE will ignore this and new IE will set onload\n  if (!script.onload) {\n    stdOnEnd(script, cb);\n  }\n\n  head.appendChild(script)\n}\n\nfunction setAttributes(script, attrs) {\n  for (var attr in attrs) {\n    script.setAttribute(attr, attrs[attr]);\n  }\n}\n\nfunction stdOnEnd (script, cb) {\n  script.onload = function () {\n    this.onerror = this.onload = null\n    cb(null, script)\n  }\n  script.onerror = function () {\n    // this.onload = null here is necessary\n    // because even IE9 works not like others\n    this.onerror = this.onload = null\n    cb(new Error('Failed to load ' + this.src), script)\n  }\n}\n\nfunction ieOnEnd (script, cb) {\n  script.onreadystatechange = function () {\n    if (this.readyState != 'complete' && this.readyState != 'loaded') return\n    this.onreadystatechange = null\n    cb(null, script) // there is no way to catch loading errors in IE8\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__(531);\n"],"names":["root","factory","exports","module","define","amd","self","Init","WaveSurfer","params","Error","this","_params","Object","assign","defaults","backend","mediaControls","containers","pluginCdnTemplate","loadPlugin","name","cb","src","replace","async","err","plugin","console","error","window","document","querySelectorAll","pluginCache","instances","initAllEls","Array","prototype","forEach","call","el","plugins","dataset","split","length","initEl","i","lib","jsonRegex","initialisedPlugins","map","attrName","options","attrNameRegex","RegExp","exec","attr","prop","test","JSON","parse","slice","toLowerCase","create","container","style","display","instance","peaks","undefined","load","url","push","WS_StopAutoInit","readyState","WaveSurferInit","WS_InitOptions","addEventListener","stdOnEnd","script","onload","onerror","ieOnEnd","onreadystatechange","opts","head","getElementsByTagName","createElement","type","charset","attrs","setAttribute","setAttributes","text","appendChild","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__"],"sourceRoot":""}

package/dist/wavesurfer.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js 5.1.0 (2021-06-20)
+ * wavesurfer.js 5.2.0 (2021-08-16)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -12,7 +12,7 @@
 		exports["WaveSurfer"] = factory();
 	else
 		root["WaveSurfer"] = factory();
-})(this, function() {
+})(self, function() {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -460,7 +460,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -960,7 +960,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -1643,7 +1643,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -1798,7 +1798,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -2984,6 +2984,12 @@ Object.defineProperty(exports, "withOrientation", ({
     return _orientation.default;
   }
 }));
+Object.defineProperty(exports, "ignoreSilenceMode", ({
+  enumerable: true,
+  get: function get() {
+    return _silenceMode.default;
+  }
+}));
 
 var _getId = _interopRequireDefault(__webpack_require__(/*! ./get-id */ "./src/util/get-id.js"));
 
@@ -3011,6 +3017,8 @@ var _clamp = _interopRequireDefault(__webpack_require__(/*! ./clamp */ "./src/ut
 
 var _orientation = _interopRequireDefault(__webpack_require__(/*! ./orientation */ "./src/util/orientation.js"));
 
+var _silenceMode = _interopRequireDefault(__webpack_require__(/*! ./silence-mode */ "./src/util/silence-mode.js"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -3469,6 +3477,56 @@ module.exports = exports.default;
 
 /***/ }),
 
+/***/ "./src/util/silence-mode.js":
+/*!**********************************!*\
+  !*** ./src/util/silence-mode.js ***!
+  \**********************************/
+/***/ ((module, exports) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.default = ignoreSilenceMode;
+
+/**
+ * Ignores device silence mode when using the `WebAudio` backend.
+ *
+ * Many mobile devices contain a hardware button to mute the ringtone for incoming
+ * calls and messages. Unfortunately, on some platforms like iOS, this also mutes
+ * wavesurfer's audio when using the `WebAudio` backend. This function creates a
+ * temporary `<audio>` element that makes sure the WebAudio backend keeps playing
+ * when muting the device ringer.
+ *
+ * @since 5.2.0
+ */
+function ignoreSilenceMode() {
+  // Set the src to a short bit of url encoded as a silent mp3
+  // NOTE The silence MP3 must be high quality, when web audio sounds are played
+  // in parallel the web audio sound is mixed to match the bitrate of the html sound
+  // 0.01 seconds of silence VBR220-260 Joint Stereo 859B
+  var audioData = "data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAA8AAAACAAACcQCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA//////////////////////////////////////////////////////////////////8AAABhTEFNRTMuMTAwA8MAAAAAAAAAABQgJAUHQQAB9AAAAnGMHkkIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//sQxAADgnABGiAAQBCqgCRMAAgEAH///////////////7+n/9FTuQsQH//////2NG0jWUGlio5gLQTOtIoeR2WX////X4s9Atb/JRVCbBUpeRUq//////////////////9RUi0f2jn/+xDECgPCjAEQAABN4AAANIAAAAQVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVQ=="; // disable iOS Airplay (setting the attribute in js doesn't work)
+
+  var tmp = document.createElement("div");
+  tmp.innerHTML = '<audio x-webkit-airplay="deny"></audio>';
+  var audioSilentMode = tmp.children.item(0);
+  audioSilentMode.src = audioData;
+  audioSilentMode.preload = "auto";
+  audioSilentMode.type = "audio/mpeg";
+  audioSilentMode.disableRemotePlayback = true; // play
+
+  audioSilentMode.play(); // cleanup
+
+  audioSilentMode.remove();
+  tmp.remove();
+}
+
+module.exports = exports.default;
+
+/***/ }),
+
 /***/ "./src/util/style.js":
 /*!***************************!*\
   !*** ./src/util/style.js ***!
@@ -3544,7 +3602,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -3628,6 +3686,8 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  * pixels.
  * @property {boolean} hideScrollbar=false Whether to hide the horizontal
  * scrollbar when one would normally be shown.
+ * @property {boolean} ignoreSilenceMode=false If true, ignores device silence mode
+ * when using the `WebAudio` backend.
  * @property {boolean} interact=true Whether the mouse interaction will be
  * enabled at initialization. You can switch this parameter at any time later
  * on.
@@ -3865,6 +3925,7 @@ var WaveSurfer = /*#__PURE__*/function (_util$Observer) {
       forceDecode: false,
       height: 128,
       hideScrollbar: false,
+      ignoreSilenceMode: false,
       interact: true,
       loopSelection: true,
       maxCanvasWidth: 4000,
@@ -4383,6 +4444,11 @@ var WaveSurfer = /*#__PURE__*/function (_util$Observer) {
     value: function play(start, end) {
       var _this7 = this;
 
+      if (this.params.ignoreSilenceMode) {
+        // ignores device hardware silence mode
+        util.ignoreSilenceMode();
+      }
+
       this.fireEvent('interaction', function () {
         return _this7.play(start, end);
       });
@@ -5185,17 +5251,19 @@ var WaveSurfer = /*#__PURE__*/function (_util$Observer) {
     value: function decodeArrayBuffer(arraybuffer, callback) {
       var _this13 = this;
 
-      this.arraybuffer = arraybuffer;
-      this.backend.decodeArrayBuffer(arraybuffer, function (data) {
-        // Only use the decoded data if we haven't been destroyed or
-        // another decode started in the meantime
-        if (!_this13.isDestroyed && _this13.arraybuffer == arraybuffer) {
-          callback(data);
-          _this13.arraybuffer = null;
-        }
-      }, function () {
-        return _this13.fireEvent('error', 'Error decoding audiobuffer');
-      });
+      if (!this.isDestroyed) {
+        this.arraybuffer = arraybuffer;
+        this.backend.decodeArrayBuffer(arraybuffer, function (data) {
+          // Only use the decoded data if we haven't been destroyed or
+          // another decode started in the meantime
+          if (!_this13.isDestroyed && _this13.arraybuffer == arraybuffer) {
+            callback(data);
+            _this13.arraybuffer = null;
+          }
+        }, function () {
+          return _this13.fireEvent('error', 'Error decoding audiobuffer');
+        });
+      }
     }
     /**
      * Load an array buffer using fetch and pass the result to a callback
@@ -5445,7 +5513,7 @@ var WaveSurfer = /*#__PURE__*/function (_util$Observer) {
 }(util.Observer);
 
 exports.default = WaveSurfer;
-WaveSurfer.VERSION = "5.1.0";
+WaveSurfer.VERSION = "5.2.0";
 WaveSurfer.util = util;
 module.exports = exports.default;
 
@@ -5487,7 +5555,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -6281,7 +6349,17 @@ var WebAudio = /*#__PURE__*/function (_util$Observer) {
     value: function pause() {
       this.scheduledPause = null;
       this.startPosition += this.getPlayedTime();
-      this.source && this.source.stop(0);
+
+      try {
+        this.source && this.source.stop(0);
+      } catch (err) {// Calling stop can throw the following 2 errors:
+        // - RangeError (The value specified for when is negative.)
+        // - InvalidStateNode (The node has not been started by calling start().)
+        // We can safely ignore both errors, because:
+        // - The range is surely correct
+        // - The node might not have been started yet, in which case we just want to carry on without causing any trouble.
+      }
+
       this.setState(PAUSED);
       this.fireEvent('pause');
     }