npm 包 kurento-client-elements 使用教程

阅读时长 7 分钟读完

简介

kurento-client-elements 是一个基于 kurento-client-js 封装的 npm 包,提供了一系列的组件,可以帮助我们更轻松地使用 Kurento Media Server 进行音视频开发。

安装

使用 npm 安装 kurento-client-elements:

使用

创建媒体管道

首先,我们需要创建一个媒体管道:

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

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

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

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

创建音频录制器

接下来,我们需要使用 RecordRTC 和 ffmpeg 作为依赖来创建音频录制器:

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

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

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

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

创建视频录制器

我们也可以使用 RecordRTC 和 ffmpeg 创建视频录制器:

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

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

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

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

创建播放组件

我们还可以使用 video.js 和 hls.js 创建一个能够播放录制的音视频流的播放组件:

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

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

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

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

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

示例代码

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

kurento-client-elements 给我们带来了很大的便利,它可以减轻我们在音视频开发中的负担。本文我们介绍了它的基本使用方法,希望对大家在使用 kurento 时有所帮助。

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