-
+
public
class
- | source
+ | source
import {Wavesurfer} from 'videojs-wavesurfer/src/js/videojs.wavesurfer.js'import {Wavesurfer} from 'videojs-wavesurfer/src/js/videojs.wavesurfer.js'
@@ -1360,7 +1360,7 @@
- source + source
@@ -1431,7 +1431,7 @@- source + source
@@ -1474,7 +1474,7 @@- source + source
@@ -1506,18 +1506,18 @@
-
+
+
public
- msDisplayMax: *
+ liveMode: boolean
- source
+ source
@@ -1603,7 +1603,7 @@
- source
+ source
@@ -1646,7 +1646,7 @@
- source
+ source
@@ -1689,7 +1689,7 @@
- source
+ source
@@ -1732,7 +1732,7 @@
- source
+ source
@@ -1775,7 +1775,7 @@
- source
+ source
@@ -1818,7 +1818,7 @@
- source
+ source
@@ -1861,7 +1861,7 @@
- source
+ source
@@ -1904,7 +1904,7 @@
- source
+ source
@@ -1947,7 +1947,7 @@
- source
+ source
@@ -1990,7 +1990,7 @@
- source
+ source
@@ -2036,7 +2036,7 @@
- source
+ source
@@ -2080,7 +2080,7 @@
- source
+ source
@@ -2166,7 +2166,7 @@
- source
+ source
@@ -2224,7 +2224,7 @@
- source
+ source
@@ -2282,7 +2282,7 @@
- source
+ source
@@ -2339,7 +2339,7 @@
- source
+ source
@@ -2409,7 +2409,7 @@
- source
+ source
@@ -2479,7 +2479,7 @@
- source
+ source
@@ -2523,7 +2523,7 @@
- source
+ source
@@ -2567,7 +2567,7 @@
- source
+ source
@@ -2628,7 +2628,7 @@
- source
+ source
@@ -2691,7 +2691,7 @@
- source
+ source
@@ -2734,7 +2734,7 @@
- source
+ source
@@ -2778,7 +2778,7 @@
- source
+ source
@@ -2847,7 +2847,7 @@
- source
+ source
@@ -2891,7 +2891,7 @@
- source
+ source
@@ -2935,7 +2935,7 @@
- source
+ source
@@ -2979,7 +2979,7 @@
- source
+ source
@@ -3023,7 +3023,7 @@
- source
+ source
@@ -3084,7 +3084,7 @@
- source
+ source
@@ -3128,7 +3128,7 @@
- source
+ source
@@ -3189,7 +3189,7 @@
- source
+ source
@@ -3233,7 +3233,7 @@
- source
+ source
@@ -3277,7 +3277,7 @@
- source
+ source
@@ -3351,7 +3351,7 @@
- source
+ source
@@ -3419,7 +3419,7 @@
- source
+ source
@@ -3488,7 +3488,7 @@
- source
+ source
@@ -3549,7 +3549,7 @@
- source
+ source
diff --git a/docs/api/coverage.json b/docs/api/coverage.json
index 950bd3be..1851bc1f 100644
--- a/docs/api/coverage.json
+++ b/docs/api/coverage.json
@@ -1,6 +1,6 @@
{
- "coverage": "64.81%",
- "expectCount": 54,
+ "coverage": "60.34%",
+ "expectCount": 58,
"actualCount": 35,
"files": {
"src/js/defaults.js": {
@@ -32,26 +32,30 @@
]
},
"src/js/videojs.wavesurfer.js": {
- "expectCount": 47,
+ "expectCount": 51,
"actualCount": 30,
"undocumentLines": [
18,
20,
21,
- 44,
- 45,
- 46,
- 47,
- 48,
- 49,
+ 22,
+ 25,
+ 26,
+ 27,
50,
- 134,
- 156,
- 158,
- 159,
- 182,
- 197,
- 198
+ 51,
+ 52,
+ 53,
+ 54,
+ 55,
+ 56,
+ 129,
+ 151,
+ 153,
+ 154,
+ 177,
+ 192,
+ 193
]
}
}
diff --git a/docs/api/file/src/js/defaults.js.html b/docs/api/file/src/js/defaults.js.html
index c9eded6f..1fc96f15 100644
--- a/docs/api/file/src/js/defaults.js.html
+++ b/docs/api/file/src/js/defaults.js.html
@@ -50,13 +50,9 @@
const pluginDefaultOptions = {
// Display console log messages.
debug: false,
- // msDisplayMax indicates the number of seconds that is
- // considered the boundary value for displaying milliseconds
- // in the time controls. An audio clip with a total length of
- // 2 seconds and a msDisplayMax of 3 will use the format
- // M:SS:MMM. Clips longer than msDisplayMax will be displayed
- // as M:SS or HH:MM:SS.
- msDisplayMax: 3
+ // Boolean indicating if milliseconds should be included,
+ // e.g. "00:00:000" vs "00:00".
+ displayMilliseconds: true
};
export default pluginDefaultOptions;
diff --git a/docs/api/file/src/js/utils/format-time.js.html b/docs/api/file/src/js/utils/format-time.js.html
index a9210b83..93828b63 100644
--- a/docs/api/file/src/js/utils/format-time.js.html
+++ b/docs/api/file/src/js/utils/format-time.js.html
@@ -46,66 +46,56 @@
* @since 2.0.0
*/
+import addZero from 'add-zero';
+import parseMilliseconds from 'parse-ms';
+
/**
- * Format seconds as a time string, H:MM:SS, M:SS or M:SS:MMM.
+ * Format seconds as a duration string.
+ *
+ * Either formatted as:
+ *
+ * - DD:HH:MM:SS (> 24 hours)
+ * - HH:MM:SS (> 1 hour)
+ * - MM:SS:MSS (`displayMilliseconds = true`)
+ * - MM:SS (`displayMilliseconds = false`)
*
* Supplying a guide (in seconds) will force a number of leading zeros
* to cover the length of the guide.
*
* @param {number} seconds - Number of seconds to be turned into a
* string.
- * @param {number} guide - Number (in seconds) to model the string
- * after.
- * @param {number} msDisplayMax - Number (in milliseconds) to model the string
- * after.
- * @return {string} Time formatted as H:MM:SS, M:SS or M:SS:MMM, e.g.
- * 0:00:12.
+ * @param {number} guide - Number (in seconds) to model the string after.
+ * @param {boolean} displayMilliseconds - Display milliseconds or not.
+ * @return {string} Formatted duration time, e.g '00:12:653'.
* @private
*/
-const formatTime = function(seconds, guide, msDisplayMax) {
- // Default to using seconds as guide
+const formatTime = function(seconds, guide, displayMilliseconds = true) {
seconds = seconds < 0 ? 0 : seconds;
- guide = guide || seconds;
- let s = Math.floor(seconds % 60),
- m = Math.floor(seconds / 60 % 60),
- h = Math.floor(seconds / 3600),
- gm = Math.floor(guide / 60 % 60),
- gh = Math.floor(guide / 3600),
- ms = Math.floor((seconds - s) * 1000);
-
- // handle invalid times
if (isNaN(seconds) || seconds === Infinity) {
- // '-' is false for all relational operators (e.g. <, >=) so this
- // setting will add the minimum number of fields specified by the
- // guide
- h = m = s = ms = '-';
+ seconds = 0;
}
-
- // Check if we need to show milliseconds
- if (guide > 0 && guide < msDisplayMax) {
- if (ms < 100) {
- if (ms < 10) {
- ms = '00' + ms;
- } else {
- ms = '0' + ms;
- }
- }
- ms = ':' + ms;
- } else {
- ms = '';
+ const inputTime = parseMilliseconds(seconds * 1000);
+ let guideTime = inputTime;
+ if (guide !== undefined) {
+ guideTime = parseMilliseconds(guide * 1000);
}
+ const hr = addZero(inputTime.hours);
+ const min = addZero(inputTime.minutes);
+ const sec = addZero(inputTime.seconds);
+ const ms = addZero(inputTime.milliseconds, 3);
- // Check if we need to show hours
- h = (h > 0 || gh > 0) ? h + ':' : '';
-
- // If hours are showing, we may need to add a leading zero.
- // Always show at least one digit of minutes.
- m = (((h || gm >= 10) && m < 10) ? '0' + m : m) + ':';
-
- // Check if leading zero is need for seconds
- s = ((s < 10) ? '0' + s : s);
+ if (inputTime.days > 0 || guideTime.days > 0) {
+ const day = addZero(inputTime.days);
+ return `${day}:${hr}:${min}:${sec}`;
+ }
+ if (inputTime.hours > 0 || guideTime.hours > 0) {
+ return `${hr}:${min}:${sec}`;
+ }
+ if (displayMilliseconds) {
+ return `${min}:${sec}:${ms}`;
+ }
- return h + m + s + ms;
+ return `${min}:${sec}`;
};
export default formatTime;
diff --git a/docs/api/file/src/js/videojs.wavesurfer.js.html b/docs/api/file/src/js/videojs.wavesurfer.js.html
index 26ad0cb8..c3b02276 100644
--- a/docs/api/file/src/js/videojs.wavesurfer.js.html
+++ b/docs/api/file/src/js/videojs.wavesurfer.js.html
@@ -62,6 +62,12 @@
const wavesurferPluginName = 'wavesurfer';
const wavesurferClassName = 'vjs-wavedisplay';
+const wavesurferStyleName = 'vjs-wavesurfer';
+
+// wavesurfer.js backends
+const WEBAUDIO = 'WebAudio';
+const MEDIAELEMENT = 'MediaElement';
+const MEDIAELEMENT_WEBAUDIO = 'MediaElementWebAudio';
/**
* Draw a waveform for audio and video files in a video.js player.
@@ -80,7 +86,7 @@
super(player, options);
// add plugin style
- player.addClass('vjs-wavesurfer');
+ player.addClass(wavesurferStyleName);
// parse options
options = videojs.mergeOptions(pluginDefaultOptions, options);
@@ -90,7 +96,12 @@
this.backend = null;
this.debug = (options.debug.toString() === 'true');
this.textTracksEnabled = (this.player.options_.tracks.length > 0);
- this.msDisplayMax = parseFloat(options.msDisplayMax);
+ this.displayMilliseconds = options.displayMilliseconds;
+
+ // use custom video.js time format
+ videojs.setFormatTime((seconds, guide) => {
+ return formatTime(seconds, guide, this.displayMilliseconds);
+ });
// wait until player ui is ready
this.player.one(Event.READY, this.initialize.bind(this));
@@ -110,22 +121,6 @@
// parse options
let mergedOptions = this.parseOptions(this.player.options_.plugins.wavesurfer);
- // set video.js time format
- videojs.setFormatTime((seconds, guide) => {
- return formatTime(seconds, guide, this.msDisplayMax);
- });
-
- // the native controls don't work for this UI so disable
- // them no matter what
- // XXX: doublecheck this
- /*
- if (this.player.usingNativeControls_ === true) {
- if (this.player.tech_.el_ !== undefined) {
- this.player.tech_.el_.controls = false;
- }
- }
- */
-
// controls
if (this.player.options_.controls === true) {
// make sure controlBar is showing.
@@ -135,7 +130,7 @@
this.player.controlBar.el_.style.display = 'flex';
// progress control is only supported with the MediaElement backend
- if (this.backend === 'WebAudio' &&
+ if (this.backend === WEBAUDIO &&
this.player.controlBar.progressControl !== undefined) {
this.player.controlBar.progressControl.hide();
}
@@ -162,7 +157,7 @@
this.player.controlBar.remainingTimeDisplay.hide();
}
- if (this.backend === 'WebAudio' &&
+ if (this.backend === WEBAUDIO &&
this.player.controlBar.playToggle !== undefined) {
// handle play toggle interaction
this.player.controlBar.playToggle.on(['tap', 'click'],
@@ -197,7 +192,7 @@
// listen for wavesurfer.js events
this.surferReady = this.onWaveReady.bind(this);
- if (this.backend === 'WebAudio') {
+ if (this.backend === WEBAUDIO) {
this.surferProgress = this.onWaveProgress.bind(this);
this.surferSeek = this.onWaveSeek.bind(this);
@@ -278,7 +273,7 @@
if ('backend' in surferOpts) {
this.backend = surferOpts.backend;
} else {
- surferOpts.backend = this.backend = 'MediaElement';
+ surferOpts.backend = this.backend = MEDIAELEMENT;
}
return surferOpts;
@@ -294,13 +289,13 @@
setupPlaybackEvents(enable) {
if (enable === false) {
this.surfer.un(Event.READY, this.surferReady);
- if (this.backend === 'WebAudio') {
+ if (this.backend === WEBAUDIO) {
this.surfer.un(Event.AUDIOPROCESS, this.surferProgress);
this.surfer.un(Event.SEEK, this.surferSeek);
}
} else if (enable === true) {
this.surfer.on(Event.READY, this.surferReady);
- if (this.backend === 'WebAudio') {
+ if (this.backend === WEBAUDIO) {
this.surfer.on(Event.AUDIOPROCESS, this.surferProgress);
this.surfer.on(Event.SEEK, this.surferSeek);
}
@@ -564,12 +559,13 @@
// update current time display component
if (this.player.controlBar.currentTimeDisplay &&
- this.player.controlBar.currentTimeDisplay.contentEl()) {
+ this.player.controlBar.currentTimeDisplay.contentEl() &&
+ this.player.controlBar.currentTimeDisplay.contentEl().lastChild) {
let time = Math.min(currentTime, duration);
this.player.controlBar.currentTimeDisplay.formattedTime_ =
this.player.controlBar.currentTimeDisplay.contentEl().lastChild.textContent =
- formatTime(time, duration, this.msDisplayMax);
+ formatTime(time, duration, this.displayMilliseconds);
}
if (this.textTracksEnabled && this.player.tech_ && this.player.tech_.el_) {
@@ -606,10 +602,11 @@
// update duration display component
if (this.player.controlBar.durationDisplay &&
- this.player.controlBar.durationDisplay.contentEl()) {
+ this.player.controlBar.durationDisplay.contentEl() &&
+ this.player.controlBar.durationDisplay.contentEl().lastChild) {
this.player.controlBar.durationDisplay.formattedTime_ =
this.player.controlBar.durationDisplay.contentEl().lastChild.textContent =
- formatTime(duration, duration, this.msDisplayMax);
+ formatTime(duration, duration, this.displayMilliseconds);
}
}
@@ -627,8 +624,8 @@
this.log('Waveform is ready');
this.player.trigger(Event.WAVE_READY);
- // update time display
- if (this.backend === 'WebAudio') {
+ if (this.backend === WEBAUDIO) {
+ // update time display
this.setCurrentTime();
this.setDuration();
@@ -650,7 +647,7 @@
this.setVolume(0);
// try auto-play
- if (this.backend === 'WebAudio') {
+ if (this.backend === WEBAUDIO) {
this.play();
} else {
this.player.play().catch(e => {
@@ -674,7 +671,7 @@
// check if loop is enabled
if (this.player.options_.loop === true) {
- if (this.backend === 'WebAudio') {
+ if (this.backend === WEBAUDIO) {
// reset waveform
this.surfer.stop();
this.play();
@@ -683,7 +680,7 @@
// finished
this.waveFinished = true;
- if (this.backend === 'WebAudio') {
+ if (this.backend === WEBAUDIO) {
// pause player
this.pause();
diff --git a/docs/api/function/index.html b/docs/api/function/index.html
index 3e4fc425..19141d45 100644
--- a/docs/api/function/index.html
+++ b/docs/api/function/index.html
@@ -59,13 +59,13 @@
- formatTime(seconds: number, guide: number, msDisplayMax: number): string
+ formatTime(seconds: number, guide: number, displayMilliseconds: boolean): string
-
@@ -116,18 +116,25 @@
+
-
@@ -154,16 +161,14 @@ guide
number
- msDisplayMax
- number
+ displayMilliseconds
+ boolean
@@ -177,8 +182,7 @@
string
-
diff --git a/docs/api/identifiers.html b/docs/api/identifiers.html
index 30eda8e3..d09e4b64 100644
--- a/docs/api/identifiers.html
+++ b/docs/api/identifiers.html
@@ -122,7 +122,7 @@
-Source
+Source
@@ -59,9 +59,9 @@
diff --git a/docs/api/variable/index.html b/docs/api/variable/index.html
index f42de46f..56990856 100644
--- a/docs/api/variable/index.html
+++ b/docs/api/variable/index.html
@@ -115,7 +115,7 @@
- pluginDefaultOptions: {"debug": *, "msDisplayMax": number}
+ pluginDefaultOptions: {"debug": *, "displayMilliseconds": boolean}
Format seconds as a time string, H:MM:SS, M:SS or M:SS:MMM.
+Format seconds as a duration string.
- formatTime(seconds: number, guide: number, msDisplayMax: number): string + formatTime(seconds: number, guide: number, displayMilliseconds: boolean): string - source + source
-import formatTime from 'videojs-wavesurfer/src/js/utils/format-time.js'import formatTime from 'videojs-wavesurfer/src/js/utils/format-time.js'Format seconds as a time string, H:MM:SS, M:SS or M:SS:MMM.
+Format seconds as a duration string.
+Either formatted as:
+-
+
- DD:HH:MM:SS (> 24 hours) +
- HH:MM:SS (> 1 hour) +
- MM:SS:MSS (
displayMilliseconds = true)
+ - MM:SS (
displayMilliseconds = false)
+
Supplying a guide (in seconds) will force a number of leading zeros to cover the length of the guide.
Params:
Number (in seconds) to model the string - after.
+Number (in seconds) to model the string after.
Number (in milliseconds) to model the string - after.
+Display milliseconds or not.
Return:
Time formatted as H:MM:SS, M:SS or M:SS:MMM, e.g. - 0:00:12.
+Formatted duration time, e.g '00:12:653'.
js
V - pluginDefaultOptions: {"debug": *, "msDisplayMax": number} + pluginDefaultOptions: {"debug": *, "displayMilliseconds": boolean}
@@ -188,13 +188,13 @@
js/utils
F - formatTime(seconds: number, guide: number, msDisplayMax: number): string + formatTime(seconds: number, guide: number, displayMilliseconds: boolean): string
-
diff --git a/docs/api/index.html b/docs/api/index.html
index 8a86e117..4eaf79e0 100644
--- a/docs/api/index.html
+++ b/docs/api/index.html
@@ -40,7 +40,7 @@
-Format seconds as a time string, H:MM:SS, M:SS or M:SS:MMM.
+Format seconds as a duration string.
videojs-wavesurfer
A video.js plugin that adds a navigable waveform +
videojs-wavesurfer
A video.js plugin that adds a navigable waveform for audio and video files, using the wavesurfer.js library. Includes support for fullscreen mode and real-time visualization of microphone input.
diff --git a/docs/api/index.json b/docs/api/index.json index b5bce6db..ba2fde7a 100644 --- a/docs/api/index.json +++ b/docs/api/index.json @@ -567,7 +567,7 @@ "__docId__": 48, "kind": "file", "name": "src/js/defaults.js", - "content": "/**\n * @file defaults.js\n * @since 2.0.0\n */\n\n// plugin defaults\nconst pluginDefaultOptions = {\n // Display console log messages.\n debug: false,\n // msDisplayMax indicates the number of seconds that is\n // considered the boundary value for displaying milliseconds\n // in the time controls. An audio clip with a total length of\n // 2 seconds and a msDisplayMax of 3 will use the format\n // M:SS:MMM. Clips longer than msDisplayMax will be displayed\n // as M:SS or HH:MM:SS.\n msDisplayMax: 3\n};\n\nexport default pluginDefaultOptions;\n", + "content": "/**\n * @file defaults.js\n * @since 2.0.0\n */\n\n// plugin defaults\nconst pluginDefaultOptions = {\n // Display console log messages.\n debug: false,\n // Boolean indicating if milliseconds should be included,\n // e.g. \"00:00:000\" vs \"00:00\".\n displayMilliseconds: true\n};\n\nexport default pluginDefaultOptions;\n", "static": true, "longname": "/home/thijs/projects/videojs-wavesurfer/src/js/defaults.js", "access": "public", @@ -596,7 +596,7 @@ ], "type": { "types": [ - "{\"debug\": *, \"msDisplayMax\": number}" + "{\"debug\": *, \"displayMilliseconds\": boolean}" ] } }, @@ -674,7 +674,7 @@ "__docId__": 54, "kind": "file", "name": "src/js/utils/format-time.js", - "content": "/**\n * @file format-time.js\n * @since 2.0.0\n */\n\n/**\n * Format seconds as a time string, H:MM:SS, M:SS or M:SS:MMM.\n *\n * Supplying a guide (in seconds) will force a number of leading zeros\n * to cover the length of the guide.\n *\n * @param {number} seconds - Number of seconds to be turned into a\n * string.\n * @param {number} guide - Number (in seconds) to model the string\n * after.\n * @param {number} msDisplayMax - Number (in milliseconds) to model the string\n * after.\n * @return {string} Time formatted as H:MM:SS, M:SS or M:SS:MMM, e.g.\n * 0:00:12.\n * @private\n */\nconst formatTime = function(seconds, guide, msDisplayMax) {\n // Default to using seconds as guide\n seconds = seconds < 0 ? 0 : seconds;\n guide = guide || seconds;\n let s = Math.floor(seconds % 60),\n m = Math.floor(seconds / 60 % 60),\n h = Math.floor(seconds / 3600),\n gm = Math.floor(guide / 60 % 60),\n gh = Math.floor(guide / 3600),\n ms = Math.floor((seconds - s) * 1000);\n\n // handle invalid times\n if (isNaN(seconds) || seconds === Infinity) {\n // '-' is false for all relational operators (e.g. <, >=) so this\n // setting will add the minimum number of fields specified by the\n // guide\n h = m = s = ms = '-';\n }\n\n // Check if we need to show milliseconds\n if (guide > 0 && guide < msDisplayMax) {\n if (ms < 100) {\n if (ms < 10) {\n ms = '00' + ms;\n } else {\n ms = '0' + ms;\n }\n }\n ms = ':' + ms;\n } else {\n ms = '';\n }\n\n // Check if we need to show hours\n h = (h > 0 || gh > 0) ? h + ':' : '';\n\n // If hours are showing, we may need to add a leading zero.\n // Always show at least one digit of minutes.\n m = (((h || gm >= 10) && m < 10) ? '0' + m : m) + ':';\n\n // Check if leading zero is need for seconds\n s = ((s < 10) ? '0' + s : s);\n\n return h + m + s + ms;\n};\n\nexport default formatTime;\n", + "content": "/**\n * @file format-time.js\n * @since 2.0.0\n */\n\nimport addZero from 'add-zero';\nimport parseMilliseconds from 'parse-ms';\n\n/**\n * Format seconds as a duration string.\n *\n * Either formatted as:\n *\n * - DD:HH:MM:SS (> 24 hours)\n * - HH:MM:SS (> 1 hour)\n * - MM:SS:MSS (`displayMilliseconds = true`)\n * - MM:SS (`displayMilliseconds = false`)\n *\n * Supplying a guide (in seconds) will force a number of leading zeros\n * to cover the length of the guide.\n *\n * @param {number} seconds - Number of seconds to be turned into a\n * string.\n * @param {number} guide - Number (in seconds) to model the string after.\n * @param {boolean} displayMilliseconds - Display milliseconds or not.\n * @return {string} Formatted duration time, e.g '00:12:653'.\n * @private\n */\nconst formatTime = function(seconds, guide, displayMilliseconds = true) {\n seconds = seconds < 0 ? 0 : seconds;\n if (isNaN(seconds) || seconds === Infinity) {\n seconds = 0;\n }\n const inputTime = parseMilliseconds(seconds * 1000);\n let guideTime = inputTime;\n if (guide !== undefined) {\n guideTime = parseMilliseconds(guide * 1000);\n }\n const hr = addZero(inputTime.hours);\n const min = addZero(inputTime.minutes);\n const sec = addZero(inputTime.seconds);\n const ms = addZero(inputTime.milliseconds, 3);\n\n if (inputTime.days > 0 || guideTime.days > 0) {\n const day = addZero(inputTime.days);\n return `${day}:${hr}:${min}:${sec}`;\n }\n if (inputTime.hours > 0 || guideTime.hours > 0) {\n return `${hr}:${min}:${sec}`;\n }\n if (displayMilliseconds) {\n return `${min}:${sec}:${ms}`;\n }\n\n return `${min}:${sec}`;\n};\n\nexport default formatTime;\n", "static": true, "longname": "/home/thijs/projects/videojs-wavesurfer/src/js/utils/format-time.js", "access": "public", @@ -694,8 +694,8 @@ "export": true, "importPath": "videojs-wavesurfer/src/js/utils/format-time.js", "importStyle": "formatTime", - "description": "Format seconds as a time string, H:MM:SS, M:SS or M:SS:MMM.\n\nSupplying a guide (in seconds) will force a number of leading zeros\nto cover the length of the guide.", - "lineNumber": 22, + "description": "Format seconds as a duration string.\n\nEither formatted as:\n\n- DD:HH:MM:SS (> 24 hours)\n- HH:MM:SS (> 1 hour)\n- MM:SS:MSS (`displayMilliseconds = true`)\n- MM:SS (`displayMilliseconds = false`)\n\nSupplying a guide (in seconds) will force a number of leading zeros\nto cover the length of the guide.", + "lineNumber": 29, "params": [ { "nullable": null, @@ -715,17 +715,17 @@ "spread": false, "optional": false, "name": "guide", - "description": "Number (in seconds) to model the string\n after." + "description": "Number (in seconds) to model the string after." }, { "nullable": null, "types": [ - "number" + "boolean" ], "spread": false, "optional": false, - "name": "msDisplayMax", - "description": "Number (in milliseconds) to model the string\n after." + "name": "displayMilliseconds", + "description": "Display milliseconds or not." } ], "return": { @@ -734,7 +734,7 @@ "string" ], "spread": false, - "description": "Time formatted as H:MM:SS, M:SS or M:SS:MMM, e.g.\n 0:00:12." + "description": "Formatted duration time, e.g '00:12:653'." } }, { @@ -843,7 +843,7 @@ "__docId__": 60, "kind": "file", "name": "src/js/videojs.wavesurfer.js", - "content": "/**\n * @file videojs.wavesurfer.js\n *\n * The main file for the videojs-wavesurfer project.\n * MIT license: https://github.com/collab-project/videojs-wavesurfer/blob/master/LICENSE\n */\n\nimport Event from './event';\nimport log from './utils/log';\nimport formatTime from './utils/format-time';\nimport pluginDefaultOptions from './defaults';\nimport WavesurferMiddleware from './middleware';\nimport window from 'global/window';\n\nimport videojs from 'video.js';\nimport WaveSurfer from 'wavesurfer.js';\n\nconst Plugin = videojs.getPlugin('plugin');\n\nconst wavesurferPluginName = 'wavesurfer';\nconst wavesurferClassName = 'vjs-wavedisplay';\n\n/**\n * Draw a waveform for audio and video files in a video.js player.\n *\n * @class\n * @augments videojs.Plugin\n */\nclass Wavesurfer extends Plugin {\n /**\n * The constructor function for the class.\n *\n * @param {(videojs.Player|Object)} player - video.js Player object.\n * @param {Object} options - Player options.\n */\n constructor(player, options) {\n super(player, options);\n\n // add plugin style\n player.addClass('vjs-wavesurfer');\n\n // parse options\n options = videojs.mergeOptions(pluginDefaultOptions, options);\n this.waveReady = false;\n this.waveFinished = false;\n this.liveMode = false;\n this.backend = null;\n this.debug = (options.debug.toString() === 'true');\n this.textTracksEnabled = (this.player.options_.tracks.length > 0);\n this.msDisplayMax = parseFloat(options.msDisplayMax);\n\n // wait until player ui is ready\n this.player.one(Event.READY, this.initialize.bind(this));\n }\n\n /**\n * Player UI is ready: customize controls.\n *\n * @private\n */\n initialize() {\n // hide big play button\n if (this.player.bigPlayButton !== undefined) {\n this.player.bigPlayButton.hide();\n }\n\n // parse options\n let mergedOptions = this.parseOptions(this.player.options_.plugins.wavesurfer);\n\n // set video.js time format\n videojs.setFormatTime((seconds, guide) => {\n return formatTime(seconds, guide, this.msDisplayMax);\n });\n\n // the native controls don't work for this UI so disable\n // them no matter what\n // XXX: doublecheck this\n /*\n if (this.player.usingNativeControls_ === true) {\n if (this.player.tech_.el_ !== undefined) {\n this.player.tech_.el_.controls = false;\n }\n }\n */\n\n // controls\n if (this.player.options_.controls === true) {\n // make sure controlBar is showing.\n // video.js hides the controlbar by default because it expects\n // the user to click on the 'big play button' first.\n this.player.controlBar.show();\n this.player.controlBar.el_.style.display = 'flex';\n\n // progress control is only supported with the MediaElement backend\n if (this.backend === 'WebAudio' &&\n this.player.controlBar.progressControl !== undefined) {\n this.player.controlBar.progressControl.hide();\n }\n\n // disable Picture-In-Picture toggle introduced in video.js 7.6.0\n // until there is support for canvas in the Picture-In-Picture\n // browser API (see https://www.chromestatus.com/features/4844605453369344)\n if (this.player.controlBar.pictureInPictureToggle !== undefined) {\n this.player.controlBar.pictureInPictureToggle.hide();\n }\n\n // make sure time displays are visible\n let uiElements = ['currentTimeDisplay', 'timeDivider', 'durationDisplay'];\n uiElements.forEach((element) => {\n // ignore and show when essential elements have been disabled\n // by user\n element = this.player.controlBar[element];\n if (element !== undefined) {\n element.el_.style.display = 'block';\n element.show();\n }\n });\n if (this.player.controlBar.remainingTimeDisplay !== undefined) {\n this.player.controlBar.remainingTimeDisplay.hide();\n }\n\n if (this.backend === 'WebAudio' &&\n this.player.controlBar.playToggle !== undefined) {\n // handle play toggle interaction\n this.player.controlBar.playToggle.on(['tap', 'click'],\n this.onPlayToggle.bind(this));\n\n // disable play button until waveform is ready\n this.player.controlBar.playToggle.hide();\n }\n }\n\n // wavesurfer.js setup\n this.surfer = WaveSurfer.create(mergedOptions);\n this.surfer.on(Event.ERROR, this.onWaveError.bind(this));\n this.surfer.on(Event.FINISH, this.onWaveFinish.bind(this));\n this.backend = this.surfer.params.backend;\n this.log('Using wavesurfer.js ' + this.backend + ' backend.');\n\n // check if the wavesurfer.js microphone plugin is enabled\n if ('microphone' in this.player.wavesurfer().surfer.getActivePlugins()) {\n // enable audio input from a microphone\n this.liveMode = true;\n this.waveReady = true;\n this.log('wavesurfer.js microphone plugin enabled.');\n\n // in live mode, show play button at startup\n this.player.controlBar.playToggle.show();\n\n // listen for wavesurfer.js microphone plugin events\n this.surfer.microphone.on(Event.DEVICE_ERROR,\n this.onWaveError.bind(this));\n }\n\n // listen for wavesurfer.js events\n this.surferReady = this.onWaveReady.bind(this);\n if (this.backend === 'WebAudio') {\n this.surferProgress = this.onWaveProgress.bind(this);\n this.surferSeek = this.onWaveSeek.bind(this);\n\n // make sure volume is muted when requested\n if (this.player.muted()) {\n this.setVolume(0);\n }\n }\n\n // only listen to the wavesurfer.js playback events when not\n // in live mode\n if (!this.liveMode) {\n this.setupPlaybackEvents(true);\n }\n\n // video.js player events\n this.player.on(Event.VOLUMECHANGE, this.onVolumeChange.bind(this));\n this.player.on(Event.FULLSCREENCHANGE, this.onScreenChange.bind(this));\n\n // video.js fluid option\n if (this.player.options_.fluid === true) {\n // give wave element a classname so it can be styled\n this.surfer.drawer.wrapper.className = wavesurferClassName;\n // listen for window resize events\n this.responsiveWave = WaveSurfer.util.debounce(\n this.onResizeChange.bind(this), 150);\n window.addEventListener(Event.RESIZE, this.responsiveWave);\n }\n }\n\n /**\n * Initializes the waveform options.\n *\n * @private\n * @param {Object} surferOpts - Plugin options.\n * @returns {Object} - Updated `surferOpts` object.\n */\n parseOptions(surferOpts = {}) {\n let rect = this.player.el_.getBoundingClientRect();\n this.originalWidth = this.player.options_.width || rect.width;\n this.originalHeight = this.player.options_.height || rect.height;\n\n // controlbar\n let controlBarHeight = this.player.controlBar.height();\n if (this.player.options_.controls === true && controlBarHeight === 0) {\n // the dimensions of the controlbar are not known yet, but we\n // need it now, so we can calculate the height of the waveform.\n // The default height is 30px, so use that instead.\n controlBarHeight = 30;\n }\n\n // set waveform element and dimensions\n // Set the container to player's container if \"container\" option is\n // not provided. If a waveform needs to be appended to your custom\n // element, then use below option. For example:\n // container: document.querySelector(\"#vjs-waveform\")\n if (surferOpts.container === undefined) {\n surferOpts.container = this.player.el_;\n }\n\n // set the height of generated waveform if user has provided height\n // from options. If height of waveform need to be customized then use\n // option below. For example: waveformHeight: 30\n if (surferOpts.waveformHeight === undefined) {\n let playerHeight = rect.height;\n surferOpts.height = playerHeight - controlBarHeight;\n } else {\n surferOpts.height = surferOpts.waveformHeight;\n }\n\n // split channels\n if (surferOpts.splitChannels && surferOpts.splitChannels === true) {\n surferOpts.height /= 2;\n }\n\n // use MediaElement as default wavesurfer.js backend if one is not\n // specified\n if ('backend' in surferOpts) {\n this.backend = surferOpts.backend;\n } else {\n surferOpts.backend = this.backend = 'MediaElement';\n }\n\n return surferOpts;\n }\n\n /**\n * Starts or stops listening to events related to audio-playback.\n *\n * @param {boolean} enable - Start or stop listening to playback\n * related events.\n * @private\n */\n setupPlaybackEvents(enable) {\n if (enable === false) {\n this.surfer.un(Event.READY, this.surferReady);\n if (this.backend === 'WebAudio') {\n this.surfer.un(Event.AUDIOPROCESS, this.surferProgress);\n this.surfer.un(Event.SEEK, this.surferSeek);\n }\n } else if (enable === true) {\n this.surfer.on(Event.READY, this.surferReady);\n if (this.backend === 'WebAudio') {\n this.surfer.on(Event.AUDIOPROCESS, this.surferProgress);\n this.surfer.on(Event.SEEK, this.surferSeek);\n }\n }\n }\n\n /**\n * Start loading waveform data.\n *\n * @param {string|blob|file} url - Either the URL of the audio file,\n * a Blob or a File object.\n * @param {string|number[]} peaks - Either the URL of peaks\n * data for the audio file, or an array with peaks data.\n */\n load(url, peaks) {\n if (url instanceof Blob || url instanceof File) {\n this.log('Loading object: ' + JSON.stringify(url));\n this.surfer.loadBlob(url);\n } else {\n // load peak data from array or file\n if (peaks !== undefined) {\n this.loadPeaks(url, peaks);\n } else {\n // no peaks\n if (typeof url === 'string') {\n this.log('Loading URL: ' + url);\n } else {\n this.log('Loading element: ' + url);\n }\n this.surfer.load(url);\n }\n }\n }\n\n /**\n * Start loading waveform data.\n *\n * @param {string|blob|file} url - Either the URL of the audio file,\n * a Blob or a File object.\n * @param {string|number[]} peaks - Either the URL of peaks\n * data for the audio file, or an array with peaks data.\n */\n loadPeaks(url, peaks) {\n if (Array.isArray(peaks)) {\n // use supplied peaks data\n this.log('Loading URL with array of peaks: ' + url);\n this.surfer.load(url, peaks);\n } else {\n // load peak data from file\n let requestOptions = {\n url: peaks,\n responseType: 'json'\n };\n\n // supply xhr options, if any\n if (this.player.options_.plugins.wavesurfer.xhr !== undefined) {\n requestOptions.xhr = this.player.options_.plugins.wavesurfer.xhr;\n }\n let request = WaveSurfer.util.fetchFile(requestOptions);\n\n request.once('success', data => {\n this.log('Loaded Peak Data URL: ' + peaks);\n // check for data property containing peaks\n if (data && data.data) {\n this.surfer.load(url, data.data);\n } else {\n this.player.trigger(Event.ERROR,\n 'Could not load peaks data from ' + peaks);\n this.log(err, 'error');\n }\n });\n request.on('error', e => {\n this.log('Unable to retrieve peak data from ' + peaks +\n '. Status code: ' + request.response.status, 'warn');\n this.log('Loading URL: ' + url);\n this.surfer.load(url);\n });\n }\n }\n\n /**\n * Start/resume playback or microphone.\n */\n play() {\n // show pause button\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.contentEl()) {\n this.player.controlBar.playToggle.handlePlay();\n }\n\n if (this.liveMode) {\n // start/resume microphone visualization\n if (!this.surfer.microphone.active)\n {\n this.log('Start microphone');\n this.surfer.microphone.start();\n } else {\n // toggle paused\n let paused = !this.surfer.microphone.paused;\n\n if (paused) {\n this.pause();\n } else {\n this.log('Resume microphone');\n this.surfer.microphone.play();\n }\n }\n } else {\n this.log('Start playback');\n\n // put video.js player UI in playback mode\n this.player.play();\n\n // start surfer playback\n this.surfer.play();\n }\n }\n\n /**\n * Pauses playback or microphone visualization.\n */\n pause() {\n // show play button\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.contentEl()) {\n this.player.controlBar.playToggle.handlePause();\n }\n\n if (this.liveMode) {\n // pause microphone visualization\n this.log('Pause microphone');\n this.surfer.microphone.pause();\n } else {\n // pause playback\n this.log('Pause playback');\n\n if (!this.waveFinished) {\n // pause wavesurfer playback\n this.surfer.pause();\n } else {\n this.waveFinished = false;\n }\n\n this.setCurrentTime();\n }\n }\n\n /**\n * @private\n */\n dispose() {\n if (this.surfer) {\n if (this.liveMode && this.surfer.microphone) {\n // destroy microphone plugin\n this.surfer.microphone.destroy();\n this.log('Destroyed microphone plugin');\n }\n // destroy wavesurfer instance\n this.surfer.destroy();\n }\n this.log('Destroyed plugin');\n }\n\n /**\n * Indicates whether the plugin is destroyed or not.\n *\n * @return {boolean} Plugin destroyed or not.\n */\n isDestroyed() {\n return this.player && (this.player.children() === null);\n }\n\n /**\n * Remove the player and waveform.\n */\n destroy() {\n this.player.dispose();\n }\n\n /**\n * Set the volume level.\n *\n * @param {number} volume - The new volume level.\n */\n setVolume(volume) {\n if (volume !== undefined) {\n this.log('Changing volume to: ' + volume);\n\n // update player volume\n this.player.volume(volume);\n }\n }\n\n /**\n * Save waveform image as data URI.\n *\n * The default format is `'image/png'`. Other supported types are\n * `'image/jpeg'` and `'image/webp'`.\n *\n * @param {string} [format=image/png] - String indicating the image format.\n * @param {number} [quality=1] - Number between 0 and 1 indicating image\n * quality if the requested type is `'image/jpeg'` or `'image/webp'`.\n * @returns {string} The data URI of the image data.\n */\n exportImage(format, quality) {\n return this.surfer.exportImage(format, quality);\n }\n\n /**\n * Change the audio output device.\n *\n * @param {string} deviceId - Id of audio output device.\n */\n setAudioOutput(deviceId) {\n if (deviceId) {\n this.surfer.setSinkId(deviceId).then((result) => {\n // notify listeners\n this.player.trigger(Event.AUDIO_OUTPUT_READY);\n }).catch((err) => {\n // notify listeners\n this.player.trigger(Event.ERROR, err);\n\n this.log(err, 'error');\n });\n }\n }\n\n /**\n * Get the current time (in seconds) of the stream during playback.\n *\n * Returns 0 if no stream is available (yet).\n *\n * @returns {float} Current time of the stream.\n */\n getCurrentTime() {\n let currentTime = this.surfer.getCurrentTime();\n currentTime = isNaN(currentTime) ? 0 : currentTime;\n\n return currentTime;\n }\n\n /**\n * Updates the player's element displaying the current time.\n *\n * @param {number} [currentTime] - Current position of the playhead\n * (in seconds).\n * @param {number} [duration] - Duration of the waveform (in seconds).\n * @private\n */\n setCurrentTime(currentTime, duration) {\n if (currentTime === undefined) {\n currentTime = this.surfer.getCurrentTime();\n }\n\n if (duration === undefined) {\n duration = this.surfer.getDuration();\n }\n\n currentTime = isNaN(currentTime) ? 0 : currentTime;\n duration = isNaN(duration) ? 0 : duration;\n\n // update current time display component\n if (this.player.controlBar.currentTimeDisplay &&\n this.player.controlBar.currentTimeDisplay.contentEl()) {\n let time = Math.min(currentTime, duration);\n\n this.player.controlBar.currentTimeDisplay.formattedTime_ =\n this.player.controlBar.currentTimeDisplay.contentEl().lastChild.textContent =\n formatTime(time, duration, this.msDisplayMax);\n }\n\n if (this.textTracksEnabled && this.player.tech_ && this.player.tech_.el_) {\n // only needed for text tracks\n this.player.tech_.setCurrentTime(currentTime);\n }\n }\n\n /**\n * Get the duration of the stream in seconds.\n *\n * Returns 0 if no stream is available (yet).\n *\n * @returns {float} Duration of the stream.\n */\n getDuration() {\n let duration = this.surfer.getDuration();\n duration = isNaN(duration) ? 0 : duration;\n\n return duration;\n }\n\n /**\n * Updates the player's element displaying the duration time.\n *\n * @param {number} [duration] - Duration of the waveform (in seconds).\n * @private\n */\n setDuration(duration) {\n if (duration === undefined) {\n duration = this.surfer.getDuration();\n }\n duration = isNaN(duration) ? 0 : duration;\n\n // update duration display component\n if (this.player.controlBar.durationDisplay &&\n this.player.controlBar.durationDisplay.contentEl()) {\n this.player.controlBar.durationDisplay.formattedTime_ =\n this.player.controlBar.durationDisplay.contentEl().lastChild.textContent =\n formatTime(duration, duration, this.msDisplayMax);\n }\n }\n\n /**\n * Audio is loaded, decoded and the waveform is drawn.\n *\n * @fires waveReady\n * @private\n */\n onWaveReady() {\n this.waveReady = true;\n this.waveFinished = false;\n this.liveMode = false;\n\n this.log('Waveform is ready');\n this.player.trigger(Event.WAVE_READY);\n\n // update time display\n if (this.backend === 'WebAudio') {\n this.setCurrentTime();\n this.setDuration();\n\n // enable and show play button\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.contentEl()) {\n this.player.controlBar.playToggle.show();\n }\n }\n\n // hide loading spinner\n if (this.player.loadingSpinner.contentEl()) {\n this.player.loadingSpinner.hide();\n }\n\n // auto-play when ready (if enabled)\n if (this.player.options_.autoplay === true) {\n // autoplay is only allowed when audio is muted\n this.setVolume(0);\n\n // try auto-play\n if (this.backend === 'WebAudio') {\n this.play();\n } else {\n this.player.play().catch(e => {\n this.onWaveError(e);\n });\n }\n }\n }\n\n /**\n * Fires when audio playback completed.\n *\n * @fires playbackFinish\n * @private\n */\n onWaveFinish() {\n this.log('Finished playback');\n\n // notify listeners\n this.player.trigger(Event.PLAYBACK_FINISH);\n\n // check if loop is enabled\n if (this.player.options_.loop === true) {\n if (this.backend === 'WebAudio') {\n // reset waveform\n this.surfer.stop();\n this.play();\n }\n } else {\n // finished\n this.waveFinished = true;\n\n if (this.backend === 'WebAudio') {\n // pause player\n this.pause();\n\n // show the replay state of play toggle\n this.player.trigger(Event.ENDED);\n\n // this gets called once after the clip has ended and the user\n // seeks so that we can change the replay button back to a play\n // button\n this.surfer.once(Event.SEEK, () => {\n if (this.player.controlBar.playToggle !== undefined) {\n this.player.controlBar.playToggle.removeClass('vjs-ended');\n }\n this.player.trigger(Event.PAUSE);\n });\n }\n }\n }\n\n /**\n * Fires continuously during audio playback.\n *\n * @param {number} time - Current time/location of the playhead.\n * @private\n */\n onWaveProgress(time) {\n this.setCurrentTime();\n }\n\n /**\n * Fires during seeking of the waveform.\n *\n * @private\n */\n onWaveSeek() {\n this.setCurrentTime();\n }\n\n /**\n * Waveform error.\n *\n * @param {string} error - The wavesurfer error.\n * @private\n */\n onWaveError(error) {\n // notify listeners\n if (error.name && error.name === 'AbortError' ||\n error.name === 'DOMException' && error.message.startsWith('The operation was aborted'))\n {\n this.player.trigger(Event.ABORT, error);\n } else {\n this.player.trigger(Event.ERROR, error);\n\n this.log(error, 'error');\n }\n }\n\n /**\n * Fired when the play toggle is clicked.\n * @private\n */\n onPlayToggle() {\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.hasClass('vjs-ended')) {\n this.player.controlBar.playToggle.removeClass('vjs-ended');\n }\n if (this.surfer.isPlaying()) {\n this.pause();\n } else {\n this.play();\n }\n }\n\n /**\n * Fired when the volume in the video.js player changes.\n * @private\n */\n onVolumeChange() {\n let volume = this.player.volume();\n if (this.player.muted()) {\n // muted volume\n volume = 0;\n }\n\n // update wavesurfer.js volume\n this.surfer.setVolume(volume);\n }\n\n /**\n * Fired when the video.js player switches in or out of fullscreen mode.\n * @private\n */\n onScreenChange() {\n // execute with tiny delay so the player element completes\n // rendering and correct dimensions are reported\n let fullscreenDelay = this.player.setInterval(() => {\n let isFullscreen = this.player.isFullscreen();\n let newWidth, newHeight;\n if (!isFullscreen) {\n // restore original dimensions\n newWidth = this.originalWidth;\n newHeight = this.originalHeight;\n }\n\n if (this.waveReady) {\n if (this.liveMode && !this.surfer.microphone.active) {\n // we're in live mode but the microphone hasn't been\n // started yet\n return;\n }\n // redraw\n this.redrawWaveform(newWidth, newHeight);\n }\n\n // stop fullscreenDelay interval\n this.player.clearInterval(fullscreenDelay);\n\n }, 100);\n }\n\n /**\n * Fired when the video.js player is resized.\n *\n * @private\n */\n onResizeChange() {\n if (this.surfer !== undefined) {\n // redraw waveform\n this.redrawWaveform();\n }\n }\n\n /**\n * Redraw waveform.\n *\n * @param {number} [newWidth] - New width for the waveform.\n * @param {number} [newHeight] - New height for the waveform.\n * @private\n */\n redrawWaveform(newWidth, newHeight) {\n if (!this.isDestroyed()) {\n if (this.player.el_) {\n let rect = this.player.el_.getBoundingClientRect();\n if (newWidth === undefined) {\n // get player width\n newWidth = rect.width;\n }\n if (newHeight === undefined) {\n // get player height\n newHeight = rect.height;\n }\n }\n\n // destroy old drawing\n this.surfer.drawer.destroy();\n\n // set new dimensions\n this.surfer.params.width = newWidth;\n this.surfer.params.height = newHeight - this.player.controlBar.height();\n\n // redraw waveform\n this.surfer.createDrawer();\n this.surfer.drawer.wrapper.className = wavesurferClassName;\n this.surfer.drawBuffer();\n\n // make sure playhead is restored at right position\n this.surfer.drawer.progress(this.surfer.backend.getPlayedPercents());\n }\n }\n\n /**\n * Log message to console (if the debug option is enabled).\n *\n * @private\n * @param {Array} args - The arguments to be passed to the matching console\n * method.\n * @param {string} logType - The name of the console method to use.\n */\n log(args, logType) {\n log(args, logType, this.debug);\n }\n}\n\n// version nr is injected during build\nWavesurfer.VERSION = __VERSION__;\n\n// register plugin once\nvideojs.Wavesurfer = Wavesurfer;\nif (videojs.getPlugin(wavesurferPluginName) === undefined) {\n videojs.registerPlugin(wavesurferPluginName, Wavesurfer);\n}\n\n// register a star-middleware\nvideojs.use('*', player => {\n // make player available on middleware\n WavesurferMiddleware.player = player;\n\n return WavesurferMiddleware;\n});\n\nexport {Wavesurfer};", + "content": "/**\n * @file videojs.wavesurfer.js\n *\n * The main file for the videojs-wavesurfer project.\n * MIT license: https://github.com/collab-project/videojs-wavesurfer/blob/master/LICENSE\n */\n\nimport Event from './event';\nimport log from './utils/log';\nimport formatTime from './utils/format-time';\nimport pluginDefaultOptions from './defaults';\nimport WavesurferMiddleware from './middleware';\nimport window from 'global/window';\n\nimport videojs from 'video.js';\nimport WaveSurfer from 'wavesurfer.js';\n\nconst Plugin = videojs.getPlugin('plugin');\n\nconst wavesurferPluginName = 'wavesurfer';\nconst wavesurferClassName = 'vjs-wavedisplay';\nconst wavesurferStyleName = 'vjs-wavesurfer';\n\n// wavesurfer.js backends\nconst WEBAUDIO = 'WebAudio';\nconst MEDIAELEMENT = 'MediaElement';\nconst MEDIAELEMENT_WEBAUDIO = 'MediaElementWebAudio';\n\n/**\n * Draw a waveform for audio and video files in a video.js player.\n *\n * @class\n * @augments videojs.Plugin\n */\nclass Wavesurfer extends Plugin {\n /**\n * The constructor function for the class.\n *\n * @param {(videojs.Player|Object)} player - video.js Player object.\n * @param {Object} options - Player options.\n */\n constructor(player, options) {\n super(player, options);\n\n // add plugin style\n player.addClass(wavesurferStyleName);\n\n // parse options\n options = videojs.mergeOptions(pluginDefaultOptions, options);\n this.waveReady = false;\n this.waveFinished = false;\n this.liveMode = false;\n this.backend = null;\n this.debug = (options.debug.toString() === 'true');\n this.textTracksEnabled = (this.player.options_.tracks.length > 0);\n this.displayMilliseconds = options.displayMilliseconds;\n\n // use custom video.js time format\n videojs.setFormatTime((seconds, guide) => {\n return formatTime(seconds, guide, this.displayMilliseconds);\n });\n\n // wait until player ui is ready\n this.player.one(Event.READY, this.initialize.bind(this));\n }\n\n /**\n * Player UI is ready: customize controls.\n *\n * @private\n */\n initialize() {\n // hide big play button\n if (this.player.bigPlayButton !== undefined) {\n this.player.bigPlayButton.hide();\n }\n\n // parse options\n let mergedOptions = this.parseOptions(this.player.options_.plugins.wavesurfer);\n\n // controls\n if (this.player.options_.controls === true) {\n // make sure controlBar is showing.\n // video.js hides the controlbar by default because it expects\n // the user to click on the 'big play button' first.\n this.player.controlBar.show();\n this.player.controlBar.el_.style.display = 'flex';\n\n // progress control is only supported with the MediaElement backend\n if (this.backend === WEBAUDIO &&\n this.player.controlBar.progressControl !== undefined) {\n this.player.controlBar.progressControl.hide();\n }\n\n // disable Picture-In-Picture toggle introduced in video.js 7.6.0\n // until there is support for canvas in the Picture-In-Picture\n // browser API (see https://www.chromestatus.com/features/4844605453369344)\n if (this.player.controlBar.pictureInPictureToggle !== undefined) {\n this.player.controlBar.pictureInPictureToggle.hide();\n }\n\n // make sure time displays are visible\n let uiElements = ['currentTimeDisplay', 'timeDivider', 'durationDisplay'];\n uiElements.forEach((element) => {\n // ignore and show when essential elements have been disabled\n // by user\n element = this.player.controlBar[element];\n if (element !== undefined) {\n element.el_.style.display = 'block';\n element.show();\n }\n });\n if (this.player.controlBar.remainingTimeDisplay !== undefined) {\n this.player.controlBar.remainingTimeDisplay.hide();\n }\n\n if (this.backend === WEBAUDIO &&\n this.player.controlBar.playToggle !== undefined) {\n // handle play toggle interaction\n this.player.controlBar.playToggle.on(['tap', 'click'],\n this.onPlayToggle.bind(this));\n\n // disable play button until waveform is ready\n this.player.controlBar.playToggle.hide();\n }\n }\n\n // wavesurfer.js setup\n this.surfer = WaveSurfer.create(mergedOptions);\n this.surfer.on(Event.ERROR, this.onWaveError.bind(this));\n this.surfer.on(Event.FINISH, this.onWaveFinish.bind(this));\n this.backend = this.surfer.params.backend;\n this.log('Using wavesurfer.js ' + this.backend + ' backend.');\n\n // check if the wavesurfer.js microphone plugin is enabled\n if ('microphone' in this.player.wavesurfer().surfer.getActivePlugins()) {\n // enable audio input from a microphone\n this.liveMode = true;\n this.waveReady = true;\n this.log('wavesurfer.js microphone plugin enabled.');\n\n // in live mode, show play button at startup\n this.player.controlBar.playToggle.show();\n\n // listen for wavesurfer.js microphone plugin events\n this.surfer.microphone.on(Event.DEVICE_ERROR,\n this.onWaveError.bind(this));\n }\n\n // listen for wavesurfer.js events\n this.surferReady = this.onWaveReady.bind(this);\n if (this.backend === WEBAUDIO) {\n this.surferProgress = this.onWaveProgress.bind(this);\n this.surferSeek = this.onWaveSeek.bind(this);\n\n // make sure volume is muted when requested\n if (this.player.muted()) {\n this.setVolume(0);\n }\n }\n\n // only listen to the wavesurfer.js playback events when not\n // in live mode\n if (!this.liveMode) {\n this.setupPlaybackEvents(true);\n }\n\n // video.js player events\n this.player.on(Event.VOLUMECHANGE, this.onVolumeChange.bind(this));\n this.player.on(Event.FULLSCREENCHANGE, this.onScreenChange.bind(this));\n\n // video.js fluid option\n if (this.player.options_.fluid === true) {\n // give wave element a classname so it can be styled\n this.surfer.drawer.wrapper.className = wavesurferClassName;\n // listen for window resize events\n this.responsiveWave = WaveSurfer.util.debounce(\n this.onResizeChange.bind(this), 150);\n window.addEventListener(Event.RESIZE, this.responsiveWave);\n }\n }\n\n /**\n * Initializes the waveform options.\n *\n * @private\n * @param {Object} surferOpts - Plugin options.\n * @returns {Object} - Updated `surferOpts` object.\n */\n parseOptions(surferOpts = {}) {\n let rect = this.player.el_.getBoundingClientRect();\n this.originalWidth = this.player.options_.width || rect.width;\n this.originalHeight = this.player.options_.height || rect.height;\n\n // controlbar\n let controlBarHeight = this.player.controlBar.height();\n if (this.player.options_.controls === true && controlBarHeight === 0) {\n // the dimensions of the controlbar are not known yet, but we\n // need it now, so we can calculate the height of the waveform.\n // The default height is 30px, so use that instead.\n controlBarHeight = 30;\n }\n\n // set waveform element and dimensions\n // Set the container to player's container if \"container\" option is\n // not provided. If a waveform needs to be appended to your custom\n // element, then use below option. For example:\n // container: document.querySelector(\"#vjs-waveform\")\n if (surferOpts.container === undefined) {\n surferOpts.container = this.player.el_;\n }\n\n // set the height of generated waveform if user has provided height\n // from options. If height of waveform need to be customized then use\n // option below. For example: waveformHeight: 30\n if (surferOpts.waveformHeight === undefined) {\n let playerHeight = rect.height;\n surferOpts.height = playerHeight - controlBarHeight;\n } else {\n surferOpts.height = surferOpts.waveformHeight;\n }\n\n // split channels\n if (surferOpts.splitChannels && surferOpts.splitChannels === true) {\n surferOpts.height /= 2;\n }\n\n // use MediaElement as default wavesurfer.js backend if one is not\n // specified\n if ('backend' in surferOpts) {\n this.backend = surferOpts.backend;\n } else {\n surferOpts.backend = this.backend = MEDIAELEMENT;\n }\n\n return surferOpts;\n }\n\n /**\n * Starts or stops listening to events related to audio-playback.\n *\n * @param {boolean} enable - Start or stop listening to playback\n * related events.\n * @private\n */\n setupPlaybackEvents(enable) {\n if (enable === false) {\n this.surfer.un(Event.READY, this.surferReady);\n if (this.backend === WEBAUDIO) {\n this.surfer.un(Event.AUDIOPROCESS, this.surferProgress);\n this.surfer.un(Event.SEEK, this.surferSeek);\n }\n } else if (enable === true) {\n this.surfer.on(Event.READY, this.surferReady);\n if (this.backend === WEBAUDIO) {\n this.surfer.on(Event.AUDIOPROCESS, this.surferProgress);\n this.surfer.on(Event.SEEK, this.surferSeek);\n }\n }\n }\n\n /**\n * Start loading waveform data.\n *\n * @param {string|blob|file} url - Either the URL of the audio file,\n * a Blob or a File object.\n * @param {string|number[]} peaks - Either the URL of peaks\n * data for the audio file, or an array with peaks data.\n */\n load(url, peaks) {\n if (url instanceof Blob || url instanceof File) {\n this.log('Loading object: ' + JSON.stringify(url));\n this.surfer.loadBlob(url);\n } else {\n // load peak data from array or file\n if (peaks !== undefined) {\n this.loadPeaks(url, peaks);\n } else {\n // no peaks\n if (typeof url === 'string') {\n this.log('Loading URL: ' + url);\n } else {\n this.log('Loading element: ' + url);\n }\n this.surfer.load(url);\n }\n }\n }\n\n /**\n * Start loading waveform data.\n *\n * @param {string|blob|file} url - Either the URL of the audio file,\n * a Blob or a File object.\n * @param {string|number[]} peaks - Either the URL of peaks\n * data for the audio file, or an array with peaks data.\n */\n loadPeaks(url, peaks) {\n if (Array.isArray(peaks)) {\n // use supplied peaks data\n this.log('Loading URL with array of peaks: ' + url);\n this.surfer.load(url, peaks);\n } else {\n // load peak data from file\n let requestOptions = {\n url: peaks,\n responseType: 'json'\n };\n\n // supply xhr options, if any\n if (this.player.options_.plugins.wavesurfer.xhr !== undefined) {\n requestOptions.xhr = this.player.options_.plugins.wavesurfer.xhr;\n }\n let request = WaveSurfer.util.fetchFile(requestOptions);\n\n request.once('success', data => {\n this.log('Loaded Peak Data URL: ' + peaks);\n // check for data property containing peaks\n if (data && data.data) {\n this.surfer.load(url, data.data);\n } else {\n this.player.trigger(Event.ERROR,\n 'Could not load peaks data from ' + peaks);\n this.log(err, 'error');\n }\n });\n request.on('error', e => {\n this.log('Unable to retrieve peak data from ' + peaks +\n '. Status code: ' + request.response.status, 'warn');\n this.log('Loading URL: ' + url);\n this.surfer.load(url);\n });\n }\n }\n\n /**\n * Start/resume playback or microphone.\n */\n play() {\n // show pause button\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.contentEl()) {\n this.player.controlBar.playToggle.handlePlay();\n }\n\n if (this.liveMode) {\n // start/resume microphone visualization\n if (!this.surfer.microphone.active)\n {\n this.log('Start microphone');\n this.surfer.microphone.start();\n } else {\n // toggle paused\n let paused = !this.surfer.microphone.paused;\n\n if (paused) {\n this.pause();\n } else {\n this.log('Resume microphone');\n this.surfer.microphone.play();\n }\n }\n } else {\n this.log('Start playback');\n\n // put video.js player UI in playback mode\n this.player.play();\n\n // start surfer playback\n this.surfer.play();\n }\n }\n\n /**\n * Pauses playback or microphone visualization.\n */\n pause() {\n // show play button\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.contentEl()) {\n this.player.controlBar.playToggle.handlePause();\n }\n\n if (this.liveMode) {\n // pause microphone visualization\n this.log('Pause microphone');\n this.surfer.microphone.pause();\n } else {\n // pause playback\n this.log('Pause playback');\n\n if (!this.waveFinished) {\n // pause wavesurfer playback\n this.surfer.pause();\n } else {\n this.waveFinished = false;\n }\n\n this.setCurrentTime();\n }\n }\n\n /**\n * @private\n */\n dispose() {\n if (this.surfer) {\n if (this.liveMode && this.surfer.microphone) {\n // destroy microphone plugin\n this.surfer.microphone.destroy();\n this.log('Destroyed microphone plugin');\n }\n // destroy wavesurfer instance\n this.surfer.destroy();\n }\n this.log('Destroyed plugin');\n }\n\n /**\n * Indicates whether the plugin is destroyed or not.\n *\n * @return {boolean} Plugin destroyed or not.\n */\n isDestroyed() {\n return this.player && (this.player.children() === null);\n }\n\n /**\n * Remove the player and waveform.\n */\n destroy() {\n this.player.dispose();\n }\n\n /**\n * Set the volume level.\n *\n * @param {number} volume - The new volume level.\n */\n setVolume(volume) {\n if (volume !== undefined) {\n this.log('Changing volume to: ' + volume);\n\n // update player volume\n this.player.volume(volume);\n }\n }\n\n /**\n * Save waveform image as data URI.\n *\n * The default format is `'image/png'`. Other supported types are\n * `'image/jpeg'` and `'image/webp'`.\n *\n * @param {string} [format=image/png] - String indicating the image format.\n * @param {number} [quality=1] - Number between 0 and 1 indicating image\n * quality if the requested type is `'image/jpeg'` or `'image/webp'`.\n * @returns {string} The data URI of the image data.\n */\n exportImage(format, quality) {\n return this.surfer.exportImage(format, quality);\n }\n\n /**\n * Change the audio output device.\n *\n * @param {string} deviceId - Id of audio output device.\n */\n setAudioOutput(deviceId) {\n if (deviceId) {\n this.surfer.setSinkId(deviceId).then((result) => {\n // notify listeners\n this.player.trigger(Event.AUDIO_OUTPUT_READY);\n }).catch((err) => {\n // notify listeners\n this.player.trigger(Event.ERROR, err);\n\n this.log(err, 'error');\n });\n }\n }\n\n /**\n * Get the current time (in seconds) of the stream during playback.\n *\n * Returns 0 if no stream is available (yet).\n *\n * @returns {float} Current time of the stream.\n */\n getCurrentTime() {\n let currentTime = this.surfer.getCurrentTime();\n currentTime = isNaN(currentTime) ? 0 : currentTime;\n\n return currentTime;\n }\n\n /**\n * Updates the player's element displaying the current time.\n *\n * @param {number} [currentTime] - Current position of the playhead\n * (in seconds).\n * @param {number} [duration] - Duration of the waveform (in seconds).\n * @private\n */\n setCurrentTime(currentTime, duration) {\n if (currentTime === undefined) {\n currentTime = this.surfer.getCurrentTime();\n }\n\n if (duration === undefined) {\n duration = this.surfer.getDuration();\n }\n\n currentTime = isNaN(currentTime) ? 0 : currentTime;\n duration = isNaN(duration) ? 0 : duration;\n\n // update current time display component\n if (this.player.controlBar.currentTimeDisplay &&\n this.player.controlBar.currentTimeDisplay.contentEl() &&\n this.player.controlBar.currentTimeDisplay.contentEl().lastChild) {\n let time = Math.min(currentTime, duration);\n\n this.player.controlBar.currentTimeDisplay.formattedTime_ =\n this.player.controlBar.currentTimeDisplay.contentEl().lastChild.textContent =\n formatTime(time, duration, this.displayMilliseconds);\n }\n\n if (this.textTracksEnabled && this.player.tech_ && this.player.tech_.el_) {\n // only needed for text tracks\n this.player.tech_.setCurrentTime(currentTime);\n }\n }\n\n /**\n * Get the duration of the stream in seconds.\n *\n * Returns 0 if no stream is available (yet).\n *\n * @returns {float} Duration of the stream.\n */\n getDuration() {\n let duration = this.surfer.getDuration();\n duration = isNaN(duration) ? 0 : duration;\n\n return duration;\n }\n\n /**\n * Updates the player's element displaying the duration time.\n *\n * @param {number} [duration] - Duration of the waveform (in seconds).\n * @private\n */\n setDuration(duration) {\n if (duration === undefined) {\n duration = this.surfer.getDuration();\n }\n duration = isNaN(duration) ? 0 : duration;\n\n // update duration display component\n if (this.player.controlBar.durationDisplay &&\n this.player.controlBar.durationDisplay.contentEl() &&\n this.player.controlBar.durationDisplay.contentEl().lastChild) {\n this.player.controlBar.durationDisplay.formattedTime_ =\n this.player.controlBar.durationDisplay.contentEl().lastChild.textContent =\n formatTime(duration, duration, this.displayMilliseconds);\n }\n }\n\n /**\n * Audio is loaded, decoded and the waveform is drawn.\n *\n * @fires waveReady\n * @private\n */\n onWaveReady() {\n this.waveReady = true;\n this.waveFinished = false;\n this.liveMode = false;\n\n this.log('Waveform is ready');\n this.player.trigger(Event.WAVE_READY);\n\n if (this.backend === WEBAUDIO) {\n // update time display\n this.setCurrentTime();\n this.setDuration();\n\n // enable and show play button\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.contentEl()) {\n this.player.controlBar.playToggle.show();\n }\n }\n\n // hide loading spinner\n if (this.player.loadingSpinner.contentEl()) {\n this.player.loadingSpinner.hide();\n }\n\n // auto-play when ready (if enabled)\n if (this.player.options_.autoplay === true) {\n // autoplay is only allowed when audio is muted\n this.setVolume(0);\n\n // try auto-play\n if (this.backend === WEBAUDIO) {\n this.play();\n } else {\n this.player.play().catch(e => {\n this.onWaveError(e);\n });\n }\n }\n }\n\n /**\n * Fires when audio playback completed.\n *\n * @fires playbackFinish\n * @private\n */\n onWaveFinish() {\n this.log('Finished playback');\n\n // notify listeners\n this.player.trigger(Event.PLAYBACK_FINISH);\n\n // check if loop is enabled\n if (this.player.options_.loop === true) {\n if (this.backend === WEBAUDIO) {\n // reset waveform\n this.surfer.stop();\n this.play();\n }\n } else {\n // finished\n this.waveFinished = true;\n\n if (this.backend === WEBAUDIO) {\n // pause player\n this.pause();\n\n // show the replay state of play toggle\n this.player.trigger(Event.ENDED);\n\n // this gets called once after the clip has ended and the user\n // seeks so that we can change the replay button back to a play\n // button\n this.surfer.once(Event.SEEK, () => {\n if (this.player.controlBar.playToggle !== undefined) {\n this.player.controlBar.playToggle.removeClass('vjs-ended');\n }\n this.player.trigger(Event.PAUSE);\n });\n }\n }\n }\n\n /**\n * Fires continuously during audio playback.\n *\n * @param {number} time - Current time/location of the playhead.\n * @private\n */\n onWaveProgress(time) {\n this.setCurrentTime();\n }\n\n /**\n * Fires during seeking of the waveform.\n *\n * @private\n */\n onWaveSeek() {\n this.setCurrentTime();\n }\n\n /**\n * Waveform error.\n *\n * @param {string} error - The wavesurfer error.\n * @private\n */\n onWaveError(error) {\n // notify listeners\n if (error.name && error.name === 'AbortError' ||\n error.name === 'DOMException' && error.message.startsWith('The operation was aborted'))\n {\n this.player.trigger(Event.ABORT, error);\n } else {\n this.player.trigger(Event.ERROR, error);\n\n this.log(error, 'error');\n }\n }\n\n /**\n * Fired when the play toggle is clicked.\n * @private\n */\n onPlayToggle() {\n if (this.player.controlBar.playToggle !== undefined &&\n this.player.controlBar.playToggle.hasClass('vjs-ended')) {\n this.player.controlBar.playToggle.removeClass('vjs-ended');\n }\n if (this.surfer.isPlaying()) {\n this.pause();\n } else {\n this.play();\n }\n }\n\n /**\n * Fired when the volume in the video.js player changes.\n * @private\n */\n onVolumeChange() {\n let volume = this.player.volume();\n if (this.player.muted()) {\n // muted volume\n volume = 0;\n }\n\n // update wavesurfer.js volume\n this.surfer.setVolume(volume);\n }\n\n /**\n * Fired when the video.js player switches in or out of fullscreen mode.\n * @private\n */\n onScreenChange() {\n // execute with tiny delay so the player element completes\n // rendering and correct dimensions are reported\n let fullscreenDelay = this.player.setInterval(() => {\n let isFullscreen = this.player.isFullscreen();\n let newWidth, newHeight;\n if (!isFullscreen) {\n // restore original dimensions\n newWidth = this.originalWidth;\n newHeight = this.originalHeight;\n }\n\n if (this.waveReady) {\n if (this.liveMode && !this.surfer.microphone.active) {\n // we're in live mode but the microphone hasn't been\n // started yet\n return;\n }\n // redraw\n this.redrawWaveform(newWidth, newHeight);\n }\n\n // stop fullscreenDelay interval\n this.player.clearInterval(fullscreenDelay);\n\n }, 100);\n }\n\n /**\n * Fired when the video.js player is resized.\n *\n * @private\n */\n onResizeChange() {\n if (this.surfer !== undefined) {\n // redraw waveform\n this.redrawWaveform();\n }\n }\n\n /**\n * Redraw waveform.\n *\n * @param {number} [newWidth] - New width for the waveform.\n * @param {number} [newHeight] - New height for the waveform.\n * @private\n */\n redrawWaveform(newWidth, newHeight) {\n if (!this.isDestroyed()) {\n if (this.player.el_) {\n let rect = this.player.el_.getBoundingClientRect();\n if (newWidth === undefined) {\n // get player width\n newWidth = rect.width;\n }\n if (newHeight === undefined) {\n // get player height\n newHeight = rect.height;\n }\n }\n\n // destroy old drawing\n this.surfer.drawer.destroy();\n\n // set new dimensions\n this.surfer.params.width = newWidth;\n this.surfer.params.height = newHeight - this.player.controlBar.height();\n\n // redraw waveform\n this.surfer.createDrawer();\n this.surfer.drawer.wrapper.className = wavesurferClassName;\n this.surfer.drawBuffer();\n\n // make sure playhead is restored at right position\n this.surfer.drawer.progress(this.surfer.backend.getPlayedPercents());\n }\n }\n\n /**\n * Log message to console (if the debug option is enabled).\n *\n * @private\n * @param {Array} args - The arguments to be passed to the matching console\n * method.\n * @param {string} logType - The name of the console method to use.\n */\n log(args, logType) {\n log(args, logType, this.debug);\n }\n}\n\n// version nr is injected during build\nWavesurfer.VERSION = __VERSION__;\n\n// register plugin once\nvideojs.Wavesurfer = Wavesurfer;\nif (videojs.getPlugin(wavesurferPluginName) === undefined) {\n videojs.registerPlugin(wavesurferPluginName, Wavesurfer);\n}\n\n// register a star-middleware\nvideojs.use('*', player => {\n // make player available on middleware\n WavesurferMiddleware.player = player;\n\n return WavesurferMiddleware;\n});\n\nexport {Wavesurfer};", "static": true, "longname": "/home/thijs/projects/videojs-wavesurfer/src/js/videojs.wavesurfer.js", "access": "public", @@ -915,6 +915,90 @@ }, { "__docId__": 64, + "kind": "variable", + "name": "wavesurferStyleName", + "memberof": "src/js/videojs.wavesurfer.js", + "static": true, + "longname": "src/js/videojs.wavesurfer.js~wavesurferStyleName", + "access": "public", + "export": false, + "importPath": "videojs-wavesurfer/src/js/videojs.wavesurfer.js", + "importStyle": null, + "description": null, + "lineNumber": 22, + "undocument": true, + "type": { + "types": [ + "string" + ] + }, + "ignore": true + }, + { + "__docId__": 65, + "kind": "variable", + "name": "WEBAUDIO", + "memberof": "src/js/videojs.wavesurfer.js", + "static": true, + "longname": "src/js/videojs.wavesurfer.js~WEBAUDIO", + "access": "public", + "export": false, + "importPath": "videojs-wavesurfer/src/js/videojs.wavesurfer.js", + "importStyle": null, + "description": null, + "lineNumber": 25, + "undocument": true, + "type": { + "types": [ + "string" + ] + }, + "ignore": true + }, + { + "__docId__": 66, + "kind": "variable", + "name": "MEDIAELEMENT", + "memberof": "src/js/videojs.wavesurfer.js", + "static": true, + "longname": "src/js/videojs.wavesurfer.js~MEDIAELEMENT", + "access": "public", + "export": false, + "importPath": "videojs-wavesurfer/src/js/videojs.wavesurfer.js", + "importStyle": null, + "description": null, + "lineNumber": 26, + "undocument": true, + "type": { + "types": [ + "string" + ] + }, + "ignore": true + }, + { + "__docId__": 67, + "kind": "variable", + "name": "MEDIAELEMENT_WEBAUDIO", + "memberof": "src/js/videojs.wavesurfer.js", + "static": true, + "longname": "src/js/videojs.wavesurfer.js~MEDIAELEMENT_WEBAUDIO", + "access": "public", + "export": false, + "importPath": "videojs-wavesurfer/src/js/videojs.wavesurfer.js", + "importStyle": null, + "description": null, + "lineNumber": 27, + "undocument": true, + "type": { + "types": [ + "string" + ] + }, + "ignore": true + }, + { + "__docId__": 68, "kind": "class", "name": "Wavesurfer", "memberof": "src/js/videojs.wavesurfer.js", @@ -925,7 +1009,7 @@ "importPath": "videojs-wavesurfer/src/js/videojs.wavesurfer.js", "importStyle": "{Wavesurfer}", "description": "Draw a waveform for audio and video files in a video.js player.", - "lineNumber": 29, + "lineNumber": 35, "unknown": [ { "tagName": "@class", @@ -942,7 +1026,7 @@ ] }, { - "__docId__": 65, + "__docId__": 69, "kind": "constructor", "name": "constructor", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -952,7 +1036,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#constructor", "access": "public", "description": "The constructor function for the class.", - "lineNumber": 36, + "lineNumber": 42, "params": [ { "nullable": null, @@ -978,7 +1062,7 @@ ] }, { - "__docId__": 66, + "__docId__": 70, "kind": "member", "name": "waveReady", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -986,7 +1070,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#waveReady", "access": "public", "description": null, - "lineNumber": 44, + "lineNumber": 50, "undocument": true, "type": { "types": [ @@ -995,7 +1079,7 @@ } }, { - "__docId__": 67, + "__docId__": 71, "kind": "member", "name": "waveFinished", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1003,7 +1087,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#waveFinished", "access": "public", "description": null, - "lineNumber": 45, + "lineNumber": 51, "undocument": true, "type": { "types": [ @@ -1012,7 +1096,7 @@ } }, { - "__docId__": 68, + "__docId__": 72, "kind": "member", "name": "liveMode", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1020,7 +1104,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#liveMode", "access": "public", "description": null, - "lineNumber": 46, + "lineNumber": 52, "undocument": true, "type": { "types": [ @@ -1029,7 +1113,7 @@ } }, { - "__docId__": 69, + "__docId__": 73, "kind": "member", "name": "backend", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1037,7 +1121,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#backend", "access": "public", "description": null, - "lineNumber": 47, + "lineNumber": 53, "undocument": true, "type": { "types": [ @@ -1046,7 +1130,7 @@ } }, { - "__docId__": 70, + "__docId__": 74, "kind": "member", "name": "debug", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1054,7 +1138,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#debug", "access": "public", "description": null, - "lineNumber": 48, + "lineNumber": 54, "undocument": true, "type": { "types": [ @@ -1063,7 +1147,7 @@ } }, { - "__docId__": 71, + "__docId__": 75, "kind": "member", "name": "textTracksEnabled", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1071,7 +1155,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#textTracksEnabled", "access": "public", "description": null, - "lineNumber": 49, + "lineNumber": 55, "undocument": true, "type": { "types": [ @@ -1080,15 +1164,15 @@ } }, { - "__docId__": 72, + "__docId__": 76, "kind": "member", - "name": "msDisplayMax", + "name": "displayMilliseconds", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", "static": false, - "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#msDisplayMax", + "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#displayMilliseconds", "access": "public", "description": null, - "lineNumber": 50, + "lineNumber": 56, "undocument": true, "type": { "types": [ @@ -1097,7 +1181,7 @@ } }, { - "__docId__": 73, + "__docId__": 77, "kind": "method", "name": "initialize", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1107,12 +1191,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#initialize", "access": "private", "description": "Player UI is ready: customize controls.", - "lineNumber": 61, + "lineNumber": 72, "params": [], "return": null }, { - "__docId__": 74, + "__docId__": 78, "kind": "member", "name": "surfer", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1120,7 +1204,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#surfer", "access": "public", "description": null, - "lineNumber": 134, + "lineNumber": 129, "undocument": true, "type": { "types": [ @@ -1129,7 +1213,7 @@ } }, { - "__docId__": 78, + "__docId__": 82, "kind": "member", "name": "surferReady", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1137,7 +1221,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#surferReady", "access": "public", "description": null, - "lineNumber": 156, + "lineNumber": 151, "undocument": true, "type": { "types": [ @@ -1146,7 +1230,7 @@ } }, { - "__docId__": 79, + "__docId__": 83, "kind": "member", "name": "surferProgress", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1154,7 +1238,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#surferProgress", "access": "public", "description": null, - "lineNumber": 158, + "lineNumber": 153, "undocument": true, "type": { "types": [ @@ -1163,7 +1247,7 @@ } }, { - "__docId__": 80, + "__docId__": 84, "kind": "member", "name": "surferSeek", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1171,7 +1255,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#surferSeek", "access": "public", "description": null, - "lineNumber": 159, + "lineNumber": 154, "undocument": true, "type": { "types": [ @@ -1180,7 +1264,7 @@ } }, { - "__docId__": 81, + "__docId__": 85, "kind": "member", "name": "responsiveWave", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1188,7 +1272,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#responsiveWave", "access": "public", "description": null, - "lineNumber": 182, + "lineNumber": 177, "undocument": true, "type": { "types": [ @@ -1197,7 +1281,7 @@ } }, { - "__docId__": 82, + "__docId__": 86, "kind": "method", "name": "parseOptions", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1207,7 +1291,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#parseOptions", "access": "private", "description": "Initializes the waveform options.", - "lineNumber": 195, + "lineNumber": 190, "unknown": [ { "tagName": "@returns", @@ -1236,7 +1320,7 @@ } }, { - "__docId__": 83, + "__docId__": 87, "kind": "member", "name": "originalWidth", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1244,7 +1328,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#originalWidth", "access": "public", "description": null, - "lineNumber": 197, + "lineNumber": 192, "undocument": true, "type": { "types": [ @@ -1253,7 +1337,7 @@ } }, { - "__docId__": 84, + "__docId__": 88, "kind": "member", "name": "originalHeight", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1261,7 +1345,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#originalHeight", "access": "public", "description": null, - "lineNumber": 198, + "lineNumber": 193, "undocument": true, "type": { "types": [ @@ -1270,7 +1354,7 @@ } }, { - "__docId__": 86, + "__docId__": 90, "kind": "method", "name": "setupPlaybackEvents", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1280,7 +1364,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#setupPlaybackEvents", "access": "private", "description": "Starts or stops listening to events related to audio-playback.", - "lineNumber": 251, + "lineNumber": 246, "params": [ { "nullable": null, @@ -1296,7 +1380,7 @@ "return": null }, { - "__docId__": 87, + "__docId__": 91, "kind": "method", "name": "load", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1306,7 +1390,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#load", "access": "public", "description": "Start loading waveform data.", - "lineNumber": 275, + "lineNumber": 270, "params": [ { "nullable": null, @@ -1335,7 +1419,7 @@ "return": null }, { - "__docId__": 88, + "__docId__": 92, "kind": "method", "name": "loadPeaks", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1345,7 +1429,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#loadPeaks", "access": "public", "description": "Start loading waveform data.", - "lineNumber": 303, + "lineNumber": 298, "params": [ { "nullable": null, @@ -1374,7 +1458,7 @@ "return": null }, { - "__docId__": 89, + "__docId__": 93, "kind": "method", "name": "play", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1384,12 +1468,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#play", "access": "public", "description": "Start/resume playback or microphone.", - "lineNumber": 344, + "lineNumber": 339, "params": [], "return": null }, { - "__docId__": 90, + "__docId__": 94, "kind": "method", "name": "pause", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1399,12 +1483,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#pause", "access": "public", "description": "Pauses playback or microphone visualization.", - "lineNumber": 382, + "lineNumber": 377, "params": [], "return": null }, { - "__docId__": 92, + "__docId__": 96, "kind": "method", "name": "dispose", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1414,12 +1498,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#dispose", "access": "private", "description": "", - "lineNumber": 411, + "lineNumber": 406, "params": [], "return": null }, { - "__docId__": 93, + "__docId__": 97, "kind": "method", "name": "isDestroyed", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1429,7 +1513,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#isDestroyed", "access": "public", "description": "Indicates whether the plugin is destroyed or not.", - "lineNumber": 429, + "lineNumber": 424, "return": { "nullable": null, "types": [ @@ -1441,7 +1525,7 @@ "params": [] }, { - "__docId__": 94, + "__docId__": 98, "kind": "method", "name": "destroy", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1451,12 +1535,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#destroy", "access": "public", "description": "Remove the player and waveform.", - "lineNumber": 436, + "lineNumber": 431, "params": [], "return": null }, { - "__docId__": 95, + "__docId__": 99, "kind": "method", "name": "setVolume", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1466,7 +1550,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#setVolume", "access": "public", "description": "Set the volume level.", - "lineNumber": 445, + "lineNumber": 440, "params": [ { "nullable": null, @@ -1482,7 +1566,7 @@ "return": null }, { - "__docId__": 96, + "__docId__": 100, "kind": "method", "name": "exportImage", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1492,7 +1576,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#exportImage", "access": "public", "description": "Save waveform image as data URI.\n\nThe default format is `'image/png'`. Other supported types are\n`'image/jpeg'` and `'image/webp'`.", - "lineNumber": 465, + "lineNumber": 460, "unknown": [ { "tagName": "@returns", @@ -1535,7 +1619,7 @@ } }, { - "__docId__": 97, + "__docId__": 101, "kind": "method", "name": "setAudioOutput", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1545,7 +1629,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#setAudioOutput", "access": "public", "description": "Change the audio output device.", - "lineNumber": 474, + "lineNumber": 469, "params": [ { "nullable": null, @@ -1561,7 +1645,7 @@ "return": null }, { - "__docId__": 98, + "__docId__": 102, "kind": "method", "name": "getCurrentTime", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1571,7 +1655,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#getCurrentTime", "access": "public", "description": "Get the current time (in seconds) of the stream during playback.\n\nReturns 0 if no stream is available (yet).", - "lineNumber": 495, + "lineNumber": 490, "unknown": [ { "tagName": "@returns", @@ -1589,7 +1673,7 @@ "params": [] }, { - "__docId__": 99, + "__docId__": 103, "kind": "method", "name": "setCurrentTime", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1599,7 +1683,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#setCurrentTime", "access": "private", "description": "Updates the player's element displaying the current time.", - "lineNumber": 510, + "lineNumber": 505, "params": [ { "nullable": null, @@ -1625,7 +1709,7 @@ "return": null }, { - "__docId__": 100, + "__docId__": 104, "kind": "method", "name": "getDuration", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1635,7 +1719,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#getDuration", "access": "public", "description": "Get the duration of the stream in seconds.\n\nReturns 0 if no stream is available (yet).", - "lineNumber": 545, + "lineNumber": 541, "unknown": [ { "tagName": "@returns", @@ -1653,7 +1737,7 @@ "params": [] }, { - "__docId__": 101, + "__docId__": 105, "kind": "method", "name": "setDuration", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1663,7 +1747,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#setDuration", "access": "private", "description": "Updates the player's element displaying the duration time.", - "lineNumber": 558, + "lineNumber": 554, "params": [ { "nullable": null, @@ -1679,7 +1763,7 @@ "return": null }, { - "__docId__": 102, + "__docId__": 106, "kind": "method", "name": "onWaveReady", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1689,7 +1773,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onWaveReady", "access": "private", "description": "Audio is loaded, decoded and the waveform is drawn.", - "lineNumber": 579, + "lineNumber": 576, "unknown": [ { "tagName": "@fires", @@ -1700,7 +1784,7 @@ "return": null }, { - "__docId__": 106, + "__docId__": 110, "kind": "method", "name": "onWaveFinish", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1710,7 +1794,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onWaveFinish", "access": "private", "description": "Fires when audio playback completed.", - "lineNumber": 626, + "lineNumber": 623, "unknown": [ { "tagName": "@fires", @@ -1721,7 +1805,7 @@ "return": null }, { - "__docId__": 108, + "__docId__": 112, "kind": "method", "name": "onWaveProgress", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1731,7 +1815,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onWaveProgress", "access": "private", "description": "Fires continuously during audio playback.", - "lineNumber": 669, + "lineNumber": 666, "params": [ { "nullable": null, @@ -1747,7 +1831,7 @@ "return": null }, { - "__docId__": 109, + "__docId__": 113, "kind": "method", "name": "onWaveSeek", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1757,12 +1841,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onWaveSeek", "access": "private", "description": "Fires during seeking of the waveform.", - "lineNumber": 678, + "lineNumber": 675, "params": [], "return": null }, { - "__docId__": 110, + "__docId__": 114, "kind": "method", "name": "onWaveError", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1772,7 +1856,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onWaveError", "access": "private", "description": "Waveform error.", - "lineNumber": 688, + "lineNumber": 685, "params": [ { "nullable": null, @@ -1788,7 +1872,7 @@ "return": null }, { - "__docId__": 111, + "__docId__": 115, "kind": "method", "name": "onPlayToggle", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1798,12 +1882,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onPlayToggle", "access": "private", "description": "Fired when the play toggle is clicked.", - "lineNumber": 705, + "lineNumber": 702, "params": [], "return": null }, { - "__docId__": 112, + "__docId__": 116, "kind": "method", "name": "onVolumeChange", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1813,12 +1897,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onVolumeChange", "access": "private", "description": "Fired when the volume in the video.js player changes.", - "lineNumber": 721, + "lineNumber": 718, "params": [], "return": null }, { - "__docId__": 113, + "__docId__": 117, "kind": "method", "name": "onScreenChange", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1828,12 +1912,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onScreenChange", "access": "private", "description": "Fired when the video.js player switches in or out of fullscreen mode.", - "lineNumber": 736, + "lineNumber": 733, "params": [], "return": null }, { - "__docId__": 114, + "__docId__": 118, "kind": "method", "name": "onResizeChange", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1843,12 +1927,12 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#onResizeChange", "access": "private", "description": "Fired when the video.js player is resized.", - "lineNumber": 769, + "lineNumber": 766, "params": [], "return": null }, { - "__docId__": 115, + "__docId__": 119, "kind": "method", "name": "redrawWaveform", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1858,7 +1942,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#redrawWaveform", "access": "private", "description": "Redraw waveform.", - "lineNumber": 783, + "lineNumber": 780, "params": [ { "nullable": null, @@ -1884,7 +1968,7 @@ "return": null }, { - "__docId__": 116, + "__docId__": 120, "kind": "method", "name": "log", "memberof": "src/js/videojs.wavesurfer.js~Wavesurfer", @@ -1894,7 +1978,7 @@ "longname": "src/js/videojs.wavesurfer.js~Wavesurfer#log", "access": "private", "description": "Log message to console (if the debug option is enabled).", - "lineNumber": 822, + "lineNumber": 819, "params": [ { "nullable": null, @@ -1921,7 +2005,7 @@ }, { "kind": "index", - "content": "videojs-wavesurfer\n==================\n\nA [video.js](http://www.videojs.com/) plugin that adds a navigable waveform\nfor audio and video files, using the [wavesurfer.js](https://github.com/katspaugh/wavesurfer.js)\nlibrary. Includes support for fullscreen mode and [real-time visualization of microphone\ninput](https://collab-project.github.io/videojs-wavesurfer/#/microphone).\n\n![Screenshot](https://raw.githubusercontent.com/collab-project/videojs-wavesurfer/master/docs/img/screenshot.png?raw=true \"Screenshot\")\n\n[](https://www.npmjs.com/package/videojs-wavesurfer)\n[](https://github.com/collab-project/videojs-wavesurfer/releases)\n[](LICENSE)\n[](https://travis-ci.org/collab-project/videojs-wavesurfer)\n[](https://coveralls.io/github/collab-project/videojs-wavesurfer?branch=master)\n\n\n\n## Documentation\n\nThe documentation and examples can be found on: https://collab-project.github.io/videojs-wavesurfer\n\n## License\n\nThis work is licensed under the [MIT License](LICENSE).\n", + "content": "videojs-wavesurfer\n==================\n\nA [video.js](https://www.videojs.com/) plugin that adds a navigable waveform\nfor audio and video files, using the [wavesurfer.js](https://github.com/katspaugh/wavesurfer.js)\nlibrary. Includes support for fullscreen mode and [real-time visualization of microphone\ninput](https://collab-project.github.io/videojs-wavesurfer/#/microphone).\n\n![Screenshot](https://raw.githubusercontent.com/collab-project/videojs-wavesurfer/master/docs/img/screenshot.png?raw=true \"Screenshot\")\n\n[](https://www.npmjs.com/package/videojs-wavesurfer)\n[](https://github.com/collab-project/videojs-wavesurfer/releases)\n[](LICENSE)\n[](https://travis-ci.org/collab-project/videojs-wavesurfer)\n[](https://coveralls.io/github/collab-project/videojs-wavesurfer?branch=master)\n\n\n\n## Documentation\n\nThe documentation and examples can be found on: https://collab-project.github.io/videojs-wavesurfer\n\n## License\n\nThis work is licensed under the [MIT License](LICENSE).\n", "longname": "/home/thijs/projects/videojs-wavesurfer/README.md", "name": "./README.md", "static": true, @@ -1929,7 +2013,7 @@ }, { "kind": "packageJSON", - "content": "{\n \"name\": \"videojs-wavesurfer\",\n \"version\": \"3.0.3\",\n \"description\": \"video.js plugin that adds a navigable waveform for audio and video files.\",\n \"author\": \"Collab\",\n \"license\": \"MIT\",\n \"readmeFilename\": \"README.md\",\n \"bugs\": {\n \"url\": \"https://github.com/collab-project/videojs-wavesurfer/issues\"\n },\n \"homepage\": \"https://github.com/collab-project/videojs-wavesurfer\",\n \"main\": \"dist/videojs.wavesurfer.js\",\n \"style\": \"dist/css/videojs.wavesurfer.css\",\n \"sass\": \"src/css/videojs.wavesurfer.scss\",\n \"directories\": {\n \"docs\": \"./docs\",\n \"lib\": \"./src\",\n \"example\": \"./examples\",\n \"test\": \"./test\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/collab-project/videojs-wavesurfer.git\"\n },\n \"scripts\": {\n \"clean\": \"rimraf dist\",\n \"build\": \"npm run clean && npm run lint && npm run build:dev && npm run build:min\",\n \"build:dev\": \"webpack --config ./build-config/webpack.dev.main.js\",\n \"build:min\": \"webpack --config ./build-config/webpack.prod.main.js\",\n \"docs\": \"npm-run-all docs:*\",\n \"docs:api\": \"rimraf docs/api && esdoc\",\n \"lint\": \"npm-run-all lint:*\",\n \"lint:js\": \"eslint src/js test build-config\",\n \"lint:html\": \"htmlhint examples docs/demo\",\n \"start\": \"npm run build && webpack-dev-server --config ./build-config/webpack.dev.main.js\",\n \"test\": \"karma start karma.conf.js\",\n \"prepublishOnly\": \"not-in-install && npm run build || in-install\"\n },\n \"files\": [\n \"dist/\",\n \"src/\"\n ],\n \"keywords\": [\n \"waveform\",\n \"audio\",\n \"video\",\n \"wavesurfer\",\n \"videojs\",\n \"videojs-plugin\",\n \"player\"\n ],\n \"dependencies\": {\n \"video.js\": \">=7.0.5\",\n \"wavesurfer.js\": \">=3.3.3\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.9.6\",\n \"@babel/preset-env\": \"^7.9.6\",\n \"@babel/register\": \"^7.9.0\",\n \"@jsdevtools/host-environment\": \"^2.0.3\",\n \"@jsdevtools/karma-host-environment\": \"^3.0.2\",\n \"babel-loader\": \"^8.1.0\",\n \"babel-plugin-add-module-exports\": \"^1.0.2\",\n \"babel-plugin-istanbul\": \"^6.0.0\",\n \"browserslist\": \"^4.12.0\",\n \"css-loader\": \"^3.5.3\",\n \"date-fns\": \"^2.13.0\",\n \"docsify-cli\": \"^4.4.0\",\n \"esdoc\": \"^1.1.0\",\n \"esdoc-standard-plugin\": \"^1.0.0\",\n \"eslint\": \"^7.0.0\",\n \"htmlhint\": \"^0.11.0\",\n \"in-publish\": \"^2.0.1\",\n \"jasmine-core\": \"^3.5.0\",\n \"karma\": \"^5.0.5\",\n \"karma-chrome-launcher\": \"^3.1.0\",\n \"karma-coverage\": \"^2.0.2\",\n \"karma-coveralls\": \"^2.1.0\",\n \"karma-detect-browsers\": \"^2.3.3\",\n \"karma-edge-launcher\": \"^0.4.2\",\n \"karma-firefox-launcher\": \"^1.3.0\",\n \"karma-jasmine\": \"^3.1.1\",\n \"karma-jasmine-matchers\": \"^4.0.2\",\n \"karma-safari-launcher\": \"^1.0.0\",\n \"karma-safaritechpreview-launcher\": \"^2.0.2\",\n \"karma-verbose-reporter\": \"0.0.6\",\n \"karma-webpack\": \"^4.0.2\",\n \"mini-css-extract-plugin\": \"^0.9.0\",\n \"node-sass\": \"^4.14.1\",\n \"npm-run-all\": \"^4.1.5\",\n \"optimize-css-assets-webpack-plugin\": \"^5.0.3\",\n \"replace-in-file\": \"^6.0.0\",\n \"rimraf\": \"^3.0.2\",\n \"sass-loader\": \"^8.0.2\",\n \"style-loader\": \"^1.2.1\",\n \"terser-webpack-plugin\": \"^3.0.1\",\n \"webpack\": \"^4.43.0\",\n \"webpack-cli\": \"^3.3.11\",\n \"webpack-dev-server\": \"^3.11.0\",\n \"webpack-merge\": \"^4.2.2\",\n \"webrtc-adapter\": \"^7.6.0\"\n }\n}\n", + "content": "{\n \"name\": \"videojs-wavesurfer\",\n \"version\": \"3.1.0\",\n \"description\": \"video.js plugin that adds a navigable waveform for audio and video files.\",\n \"author\": \"Collab\",\n \"license\": \"MIT\",\n \"readmeFilename\": \"README.md\",\n \"bugs\": {\n \"url\": \"https://github.com/collab-project/videojs-wavesurfer/issues\"\n },\n \"homepage\": \"https://github.com/collab-project/videojs-wavesurfer\",\n \"main\": \"dist/videojs.wavesurfer.js\",\n \"style\": \"dist/css/videojs.wavesurfer.css\",\n \"sass\": \"src/css/videojs.wavesurfer.scss\",\n \"directories\": {\n \"docs\": \"./docs\",\n \"lib\": \"./src\",\n \"example\": \"./examples\",\n \"test\": \"./test\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/collab-project/videojs-wavesurfer.git\"\n },\n \"scripts\": {\n \"clean\": \"rimraf dist\",\n \"build\": \"npm run clean && npm run lint && npm run build:dev && npm run build:min\",\n \"build:dev\": \"webpack --config ./build-config/webpack.dev.main.js\",\n \"build:min\": \"webpack --config ./build-config/webpack.prod.main.js\",\n \"docs\": \"npm-run-all docs:*\",\n \"docs:api\": \"rimraf docs/api && esdoc\",\n \"lint\": \"npm-run-all lint:*\",\n \"lint:js\": \"eslint src/js test build-config\",\n \"lint:html\": \"htmlhint examples docs/demo\",\n \"start\": \"npm run build && webpack-dev-server --config ./build-config/webpack.dev.main.js\",\n \"test\": \"karma start karma.conf.js\",\n \"prepublishOnly\": \"not-in-install && npm run build || in-install\"\n },\n \"files\": [\n \"dist/\",\n \"src/\"\n ],\n \"keywords\": [\n \"waveform\",\n \"audio\",\n \"video\",\n \"wavesurfer\",\n \"videojs\",\n \"videojs-plugin\",\n \"player\"\n ],\n \"dependencies\": {\n \"video.js\": \">=7.0.5\",\n \"wavesurfer.js\": \">=3.3.3\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.9.6\",\n \"@babel/preset-env\": \"^7.9.6\",\n \"@babel/register\": \"^7.9.0\",\n \"@jsdevtools/host-environment\": \"^2.0.3\",\n \"@jsdevtools/karma-host-environment\": \"^3.0.2\",\n \"add-zero\": \"^1.0.0\",\n \"babel-loader\": \"^8.1.0\",\n \"babel-plugin-add-module-exports\": \"^1.0.2\",\n \"babel-plugin-istanbul\": \"^6.0.0\",\n \"browserslist\": \"^4.12.0\",\n \"css-loader\": \"^3.5.3\",\n \"date-fns\": \"^2.13.0\",\n \"docsify-cli\": \"^4.4.0\",\n \"esdoc\": \"^1.1.0\",\n \"esdoc-standard-plugin\": \"^1.0.0\",\n \"eslint\": \"^7.0.0\",\n \"htmlhint\": \"^0.12.2\",\n \"in-publish\": \"^2.0.1\",\n \"jasmine-core\": \"^3.5.0\",\n \"karma\": \"^5.0.7\",\n \"karma-chrome-launcher\": \"^3.1.0\",\n \"karma-coverage\": \"^2.0.2\",\n \"karma-coveralls\": \"^2.1.0\",\n \"karma-detect-browsers\": \"^2.3.3\",\n \"karma-edge-launcher\": \"^0.4.2\",\n \"karma-firefox-launcher\": \"^1.3.0\",\n \"karma-jasmine\": \"^3.1.1\",\n \"karma-jasmine-matchers\": \"^4.0.2\",\n \"karma-safari-launcher\": \"^1.0.0\",\n \"karma-safaritechpreview-launcher\": \"^2.0.2\",\n \"karma-verbose-reporter\": \"0.0.6\",\n \"karma-webpack\": \"^4.0.2\",\n \"mini-css-extract-plugin\": \"^0.9.0\",\n \"node-sass\": \"^4.14.1\",\n \"npm-run-all\": \"^4.1.5\",\n \"optimize-css-assets-webpack-plugin\": \"^5.0.3\",\n \"parse-ms\": \"^2.1.0\",\n \"replace-in-file\": \"^6.0.0\",\n \"rimraf\": \"^3.0.2\",\n \"sass-loader\": \"^8.0.2\",\n \"style-loader\": \"^1.2.1\",\n \"terser-webpack-plugin\": \"^3.0.1\",\n \"webpack\": \"^4.43.0\",\n \"webpack-cli\": \"^3.3.11\",\n \"webpack-dev-server\": \"^3.11.0\",\n \"webpack-merge\": \"^4.2.2\",\n \"webrtc-adapter\": \"^7.6.0\"\n }\n}\n", "longname": "/home/thijs/projects/videojs-wavesurfer/package.json", "name": "package.json", "static": true, diff --git a/docs/api/script/search_index.js b/docs/api/script/search_index.js index 6bf920e8..9599bb9c 100644 --- a/docs/api/script/search_index.js +++ b/docs/api/script/search_index.js @@ -383,6 +383,12 @@ window.esdocSearchIndex = [ "src/js/videojs.wavesurfer.js~Wavesurfer#destroy", "method" ], + [ + "src/js/videojs.wavesurfer.js~wavesurfer#displaymilliseconds", + "class/src/js/videojs.wavesurfer.js~Wavesurfer.html#instance-member-displayMilliseconds", + "src/js/videojs.wavesurfer.js~Wavesurfer#displayMilliseconds", + "member" + ], [ "src/js/videojs.wavesurfer.js~wavesurfer#dispose", "class/src/js/videojs.wavesurfer.js~Wavesurfer.html#instance-method-dispose", @@ -443,12 +449,6 @@ window.esdocSearchIndex = [ "src/js/videojs.wavesurfer.js~Wavesurfer#log", "method" ], - [ - "src/js/videojs.wavesurfer.js~wavesurfer#msdisplaymax", - "class/src/js/videojs.wavesurfer.js~Wavesurfer.html#instance-member-msDisplayMax", - "src/js/videojs.wavesurfer.js~Wavesurfer#msDisplayMax", - "member" - ], [ "src/js/videojs.wavesurfer.js~wavesurfer#onplaytoggle", "class/src/js/videojs.wavesurfer.js~Wavesurfer.html#instance-method-onPlayToggle", diff --git a/docs/api/source.html b/docs/api/source.html index 8ded7ca2..6ddf8d60 100644 --- a/docs/api/source.html +++ b/docs/api/source.html @@ -40,7 +40,7 @@Source 
35/54
+Source 35/58
| src/js/defaults.js | pluginDefaultOptions | 100 %1/1 | - - - + + +||
| src/js/event.js | @@ -83,9 +83,9 @@src/js/utils/format-time.js | formatTime | 100 %1/1 | - - - + + +|
| src/js/utils/log.js | @@ -96,13 +96,13 @@||||
| src/js/videojs.wavesurfer.js | +src/js/videojs.wavesurfer.js | Plugin Wavesurfer | -63 %30/47 | - - - +58 %30/51 | + + +
@@ -228,7 +228,7 @@