react-audio-light/src/useAudioPlayer/useAudioPlayer.js

Lightweight React Audio hooks library for Recording and Playing Audio based on MediaStream Recording API

import { useEffect, useState } from 'react';

const useAudioPlayer = (audioBlob) => {
  const [audio, setAudio] = useState(null);

  useEffect(() => {
    if (audioBlob) {
      const audioUrl = URL.createObjectURL(audioBlob);
      setAudio(new Audio(audioUrl));
    }
  }, [audioBlob]);

  const playAudio = () => {
    if (audio) {
      audio.play();
    }
  };

  const stopAudio = () => {
    if (audio) {
      audio.pause();
      audio.currentTime = 0;
    }
  };

  return {
    audio,
    playAudio,
    stopAudio,
  };
};

export default useAudioPlayer;