Skip to content

Commit 6413796

Browse files
committed
About typo fix
1 parent d809a12 commit 6413796

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/views/About.vue

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
<h1>About</h1>
44
<section>
55
<h2>What is
6-
<rave/>?</h2>
6+
<rave />?</h2>
77
<p>
8-
<rave/> stands for
8+
<rave /> stands for
99
<strong>realtime audio visualizer experience</strong>.
1010
</p>
1111
<p>
@@ -15,25 +15,25 @@
1515
different aspects of it will change when a beat is detected in the song.
1616
</p>
1717
<p>
18-
<rave/> isn't an animation that reacts to the beat, but rather a true visualization
18+
<rave /> isn't an animation that reacts to the beat, but rather a true visualization
1919
of the audio data itself. The frequencies and waveforms of the incoming audio
2020
are used to generate
21-
<rave/>'s rings, and the previous frames expand out from the center to visually
21+
<rave />'s rings, and the previous frames expand out from the center to visually
2222
display the history of the audio.
2323
</p>
2424
<p>
2525
Because
26-
<rave/> uses all of the audio data available to it for visualization, every song
26+
<rave /> uses all of the audio data available to it for visualization, every song
2727
is visually unique. The same goes for the vocals; singers' voices are visually
2828
distinct as they contain different harmonics and waveform types. Unique sounds
2929
in songs look amazing, and in my opinion, the best songs to watch on
30-
<rave/> are chill songs with not too much going on.
30+
<rave /> are chill songs with not too much going on.
3131
</p>
3232
</section>
3333
<section>
3434
<h2>Technical Details</h2>
3535
<p>
36-
<rave/> uses the
36+
<rave /> uses the
3737
<strong>Web Audio API</strong> and
3838
<strong>Canvas API</strong> to collect and draw the audio data in realtime.
3939
</p>
@@ -43,7 +43,7 @@
4343
audio through, including
4444
<strong>AnalyserNode</strong> and
4545
<strong>BiquadFilterNode</strong>. These two nodes are the key pieces to making
46-
<rave/> work.
46+
<rave /> work.
4747
</p>
4848
<p>
4949
<strong>AnalyserNode</strong> is a wonderful little piece of
@@ -57,27 +57,27 @@
5757
<strong>BiquadFilterNode</strong> is a node that you can connect audio through to
5858
apply different biquad filters, such as highpass or lowpass. These filters
5959
allow
60-
<rave/> to filter out different frequencies to make the visuals more aesthetic.
60+
<rave /> to filter out different frequencies to make the visuals more aesthetic.
6161
For example, the entire audio source is run through a lowpass filter of 5&nbsp;KHz,
6262
so that snares and "sss" noises don't brighten
63-
<rave/> too much.
63+
<rave /> too much.
6464
</p>
6565
</section>
6666
<section>
6767
<h2>Anatomy of
68-
<rave/>
68+
<rave />
6969
</h2>
7070
<p class="img">
7171
<img src="@/assets/anatomy.jpg" alt="anatomy of raVe">
7272
</p>
7373
<p>
74-
<rave/> generates 2 rings from the audio data, and both rings slowly morph between
74+
<rave /> generates 2 rings from the audio data, and both rings slowly morph between
7575
a circle and hexagon.
7676
</p>
7777
<p>The inner ring is the audio waveform applied to the ring's shape, and mirrored
7878
along the y-axis.
7979
</p>
80-
<p>The outer ring is made up of both frequency and time domain data, and is symmetry
80+
<p>The outer ring is made up of both frequency and time domain data, and is symmetric
8181
over both the x and y axes. The frequency data goes from 0&nbsp;Hz at the
8282
horizon to about 7&nbsp;KHz at the top and bottom. The time domain data used
8383
for the outer ring is filtered to only show bass frequencies.

0 commit comments

Comments
 (0)