Question

我正在开发一个项目，用户必须为其记录一些内容，然后他可以选择收听。

我从npmjs.com安装了react-mic：

https://www.npmjs.com/package/react-mic

在上面的链接中，他们分享了一个演示： https://hackingbeauty.github.io/react-mic/

该演示可以选择录制，停止并最终播放您的记录。

我设法实现了“开始”和“停止”按钮，录音似乎工作正常，但我不明白两件事：

该记录保存在哪里？
按下“停止”按钮后，控制台中将出现一个blobURL。我假设记录已保存到该Blob，但是我如何到达它呢？复制粘贴blobURL无效。

我的代码看起来完全像他们在npmjs.com中的建议

    startRecording = () => {
      this.setState({record: true});
    }
    stopRecording = () => {
      this.setState({record: false});
    }
    onData(recordedBlob) {
      console.log('chunk of real-time data is: ', recordedBlob);
    }

    onStop(recordedBlob) {
      console.log('recordedBlob is: ', recordedBlob);
    }


    render(){
       return(
         <div>
         <ReactMic
                record = {this.state.record}
                className = "sound-wave"
                onStop = {this.onStop}
                onData = {this.onData}
                strokeColor="#009900"
                backgroundColor="#FF8990"/><br/>
              <button onClick = {this.startRecording}>start</button>
              <button onClick = {this.stopRecording}>stop</button>  
              <MusicPlayer playlist = {SongChallenge}/> </div>
     )
    }

谢谢。

无法弄清楚如何使用React播放唱片-Mic

0 个答案: