Блог

Я пытаюсь создать сайт, подобный Office 365 PowerPoint. Я начал использовать React konva. Я застрял при добавлении аудиофайла на сцену konva с новым слоем. Я много искал, но не нашел решения. Я должен иметь возможность добавлять аудиофайл и регулировать его громкость.

Вам это не нужно react-konva . react-konva может использоваться для визуализации вашей страницы.

Для звука вы можете просто создать <audio /> элемент вне canvas <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} />;
};