React WebRTC视频/音频元素音量控制

如何解决React WebRTC视频/音频元素音量控制

我正在尝试使用材质UI滑块在React中控制视频流的音量。我已经尝试过下面的代码，但似乎无法弄清楚如何控制流的音量。有人有建议吗？

const Video = (props) => {
const ref = useRef();
const [volumeSignal,setVolumeSignal] = useState(0);

useEffect(() => {
    props.peer.on("stream",stream => {
        ref.current.srcObject = stream;
    })
},[]);

const handleChange = (e,value ) => {
    console.log("Volume is: " + value)
    setVolumeSignal(value)
}
return (
    <div>
    <StyledVideo playsInline autoplay ref={ref} volume={volumeSignal}/>
        <div style={{width: 300,margin: 30}}>
        <Slider max={1} min={0} step={0.1} onChange={handleChange}/>
        </div>
    </div>
);

}