Question

我想用reactjs播放音频，并且src来自数据库并动态更改src。
这样一来，我可以播放导入的音频，但如果不导入，则会收到错误消息：

HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://localhost:3000/audio-lib/soundTest.mp3 failed.

我该如何替换： state = {audioSrc：soundTest}; 通过类似这样的方法： state = {audioSrc：“ ../audio-lib/soundTest.mp3”} ;

此代码有效，但我想删除导入：

// I don't want this import
import soundTest from "../audio-lib/soundTest.mp3"
...
 state = { audioSrc: soundTest};
...
  render () {
        return(
            <audio
                controls
                ref={ ref => this.player = ref} >
                <source src={this.state.audioSrc} type="audio/mp3"/>
            </audio>        
        );
    }

Answer 1

为解决此问题，我使用了react-sound程序包。使用此组件，可以很容易地从作为道具传递的网址中加载声音。 npm doc： https://www.npmjs.com/package/react-sound

播放来自未导入的src

1 个答案: