npm 包 midijssf-timgm6mb-pmb 使用教程

midijssf-timgm6mb-pmb 是一个 npm 包,提供了 MIDI JS 格式的音乐文件播放器,使用的是 TimGM6mb 乐器音源,可以直接在前端项目中引入使用。

安装

使用 npm 安装 midijssf-timgm6mb-pmb:

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

引入

在需要使用的地方引入 MIDIPlayer 类和解析 MIDI JS 文件的函数:

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

使用

解析 MIDI JS 文件

使用 loadRemote 函数解析远程 MIDI JS 文件:

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

也可以使用直接从字符串解析 MIDI JS 文件:

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

播放控制

可通过 player 控制播放:

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

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

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

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

事件监听

使用 on 和 off 方法监听播放事件:

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

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

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

配置选项

也可在创建 player 实例时传入配置选项:

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

选项列表:

  • loop - 是否循环播放,默认为 false

示例代码

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

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

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

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

意义和总结

midijssf-timgm6mb-pmb 可以使前端项目更方便地播放 MIDI JS 格式的音乐文件,提高用户体验。同时,它也提供了一种优秀的扩展和学习路径,鼓励各类前端开发者将其应用于自己的项目之中,以提高自身技能水平,更好地服务于用户需求。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005626a81e8991b448dfb41


猜你喜欢

  • npm 包 robin-ng-gen 使用教程

    npm 是一款流行的包管理器,它提供了一种方便的方式来管理和共享 JavaScript 包和工具。在前端开发中,我们总是需要使用各种工具和框架,npm 帮助我们轻松管理这些依赖关系。

    3 年前
  • npm 包 smoke-calc 使用教程

    在前端开发的过程中,我们可能会遇到需要进行烟草价格计算的需求,这时候我们可以使用 npm 包 smoke-calc 来帮助我们快速进行烟草价格计算。在本篇文章中,我们将详细介绍 smoke-calc ...

    3 年前
  • npm 包 @euribe/platzom 使用教程

    简介 @euribe/platzom 是一个用于转换西班牙语单词的 npm 包,其主要目的是将西班牙语单词进行简单的转换,从而使其更易于阅读和理解。 安装 你可以通过 npm 来安装 @euribe/...

    3 年前
  • npm包Arcon的使用教程

    Arcon是一个基于WebRTC技术的多媒体通信库,可以用于Web应用和移动应用开发中的音视频通讯部分。使用Arcon可以快速简单地搭建音视频通讯功能,它支持点对点、多人会议、屏幕共享等多种场景。

    3 年前
  • npm 包 bst-js 使用教程

    简介 在前端开发中,BST(Binary Search Tree,二叉搜索树)被广泛应用于数据搜索、排序等场景。而 bst-js 就是一个专为前端开发者开发的 npm 包,用于创建、搜索、删除二叉搜索...

    3 年前
  • npm 包 express-formidable2 使用教程

    在前端开发中,很多时候都需要处理表单上传的文件,而 express-formidable2 就是一个非常方便的 npm 包,可以帮助我们在 Express.js 中处理表单上传的文件。

    3 年前
  • npm 包 koa-opx 使用教程

    作为一位前端开发者,我们经常需要使用一些npm包来处理一些特定的需求。其中,koa-opx就是一个非常好用的npm包,它是基于koa开发的,可以帮助我们更加方便快捷地进行前端开发。

    3 年前
  • npm 包 message-suite-fisherman 使用教程

    简介 message-suite-fisherman 是一个优秀的 npm 包,提供了方便快捷的消息通知功能,支持多种消息形式,可以在前端项目中广泛使用。它的使用不仅可以简化前端开发中的消息通知功能的...

    3 年前
  • npm 包 node-red-contrib-redmond 使用教程

    Node-RED 是一种流程编程工具,可以通过拖放组件来构建 IoT 应用程序。它使用 Node.js 运行时,并提供了一个基于浏览器的编辑器,允许您创建和编辑流程。

    3 年前
  • npm 包 @async-generators/first 使用教程

    前言 @async-generators/first 是一个用于处理异步生成器的 npm 包,它为 JavaScript 中的异步编程提供了方便和可维护性。本文将介绍如何安装和使用该包,并通过示例来演...

    3 年前
  • npm 包 @async-generators/last 使用教程

    在前端开发中,我们经常需要对异步生成器中的最后一个值进行处理。这时候,我们可以使用 npm 包 @async-generators/last 来非常方便地处理这个问题。

    3 年前
  • npm 包 @wmhilton/beautify 使用教程

    前端开发人员经常会遇到代码混乱不堪、难以维护的情况。代码美化工具可以帮助我们将代码格式化,使其更易于阅读和理解。在此,我们将介绍一种优秀的 npm 包 @wmhilton/beautify(以下简称“...

    3 年前
  • npm包 colby-wp-react-vimeo-player 使用教程

    简介 colby-wp-react-vimeo-player 是一个基于 React.js 框架的 Vimeo 视频播放器组件,可以方便地在网页中播放 Vimeo 视频。

    3 年前
  • NPM 包 docker-service-ls 使用教程

    随着 Docker 技术的普及,使用 Docker 部署应用程序已经成为了一种重要的方式。然而,在生产环境中 Deploy 和 Scale Docker 容器的管理是一个非常复杂的任务。

    3 年前
  • npm 包 markdown-2-html-pro 使用教程

    在前端开发中,我们常常需要将 Markdown 格式的文本转换为 HTML 格式以便网页进行展示。这时候,可以使用一个非常好用的 npm 包:markdown-2-html-pro。

    3 年前
  • npm 包 postcss-galen-color-variables 使用教程

    前言 在 Web 开发中,经常会涉及到各种样式定义和颜色变量,如果每次都要手动修改样式表,会浪费大量时间和精力。而 postcss-galen-color-variables 这个 npm 包可以更高...

    3 年前
  • npm 包 serverless-dynamodb-autoscaling 的使用教程

    前言 随着云计算技术和 serverless 架构的兴起,AWS 被越来越多的公司使用,其中 DynamoDB 作为一款服务器无需管理的 NoSql 数据库成为了 AWS 用户中的热门选择。

    3 年前
  • npm 包 svelte-twitter-widgets 使用教程

    前言 在网页开发中,社交媒体的重要性越来越高,使用社交媒体的API能够大大提高网站的吸引力和用户体验。 本文将介绍如何使用npm包svelte-twitter-widgets,这个包提供了嵌入推特内容...

    3 年前
  • npm 包 umlfsm 使用教程

    在前端开发中,使用 UML 状态机可以帮助我们更好地组织和管理业务逻辑。而 npm 包 umlfsm 提供了一种简单便捷的方式来创建、模拟和测试状态机。 本文将介绍 umlfsm 的使用教程,并包含深...

    3 年前
  • npm 包 @async-generators/to-array 使用教程

    前言 在前端开发中,我们经常需要使用异步生成器来处理数据流。这个过程中,我们很容易遇到将异步生成器转换为数组的需求。幸运的是,在 npm 上有一个很方便的包:@async-generators/to-...

    3 年前

相关推荐

    暂无文章