levada

levada

其他源码

1.0.0

下载

该项目旨在成为一个网站，您可以在其中通过简单的一面有节奏的人物来练习节奏的节奏。在https://vernalhav.github.io/levada/尝试该网站

概述

视觉阅读乐谱是一项艰巨的任务。您不仅需要担心关键签名，偶然的，和弦，发音，而且还需要节奏！由于我的旅程试图成为一名更好的音乐家，并想要一种练习理解最常见的节奏人物的好方法，因此该项目出现了。该项目受到Saher Galt在节奏上的视频的启发。
目前，该网站是最宽的骨头版本，但足以开始练习！

使用添加或删除节拍按钮指定所需的节拍量
将BPM设置为所需的金额
选择您要练习的节奏
3.1。通过打开“选择数字”（检查的crotchet）窗格并添加节拍来选择要出现的数字
3.2。通过在“选择图”（Plus）窗格中单独选择每个图来设置特定的节奏并选择所需的图形
单击静音按钮
每当您认为应该播放音符时，请播放序列，然后单击按钮菜单下方的任何位置。
取消静音，再次播放序列并检查您的进度:)

屏幕截图

浏览器支持

平台	铬合金	边缘	Firefox	野生动物园
电脑	是的	是的	是的	未经测试
ios	是的	未经测试	未经测试	是的
安卓	是的	未经测试	是的	未经测试

可以随意在其他浏览器中测试此内容，然后更新此读数:)

项目结构

├── image-generators            # All automation to generate the rhythmic figure images and specify the way they will be played 
│   ├── lilypond                # Rhythmic figures' lilypond files. This directory is completely optional.
│   ├── scripts                 # Python scripts that build and patch the corresponding template and index files
│   └── templates               # Lilypond and typescript template common to all rhythmic figures
├── sceenshots                  # Project screenshots
├── public                      # Basic HTML and website icon
└── src                         
    ├── assets                  
    │   ├── RhythmicFigures     # All rhythmic figure images and rhythm specifications (as per image-generators/rhythms_data.json)
    │   │   └─── ...
    │   ├── images              # Icons and general purpose images
    │   ├── sounds              # Metronome beat and snap sounds
    │   └── styles              # Global CSS styling
    ├── components              # React components and their individual CSS
    │   └── ...
    ├── pages                   # React elements that correspond to each page and their individual CSS
    │   └── ...
    └── utils                   # Utility functions (playBeat is here!)

应用程序的主要逻辑包含在页面/mainpage/index.tsx中，因为它控制了所有其他事件。
声音播放逻辑在utils/playbeat.tsx中。
生成新的节奏数字及其图像并将它们添加到网站的所有过程都可以在图像生成器中找到，并在其读数上更好地解释。

贡献

如果您想为这个项目做出贡献，谢谢！您非常欢迎:)
如果您对项目的代码和结构有任何疑问，请打开一个问题，我会尽快回复。应该打开一些问题，因此请检查您是否想处理任何问题。即使问题已经分配给某人，也不要害羞加入讨论。
为了做出贡献，分叉项目，打开一个新分支（最好用语义名称），然后完成后，打开拉动请求。我将尽快审查它们，这样您就不会等待很长时间合并或反馈。
要设置开发环境，只需在根目录上运行npm install ，然后npm start 。

这是我的第一个React项目，因此，如果您看到任何反模式，黑客解决方案或可以改进的事物，请在[改进]标签上打开一个问题！我一直在寻找使我的代码更好的方法:)
反馈总是值得赞赏的！