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

编程问答 2022-06-04

问题描述

我正在尝试使用材质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>
);

}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

reactjsreactjsreactjsreactjsvideovideovideo-streamingwebrtcwebrtcwebrtc