Как играть в WAV (загружается с URL) в React / HTML5? - PullRequest
Новая
       14

Как играть в WAV (загружается с URL) в React / HTML5?

0 голосов
/ 17 июня 2019

Я хочу включить аудиоплеер, который воспроизводит wav-файл, загруженный с URL-адреса в компоненте React. Хотя это должно работать прямо с элементом HTML5 <audio>, я не могу заставить его играть (я просто вижу элементы управления).

Я пытался играть в .mp3 с тем же кодом, который работает. Я проверил в Chrome и Safari, которые должны поддерживать .wav - он не работает ни в одном из них. Я попытался заменить элемент <audio> на реагирующий аудио-плеер , реактивный плеер и реагирующий звук - ни один из них не работает. Когда я открываю URL, звук загружается как вложение. 

    render() {

        const wavUrl = config.fileServer+this.props.values.id+".wav";

        return (
            <audio controls>
                <source src={wavUrl} type="audio/wav" />
                Your browser does not support the audio element.
            </audio>
        );
    }

Я ожидаю увидеть аудиоконтроллер, который начинает воспроизводить звук при нажатии кнопки воспроизведения. Вместо этого я вижу аудиоконтроллер, который ничего не делает, когда я нажимаю кнопку воспроизведения, и утверждает, что аудиофайл имеет длину 0 секунд. Я проверил URL-адрес - это правильно, если я вставлю его в качестве URL-адреса непосредственно в браузере.

1 Ответ

0 голосов
/ 17 июня 2019

Если вы используете create-react-app, вам нужно импортировать аудиофайл. 

import wavUrl from './path/to/file';

// ... rest of code here
...