SP-06: Finetune volume

Tihi321 · Apr 7, 2024 · 1bb77e9 · 1bb77e9
1 parent 311549a
commit 1bb77e9
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/src/blocks/audio/Beats.tsx b/src/blocks/audio/Beats.tsx
@@ -168,8 +168,22 @@ export const Beats = ({ src, name }: { name: string; src: string }) => {
       </audio>
       <Name>{name}</Name>
       <AudioControls>
-        <Slider type="range" min="0" max="10" step="1" value={audioVolume()} onChange={onChange} />
-        <Input type="number" min="0" max="10" step="1" value={audioVolume()} onChange={onChange} />
+        <Slider
+          type="range"
+          min="0"
+          max="10"
+          step="0.1"
+          value={audioVolume()}
+          onChange={onChange}
+        />
+        <Input
+          type="number"
+          min="0"
+          max="10"
+          step="0.1"
+          value={audioVolume()}
+          onChange={onChange}
+        />
       </AudioControls>
     </Container>
   );

diff --git a/src/blocks/audio/MusicPlayer.tsx b/src/blocks/audio/MusicPlayer.tsx
@@ -313,7 +313,14 @@ export const MusicPlayer = () => {
           {formatTime(duration())}
         </TimelineContainer>
         <Divider />
-        <Slider type="range" min="0" max="10" step="1" value={audioVolume()} onChange={onChange} />
+        <Slider
+          type="range"
+          min="0"
+          max="10"
+          step="0.01"
+          value={audioVolume()}
+          onChange={onChange}
+        />
         <Divider />
         <GroupContainer>
           <Title>B</Title>