【源码】基于Vue和Tone.js的自由钢琴应用

项目简介

自由钢琴（AutoPiano）是一个利用HTML5技术开发的在线钢琴应用。它为钢琴爱好者、音乐爱好者和创造者提供了一个优雅、简洁的平台，让用户在学习工作之余享受钢琴与音乐的美好。该项目类似多年前Flash开发的钢琴游戏，采用H5技术，并且支持钢琴曲的自动播放功能。

项目的主要特性和功能

1. 多种演奏方式：支持通过键盘按键和鼠标点击进行播放，琴键上有按键和音名提示。
2. 教学功能：包含“快速入门”，可依据简易谱子按键演奏；“演奏示例”，通过钢琴曲自动播放演示，这两个功能正在持续完善中。

安装使用步骤

假设用户已经下载了本项目的源码文件，可按以下步骤操作： 1. 进入项目目录：cd AutoPiano 2. 安装依赖：可选择 cnpm install 或 npm install 或 yarn install 3. 开发模式：运行 cnpm run dev，然后在浏览器访问 http://localhost:5000 4. 生产模式：运行 cnpm run build 5. 若要运行构建后的项目，可按以下步骤操作： - 构建项目成功后，进入 dist 目录：cd dist - 安装静态服务器：cnpm install -g anywhere - 启动静态服务器：anywhere ，即可使用静态服务器来加载资源

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】