react-modern-audio-player 1.2.4 → 1.3.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.
- package/README.md +13 -5
- package/dist/index.es.js +4908 -4889
- package/dist/types/components/AudioPlayer/Audio/index.d.ts +4 -2
- package/dist/types/components/AudioPlayer/Audio/useAudio.d.ts +2 -0
- package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/useProgress.d.ts +2 -0
- package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/useWavesurfer.d.ts +1 -0
- package/dist/types/components/AudioPlayer/Player/index.d.ts +1 -0
- package/dist/types/components/AudioPlayer/index.d.ts +2 -1
- package/dist/types/hooks/useGridTemplate.d.ts +2 -0
- package/dist/types/index.d.ts +4 -1
- package/dist/types/utils/getRandomNumber.d.ts +1 -0
- package/package.json +1 -1
- package/dist/types/components/AudioPlayer/Audio/Basic.d.ts +0 -2
- package/dist/types/components/AudioPlayer/Audio/WaveSurfer.d.ts +0 -2
- package/dist/types/components/AudioPlayer/Audio/useBasicAudio.d.ts +0 -2
- package/dist/types/components/AudioPlayer/Audio/useWaveSurfer.d.ts +0 -1
- package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/useBarProgress.d.ts +0 -2
- package/dist/types/utils/generateGridTemplateValues.d.ts +0 -5
package/README.md
CHANGED
|
@@ -84,6 +84,7 @@ interface AudioPlayerProps {
|
|
|
84
84
|
interface?: InterfacePlacement;
|
|
85
85
|
volumeSlider?: VolumeSliderPlacement;
|
|
86
86
|
};
|
|
87
|
+
rootContainerProps?: RootContainerProps
|
|
87
88
|
}
|
|
88
89
|
```
|
|
89
90
|
|
|
@@ -95,6 +96,7 @@ Prop | Type | Default
|
|
|
95
96
|
`customIcons` | [CustomIcons](#customicons) | undefined
|
|
96
97
|
`coverImgsCss` | [CoverImgsCss](#coverimgscss) | undefined
|
|
97
98
|
`placement` | [Placement](#placement) | playListPlacement : "bottom" </br>interfacePlacement :[DefaultInterfacePlacement](#default-interface-placement)
|
|
99
|
+
`rootContainerProps` | [RootContainerProps](#rootcontainerprops) | theme: spectrum-theme-default<br/>width: 100% <br/>position: 'static'<br/>UNSAFE_className: rm-audio-player-provider
|
|
98
100
|
|
|
99
101
|
## PlayList
|
|
100
102
|
|
|
@@ -111,7 +113,7 @@ type AudioData = {
|
|
|
111
113
|
};
|
|
112
114
|
```
|
|
113
115
|
|
|
114
|
-
##
|
|
116
|
+
## AudioInitialState
|
|
115
117
|
|
|
116
118
|
```tsx
|
|
117
119
|
type AudioInitialState = Omit<
|
|
@@ -127,7 +129,7 @@ type AudioInitialState = Omit<
|
|
|
127
129
|
};
|
|
128
130
|
```
|
|
129
131
|
|
|
130
|
-
##
|
|
132
|
+
## ActiveUI
|
|
131
133
|
|
|
132
134
|
```tsx
|
|
133
135
|
type ActiveUI = {
|
|
@@ -147,7 +149,7 @@ type ProgressUI = "waveform" | "bar" | false;
|
|
|
147
149
|
type PlayListUI = "sortable" | "unSortable" | false;
|
|
148
150
|
```
|
|
149
151
|
|
|
150
|
-
##
|
|
152
|
+
## CustomIcons
|
|
151
153
|
|
|
152
154
|
```tsx
|
|
153
155
|
type CustomIcons = {
|
|
@@ -166,7 +168,7 @@ type CustomIcons = {
|
|
|
166
168
|
};
|
|
167
169
|
```
|
|
168
170
|
|
|
169
|
-
##
|
|
171
|
+
## CoverImgsCss
|
|
170
172
|
|
|
171
173
|
```tsx
|
|
172
174
|
interface CoverImgsCss {
|
|
@@ -175,7 +177,7 @@ interface CoverImgsCss {
|
|
|
175
177
|
}
|
|
176
178
|
```
|
|
177
179
|
|
|
178
|
-
##
|
|
180
|
+
## Placement
|
|
179
181
|
|
|
180
182
|
```tsx
|
|
181
183
|
type PlayerPlacement =
|
|
@@ -229,6 +231,12 @@ const defaultInterfacePlacement = {
|
|
|
229
231
|
};
|
|
230
232
|
```
|
|
231
233
|
|
|
234
|
+
## RootContainerProps
|
|
235
|
+
> it is same with spectrum provider props
|
|
236
|
+
> </br>
|
|
237
|
+
> https://react-spectrum.adobe.com/react-spectrum/Provider.html#themes
|
|
238
|
+
|
|
239
|
+
|
|
232
240
|
# Override Style
|
|
233
241
|
|
|
234
242
|
### Theme mode ( dark-mode )
|