реагировать js воспроизведение локального файла MP3

Question

Разработка приложения reactJS -with-Electron здесь. Я пытаюсь воспроизвести локальный файл MP3 musi c с редуктора redux (потому что musi c должен воспроизводить несколько страниц).

Код похож на

 const filePath = '../../resources/sound.mp3';
 const newMusicRef = new Audio();
 newMusicRef.loop = true;
 newMusicRef.play().then(()=>{});

Но при запуске приложение просматривает базовый путь как абсолютный путь приложения (/ home / user / ..), а не относительный путь. Я получаю файл, который не найден.

Затем я попытался использовать

import sound from '../../resources/sound.mp3';

Я получил ошибку как

client:159 ./app/resources/sounds/sound.mp3 1:3
Module parse failed: Unexpected character '' (1:3)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

Как я могу получить любую из этих работ, чтобы воспроизвести этот локальный файл?

Answer 1

вы можете сделать вот так. вставьте свой путь в звуковую переменную. это запущенный пример, вы можете попробовать это.

const sound = 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3';

function About() {
  const [audio] = useState(new Audio(sound));

  /*
   * STOP AUDIO
   */
  const stopAudio = () => {
    audio.pause();
  };

  /*
   * PLAY AUDIO ON HOVER
   */
  const playAudio = () => {
    audio.play();
  };

  return (
    <span onMouseEnter={() => playAudio()} onMouseLeave={() => stopAudio()}>
      audio
    </span>
  );
}