【问题标题】:React Native Audio VisualizationReact Native 音频可视化
【发布时间】:2016-01-16 15:36:57
【问题描述】:

所以我使用react-native-audio 包来播放预加载的音频文件并捕获用户录制的音频。我想做的是将音频转换为某种数据以进行可视化和分析。 Web 似乎有多种选择,但在这个方向上没有太多选择,专门针对 React Native。我将如何实现这一目标?谢谢。

【问题讨论】:

  • 你可以看看 react-sparklines。它是一个 react-package 但它也可能适用于 react-native,因为它似乎不使用任何核心节点模块
  • 然而,react-sparklines 假定一组数据。不知道如何从 RN 中保存的 .mp3 或 .caf 文件中获取原始数值数据
  • 在寻找这个功能时,我发现了 EZAudio github.com/syedhali/EZAudio,它有很好的可视化效果,特别是用 OpenGL 制作的“EZAudioOpenGLWaveformExample”,所以我认为可以用 github.com/ProjectSeptemberInc/gl-react-native 复制,并包装成 react- native-wave-plot 组件,我怀疑它会比 react-sparklines 更加流畅。
  • @alfonsodev 谢谢,这真的很有趣。我不是一个客观的 C / Swift 人,所以在 React Native 社区中有一些例子会很棒。似乎有很多选择,但对于那些不熟悉 Swift 的人来说,目前还没有明确的路径。
  • 目前正在尝试链接node-waveform npm 包,但发现也很困难:/

标签: audio core-audio data-visualization react-native


【解决方案1】:

我刚刚看到这篇文章,我正在构建一个 React Native Waveform 可视化器,仍然在 android 端工作,但它在 iOS 端工作。

几乎是来自WaveForm on IOS 的端口,使用Igor Shubin 的解决方案。

非常欢迎您在https://github.com/juananime/react-native-audiowaveform查看代码

  1. 立即尝试:

    npm react-native-audiowaveform --save
    

干杯!

【讨论】:

  • 更新:IOS和Android工作波形可视化和回放。
  • 如果我在使用 expo 并且无法访问 android/app/src/main/java/[...]/MainActivity.java 和入门所需的 XCode 位怎么办?
  • 这个支持podsec吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-06-11
  • 2021-09-23
  • 2022-11-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多