use visualizer from npm for example

Author: chrisweb

examples/simple-waveform/client/build/library/player.js.map

@@ -1,4 +1,4 @@
-import { Waveform, IWaveformClickCallback } from '../../../../../dist/index.js';
+import { Waveform, IWaveformClickCallback } from '../../node_modules/waveform-visualizer/dist/index.js';
 export interface IVisualizerOptions {
     waveformData: number[];
     canvasElementId: string;

examples/simple-waveform/client/build/library/visualizer.d.ts

@@ -25,7 +25,8 @@
     "watch": "tsc -p ./ -w"
   },
   "dependencies": {
-    "web-audio-api-player": "3.0.1"
+    "web-audio-api-player": "3.0.2",
+    "waveform-visualizer": "2.0.0"
   },
   "devDependencies": {
     "typescript": "4.0.3"

examples/simple-waveform/client/build/library/visualizer.js

@@ -36,7 +36,7 @@ export class Player {
         this.isPlayOrPause = 'pause';
 
     }
-    
+
     public loadSong(songId: number): ISound {
 
         const songAttributes: ISoundAttributes = {
@@ -81,7 +81,7 @@ export class Player {
 
         this.player.setPosition(positionInPercent);
 
-    } 
+    }
 
     protected _playPauseAction(): void {
 

examples/simple-waveform/client/build/library/visualizer.js.map

@@ -3,7 +3,9 @@ import {
     IWaveLayoutOptions,
     ICoreOptions,
     IWaveformClickCallback,
-} from '../../../../../dist/index.js';
+//} from '../../../../../dist/index.js';
+} from '../../node_modules/waveform-visualizer/dist/index.js';
+
 
 export interface IVisualizerOptions {
     waveformData: number[]
@@ -46,6 +48,6 @@ export class Visualizer {
 
         this.waveform.draw(playingProgress);
 
-    } 
+    }
 
 }

examples/simple-waveform/client/package-lock.json

@@ -7,6 +7,7 @@
       "noImplicitAny": true,
       "target": "esnext",
       "module": "esnext",
+      "moduleResolution": "Node",
       "lib": [
         "es5",
         "es6",