首页音量旋钮,不允许用户主动调节音量

This commit is contained in:
eafonyang
2026-07-23 17:40:25 +08:00
parent 1b572fe07e
commit 9037224a32
+3 -13
View File
@@ -609,25 +609,15 @@ export default function Home() {
{/* Right knob */}
<div className={cn("pr-4", volumePassthroughActive && "opacity-40 pointer-events-none")}>
<div
className="w-12 h-12 rounded-full flex items-center justify-center touch-none select-none"
className="w-12 h-12 rounded-full flex items-center justify-center select-none pointer-events-none"
style={{
background: "radial-gradient(circle at 35% 35%, #4a4a4e, #1a1a1c)",
border: "2px solid rgba(255,255,255,0.12)",
boxShadow: "inset 0 2px 4px rgba(0,0,0,0.5)",
transform: `rotate(${knobAngle}deg)`,
transition: knobDraggingRef.current ? "none" : "transform 120ms ease-out",
transition: "transform 120ms ease-out",
}}
role="slider"
aria-label="Volume"
aria-valuemin={0}
aria-valuemax={200}
aria-valuenow={localVol}
aria-disabled={volumePassthroughActive}
onPointerDown={beginKnobDrag}
onPointerMove={moveKnobDrag}
onPointerUp={endKnobDrag}
onPointerCancel={endKnobDrag}
onLostPointerCapture={lostKnobPointerCapture}
aria-hidden="true"
>
<div className="w-1 h-4 rounded-full bg-white/40" style={{ transform: "rotate(-30deg)", transformOrigin: "bottom center" }} />
</div>