React-native-audio-recorder-player не воспроизводит звук, записываемый из Интернета

Я использую реагирующий-родной-аудио-рекордер-плеер и использую

const playAudio = useCallback(async audio => {
    try {
      const bro = await audioRecorderPlayer.startPlayer(
       audio
      );
      console.info(bro, 'has prob');
      await audioRecorderPlayer.setVolume(1.0);

      await audioRecorderPlayer.addPlayBackListener(async e => {
        if (e.currentPosition === e.duration) {
          console.error((e.currentPosition === e.duration).toString());
          await audioRecorderPlayer.stopPlayer();
          await audioRecorderPlayer.removePlayBackListener();

          dispatch(stop());

          dispatch(setCurrentPosSec(0));
          dispatch(setCurrentDurationSec(0));
          dispatch(setPlayTime('00:00:00'));
          dispatch(setDuration(audioRecorderPlayer.mmssss(0)));
          return;
        }
        dispatch(setCurrentPosSec(e.currentPosition));
        dispatch(setCurrentDurationSec(e.duration));
        dispatch(
          setPlayTime(
            audioRecorderPlayer.mmssss(Math.floor(e.currentPosition)),
          ),
        );
        dispatch(
          setDuration(audioRecorderPlayer.mmssss(Math.floor(e.duration))),
        );
      });
    } catch (err) {
      console.info('net', err);
      dispatch(stop());
    }
  }, []);

он работает нормально, когда мы записываем из React Native, но проблема возникает, когда я пытаюсь воспроизвести звук, который записывается из Интернета, с помощью React, однако звук работает нормально в приложении React, которое записывается через сам Интернет, но в React Native приложение оно не работает.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
129
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

После тщательного исследования я нашел решение проблемы, когда React Native Audio Recorder Player не воспроизводит записанный звук из Интернета. Использование https://github.com/yusitnikov/fix-webm-duration эффективно решило проблему. Этот репозиторий предоставил необходимое исправление, обеспечивающее плавное воспроизведение записанного звука в среде React Native.

Другие вопросы по теме