@meersagor/wavesurfer-vue 2.0.0 → 2.0.1
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.
|
@@ -5,6 +5,7 @@ export { useWaveSurferEnvelope } from './useWaveSurferEnvelope';
|
|
|
5
5
|
export { useWaveSurferSpectrogram } from './useWaveSurferSpectrogram';
|
|
6
6
|
export { useWaveSurferHover } from './useWaveSurferHover';
|
|
7
7
|
export { useWaveSurferRegions } from './useWaveSurferRegions';
|
|
8
|
+
export { useWaveSurferRecorder } from './useWaveSurferRecorder';
|
|
8
9
|
export { useWaveSurferTimelineStandalone } from './useWaveSurferTimeline';
|
|
9
10
|
export { useWaveSurferZoomStandalone } from './useWaveSurferZoom';
|
|
10
11
|
export { useWaveSurferMinimapStandalone } from './useWaveSurferMinimap';
|
|
@@ -12,9 +13,11 @@ export { useWaveSurferEnvelopeStandalone } from './useWaveSurferEnvelope';
|
|
|
12
13
|
export { useWaveSurferSpectrogramStandalone } from './useWaveSurferSpectrogram';
|
|
13
14
|
export { useWaveSurferHoverStandalone } from './useWaveSurferHover';
|
|
14
15
|
export { useWaveSurferRegionsStandalone } from './useWaveSurferRegions';
|
|
16
|
+
export { useWaveSurferRecorderStandalone } from './useWaveSurferRecorder';
|
|
15
17
|
export type { TimelinePluginOptions } from 'wavesurfer.js/dist/plugins/timeline';
|
|
16
18
|
export type { ZoomPluginOptions } from 'wavesurfer.js/dist/plugins/zoom';
|
|
17
19
|
export type { MinimapPluginOptions } from 'wavesurfer.js/dist/plugins/minimap';
|
|
18
20
|
export type { EnvelopePluginOptions } from 'wavesurfer.js/dist/plugins/envelope';
|
|
19
21
|
export type { SpectrogramPluginOptions } from 'wavesurfer.js/dist/plugins/spectrogram';
|
|
20
22
|
export type { HoverPluginOptions } from 'wavesurfer.js/dist/plugins/hover';
|
|
23
|
+
export type { RecordPluginOptions } from 'wavesurfer.js/dist/plugins/record';
|
|
@@ -1,7 +1,81 @@
|
|
|
1
1
|
import { default as RecordPlugin } from 'wavesurfer.js/dist/plugins/record.js';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { Ref } from 'vue';
|
|
3
|
+
import { default as WaveSurfer } from 'wavesurfer.js';
|
|
4
|
+
import { RecordPluginOptions } from 'wavesurfer.js/dist/plugins/record';
|
|
5
|
+
export interface UseWaveSurferRecorderOptions {
|
|
6
|
+
waveSurfer: Ref<WaveSurfer | null>;
|
|
7
|
+
recordPluginOptions?: RecordPluginOptions;
|
|
8
|
+
}
|
|
9
|
+
export interface UseWaveSurferRecorderStandaloneOptions {
|
|
10
|
+
containerRef: Ref<HTMLElement | null>;
|
|
11
|
+
options: any;
|
|
12
|
+
recordPluginOptions?: RecordPluginOptions;
|
|
13
|
+
}
|
|
14
|
+
export declare const useWaveSurferRecorder: ({ waveSurfer, recordPluginOptions }: UseWaveSurferRecorderOptions) => {
|
|
15
|
+
currentTime: import('vue').ComputedRef<string>;
|
|
16
|
+
startRecording: () => void;
|
|
17
|
+
stopRecording: () => Promise<Blob>;
|
|
18
|
+
pauseRecording: () => void;
|
|
19
|
+
isRecording: Ref<boolean, boolean>;
|
|
20
|
+
isPaused: Ref<boolean, boolean>;
|
|
21
|
+
isPauseResume: import('vue').ComputedRef<boolean>;
|
|
22
|
+
waveSurferRecorder: Ref<{
|
|
23
|
+
renderMicStream: (stream: MediaStream) => {
|
|
24
|
+
onDestroy: () => void;
|
|
25
|
+
onEnd: () => void;
|
|
26
|
+
};
|
|
27
|
+
startMic: (options?: import('wavesurfer.js/dist/plugins/record.js').RecordPluginDeviceOptions) => Promise<MediaStream>;
|
|
28
|
+
stopMic: () => void;
|
|
29
|
+
startRecording: (options?: import('wavesurfer.js/dist/plugins/record.js').RecordPluginDeviceOptions) => Promise<void>;
|
|
30
|
+
getDuration: () => number;
|
|
31
|
+
isRecording: () => boolean;
|
|
32
|
+
isPaused: () => boolean;
|
|
33
|
+
isActive: () => boolean;
|
|
34
|
+
stopRecording: () => void;
|
|
35
|
+
pauseRecording: () => void;
|
|
36
|
+
resumeRecording: () => void;
|
|
37
|
+
destroy: () => void;
|
|
38
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
39
|
+
on: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void, options?: {
|
|
40
|
+
once?: boolean;
|
|
41
|
+
}) => () => void;
|
|
42
|
+
un: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => void;
|
|
43
|
+
once: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => () => void;
|
|
44
|
+
unAll: () => void;
|
|
45
|
+
} | null, RecordPlugin | {
|
|
46
|
+
renderMicStream: (stream: MediaStream) => {
|
|
47
|
+
onDestroy: () => void;
|
|
48
|
+
onEnd: () => void;
|
|
49
|
+
};
|
|
50
|
+
startMic: (options?: import('wavesurfer.js/dist/plugins/record.js').RecordPluginDeviceOptions) => Promise<MediaStream>;
|
|
51
|
+
stopMic: () => void;
|
|
52
|
+
startRecording: (options?: import('wavesurfer.js/dist/plugins/record.js').RecordPluginDeviceOptions) => Promise<void>;
|
|
53
|
+
getDuration: () => number;
|
|
54
|
+
isRecording: () => boolean;
|
|
55
|
+
isPaused: () => boolean;
|
|
56
|
+
isActive: () => boolean;
|
|
57
|
+
stopRecording: () => void;
|
|
58
|
+
pauseRecording: () => void;
|
|
59
|
+
resumeRecording: () => void;
|
|
60
|
+
destroy: () => void;
|
|
61
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
62
|
+
on: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void, options?: {
|
|
63
|
+
once?: boolean;
|
|
64
|
+
}) => () => void;
|
|
65
|
+
un: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => void;
|
|
66
|
+
once: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => () => void;
|
|
67
|
+
unAll: () => void;
|
|
68
|
+
} | null>;
|
|
69
|
+
};
|
|
70
|
+
export declare const useWaveSurferRecorderStandalone: ({ containerRef, options, recordPluginOptions }: UseWaveSurferRecorderStandaloneOptions) => {
|
|
71
|
+
currentTime: import('vue').ComputedRef<string>;
|
|
72
|
+
startRecording: () => void;
|
|
73
|
+
stopRecording: () => Promise<Blob>;
|
|
74
|
+
pauseRecording: () => void;
|
|
75
|
+
isRecording: Ref<boolean, boolean>;
|
|
76
|
+
isPaused: Ref<boolean, boolean>;
|
|
77
|
+
isPauseResume: import('vue').ComputedRef<boolean>;
|
|
78
|
+
waveSurfer: Ref<{
|
|
5
79
|
options: {
|
|
6
80
|
container: HTMLElement | string;
|
|
7
81
|
height?: (number | "auto") | undefined;
|
|
@@ -183,7 +257,7 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
183
257
|
splitChannels?: any[] | undefined;
|
|
184
258
|
normalize?: boolean | undefined;
|
|
185
259
|
plugins?: {
|
|
186
|
-
_init: (wavesurfer:
|
|
260
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
187
261
|
destroy: () => void;
|
|
188
262
|
on: <EventName extends "destroy">(event: EventName, listener: (...args: import('wavesurfer.js/dist/base-plugin').BasePluginEvents[EventName]) => void, options?: {
|
|
189
263
|
once?: boolean;
|
|
@@ -318,7 +392,7 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
318
392
|
}[] | undefined;
|
|
319
393
|
normalize?: boolean | undefined;
|
|
320
394
|
plugins?: {
|
|
321
|
-
_init: (wavesurfer:
|
|
395
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
322
396
|
destroy: () => void;
|
|
323
397
|
on: <EventName extends "destroy">(event: EventName, listener: (...args: import('wavesurfer.js/dist/base-plugin').BasePluginEvents[EventName]) => void, options?: {
|
|
324
398
|
once?: boolean;
|
|
@@ -501,7 +575,7 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
501
575
|
un: <EventName extends keyof import('wavesurfer.js').WaveSurferEvents>(event: EventName, listener: (...args: import('wavesurfer.js').WaveSurferEvents[EventName]) => void) => void;
|
|
502
576
|
once: <EventName extends keyof import('wavesurfer.js').WaveSurferEvents>(event: EventName, listener: (...args: import('wavesurfer.js').WaveSurferEvents[EventName]) => void) => () => void;
|
|
503
577
|
unAll: () => void;
|
|
504
|
-
} | null,
|
|
578
|
+
} | null, WaveSurfer | {
|
|
505
579
|
options: {
|
|
506
580
|
container: HTMLElement | string;
|
|
507
581
|
height?: (number | "auto") | undefined;
|
|
@@ -683,7 +757,7 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
683
757
|
splitChannels?: any[] | undefined;
|
|
684
758
|
normalize?: boolean | undefined;
|
|
685
759
|
plugins?: {
|
|
686
|
-
_init: (wavesurfer:
|
|
760
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
687
761
|
destroy: () => void;
|
|
688
762
|
on: <EventName extends "destroy">(event: EventName, listener: (...args: import('wavesurfer.js/dist/base-plugin').BasePluginEvents[EventName]) => void, options?: {
|
|
689
763
|
once?: boolean;
|
|
@@ -818,7 +892,7 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
818
892
|
}[] | undefined;
|
|
819
893
|
normalize?: boolean | undefined;
|
|
820
894
|
plugins?: {
|
|
821
|
-
_init: (wavesurfer:
|
|
895
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
822
896
|
destroy: () => void;
|
|
823
897
|
on: <EventName extends "destroy">(event: EventName, listener: (...args: import('wavesurfer.js/dist/base-plugin').BasePluginEvents[EventName]) => void, options?: {
|
|
824
898
|
once?: boolean;
|
|
@@ -1002,7 +1076,7 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
1002
1076
|
once: <EventName extends keyof import('wavesurfer.js').WaveSurferEvents>(event: EventName, listener: (...args: import('wavesurfer.js').WaveSurferEvents[EventName]) => void) => () => void;
|
|
1003
1077
|
unAll: () => void;
|
|
1004
1078
|
} | null>;
|
|
1005
|
-
waveSurferRecorder:
|
|
1079
|
+
waveSurferRecorder: Ref<{
|
|
1006
1080
|
renderMicStream: (stream: MediaStream) => {
|
|
1007
1081
|
onDestroy: () => void;
|
|
1008
1082
|
onEnd: () => void;
|
|
@@ -1018,12 +1092,12 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
1018
1092
|
pauseRecording: () => void;
|
|
1019
1093
|
resumeRecording: () => void;
|
|
1020
1094
|
destroy: () => void;
|
|
1021
|
-
_init: (wavesurfer:
|
|
1022
|
-
on: <EventName extends "destroy" | "record-progress" | "record-
|
|
1095
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
1096
|
+
on: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void, options?: {
|
|
1023
1097
|
once?: boolean;
|
|
1024
1098
|
}) => () => void;
|
|
1025
|
-
un: <EventName extends "destroy" | "record-progress" | "record-
|
|
1026
|
-
once: <EventName extends "destroy" | "record-progress" | "record-
|
|
1099
|
+
un: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => void;
|
|
1100
|
+
once: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => () => void;
|
|
1027
1101
|
unAll: () => void;
|
|
1028
1102
|
} | null, RecordPlugin | {
|
|
1029
1103
|
renderMicStream: (stream: MediaStream) => {
|
|
@@ -1041,19 +1115,12 @@ export declare const useWaveSurferRecorder: ({ containerRef, options, recordPlug
|
|
|
1041
1115
|
pauseRecording: () => void;
|
|
1042
1116
|
resumeRecording: () => void;
|
|
1043
1117
|
destroy: () => void;
|
|
1044
|
-
_init: (wavesurfer:
|
|
1045
|
-
on: <EventName extends "destroy" | "record-progress" | "record-
|
|
1118
|
+
_init: (wavesurfer: WaveSurfer) => void;
|
|
1119
|
+
on: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void, options?: {
|
|
1046
1120
|
once?: boolean;
|
|
1047
1121
|
}) => () => void;
|
|
1048
|
-
un: <EventName extends "destroy" | "record-progress" | "record-
|
|
1049
|
-
once: <EventName extends "destroy" | "record-progress" | "record-
|
|
1122
|
+
un: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => void;
|
|
1123
|
+
once: <EventName extends "destroy" | "record-progress" | "record-end" | "record-start" | "record-pause" | "record-resume" | "record-data-available">(event: EventName, listener: (...args: import('wavesurfer.js/dist/plugins/record.js').RecordPluginEvents[EventName]) => void) => () => void;
|
|
1050
1124
|
unAll: () => void;
|
|
1051
1125
|
} | null>;
|
|
1052
|
-
currentTime: import('vue').ComputedRef<string>;
|
|
1053
|
-
startRecording: () => void;
|
|
1054
|
-
stopRecording: () => Promise<Blob>;
|
|
1055
|
-
pauseRecording: () => void;
|
|
1056
|
-
isRecording: import('vue').Ref<boolean, boolean>;
|
|
1057
|
-
isPaused: import('vue').Ref<boolean, boolean>;
|
|
1058
|
-
isPauseResume: import('vue').ComputedRef<boolean>;
|
|
1059
1126
|
};
|
package/package.json
CHANGED