konvajs - 如何将音频文件添加到 React konva？

Question

我正在尝试制作像 office 365 PowerPoint 这样的网站。我开始使用 React konva。我被困在使用新图层将音频文件添加到 konva 舞台上。我搜索了很多但找不到解决方案。我应该能够添加音频文件并调整其音量。

Answer 1

你不需要react-konva那个。react-konva可用于可视化您的页面。

对于声音，您可以<audio />在画布之外创建元素<Stage/>并控制其音量。

const Audio = ({ src, isPlaying }) => {
  const audioRef = React.useRef(null);

  React.useEffect(() => {
    if (isPlaying) {
      audioRef.current.play();
    } else {
      audioRef.current.pause();
    }
  });

  return <audio src={src} ref={audioRef} />;
};