一个简单易用的网页钢琴应用，让你随时随地享受弹琴的乐趣。点击这里开始体验。

• 小小钢琴 LittlePiano
  • 目录
  • 背景介绍
  • 功能特性
  • 使用说明
  • 技术栈
  • 快速开始
  • 鸣谢
  • 许可证

LittlePiano 是一个在线钢琴模拟器，提供弹奏所需的基本功能，让你随时随地弹奏音乐。

• 键盘支持：支持 60 键共5个八度的钢琴键盘。
• 针对移动设备优化的界面和功能。
• 支持鼠标点击和多指触控。

1. 打开首页后，点击“开始演奏”进入钢琴键盘页。
2. 拖动键盘滚动条，移动键盘到想要弹奏的音区后，点击上方控制栏的十字移动键，退出移动。
3. 使用鼠标或触控来演奏。

补充功能

4. 点击控制栏的-或+调节键盘大小
5. 点击控制栏的标签按钮来显示/隐藏琴键上的音高标签
6. 点击控制栏的单双排切换按钮来切换单排/双排键盘

• HTML5
• CSS3
• TypeScript
• Tone.js

按照以下步骤，您就可以在本地部署并运行这个项目。

1. 克隆仓库：

   git clone https://github.com/cloudblaze123/LittlePiano.git

2. 进入项目目录：

   cd LittlePiano

3. 安装依赖：

   npm install

4. 编译项目：

   tsc

5. 运行项目：

   npm run start

   在浏览器中打开 http://localhost:1234/ 来访问应用

本项目使用了以下资源，特此对资源作者和提供者表示感谢：

• 音频资源

  • 钢琴音频样本，来自 Alexander Holm 的Salamander Grand Piano V3，遵循 Creative Commons Attribution license (CC BY 3.0) 进行许可。

• 图标资源

  • 图标资源，来自网站ICOOON MONO提供的免费图标素材。

此外，本项目的开发过程中也参考借鉴了以下网页和应用：

• 随身乐队 (安卓应用)
  • 参考键盘的界面布局，以及相关功能
• 自由钢琴 AutoPiano
  • 参考键盘的html和css实现
• Tone.Sampler示例
  • 参考键盘的html和css实现

以及项目指导

• GPT4.0

本项目遵循 MIT 许可证。有关详细信息，请参阅 LICENSE 文件。