Skip to content

Feature: Volume [In Progress] - #1

Open
varffs wants to merge 1 commit into
roc:mainfrom
varffs:feature-volume
Open

Feature: Volume [In Progress]#1
varffs wants to merge 1 commit into
roc:mainfrom
varffs:feature-volume

Conversation

@varffs

@varffs varffs commented May 12, 2023

Copy link
Copy Markdown

So yh. I want a volume dial, but tbh just any volume would be good rn (because I can't adjust volume thru the audio interface without getting up and walking over and need that flexibility at desk).

  • Make a component that sets volume state for the Schedule component
  • Why doesn't the player actually use the volume set?
  • Restyle the slider to be a Nice Nerdy Synth Knob

@roc roc left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for this!

Left some nits, feel free to work on them or not. Otherwise can we mere mortals have a screenshot or two? Would be happy to have this in afterwards <3

Comment thread src/DialKnob.tsx
@@ -0,0 +1,10 @@
// import { useEffect, useState } from "react";

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

delete?

Comment thread src/DialKnob.tsx
<input type="range" min={0} max={100} value={volume} onChange={(e) => (callback(e.target.value))} />
</div>
);
} No newline at end of file

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

newline

Comment thread src/DialKnob.tsx
// import { useEffect, useState } from "react";

export default function DialKnob( {volume, callback}) {
// actually want this to be a knob not a slider

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

a not uncommon desire

Comment thread src/Player.tsx
/>
);
}
} No newline at end of file

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

newline

Comment thread src/Schedule.tsx
const Channel = ({ title, now }: ChannelProps) => {
console.log(title, now, typeof title);
const Channel = ({ title, now, volume }: ChannelProps) => {
// console.log(title, now, typeof title);

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

delete?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants