Bump wavesurfer.js from 4.5.0 to 5.1.0

[dependabot-preview]

Bumps wavesurfer.js from 4.5.0 to 5.1.0.

Release notes

Sourced from wavesurfer.js's releases.

5.1.0

No release notes provided.

5.0.1

No release notes provided.

5.0.0

See the changes

4.6.0

• Webaudio: fix decodeAudioData handling in Safari (#2201)
• Markers plugin: add new plugin that allows for timeline markers (#2196)

Changelog

Sourced from wavesurfer.js's changelog.

5.1.0 (20.06.2021)

• Markers plugin:
  • Add the ability to use custom HTML elements in place of the default marker icon by passing the new markerElement parameter to the marker constructor (#2269)
  • Custom HTML elements are now centered over the marker line (#2298)
  • Trigger marker-click event on wavesurfer (#2287)
• Regions plugin: handle rollover cursor bug fix (#2293)
• Timeline plugin: prevent calling Canvas context methods on null values (#2299)
• Spectrogram plugin: prevent calling Canvas context methods on null values (#2299)

5.0.1 (05.05.2021)

• Fix removing DOM element on destroy() (#2258)

5.0.0 (02.05.2021)

• Add new vertical parameter enabling displaying waveforms vertically (#2195)
• Fixed exportPCM() to return a Promise containing valid JSON data with noWindow (#1896, #1954)
• Nullify onaudioprocess on remove to not execute in background (#2218)
• Playhead plugin: add a new plugin that allows the setting of a independent "play head", or song-start position. (#2209)
• Markers plugin: fix a bug where markers at the end of a track would cause incorrect click-to-seek behavior (#2208)
• Regions plugin:
  • Fix mouseup not firing if click & drag a region handle & release outside the browser window (#2213)
  • Added new showTooltip param allowing disabling region title tooltip (#2213)

4.6.0 (04.03.2021)

• Webaudio: fix decodeAudioData handling in Safari (#2201)
• Markers plugin: add new plugin that allows for timeline markers (#2196)

Upgrade guide

Sourced from wavesurfer.js's upgrade guide.

Upgrade

Upgrading to version 5 from version 4

1. MultiCanvas and Drawer now use Proxy objects for DOM elements: You can access the original instances via the domElement property on the Proxy objects (e.g. CanvasEntry.wave.domElement).

This affects the following objects:

• CanvasEntry.progress (e.g. MultiCanvas.canvases[n].progress)
• CanvasEntry.wave (e.g. MultiCanvas.canvases[n].wave)
• Drawer.wrapper
• MultiCanvas.container

2. WaveSurfer.exportPCM() now returns a Promise that resolves to an Array: Before, the Promise resolved to a JSON string representing the Array. You can get the same result by converting the resulting Array via JSON.stringify().

Upgrading to version 4 from version 3

(No backward-incompatible changes.)

Upgrading to version 3 from version 2

• util.ajax was deprecated; use `util.fetchFile instead.
• The xhr wavesurfer option has changed to work with util.fetchFile.
• The MultiCanvas renderer was refactored and a new CanvasEntry class was added to represent a canvas instance in a MultiCanvas.

Upgrading to version 2 from version 1

The wavesurfer.js core library and the plugins were refactored to be modular so it can be used with a module bundler. You can still use wavesurfer without, e.g. with <script> tags. The code was also updated to ES6/ES7 syntax and is transpiled with Babel and Webpack. Read below how to update your code.

The API has mostly stayed the same but there are some changes to consider:

1. MultiCanvas renderer is now the default: It provides all functionality of the Canvas renderer. – Most likely you can simply remove the renderer option – The Canvas renderer has been removed. (The renderer option still exists but wavesurfer expects it to be a renderer object, not merely a string.)

2. Constructor functions instead of object constructors

// Old:
var wavesurfer = Object.create(WaveSurfer);
Wavesurfer.init(options);
// New:
var wavesurfer = WaveSurfer.create(options);
// ... or
var wavesurfer = new WaveSurfer(options);
wavesurfer.init();
</tr></table>

... (truncated)

Commits

• 2cac824 bump version: 5.1.0 (#2309)
• 89912ff update changelog
• 9c4f6ea markers plugin: custom HTML elements are now centered over the marker line (#...
• e65efb2 regions plugin: fix Intervention message on mobile devices (#2252)
• ccb7cf7 plugins: prevent runtime errors when canvas context is null (setFillStyles, s...
• 5289c4e update dev dependencies
• 4a040d1 markers plugin: trigger click event on wavesurfer (#2287)
• c4067f8 regions plugin: cursor orientation bugfix (#2293)
• 2e49044 markers plugin: added support for custom marker elements (#2269)
• 0554ffc update dev dependencies
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
• @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
• @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
• @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
• @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
• @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme

Additionally, you can set the following in your Dependabot dashboard:

• Update frequency (including time of day and day of week)
• Pull request limits (per update run and/or open at any time)
• Out-of-range updates (receive only lockfile updates, if desired)
• Security updates (receive only security updates, if desired)