|
|
| Line 3: |
Line 3: |
| * [[User:Plumtree/common.css]] | | * [[User:Plumtree/common.css]] |
|
| |
|
| == Intervals and sounds == | | == Intervals == |
| | {{User:Plumtree/Interval Sound|Frequency=660|Timbre=sine|Label=440/460, sine}} |
|
| |
|
| <span class="interval-audio" data-freq="460">440/460, sine</span>
| | {{User:Plumtree/Interval Sound|Frequency=660|Timbre=violin|Label=440/660, violin}} |
|
| |
|
| <span class="interval-audio" data-freq="660" data-timbre="violin">440/660, violin</span>
| | {{User:Plumtree/Interval Sound|Base frequency=400|Frequency=660|Timbre=violin|Label=400/660, violin}} |
|
| |
|
| | {{User:Plumtree/Interval Sound|Frequency=700|Timbre=flute|Label=440/700, flute}} |
| | |
| | == Sounds == |
| <span class="frequency-audio" data-freq="440" data-timbre="violin" data-duration="500" data-gain="0.1">440, violin, 500ms, somewhat louder</span> | | <span class="frequency-audio" data-freq="440" data-timbre="violin" data-duration="500" data-gain="0.1">440, violin, 500ms, somewhat louder</span> |
|
| |
| == Buttons ==
| |
| <div class="interval-audio interval-audio-button"
| |
| data-base-freq="400"
| |
| data-freq="660"
| |
| data-timbre="violin"
| |
| style="
| |
| border: 4px solid #000000;
| |
| border-radius: 15px;
| |
| width: 40px;
| |
| height: 40px;
| |
| ">
| |
| [[File:Headphones (7213) - The Noun Project.svg|30px|link=]]
| |
| </div>
| |
|
| |
|
| |
| <div class="interval-audio interval-audio-button"
| |
| data-freq="700"
| |
| data-timbre="flute"
| |
| style="
| |
| border-radius: 15px;
| |
| height: 40px;
| |
| padding: 0px 7px;
| |
| ">
| |
| [[File:Headphones (7213) - The Noun Project.svg|30px|link=]] 440/700 sound
| |
| </div>
| |
|
| |
|
| |
| <div class="interval-audio interval-audio-button"
| |
| data-freq="660"
| |
| data-timbre="violin"
| |
| style="
| |
| display: flex;
| |
| align-items: center;
| |
| border: 2px solid #454545;
| |
| text-align: left;
| |
| width: 256px;
| |
| height: 40px;
| |
| padding: 0px 7px;
| |
| ">
| |
| [[File:Headphones (7213) - The Noun Project.svg|27px|link=]]<div style="display:flex;justify-content:space-around;align-items:center;width:229px;height:100%;text-align:center;">Audio demonstration</div>
| |
| </div>
| |