jummbox：在线编曲与分享工具

jummbox：在线编曲与分享工具

jummbox An online tool for sketching and sharing instrumental melodies. 项目地址: https://gitcode.com/gh_mirrors/ju/jummbox

项目介绍

JummBox 是一款在线工具，专为创作和分享器乐音乐而设计。用户可以访问 jummbus.bitbucket.io 体验这款工具。JummBox 是对原始 BeepBox 的改进版本，致力于提升用户体验和易用性。

该项目的核心特色在于，所有歌曲数据都封装在浏览器顶部的 URL 中。当用户对歌曲进行修改时，URL 也会相应更新，以反映这些变化。当用户对自己的作品满意时，只需复制并粘贴该 URL，即可保存和分享歌曲。

JummBox 和 BeepBox 一样，都是出于热情而创作的项目，并且将始终免费提供。如果用户觉得这个项目有价值并且有能力，可以通过 PayPal 支持原始创作者 John Nesky。

项目技术分析

JummBox 的编译过程与 BeepBox 类似。它的源代码遵循 MIT 许可，采用 TypeScript 编写，需要安装 Node.js 和 npm。编译项目的方法如下：

git clone https://github.com/jummbus/jummbox.git
cd jummbox
npm install
npm run build

与 BeepBox 不同的是，JummBox 引入了额外的依赖项：而不是使用默认的 HTML 选择器实现，它采用了自定义库 select2。select2 明确依赖于 jQuery，因此可能需要手动安装以下依赖项：

npm install select2
npm install @types/select2
npm install @types/jquery

项目及技术应用场景

JummBox 的代码结构分为几个文件夹，与 BeepBox 完全相同。以下是各个文件夹的用途：

• synth/：包含播放 JummBox 歌曲所需的代码，可以用于自己的项目，如网页游戏。
• editor/：包含用于显示在线歌曲编辑器界面的额外代码。
• player/：包含一个迷你歌曲播放器界面，可用于嵌入其他网站。
• website/：包含用于查看界面的 index.html 文件。

此外，JummBox 通过 jsdelivr 提供了一个间接的、可选的依赖项 lamejs，用于导出 .mp3 文件。当用户尝试导出 .mp3 文件时，JummBox 会指导浏览器按需下载该依赖项。

项目特点

1. 易用性：JummBox 的设计重点在于简化操作流程，让用户能够轻松创作和分享音乐。
2. 数据封装：通过 URL 封装歌曲数据，方便用户在创作过程中实时保存和分享。
3. 可扩展性：JummBox 的代码结构清晰，便于开发者在此基础上进行扩展和二次开发。
4. 跨平台兼容：JummBox 作为在线工具，不依赖特定平台，可在任何支持现代浏览器的设备上使用。

结语

JummBox 作为一款在线编曲与分享工具，以其易用性、灵活性和开放性吸引了众多音乐创作者。它的设计理念和功能特色使其在众多音乐创作工具中脱颖而出，成为音乐创作者的得力助手。无论您是专业音乐人还是业余爱好者，JummBox 都能为您提供便捷的音乐创作体验。快来体验 JummBox，开启您的音乐创作之旅吧！

jummbox An online tool for sketching and sharing instrumental melodies. 项目地址: https://gitcode.com/gh_mirrors/ju/jummbox