如何使用 React Native App 录制音频和视频(没有 Expo)

Posted

技术标签:

【中文标题】如何使用 React Native App 录制音频和视频(没有 Expo)【英文标题】:How to Record Audio and Video using React Native App (Without Expo) 【发布时间】:2019-03-20 09:08:18 【问题描述】:

有没有办法在 React Native 中创建 App,可用于录制音频和视频并使用 App 在 androidios 设备上保存相同的文件?

请帮助我,因为我被困住了。 谢谢。

【问题讨论】:

有很多库可以做到这一点,但如果您提供有关该问题的一些具体信息将会很有帮助。 【参考方案1】:

我猜你可以使用 React Native 社区维护的 3 个库。 react-native-camera(用于录制视频) react-native-video(用于播放视频) react-native-audio-toolkit(用于录制和播放音频)

录制音频

    import 
      Recorder,
     from 'react-native-audio-toolkit';

    // function to start recorder
    this.recorder = new Recorder(‘filename.mp4’).record();

要录制视频并播放,medium 中有一篇非常好的博文

https://medium.com/react-native-training/uploading-videos-from-react-native-c79f520b9ae1

更多示例,请查看每个库的 github 页面中的示例

https://github.com/react-native-community/react-native-camera

https://github.com/react-native-community/react-native-video

https://github.com/react-native-community/react-native-audio-toolkit

【讨论】:

以上是关于如何使用 React Native App 录制音频和视频(没有 Expo)的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 react-native-camera 录制视频

如何让音频在 React 中更流畅地循环播放?

第六篇 native 版本的Postman如何通过代理服务器录制Web及手机APP请求

WebRTC Native M96 SDK接口封装--本地音频录制(纯音频)startAudioRecording开始客户端录音

WebRTC Native M96 SDK接口封装--本地音频录制(纯音频)startAudioRecording开始客户端录音

WebRTC Native M96 SDK接口封装--本地音频录制(纯音频)startAudioRecording开始客户端录音