React中的实时声波动画

时间:2019-02-28 22:25:22

标签: css reactjs html5-canvas

我正在探索允许我在React应用程序中制作声波动画的选项。一个示例就像iOS上的Siri动画一样,当您讲话时,Siri会显示一个对您的讲话音量有反应的声波。

使用网络技术可以做到吗?我正在考虑是否可以获取有关用户当前音量的参数,也许可以更新React Component状态,这将更改一些CSS转换值。但是,我不确定这会给我带来流畅的动画效果(以Siri为例,当您开始讲话时,声波会平滑地变为活动状态,当您结束讲话时,声波会逐渐平缓下来)。

请就我应该采用哪种方法提出一些建议。我必须使用html5 <canvas>吗?

0 个答案:

没有答案
相关问题