npm - wavesurfer.js - Versions diffs - 6.5.1 → 7.0.0-alpha.0 - Mend

wavesurfer.js 6.5.1 → 7.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/.eslintrc.json +24 -0
package/.prettierrc +8 -0
package/README.md +26 -117
package/dist/base-plugin.d.ts +10 -0
package/dist/base-plugin.js +13 -0
package/dist/decoder.d.ts +10 -0
package/dist/decoder.js +43 -0
package/dist/event-emitter.d.ts +11 -0
package/dist/event-emitter.js +21 -0
package/dist/fetcher.d.ts +4 -0
package/dist/fetcher.js +17 -0
package/dist/index.d.ts +92 -0
package/dist/index.js +166 -0
package/dist/player-webaudio.d.ts +8 -0
package/dist/player-webaudio.js +31 -0
package/dist/player.d.ts +16 -0
package/dist/player.js +40 -0
package/dist/plugins/regions.d.ts +48 -0
package/dist/plugins/regions.js +183 -0
package/dist/renderer.d.ts +34 -0
package/dist/renderer.js +193 -0
package/dist/timer.d.ts +10 -0
package/dist/timer.js +17 -0
package/examples/audio.ogg +0 -0
package/examples/bars.js +19 -0
package/examples/basic.js +8 -0
package/examples/gradient.js +28 -0
package/examples/regions.js +63 -0
package/examples/video.js +19 -0
package/examples/webaudio.js +14 -0
package/package.json +19 -99
package/src/base-plugin.ts +20 -0
package/src/decoder.ts +41 -0
package/src/event-emitter.ts +35 -0
package/src/fetcher.ts +7 -0
package/src/index.ts +252 -0
package/src/player-webaudio.ts +34 -0
package/src/player.ts +50 -0
package/src/plugins/regions.ts +240 -0
package/src/renderer.ts +250 -0
package/src/timer.ts +27 -0
package/tsconfig.json +105 -0
package/tutorial/index.html +47 -0
package/tutorial/src/editor.js +70 -0
package/tutorial/src/init.js +66 -0
package/tutorial/src/url.js +25 -0
package/tutorial/style.css +211 -0
package/yarn-error.log +1049 -0
package/LICENSE +0 -29
package/dist/plugin/wavesurfer.cursor.js +0 -418
package/dist/plugin/wavesurfer.cursor.js.map +0 -1
package/dist/plugin/wavesurfer.cursor.min.js +0 -7
package/dist/plugin/wavesurfer.cursor.min.js.map +0 -1
package/dist/plugin/wavesurfer.elan.js +0 -381
package/dist/plugin/wavesurfer.elan.js.map +0 -1
package/dist/plugin/wavesurfer.elan.min.js +0 -7
package/dist/plugin/wavesurfer.elan.min.js.map +0 -1
package/dist/plugin/wavesurfer.markers.js +0 -520
package/dist/plugin/wavesurfer.markers.js.map +0 -1
package/dist/plugin/wavesurfer.markers.min.js +0 -7
package/dist/plugin/wavesurfer.markers.min.js.map +0 -1
package/dist/plugin/wavesurfer.mediasession.js +0 -181
package/dist/plugin/wavesurfer.mediasession.js.map +0 -1
package/dist/plugin/wavesurfer.mediasession.min.js +0 -7
package/dist/plugin/wavesurfer.mediasession.min.js.map +0 -1
package/dist/plugin/wavesurfer.microphone.js +0 -466
package/dist/plugin/wavesurfer.microphone.js.map +0 -1
package/dist/plugin/wavesurfer.microphone.min.js +0 -7
package/dist/plugin/wavesurfer.microphone.min.js.map +0 -1
package/dist/plugin/wavesurfer.minimap.js +0 -440
package/dist/plugin/wavesurfer.minimap.js.map +0 -1
package/dist/plugin/wavesurfer.minimap.min.js +0 -7
package/dist/plugin/wavesurfer.minimap.min.js.map +0 -1
package/dist/plugin/wavesurfer.playhead.js +0 -300
package/dist/plugin/wavesurfer.playhead.js.map +0 -1
package/dist/plugin/wavesurfer.playhead.min.js +0 -7
package/dist/plugin/wavesurfer.playhead.min.js.map +0 -1
package/dist/plugin/wavesurfer.regions.js +0 -1335
package/dist/plugin/wavesurfer.regions.js.map +0 -1
package/dist/plugin/wavesurfer.regions.min.js +0 -7
package/dist/plugin/wavesurfer.regions.min.js.map +0 -1
package/dist/plugin/wavesurfer.spectrogram.js +0 -736
package/dist/plugin/wavesurfer.spectrogram.js.map +0 -1
package/dist/plugin/wavesurfer.spectrogram.min.js +0 -7
package/dist/plugin/wavesurfer.spectrogram.min.js.map +0 -1
package/dist/plugin/wavesurfer.timeline.js +0 -649
package/dist/plugin/wavesurfer.timeline.js.map +0 -1
package/dist/plugin/wavesurfer.timeline.min.js +0 -7
package/dist/plugin/wavesurfer.timeline.min.js.map +0 -1
package/dist/wavesurfer-html-init.js +0 -381
package/dist/wavesurfer-html-init.js.map +0 -1
package/dist/wavesurfer-html-init.min.js +0 -7
package/dist/wavesurfer-html-init.min.js.map +0 -1
package/dist/wavesurfer.js +0 -6145
package/dist/wavesurfer.js.map +0 -1
package/dist/wavesurfer.min.js +0 -7
package/dist/wavesurfer.min.js.map +0 -1
package/src/drawer.canvasentry.js +0 -427
package/src/drawer.js +0 -413
package/src/drawer.multicanvas.js +0 -617
package/src/html-init.js +0 -241
package/src/mediaelement-webaudio.js +0 -77
package/src/mediaelement.js +0 -443
package/src/peakcache.js +0 -127
package/src/plugin/cursor/index.js +0 -350
package/src/plugin/elan/index.js +0 -307
package/src/plugin/markers/index.js +0 -436
package/src/plugin/mediasession/index.js +0 -94
package/src/plugin/microphone/index.js +0 -415
package/src/plugin/minimap/index.js +0 -403
package/src/plugin/playhead/index.js +0 -226
package/src/plugin/regions/index.js +0 -478
package/src/plugin/regions/region.js +0 -875
package/src/plugin/spectrogram/fft.js +0 -222
package/src/plugin/spectrogram/index.js +0 -522
package/src/plugin/timeline/index.js +0 -600
package/src/util/absMax.js +0 -16
package/src/util/clamp.js +0 -11
package/src/util/fetch.js +0 -222
package/src/util/frame.js +0 -13
package/src/util/get-id.js +0 -22
package/src/util/index.js +0 -14
package/src/util/max.js +0 -16
package/src/util/min.js +0 -16
package/src/util/observer.js +0 -144
package/src/util/orientation.js +0 -98
package/src/util/prevent-click.js +0 -19
package/src/util/request-animation-frame.js +0 -15
package/src/util/silence-mode.js +0 -42
package/src/util/style.js +0 -16
package/src/wavesurfer.js +0 -1797
package/src/webaudio.js +0 -779

package/tutorial/src/editor.js ADDED Viewed

@@ -0,0 +1,70 @@
+let editor = null
+export const getContent = () => {
+  return editor ? editor.getModel().getValue() : ''
+}
+export const setContent = (newContent) => {
+  if (!editor) {
+    setTimeout(() => setContent(newContent), 10)
+  } else {
+    editor.getModel().setValue(newContent)
+  }
+}
+const fetchCode = async (url) => {
+  return fetch(url).then((res) => res.text())
+}
+export const initEditor = (onSetContent) => {
+  require.config({ paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.32.0-dev.20211218/min/vs' } });
+	require(['vs/editor/editor.main'], () => {
+    let theme = 'vs'
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      theme = 'vs-dark'
+    }
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      lib: [ 'es2019', 'dom' ],
+      allowJs: true,
+      allowNonTsExtensions: true,
+      baseUrl: window.location.origin,
+      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.Classic,
+    })
+    const libs = [
+      '/dist/index.d.ts',
+      '/dist/event-emitter.d.ts',
+      '/dist/plugins/regions.d.ts',
+    ]
+    Promise.all(
+      libs.map(url => fetchCode(url))
+    ).then((codes) => {
+      codes.forEach((code, index) => {
+        monaco.languages.typescript.typescriptDefaults.addExtraLib(code, libs[index])
+      })
+    }).then(() => {
+	    const monacoEditor = monaco.editor.create(document.getElementById('editor'), {
+		    language: 'typescript',
+        quickSuggestions: true,
+        automaticLayout: true,
+        autoClosingBrackets: false,
+        minimap: { enabled: false },
+        tabSize: 2,
+        theme
+	    });
+      let debounce
+      const model = monacoEditor.getModel()
+      model.onDidChangeContent(() => {
+        if (debounce) clearTimeout(debounce)
+        debounce = setTimeout(onSetContent, 300)
+      })
+      // Export
+      editor = monacoEditor
+    })
+  })
+}

package/tutorial/src/init.js ADDED Viewed

@@ -0,0 +1,66 @@
+import { initEditor, setContent, getContent } from './editor.js'
+const onSetContent = () => {
+  const code = getContent()
+  document.getElementById('preview').srcdoc = `
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Preview</title>
+    <style>
+      html, body {
+        background-color: transparent;
+        margin: 0;
+        padding: 0;
+      }
+      body {
+        padding: 1rem;
+      }
+    </style>
+  </head>
+  <body>
+    <script type="module">
+      ${code}
+    </script>
+  </body>
+</html>
+<body>
+</body>
+`
+}
+const fetchContent = async (url) => {
+  return fetch(url).then(res => res.text())
+}
+const init = () => {
+  let currentLink = null
+  document.addEventListener('click', (e) => {
+    const url = e.target.href
+    if (url && url.endsWith('.js')) {
+      e.preventDefault()
+      fetchContent(url).then(setContent)
+      if (currentLink) {
+        currentLink.classList.remove('active')
+      }
+      currentLink = e.target
+      currentLink.classList.add('active')
+      window.location.hash = e.target.pathname
+    }
+  })
+  const { hash } = window.location
+  let url = '/examples/basic.js'
+  if (hash && /^#\/examples\/.+?\.js$/.test(hash)) {
+    url = hash.slice(1)
+  }
+  document.querySelector(`a[href="${url}"]`).click()
+}
+initEditor(onSetContent)
+init()

package/tutorial/src/url.js ADDED Viewed

@@ -0,0 +1,25 @@
+const GIST_PARAM = 'gist'
+export const getQueryParam = (param) => {
+  return new URL(location.href).searchParams.get(param)
+}
+export const clearQueryParam = (param) => {
+  const path = location.pathname + location.search.replace(new RegExp(`\\b${param}=\\w+`), '').replace(/\?$/, '')
+  history.pushState({}, '', path)
+}
+export const getUrlGistId = () => {
+  return getQueryParam(GIST_PARAM)
+}
+export const setUrlGistId = (id) => {
+  const path = `${location.pathname}?${GIST_PARAM}=${encodeURIComponent(id)}`
+  history.pushState({}, '', path)
+}
+export const clearUrlGistId = () => {
+  clearQueryParam(GIST_PARAM)
+}

package/tutorial/style.css ADDED Viewed

@@ -0,0 +1,211 @@
+body, html {
+  margin: 0;
+  padding: 0;
+  background: #fff;
+  color: #333;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+a {
+  color: #333;
+}
+a:hover {
+  color: #000;
+}
+@media (prefers-color-scheme: dark) {
+  body, html {
+    background: #1E1E1E;
+    color: #fff;
+  }
+  a {
+    color: #ddd;
+  }
+  a:hover {
+    color: #fff;
+  }
+}
+* {
+  box-sizing: border-box;
+}
+.layout {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  height: 100vh;
+}
+.grid {
+  display: flex;
+  flex-wrap: nowrap;
+  flex: 1;
+  width: 100vw;
+  min-height: 500px;
+}
+@media (max-width: 768px) {
+  .grid {
+    flex-wrap: wrap;
+  }
+}
+.sidebar {
+  width: 120px;
+  padding: 10px;
+  padding-right: 0;
+}
+.sidebar ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.sidebar li {
+  padding: 0;
+  margin: 0;
+}
+.sidebar a {
+  display: block;
+  padding: 0.5em;
+  text-decoration: none;
+}
+.sidebar a.active {
+  background: #ddd;
+  position: relative;
+}
+.sidebar a.active:after {
+  content: "▸";
+  position: absolute;
+  right: 0;
+}
+@media (prefers-color-scheme: dark) {
+  .sidebar a.active {
+    background: #333;
+  }
+}
+#editor {
+  margin-top: 1em;
+  min-width: 50vw;
+}
+.preview {
+  flex: 1;
+  min-width: 30vw;
+  height: 100%;
+  padding: 1em;
+}
+.preview iframe {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #EDEDEC;
+  border-radius: 6px;
+}
+header {
+  padding: 1em;
+  text-align: center;
+  font-family: sans-serif;
+  font-size: 12px;
+  color: #fff;
+  background: linear-gradient(to right, #3a6186, #89253e);
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+header h1 {
+  margin: 0;
+  font-size: inherit;
+}
+header a,
+header a:hover,
+footer a,
+footer a:hover {
+  color: #fff;
+}
+header a:hover,
+footer a:hover {
+  text-decoration: none;
+}
+footer {
+  padding: 1em;
+  text-align: center;
+  font-family: sans-serif;
+  font-size: 12px;
+  color: #ccc;
+  background: linear-gradient(to left, #3a6186, #89253e);
+}
+.github {
+  margin-right: 0.5em;
+}
+.github:before {
+  text-decoration: none;
+  content: '';
+  display: inline-block;
+  margin-right: 5px;
+  width: 20px;
+  height: 20px;
+  vertical-align: middle;
+  background: center center no-repeat url("data:image/svg+xml, %3Csvg width='1024' height='1024' viewBox='0 0 1024 1024' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z' transform='scale(64)' fill='%23fff'/%3E%3C/svg%3E%0A");
+  background-size: contain;
+}
+@keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+.alert {
+  position: fixed;
+  z-index: 100;
+  top: 10px;
+  right: 10px;
+  padding: 20px;
+  border-radius: 6px;
+  background: #426183;
+  color: #fff;
+  font-size: 20px;
+  cursor: pointer;
+  text-align: left;
+  min-width: 30vw;
+  max-width: 40vw;
+  max-height: 5em;
+  overflow: auto;
+  white-space: pre-line;
+  animation: fadeIn 100ms ease-in;
+}
+.eval-decoration {
+  background: #CFB3B9;
+}
+@media (prefers-color-scheme: dark) {
+  .eval-decoration {
+    background: #792C3D;
+  }
+}
+kbd {
+  content: '⌨';
+  font-size: 1.2em;
+  margin-right: 0.2em;
+}