Как добавить аудиофайл в React konva?

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


konvajs react-konva konvajs-reactjs
person Nabin Shrestha    schedule 03.11.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Для этого вам не нужен 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} />;
};
person lavrton    schedule 04.11.2020