简体繁体 English

React-Native 音频波形编辑器

[英]React-Native Audio Waveform editor

原文 2019-09-24 12:13:54 8 1 reactjs/ react-native/ audio/ waveform/ react-native-sound

I am planning to build an audio editor app with react-native.我打算用 react-native 构建一个音频编辑器应用程序。 The functionalities include having a textbox where user can provide the URL for any audio file.功能包括有一个文本框，用户可以在其中为任何音频文件提供 URL。 Once the file is loaded on the UI, it will be played with a Waveform UI.一旦文件在 UI 上加载，它将使用 Waveform UI 播放。 User can select the start and endpoints of the audio by moving the slider on the waveform and once it's fixed, the app will get the start-time and end-time of the selected waveform, which will be then sent to the backend to cut the audio(probably using FFmpeg library).用户可以通过在波形上移动 slider 来 select 音频的起点和终点，一旦固定，应用程序将获取所选波形的开始时间和结束时间，然后将其发送到后端进行剪切音频（可能使用 FFmpeg 库）。 I need but can't seem to find any react-native library that allows the user to interact with the waveform.我需要但似乎找不到任何允许用户与波形交互的 react-native 库。 The UI can be somewhat similar to: UI 可能有点类似于：

1 个解决方案

I don't believe that there is one that allows users to interact with the waveform out of the box.我不相信有一种可以让用户与开箱即用的波形进行交互。

You could use react-native-audiowaveform to show the waveform, and then capture the user's touches.您可以使用react-native-audiowaveform来显示波形，然后捕获用户的触摸。