-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathicam-crowd.html
172 lines (148 loc) · 8.29 KB
/
icam-crowd.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Andrina - Computing Arts & Music</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="preload" href="https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900" as="style" onload="this.rel='stylesheet'" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a class="logo">Project Showcase</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="experience.html">Experience</a></li>
<li class="active"><a href="portfolio.html">Project Curation</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="media-coverage.html">Media Coverage</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/andrina-zhang/" target="_blank" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/Andrinazxx" target="_blank" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<h2><i>Experimental music with convolution</i>
<br>"Call from the Crowd"</h2>
<p> <strong>Keywords: <br></strong>
</p>
Impulse Response, Convolution, Soundscape, Experimental Music, Ableton Live
</header>
</section>
<!-- Image -->
<header class="major">
<a class="image main">
<audio src="showcases/XiaoxuanZhang-call-from-the-crowd.wav" controls>
Your browser does not support the audio element. Please try to use another browser for the audio.
<br>
</audio>
<br>
<br>
<br>
<img src="images/arts-crowd.jpg" alt="" />
</a>
</header>
<p> This piece of experimental music is inspired by both the song <u>I am Sitting in a Room (1969)</u>,
by Alvin Lucier and the book <u>The Crowd: A Study of the Popular Mind (1897)</u> - Psychologie des Foules / Psychology of Crowds,
by Gustave Le Bon that unfolds an imaginary story about a character and his experience of hypnotized and
murdered by the call from the crowd. <br>
<br>
When I first got to know convolution, it was more on a conceptual level and tools help me
to understand it are on the visual side, for example, applying it to images or the visualization of
the histogram of probability distributions after applying convolution. I got surprised when we got exposed to
I am Sitting in a Room by Alvin Lucier during the class. The bell-like sound (Lucier, 1969) we heard as
the song progressed, which is inspirational to me. Instead of starting from the raw recording,
I started with the crowd sample I found in Ableton’s built-in library with 12 times of convolution reverb.
Connecting with the surprise I got during the first listening, the main character also got surprised and attracted
when he heard the 12 times convolved sound. With a simile of imagining the sound of a crowd as a ray of energy that
can move with its will, as the sound approaches the space where the main character was, the 12 times convolved sound becomes
a mixture of 5 times convolved crowd noise and raw recording. The sound knocked on his door.
The main character walked towards the door and opened it. <br>
<br>
Going into the second phase of my project, the space opens, he entered a square with people passing by and
got immersed in the noise made by the crowd. Compared to the clear footstep sounds the main character made before,
the walking sound from the main character in the crowd is still the same, while the space and
directional information got eliminated, which I got inspired by the claim that individuality got undermined
when inside the crowd (Le Bon, 1897). The mixture of 4 kinds of noise created by the crowd with panning and
1 track of 5 times convolved crowd noise, the story embraces its peak. The entire storyline is
a shadow of a shorter period amount of time of how an individual got unconsciously attracted by the crowd;
became hypnotized and followed the power; eventually got destroyed by the loss of self in the crowd.<br>
<br>
The main character I have in the story, although I used “he”, is designed to be a conceptual character,
like a Matchstick Man that doesn’t have gender features. He is intended to be a more abstract concept.
I had a brief idea about the plots of this project at the relative beginning; however, filling the flesh into
a skeleton was a long process. I experienced several impulse response filters to explore what would be
an ideal starting position for me at the beginning, but I ended up adding more convolutional layers to create
a general and powerful sound instead of having only one or two layers that make the audience focuses more
on the space itself at the beginning. <br>
<br>
<br>
<br>
</p>
<ul>
<strong>Works Cited:</strong><br>
<div class="indented">
<ul>
<li>Le Bon, G. (1897). The crowd: A study of the popular mind.</li>
<li>Lucier, A. (1969). I am Sitting in a Room [Recorded by A. Lucier].</li>
</ul>
</div>
</ul>
<br>
<div class="box alt">
<ul class="actions special">
<a href="portfolio.html" class="button">Return to Project Curation Homepage</a>
<hr/>
<ul />
</div>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h3>Emails</h3>
<p><a href="mailto:xiz031@ucsd.edu">xiz031@ucsd.edu</a></p>
<p><a href="mailto:andrina.zhang@outlook.com">andrina.zhang@outlook.com</a></p>
</section>
<section class="split contact">
<section class="alt">
<h3>LinkedIn</h3>
<p><a href="https://www.linkedin.com/in/andrina-zhang">https://www.linkedin.com/in/andrina-zhang</a></p>
</section>
<section class="alt">
<h3>GitHub</h3>
<p><a href="https://github.com/Andrinazxx">https://github.com/AndrinaZxx</a></p>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© 2025 Andrina / Xiaoxuan Zhang</li><li>Design: Andrina / Xiaoxuan Zhang</li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>