npm 包 abletonlink-redux 使用教程

阅读时长 5 分钟读完

介绍

abletonlink-redux 是一个基于 Redux 的接口库,用于实现将 Ableton Link 与 Redux 应用程序相集成。它提供了一组简单的 API,帮助开发者将 Ableton Link 与 Redux 状态管理结合使用,更好的实现音频同步功能。

安装

要使用此 npm 包,您需要先安装 Redux。

然后安装abletonlink-redux:

快速入门

以下是一个简单的使用 abletonlink-redux 的例子,订阅 Ableton Link BPM 属性,将其存储到 Redux 中,并在视图层应用此 BPM。

-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ ------------------- -
  --------------------
  ---------------
  ----------------
  -----------------
- ---- -------------------

----- ----- - ----------------------------- ------------ ------------------ ---

----- --- - -- -- -
  ------ -
    -------------------- --------------
      ----------------
        ---- -- ---------------
      -----------------
    ----------------------
  --
-

-------------------- --- ---------------------------------

高级使用

接下来,我们将深入探讨 abletonlink-redux 提供的功能,并介绍其中的一些高级用法。

AbletonLinkBPM

AbletonLinkBPM 是从 Ableton Link 获取 BPM 的最简单方法,它通过渲染一个组件并从该组件的 children 函数中获取 BPM 来实现。以下是一个简单的示例。

-- -------------------- ---- -------
----- --- - -- -- -
  ------ -
    ----------------
      ---- -- ---------------
    -----------------
  --
-

-------------------- --- ---------------------------------

AbletonLinkTime

AbletonLinkTime 提供了一种获取 Ableton Link 时钟时间的方法。它使应用程序能够更准确地将其渲染时间与其他应用程序同步。以下是一个简单的例子。

-- -------------------- ---- -------
----- --- - -- -- -
  ------ -
    -----------------
      ----- -- ----------------
    ------------------
  --
-

-------------------- --- ---------------------------------

AbletonLinkPhase

AbletonLinkPhase 提供了一种获取 Ableton Link 音轨时间的方法。它可以帮助应用程序在不同的 BPM 下播放和同步音轨。以下是一个示例。

-- -------------------- ---- -------
----- --- - -- -- -
  ------ -
    ------------------
      ------ -- -----------------
    -------------------
  --
-

-------------------- --- ---------------------------------

AbletonLinkProvider

AbletonLinkProvider 是一个组件,允许应用程序从 Redux 存储中检索 Ableton Link 数据。它接收一个 store 属性,该属性允许 AbletonLinkReducer 与应用程序的 Redux 存储进行交互。以下是一个详细的示例。

-- -------------------- ---- -------
----- ----- - ----------------------------- ------------ ------------------ ---

----- --- - -- -- -
  ------ -
    -------------------- --------------
      ----------------
        ---- -- ---------------
      -----------------
    ----------------------
  --
-

-------------------- --- ---------------------------------

结论

abletonlink-redux 是一个非常有用的库,它提供了有效的接口,帮助开发人员在 Redux 应用程序中集成 Ableton Link。我们介绍了其基础用法以及高级示例,希望能够帮助您更好的使用该库。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056cd881e8991b448e67cf

纠错
反馈