简介
你是否曾经想在前端中添加音频文件的 ID3 标签呢？如果是的话，那么 @mattbasta/browser-id3-writer 这个 npm 包就是你需要的。
这个包是专为浏览器而设计的，完全使用 JavaScript 实现 ID3 写入器。简单易用，有非常大的指导意义。
安装
要使用 @mattbasta/browser-id3-writer 这个包，你需要先安装它。
你可以使用 npm 来进行安装：
--- ------- -----------------------------
或者你可以在 HTML 文件中直接使用 unpkg CDN：
------- ---------------------------------------------------------------
使用指南
使用 @mattbasta/browser-id3-writer 前，你需要先准备好音频文件和其对应的 ID3 标签信息。然后，就可以按照下面的指南来使用它了。
初次使用
在使用 @mattbasta/browser-id3-writer 前，请先引入这个包：
------ --------- ---- --------------------------------
创建一个新的 ID3Writer 实例
----- ------ - --- ----------------
其中，file 是一个已经存在的 AudioBuffer，如果你还没有它，请先创建一个。
写入 ID3 标签
----------------------- ----------- ----------------
其中，setFrame 方法用于写入具体的 ID3 标签。第一个参数是标签的名称，比如 TIT2 就是标题。第二个参数是具体的内容。
addTag 方法用于将标签写入到音频文件中。
获取已写入的 ID3 标签
----- ---- - -----------------
其中，getBlob 方法用于获取已写入的 ID3 标签。
示例代码
------ --------- ---- --------------------------------
-- -- ----- ----
----- ---------- - ---------------------------------------
-- ---- ---------- ----------------- --
----- ------ - --- -------------
----------------------------------------
---------------- - -- -- -
----- ----------- - --- --------------------------
--- -
-- -- --------- --
----- ------ - --- -----------------------
-- -- --- --
----------------------- -----------
----------------
-- ----- --- --
----- ---- - -----------------
-- ---------
----- - - ----------------------------
-----------------------------
------- - --------- ------
----- --- - ---------------------------------
------ - ----
---------- - ---------------------
----------
--------------------------------
- ----- --- -
-----------------
-
--总结
在本文中，我们介绍了 @mattbasta/browser-id3-writer 这个 npm 包的使用教程。我们了解了这个包的特点、安装方法以及使用指南。同时，我们还提供了示例代码来演示如何使用这个包。
总的来说，这个包非常方便、易用，对于需要前端写入 ID3 标签的人来说，是一款非常好的工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005695c81e8991b448e4d12