如果你是前端开发者,并且需要处理和展示音乐相关的数据,那么你可能需要调用 MusicBrainz 这个音乐元数据库提供的数据。而 MusicBrainz-Augmentation 就是一个可以帮助你处理 MusicBrainz 数据的 NPM 包。本文将详细介绍使用 MusicBrainz-Augmentation 的方法。
MusicBrainz-Augmentation 简介
MusicBrainz-Augmentation 是一个基于 MusicBrainz 的 NPM 包,可以帮助前端开发者在项目中使用 MusicBrainz 数据,使得展示音乐相关数据变得更加容易。MusicBrainz-Augmentation 已经被广泛使用,在 Github 上已经有大量的贡献者。
安装 MusicBrainz-Augmentation
使用 NPM 安装 MusicBrainz-Augmentation 可以很容易地完成:
npm install musicbrainz-augmentation
使用 MusicBrainz-Augmentation
在使用 MusicBrainz-Augmentation 之前,你需要获得一个 MusicBrainz Api 的 Client ID。这个 ID 将被用来访问 MusicBrainz 数据库。在获取 Client ID 之后,你需要在你的代码中添加以下代码:
const MusicBrainzApi = require('musicbrainz-api'); const musicBrainz = new MusicBrainzApi({ appName: 'your-app-name', appVersion: 'your-app-version', contactInfo: 'your-contact-info', clientId: 'your-client-id' });
接下来,你需要准备一个 MusicBrainz ID,这个 ID 对应着你想要获取的音乐相关的数据。用 MusicBrainz-Augmentation 的 fetchMusicData()
函数可以获取数据,参数是 MusicBrainz ID 和一个回调函数:
-- -------------------- ---- ------- ----- ----------------------- - ------------------------------------ ----- ---- - --------------------------------------- -- ------- - ----------- --- -------------------------------------------- ----- ----- -- - -- ----- - --------------------- --------- ------- - ------------------ ---
执行以上代码,将可以获取到一个 JSON 格式的 MusicBrainz 数据对象。
MusicBrainz 数据的处理
在拿到 MusicBrainz 数据对象之后,你可能需要对数据进行一些处理,例如:
曲目的名字与时长
const trackNames = data.recordings.map(r => r.title); console.log(trackNames); // ['Drive My Car', 'Norwegian Wood (This Bird Has Flown)', 'You Won’t See Me', ...] const trackDurations = data.recordings.map(r => r.length / 1000); console.log(trackDurations); // [140.626, 121.733, 198.986, ...]
每个专辑的发行时间和唱片公司
-- -------------------- ---- ------- ----- --------- - ------------------- -- - ------ - ------ -------- ----- ------- ------ ------------- -- ------------------------------- -------------- ------------- -- -------------------------------- - --- -----------------------
结论
通过 MusicBrainz-Augmentation 这个 NPM 包,我们可以很容易地获取到 MusicBrainz 官方提供的音乐数据,并且可以对这些数据进行处理,使前端开发者可以更加高效地开发音乐相关的应用。如果你还没有使用过 MusicBrainz-Augmentation,赶紧尝试一下吧!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6006737c890c4f727758416c