|
|
| (3 intermediate revisions by the same user not shown) |
| Line 2: |
Line 2: |
| * [[User:Plumtree/common.js]] | | * [[User:Plumtree/common.js]] |
| * [[User:Plumtree/common.css]] | | * [[User:Plumtree/common.css]] |
| * [[User:Plumtree/Audio]]
| | |
| * [[User:Plumtree/Interval Sound]]
| | To test it right now, you should copy JS and CSS to your respective user page, reset cache for ''this'' page and reload it (Ctrl+Shift+R will probably work). |
| * [[Module:Keyboard]]
| |
|
| |
|
| == Intervals == | | == Intervals == |
| Line 46: |
Line 45: |
| Test: | | Test: |
|
| |
|
| <div style="display: flex; width: fit-content;">
| | {{#invoke:Keyboard|ET|10edo|wbwbbbwbbw|Base frequency=261.63|From=-2|To=13|Key height=100|Instrument=violin}} |
| <div
| | |
| class="sequence-audio sequence-audio-button white-key"
| | 49edo: |
| data-sequence="440:500:0.1"
| | |
| style="width: 28px; height: 100px; border: 1px solid #7f7f7f;"></div>
| | {{#invoke:Keyboard|ET|49edo|Base frequency=261.63|From=-2|To=52|Key height=100|Instrument=violin}} |
| <div
| |
| class="sequence-audio sequence-audio-button black-key"
| |
| data-sequence="550:500:0.1"
| |
| style="width: 18px; height: 65px; position: absolute; left: 20px; z-index: 1; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button white-key"
| |
| data-sequence="660:500:0.1"
| |
| style="width: 28px; height: 100px; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button black-key"
| |
| data-sequence="770:500:0.1"
| |
| style="width: 18px; height: 65px; position: absolute; left: 40px; z-index: 1; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button black-key"
| |
| data-sequence="880:500:0.1"
| |
| style="width: 28px; height: 100px; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button black-key"
| |
| data-sequence="990:500:0.1"
| |
| style="width: 13px; height: 65px; position: absolute; left: 90px; z-index: 1; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button white-key"
| |
| data-sequence="1100:500:0.1"
| |
| style="width: 28px; height: 100px; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button black-key"
| |
| data-sequence="1210:500:0.1"
| |
| style="width: 13px; height: 65px; position: absolute; left: 105px; z-index: 1; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button black-key"
| |
| data-sequence="1320:500:0.1"
| |
| style="width: 18px; height: 65px; position: absolute; left: 120px; z-index: 1; border: 1px solid #7f7f7f;"></div>
| |
| <div
| |
| class="sequence-audio sequence-audio-button white-key"
| |
| data-sequence="1430:500:0.1"
| |
| style="width: 28px; height: 100px; border: 1px solid #7f7f7f;"></div>
| |
| </div>
| |
|
| |
|
| == Elements containing errors == | | == Elements containing errors == |