wavesurfer.js 6.5.1 → 7.0.0-alpha.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"wavesurfer.markers.min.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/markers/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/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\"][\"markers\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} MarkerParams\n * @desc The parameters used to describe a marker.\n * @example wavesurfer.addMarker(regionParams);\n * @property {number} time The time to set the marker at\n * @property {?label} string An optional marker label\n * @property {?tooltip} string An optional marker tooltip\n * @property {?color} string Background color for marker\n * @property {?position} string \"top\" or \"bottom\", defaults to \"bottom\"\n * @property {?markerElement} element An HTML element to display instead of the default marker image\n * @property {?draggable} boolean Set marker as draggable, defaults to false\n * @property {?boolean} preventContextMenu Determines whether the context menu\n * is prevented from being opened, defaults to false\n */\n\n\n/**\n * Markers are points in time in the audio that can be jumped to.\n *\n * @implements {PluginClass}\n *\n * @example\n * import MarkersPlugin from 'wavesurfer.markers.js';\n *\n * // if you are using <script> tags\n * var MarkerPlugin = window.WaveSurfer.markers;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     MarkersPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\n\nconst DEFAULT_FILL_COLOR = \"#D8D8D8\";\nconst DEFAULT_POSITION = \"bottom\";\n\nexport default class MarkersPlugin {\n    /**\n     * @typedef {Object} MarkersPluginParams\n     * @property {?MarkerParams[]} markers Initial set of markers\n     * @fires MarkersPlugin#marker-click\n     * @fires MarkersPlugin#marker-drag\n     * @fires MarkersPlugin#marker-drop\n     */\n\n    /**\n     * Markers 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 {MarkersPluginParams} params parameters use to initialise the plugin\n     * @since 4.6.0\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'markers',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {\n                addMarker(options) {\n                    if (!this.initialisedPluginList.markers) {\n                        this.initPlugin('markers');\n                    }\n                    return this.markers.add(options);\n                },\n                clearMarkers() {\n                    this.markers && this.markers.clear();\n                }\n            },\n            instance: MarkersPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.markerLineWidth = 1;\n        this.markerWidth = 11;\n        this.markerHeight = 22;\n        this.dragging = false;\n\n\n        this._onResize = () => {\n            this._updateMarkerPositions();\n        };\n\n        this._onBackendCreated = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            if (this.params.markers) {\n                this.params.markers.forEach(marker => this.add(marker));\n            }\n            window.addEventListener('resize', this._onResize, true);\n            window.addEventListener('orientationchange', this._onResize, true);\n            this.wavesurfer.on('zoom', this._onResize);\n\n            if (!this.markers.find(marker => marker.draggable)){\n                return;\n            }\n\n            this.onMouseMove = (e) => this._onMouseMove(e);\n            window.addEventListener('mousemove', this.onMouseMove);\n\n            this.onMouseUp = (e) => this._onMouseUp(e);\n            window.addEventListener(\"mouseup\", this.onMouseUp);\n        };\n\n        this.markers = [];\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this._updateMarkerPositions();\n        };\n    }\n\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n            this.wavesurfer.once('backend-created', this._onBackendCreated);\n        }\n    }\n\n    destroy() {\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.un('backend-created', this._onBackendCreated);\n\n        this.wavesurfer.un('zoom', this._onResize);\n\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n\n        if (this.onMouseMove) {\n            window.removeEventListener('mousemove', this.onMouseMove);\n        }\n        if (this.onMouseUp) {\n            window.removeEventListener(\"mouseup\", this.onMouseUp);\n        }\n\n        this.clear();\n    }\n\n    /**\n     * Add a marker\n     *\n     * @param {MarkerParams} params Marker definition\n     * @return {object} The created marker\n     */\n    add(params) {\n        let marker = {\n            time: params.time,\n            label: params.label,\n            tooltip: params.tooltip,\n            color: params.color || DEFAULT_FILL_COLOR,\n            position: params.position || DEFAULT_POSITION,\n            draggable: !!params.draggable,\n            preventContextMenu: !!params.preventContextMenu\n        };\n\n        marker.el = this._createMarkerElement(marker, params.markerElement);\n\n        this.wrapper.appendChild(marker.el);\n        this.markers.push(marker);\n        this._updateMarkerPositions();\n\n        this._registerEvents();\n\n        return marker;\n    }\n\n    /**\n     * Remove a marker\n     *\n     * @param {number} index Index of the marker to remove\n     */\n    remove(index) {\n        let marker = this.markers[index];\n        if (!marker) {\n            return;\n        }\n        let label = marker.el.getElementsByClassName(\"marker-label\")[0];\n        if (label) {\n            if (label._onContextMenu) {\n                label.removeEventListener(\"contextmenu\", label._onContextMenu);\n            }\n            if (label._onClick) {\n                label.removeEventListener(\"click\", label._onClick);\n            }\n            if (label._onMouseDown) {\n                label.removeEventListener(\"mousedown\", label._onMouseDown);\n            }\n        }\n\n        this.wrapper.removeChild(marker.el);\n        this.markers.splice(index, 1);\n\n        this._unregisterEvents();\n    }\n\n    _createPointerSVG(color, position) {\n        const svgNS = \"http://www.w3.org/2000/svg\";\n\n        const el = document.createElementNS(svgNS, \"svg\");\n        const polygon = document.createElementNS(svgNS, \"polygon\");\n\n        el.setAttribute(\"viewBox\", \"0 0 40 80\");\n\n        polygon.setAttribute(\"id\", \"polygon\");\n        polygon.setAttribute(\"stroke\", \"#979797\");\n        polygon.setAttribute(\"fill\", color);\n        polygon.setAttribute(\"points\", \"20 0 40 30 40 80 0 80 0 30\");\n        if ( position == \"top\" ) {\n            polygon.setAttribute(\"transform\", \"rotate(180, 20 40)\");\n        }\n\n        el.appendChild(polygon);\n\n        this.style(el, {\n            width: this.markerWidth + \"px\",\n            height: this.markerHeight + \"px\",\n            \"min-width\": this.markerWidth + \"px\",\n            \"margin-right\": \"5px\",\n            \"z-index\": 4\n        });\n        return el;\n    }\n\n    _createMarkerElement(marker, markerElement) {\n        let label = marker.label;\n        let tooltip = marker.tooltip;\n\n        const el = document.createElement('marker');\n        el.className = \"wavesurfer-marker\";\n\n        this.style(el, {\n            position: \"absolute\",\n            height: \"100%\",\n            display: \"flex\",\n            overflow: \"hidden\",\n            \"flex-direction\": (marker.position == \"top\" ? \"column-reverse\" : \"column\")\n        });\n\n        const line = document.createElement('div');\n        const width = markerElement ? markerElement.width : this.markerWidth;\n        marker.offset = (width - this.markerLineWidth) / 2;\n        this.style(line, {\n            \"flex-grow\": 1,\n            \"margin-left\": marker.offset + \"px\",\n            background: \"black\",\n            width: this.markerLineWidth + \"px\",\n            opacity: 0.1\n        });\n        el.appendChild(line);\n\n        const labelDiv = document.createElement('div');\n        const point = markerElement || this._createPointerSVG(marker.color, marker.position);\n        if (marker.draggable){\n            point.draggable = false;\n        }\n        labelDiv.appendChild(point);\n\n        if ( label ) {\n            const labelEl = document.createElement('span');\n            labelEl.innerText = label;\n            labelEl.setAttribute('title', tooltip);\n            this.style(labelEl, {\n                \"font-family\": \"inherit\",\n                \"font-size\": \"90%\"\n            });\n            labelDiv.appendChild(labelEl);\n        }\n\n        this.style(labelDiv, {\n            display: \"flex\",\n            \"align-items\": \"center\",\n            cursor: \"pointer\"\n        });\n        labelDiv.classList.add(\"marker-label\");\n\n        el.appendChild(labelDiv);\n\n        labelDiv._onClick = (e) => {\n            e.stopPropagation();\n            // Click event is caught when the marker-drop event was dispatched.\n            // Drop event was dispatched at this moment, but this.dragging\n            // is waiting for the next tick to set as false\n            if (this.dragging){\n                return;\n            }\n            this.wavesurfer.setCurrentTime(marker.time);\n            this.wavesurfer.fireEvent(\"marker-click\", marker, e);\n        };\n        labelDiv.addEventListener(\"click\", labelDiv._onClick);\n\n        labelDiv._onContextMenu = (e) => {\n            if (marker.preventContextMenu) {\n                e.preventDefault();\n            }\n            this.wavesurfer.fireEvent(\"marker-contextmenu\", marker, e);\n        };\n        labelDiv.addEventListener(\"contextmenu\", labelDiv._onContextMenu);\n\n        if (marker.draggable) {\n            labelDiv._onMouseDown = () => {\n                this.selectedMarker = marker;\n            };\n            labelDiv.addEventListener(\"mousedown\", labelDiv._onMouseDown);\n        }\n        return el;\n    }\n\n    _updateMarkerPositions() {\n        for ( let i = 0 ; i < this.markers.length; i++ ) {\n            let marker = this.markers[i];\n            this._updateMarkerPosition(marker);\n        }\n    }\n\n    /**\n     * Update a marker position based on its time property.\n     *\n     * @private\n     * @param {MarkerParams} params The marker to update.\n     * @returns {void}\n     */\n    _updateMarkerPosition(params) {\n        const duration = this.wavesurfer.getDuration();\n        const elementWidth =\n            this.wavesurfer.drawer.width /\n            this.wavesurfer.params.pixelRatio;\n\n        const positionPct = Math.min(params.time / duration, 1);\n        const leftPx = ((elementWidth * positionPct) - params.offset);\n        this.style(params.el, {\n            \"left\": leftPx + \"px\",\n            \"max-width\": (elementWidth - leftPx) + \"px\"\n        });\n    }\n\n    /**\n     * Fires `marker-drag` event, update the `time` property for the\n     * selected marker based on the mouse position, and calls to update\n     * its position.\n     *\n     * @private\n     * @param {MouseEvent} event The mouse event.\n     * @returns {void}\n     */\n    _onMouseMove(event) {\n        if (!this.selectedMarker){\n            return;\n        }\n        if (!this.dragging){\n            this.dragging = true;\n            this.wavesurfer.fireEvent(\"marker-drag\", this.selectedMarker, event);\n        }\n        this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * this.wavesurfer.getDuration();\n        this._updateMarkerPositions();\n    }\n\n    /**\n     * Fires `marker-drop` event and unselect the dragged marker.\n     *\n     * @private\n     * @param {MouseEvent} event The mouse event.\n     * @returns {void}\n     */\n    _onMouseUp(event) {\n        if (this.selectedMarker) {\n            setTimeout(() => {\n                this.selectedMarker = false;\n                this.dragging = false;\n            }, 0);\n        }\n\n        if (!this.dragging) {\n            return;\n        }\n\n        event.stopPropagation();\n        const duration = this.wavesurfer.getDuration();\n        this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * duration;\n        this._updateMarkerPositions();\n        this.wavesurfer.fireEvent(\"marker-drop\", this.selectedMarker, event);\n    }\n\n    _registerEvents() {\n        if (!this.markers.find(marker => marker.draggable)) {\n            return;\n        }\n        //we have some draggable markers, check for listeners\n        if (!this.onMouseMove) {\n            this.onMouseMove = (e) => this._onMouseMove(e);\n            window.addEventListener('mousemove', this.onMouseMove);\n        }\n\n        if (!this.onMouseUp) {\n            this.onMouseUp = (e) => this._onMouseUp(e);\n            window.addEventListener(\"mouseup\", this.onMouseUp);\n        }\n    }\n\n    _unregisterEvents() {\n        if (this.markers.find(marker => marker.draggable)) {\n            return;\n        }\n        //we don't have any draggable markers, unregister listeners\n        if (this.onMouseMove) {\n            window.removeEventListener('mousemove', this.onMouseMove);\n            this.onMouseMove = null;\n        }\n        if (this.onMouseUp) {\n            window.removeEventListener(\"mouseup\", this.onMouseUp);\n            this.onMouseUp = null;\n        }\n    }\n\n    /**\n     * Remove all markers\n     */\n    clear() {\n        while ( this.markers.length > 0 ) {\n            this.remove(0);\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__(188);\n"],"names":["root","factory","exports","module","define","amd","self","MarkersPlugin","params","ws","_this","_classCallCheck","this","wavesurfer","util","style","markerLineWidth","markerWidth","markerHeight","dragging","_onResize","_updateMarkerPositions","_onBackendCreated","wrapper","drawer","markers","forEach","marker","add","window","addEventListener","on","find","draggable","onMouseMove","e","_onMouseMove","onMouseUp","_onMouseUp","_onReady","key","value","name","deferInit","staticProps","addMarker","options","initialisedPluginList","initPlugin","clearMarkers","clear","instance","isReady","once","un","removeEventListener","time","label","tooltip","color","position","preventContextMenu","el","_createMarkerElement","markerElement","appendChild","push","_registerEvents","index","getElementsByClassName","_onContextMenu","_onClick","_onMouseDown","removeChild","splice","_unregisterEvents","svgNS","document","createElementNS","polygon","setAttribute","width","height","_this2","createElement","className","display","overflow","line","offset","background","opacity","labelDiv","point","_createPointerSVG","labelEl","innerText","cursor","classList","stopPropagation","setCurrentTime","fireEvent","preventDefault","selectedMarker","i","length","_updateMarkerPosition","duration","getDuration","elementWidth","pixelRatio","leftPx","Math","min","event","handleEvent","_this3","setTimeout","_this4","remove","default","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}

package/dist/plugin/wavesurfer.mediasession.js

@@ -1,181 +0,0 @@
-/*!
- * wavesurfer.js mediasession plugin 6.5.1 (2023-03-12)
- * 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"]["mediasession"] = factory();
-})(self, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./src/plugin/mediasession/index.js":
-/*!******************************************!*\
-  !*** ./src/plugin/mediasession/index.js ***!
-  \******************************************/
-/***/ ((module, exports) => {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports["default"] = void 0;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/**
- * @typedef {Object} MediaSessionPluginParams
- * @property {MediaMetadata} metadata A MediaMetadata object: a representation
- * of the metadata associated with a MediaSession that can be used by user agents
- * to provide a customized user interface.
- * @property {?boolean} deferInit Set to true to manually call
- * `initPlugin('mediasession')`
- */
-/**
- * Visualize MediaSession information for a wavesurfer instance.
- *
- * @implements {PluginClass}
- * @extends {Observer}
- * @example
- * // es6
- * import MediaSessionPlugin from 'wavesurfer.mediasession.js';
- *
- * // commonjs
- * var MediaSessionPlugin = require('wavesurfer.mediasession.js');
- *
- * // if you are using <script> tags
- * var MediaSessionPlugin = window.WaveSurfer.mediasession;
- *
- * // ... initialising wavesurfer with the plugin
- * var wavesurfer = WaveSurfer.create({
- *   // wavesurfer options ...
- *   plugins: [
- *     MediaSessionPlugin.create({
- *       // plugin options ...
- *     })
- *   ]
- * });
- */
-var MediaSessionPlugin = /*#__PURE__*/function () {
-  function MediaSessionPlugin(params, ws) {
-    var _this = this;
-    _classCallCheck(this, MediaSessionPlugin);
-    this.params = params;
-    this.wavesurfer = ws;
-    if ('mediaSession' in navigator) {
-      // update metadata
-      this.metadata = this.params.metadata;
-      this.update();
-
-      // update metadata when playback starts
-      this.wavesurfer.on('play', function () {
-        _this.update();
-      });
-
-      // set playback action handlers
-      navigator.mediaSession.setActionHandler('play', function () {
-        _this.wavesurfer.play();
-      });
-      navigator.mediaSession.setActionHandler('pause', function () {
-        _this.wavesurfer.playPause();
-      });
-      navigator.mediaSession.setActionHandler('seekbackward', function () {
-        _this.wavesurfer.skipBackward();
-      });
-      navigator.mediaSession.setActionHandler('seekforward', function () {
-        _this.wavesurfer.skipForward();
-      });
-    }
-  }
-  _createClass(MediaSessionPlugin, [{
-    key: "init",
-    value: function init() {}
-  }, {
-    key: "destroy",
-    value: function destroy() {}
-  }, {
-    key: "update",
-    value: function update() {
-      if ((typeof MediaMetadata === "undefined" ? "undefined" : _typeof(MediaMetadata)) === (typeof Function === "undefined" ? "undefined" : _typeof(Function))) {
-        // set metadata
-        navigator.mediaSession.metadata = new MediaMetadata(this.metadata);
-      }
-    }
-  }], [{
-    key: "create",
-    value:
-    /**
-     * MediaSession 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  {MediaSessionPluginParams} params parameters use to initialise the plugin
-     * @return {PluginDefinition} an object representing the plugin
-     */
-    function create(params) {
-      return {
-        name: 'mediasession',
-        deferInit: params && params.deferInit ? params.deferInit : false,
-        params: params,
-        instance: MediaSessionPlugin
-      };
-    }
-  }]);
-  return MediaSessionPlugin;
-}();
-exports["default"] = MediaSessionPlugin;
-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/mediasession/index.js");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=wavesurfer.mediasession.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wavesurfer.mediasession.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,CAAC;AACD;;;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAxBA,IAyBqBA,kBAAkB;EAmBnC,SAAAA,mBAAYC,MAAM,EAAEC,EAAE,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAJ,kBAAA;IACpB,IAAI,CAACC,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACI,UAAU,GAAGH,EAAE;IAEpB,IAAI,cAAc,IAAII,SAAS,EAAE;MAC7B;MACA,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACN,MAAM,CAACM,QAAQ;MACpC,IAAI,CAACC,MAAM,EAAE;;MAEb;MACA,IAAI,CAACH,UAAU,CAACI,EAAE,CAAC,MAAM,EAAE,YAAM;QAC7BN,KAAI,CAACK,MAAM,EAAE;MACjB,CAAC,CAAC;;MAEF;MACAF,SAAS,CAACI,YAAY,CAACC,gBAAgB,CAAC,MAAM,EAAE,YAAM;QAClDR,KAAI,CAACE,UAAU,CAACO,IAAI,EAAE;MAC1B,CAAC,CAAC;MACFN,SAAS,CAACI,YAAY,CAACC,gBAAgB,CAAC,OAAO,EAAE,YAAM;QACnDR,KAAI,CAACE,UAAU,CAACQ,SAAS,EAAE;MAC/B,CAAC,CAAC;MACFP,SAAS,CAACI,YAAY,CAACC,gBAAgB,CAAC,cAAc,EAAE,YAAM;QAC1DR,KAAI,CAACE,UAAU,CAACS,YAAY,EAAE;MAClC,CAAC,CAAC;MACFR,SAAS,CAACI,YAAY,CAACC,gBAAgB,CAAC,aAAa,EAAE,YAAM;QACzDR,KAAI,CAACE,UAAU,CAACU,WAAW,EAAE;MACjC,CAAC,CAAC;IACN;EACJ;EAACC,YAAA,CAAAhB,kBAAA;IAAAiB,GAAA;IAAAC,KAAA,EAED,SAAAC,KAAA,EAAO,CAAC;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAET,SAAAE,QAAA,EAAU,CAAC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAEZ,SAAAV,OAAA,EAAS;MACL,IAAI,QAAOa,aAAa,iCAAAC,OAAA,CAAbD,aAAa,eAAYE,QAAQ,iCAAAD,OAAA,CAARC,QAAQ,IAAE;QAC1C;QACAjB,SAAS,CAACI,YAAY,CAACH,QAAQ,GAAG,IAAIc,aAAa,CAAC,IAAI,CAACd,QAAQ,CAAC;MACtE;IACJ;EAAC;IAAAU,GAAA;IAAAC,KAAA;IAzDD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACI,SAAAM,OAAcvB,MAAM,EAAE;MAClB,OAAO;QACHwB,IAAI,EAAE,cAAc;QACpBC,SAAS,EAAEzB,MAAM,IAAIA,MAAM,CAACyB,SAAS,GAAGzB,MAAM,CAACyB,SAAS,GAAG,KAAK;QAChEzB,MAAM,EAAEA,MAAM;QACd0B,QAAQ,EAAE3B;MACd,CAAC;IACL;EAAC;EAAA,OAAAA,kBAAA;AAAA;AAAA4B,kBAAA,GAAA5B,kBAAA;AAAA8B,MAAA,CAAAF,OAAA,GAAAA,OAAA,CAAAC,OAAA;;;;;;UCnDL;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;UEtBA;UACA;UACA;UACA","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/mediasession/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/before-startup","webpack://WaveSurfer/webpack/startup","webpack://WaveSurfer/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\"][\"mediasession\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} MediaSessionPluginParams\n * @property {MediaMetadata} metadata A MediaMetadata object: a representation\n * of the metadata associated with a MediaSession that can be used by user agents\n * to provide a customized user interface.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('mediasession')`\n */\n\n/**\n * Visualize MediaSession information for a wavesurfer instance.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import MediaSessionPlugin from 'wavesurfer.mediasession.js';\n *\n * // commonjs\n * var MediaSessionPlugin = require('wavesurfer.mediasession.js');\n *\n * // if you are using <script> tags\n * var MediaSessionPlugin = window.WaveSurfer.mediasession;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     MediaSessionPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class MediaSessionPlugin {\n    /**\n     * MediaSession 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  {MediaSessionPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'mediasession',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: MediaSessionPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.wavesurfer = ws;\n\n        if ('mediaSession' in navigator) {\n            // update metadata\n            this.metadata = this.params.metadata;\n            this.update();\n\n            // update metadata when playback starts\n            this.wavesurfer.on('play', () => {\n                this.update();\n            });\n\n            // set playback action handlers\n            navigator.mediaSession.setActionHandler('play', () => {\n                this.wavesurfer.play();\n            });\n            navigator.mediaSession.setActionHandler('pause', () => {\n                this.wavesurfer.playPause();\n            });\n            navigator.mediaSession.setActionHandler('seekbackward', () => {\n                this.wavesurfer.skipBackward();\n            });\n            navigator.mediaSession.setActionHandler('seekforward', () => {\n                this.wavesurfer.skipForward();\n            });\n        }\n    }\n\n    init() {}\n\n    destroy() {}\n\n    update() {\n        if (typeof MediaMetadata === typeof Function) {\n            // set metadata\n            navigator.mediaSession.metadata = new MediaMetadata(this.metadata);\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/mediasession/index.js\");\n",""],"names":["MediaSessionPlugin","params","ws","_this","_classCallCheck","wavesurfer","navigator","metadata","update","on","mediaSession","setActionHandler","play","playPause","skipBackward","skipForward","_createClass","key","value","init","destroy","MediaMetadata","_typeof","Function","create","name","deferInit","instance","exports","default","module"],"sourceRoot":""}

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

@@ -1,7 +0,0 @@
-/*!
- * wavesurfer.js mediasession plugin 6.5.1 (2023-03-12)
- * 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.mediasession=t())}(self,(()=>(()=>{"use strict";var e={511:(e,t)=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function n(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,(i=a.key,o=void 0,o=function(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==r(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(o)?o:String(o)),a)}var i,o}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(){function e(t,r){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.params=t,this.wavesurfer=r,"mediaSession"in navigator&&(this.metadata=this.params.metadata,this.update(),this.wavesurfer.on("play",(function(){n.update()})),navigator.mediaSession.setActionHandler("play",(function(){n.wavesurfer.play()})),navigator.mediaSession.setActionHandler("pause",(function(){n.wavesurfer.playPause()})),navigator.mediaSession.setActionHandler("seekbackward",(function(){n.wavesurfer.skipBackward()})),navigator.mediaSession.setActionHandler("seekforward",(function(){n.wavesurfer.skipForward()})))}var t,a,i;return t=e,i=[{key:"create",value:function(t){return{name:"mediasession",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,instance:e}}}],(a=[{key:"init",value:function(){}},{key:"destroy",value:function(){}},{key:"update",value:function(){("undefined"==typeof MediaMetadata?"undefined":r(MediaMetadata))===("undefined"==typeof Function?"undefined":r(Function))&&(navigator.mediaSession.metadata=new MediaMetadata(this.metadata))}}])&&n(t.prototype,a),i&&n(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=a,e.exports=t.default}},t={};var r=function r(n){var a=t[n];if(void 0!==a)return a.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}(511);return r})()));
-//# sourceMappingURL=wavesurfer.mediasession.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wavesurfer.mediasession.min.js","mappings":";;;;;CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,aAAc,GAAIH,GACC,iBAAZC,QACdA,QAAoB,WAAID,KAExBD,EAAiB,WAAIA,EAAiB,YAAK,CAAC,EAAGA,EAAiB,WAAgB,aAAIC,IACrF,CATD,CASGK,MAAM,IACT,M,+yBCDA,IAyBqBC,EAAkB,WAmBnC,SAAAA,EAAYC,EAAQC,GAAI,IAAAC,EAAA,M,4FAAAC,CAAA,KAAAJ,GACpBK,KAAKJ,OAASA,EACdI,KAAKC,WAAaJ,EAEd,iBAAkBK,YAElBF,KAAKG,SAAWH,KAAKJ,OAAOO,SAC5BH,KAAKI,SAGLJ,KAAKC,WAAWI,GAAG,QAAQ,WACvBP,EAAKM,QACT,IAGAF,UAAUI,aAAaC,iBAAiB,QAAQ,WAC5CT,EAAKG,WAAWO,MACpB,IACAN,UAAUI,aAAaC,iBAAiB,SAAS,WAC7CT,EAAKG,WAAWQ,WACpB,IACAP,UAAUI,aAAaC,iBAAiB,gBAAgB,WACpDT,EAAKG,WAAWS,cACpB,IACAR,UAAUI,aAAaC,iBAAiB,eAAe,WACnDT,EAAKG,WAAWU,aACpB,IAER,C,UA9BC,O,EA8BAhB,E,EAWA,EAAAiB,IAAA,SAAAC,MAhDD,SAAcjB,GACV,MAAO,CACHkB,KAAM,eACNC,aAAWnB,IAAUA,EAAOmB,YAAYnB,EAAOmB,UAC/CnB,OAAQA,EACRoB,SAAUrB,EAElB,K,EA8BC,EAAAiB,IAAA,OAAAC,MAED,WAAQ,GAAC,CAAAD,IAAA,UAAAC,MAET,WAAW,GAAC,CAAAD,IAAA,SAAAC,MAEZ,YACiC,oBAAlBI,cAAa,YAAAC,EAAbD,mBAAiC,oBAARE,SAAQ,YAAAD,EAARC,aAEhCjB,UAAUI,aAAaH,SAAW,IAAIc,cAAcjB,KAAKG,UAEjE,M,8EAzCCR,CAAA,CAjBkC,GAiBlCL,EAAAA,QAAAK,EAAAJ,EAAAD,QAAAA,EAAA8B,O,GClDDC,EAA2B,CAAC,ECEhC,IAAIC,EDCJ,SAASC,EAAoBC,GAE5B,IAAIC,EAAeJ,EAAyBG,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAanC,QAGrB,IAAIC,EAAS8B,EAAyBG,GAAY,CAGjDlC,QAAS,CAAC,GAOX,OAHAqC,EAAoBH,GAAUjC,EAAQA,EAAOD,QAASiC,GAG/ChC,EAAOD,OACf,CCnB0BiC,CAAoB,K,UHO9C","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/mediasession/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/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\"][\"mediasession\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} MediaSessionPluginParams\n * @property {MediaMetadata} metadata A MediaMetadata object: a representation\n * of the metadata associated with a MediaSession that can be used by user agents\n * to provide a customized user interface.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('mediasession')`\n */\n\n/**\n * Visualize MediaSession information for a wavesurfer instance.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import MediaSessionPlugin from 'wavesurfer.mediasession.js';\n *\n * // commonjs\n * var MediaSessionPlugin = require('wavesurfer.mediasession.js');\n *\n * // if you are using <script> tags\n * var MediaSessionPlugin = window.WaveSurfer.mediasession;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     MediaSessionPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class MediaSessionPlugin {\n    /**\n     * MediaSession 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  {MediaSessionPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'mediasession',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: MediaSessionPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.wavesurfer = ws;\n\n        if ('mediaSession' in navigator) {\n            // update metadata\n            this.metadata = this.params.metadata;\n            this.update();\n\n            // update metadata when playback starts\n            this.wavesurfer.on('play', () => {\n                this.update();\n            });\n\n            // set playback action handlers\n            navigator.mediaSession.setActionHandler('play', () => {\n                this.wavesurfer.play();\n            });\n            navigator.mediaSession.setActionHandler('pause', () => {\n                this.wavesurfer.playPause();\n            });\n            navigator.mediaSession.setActionHandler('seekbackward', () => {\n                this.wavesurfer.skipBackward();\n            });\n            navigator.mediaSession.setActionHandler('seekforward', () => {\n                this.wavesurfer.skipForward();\n            });\n        }\n    }\n\n    init() {}\n\n    destroy() {}\n\n    update() {\n        if (typeof MediaMetadata === typeof Function) {\n            // set metadata\n            navigator.mediaSession.metadata = new MediaMetadata(this.metadata);\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__(511);\n"],"names":["root","factory","exports","module","define","amd","self","MediaSessionPlugin","params","ws","_this","_classCallCheck","this","wavesurfer","navigator","metadata","update","on","mediaSession","setActionHandler","play","playPause","skipBackward","skipForward","key","value","name","deferInit","instance","MediaMetadata","_typeof","Function","default","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}