TED2012
Jared Ficklin: New ways to see music (with color! and fire!)
Џаред Фиклин (Jared Ficklin): Нови начини да се види музика (преко боје и ватре!)
Filmed:
Readability: 4
711,217 views
Дизајнер Џаред Фиклин ствара фантастичне визуализације које нам дозвољавају да видимо музику коришћењем боје или чак ватре (први пут на TED позорници) да би анализирао како звук чини да се осећамо. Он прави малу дигресију да би анализирао звук скејт парка – и како звук може да нас упути развоју креативности.
Jared Ficklin - Visualizer
In his day job, Jared Ficklin makes user interfaces at frog design. As a hobby, he explores what music looks like ... in light, in shapes, in fire. Full bio
In his day job, Jared Ficklin makes user interfaces at frog design. As a hobby, he explores what music looks like ... in light, in shapes, in fire. Full bio
Double-click the English transcript below to play the video.
00:16
My passions
0
449
1033
Моје страсти
00:17
are music, technology and making things.
1
1482
3689
су музика, технологија и прављење ствари.
00:21
And it's the combination of these things
2
5171
3183
Управо ме је комбинација ових области
00:24
that has led me to the hobby of sound visualization,
3
8354
2696
довела до хобија - визуализације звука -
00:26
and, on occasion, has led me to play with fire.
4
11050
4078
и понекад ме води да се играм ватром.
00:31
This is a Rubens' tube. It's one of many I've made over the years,
5
15128
2377
Ово је Рубенова цев. То је једна од многих таквих које сам направио током година
00:33
and I have one here tonight.
6
17505
1746
и имам једну овде вечерас.
00:35
It's about an 8-foot-long tube of metal,
7
19251
1525
То је метална цев дуга око 2,5m,
00:36
it's got a hundred or so holes on top,
8
20776
1335
која има стотинак отвора на врху,
00:38
on that side is the speaker, and here
9
22111
1753
са оне стране је микрофон, а овде
00:39
is some lab tubing, and it's connected to this tank
10
23864
2176
је систем лабораториjских цеви, повезан са овим резервоаром
00:41
of propane.
11
26040
1601
пропана.
00:44
So, let's fire it up and see what it does.
12
29087
3369
Хајде да је упалимо и да видимо шта ради.
00:53
So let's play a 550-herz frequency
13
37887
1891
Хајде да пустимо звук фреквенције 550 Hz
00:55
and watch what happens.
14
39778
1515
и гледамо шта се догађа.
00:57
(Frequency)
15
41342
8483
(Фреквенција)
01:05
Thank you. (Applause)
16
49825
2713
Хвала вам. (Аплауз)
01:08
It's okay to applaud the laws of physics,
17
52538
1988
У реду је аплаудирати законима физике,
01:10
but essentially what's happening here
18
54526
1456
али у основи онога што се овде догађа jе
01:11
-- (Laughter) --
19
55982
1760
-- (Смех) --
01:13
is the energy from the sound via the air and gas molecules
20
57742
4008
да енергија звука преко молекула ваздуха и гаса
01:17
is influencing the combustion properties of propane,
21
61750
2504
утиче на особине сагоревања пропана,
01:20
creating a visible waveform,
22
64254
1904
стварајући видљив таласаст облик
01:22
and we can see the alternating regions of compression
23
66158
2320
и можемо да видимо ове наизменичне регионе згушњавања
01:24
and rarefaction that we call frequency,
24
68478
2040
и разређења које зовемо фреквенција,
01:26
and the height is showing us amplitude.
25
70518
1744
а висина нам показује амлитуду.
01:28
So let's change the frequency of the sound,
26
72262
2328
Хајде да променимо фреквенцију звука
01:30
and watch what happens to the fire.
27
74590
1425
и гледајте шта се догађа са ватром.
01:31
(Higher frequency)
28
76015
10130
(Виша фреквенција)
01:42
So every time we hit a resonant frequency we get a standing wave
29
86145
3350
Дакле, сваки пут кад достигнемо резонантну фреквенцију, добијемо стојећи талас
01:45
and that emergent sine curve of fire.
30
89495
1700
и јавља се ова ванредна синусоидна линија ватре.
01:47
So let's turn that off. We're indoors.
31
91195
1578
Хајде да ислључимо ово. Ипак смо у затвореном простору.
01:48
Thank you. (Applause)
32
92773
5591
Хвала вам. (Аплауз)
01:54
I also have with me a flame table.
33
98364
2347
Имам код себе и пламени сто.
01:56
It's very similar to a Rubens' tube, and it's also used
34
100711
1565
Веома је сличан Рубеновој цеви и такође се користи
01:58
for visualizing the physical properties of sound,
35
102276
2121
за визуализацију физичких особина звука,
02:00
such as eigenmodes, so let's fire it up
36
104397
1968
као што су секундарне фреквенције, па хајде да је упалимо
02:02
and see what it does.
37
106365
2250
и видимо шта ради.
02:08
Ooh. (Laughter)
38
112292
4468
Оох. (Смех)
02:12
Okay. Now, while the table comes up to pressure,
39
116760
2974
ОК. Сада, док сто не достигне притисак,
02:15
let me note here that the sound is not traveling
40
119734
1672
дозволите ми да напоменем да звук не путује дуж
02:17
in perfect lines. It's actually traveling in all directions,
41
121406
2746
савршених линија. У ствари, путује у свим правцима,
02:20
and the Rubens' tube's a little like bisecting those waves
42
124152
3109
и док Рубенова цев пресеца ове таласе
02:23
with a line, and the flame table's a little like
43
127261
1996
линијом, пламени сто као да
02:25
bisecting those waves with a plane,
44
129257
1854
пресеца ове таласе помоћу равни,
02:27
and it can show a little more subtle complexity, which is why
45
131111
4000
па може да прикаже нешто суптилнију сложеност, због чега
02:31
I like to use it to watch Geoff Farina play guitar.
46
135111
2353
и волим да је користим, да бих гледао како Џеф Фарина свира гитару.
02:33
(Music)
47
137464
42281
(Музика)
03:15
All right, so it's a delicate dance.
48
179745
1765
У реду, oво је нежан плес.
03:17
If you watch closely — (Applause)
49
181510
2545
Уколико пажљиво посматрате -- (Аплауз)
03:19
If you watch closely, you may have seen
50
184055
2767
можда сте видели
03:22
some of the eigenmodes, but also you may have seen
51
186822
2472
неке секундарне фреквенције, а можда сте видели и то
03:25
that jazz music is better with fire.
52
189294
4617
да је џез музика боља уз ватру.
03:29
Actually, a lot of things are better with fire in my world,
53
193911
2010
У ствари, много тога у мом свету је боље уз ватру,
03:31
but the fire's just a foundation.
54
195921
2432
али ватра је само основа.
03:34
It shows very well that eyes can hear,
55
198353
1148
Она веома добро показује оно што очи могу да чују,
03:35
and this is interesting to me because
56
199501
1395
и ово ми је интересантно, јер
03:36
technology allows us to present sound to the eyes
57
200896
2854
нам технологија дозвољава да представимо звук очима
03:39
in ways that accentuate the strength of the eyes
58
203750
2863
на начин који наглашава снагу очију
03:42
for seeing sound, such as the removal of time.
59
206613
2697
да виде звук, као смењивање времена.
03:45
So here, I'm using a rendering algorithm to paint
60
209310
3384
Овде користим алгоритам за "превођење", да бих насликао
03:48
the frequencies of the song "Smells Like Teen Spirit"
61
212694
2463
фреквенције песме "Smells Like Teen Spirit",
03:51
in a way that the eyes can take them in
62
215157
2040
тако да их очи могу прихватити
03:53
as a single visual impression, and the technique
63
217197
2244
као један визуелни утисак, а поступак
03:55
will also show the strengths of the visual cortex
64
219441
1973
ће такође показати способности визуелног кортекса
03:57
for pattern recognition.
65
221414
1616
да препозна образац.
03:58
So if I show you another song off this album,
66
223030
1879
Ако вам покажем joш једну песму са овог албума,
04:00
and another, your eyes will easily pick out
67
224909
3481
па још једну, ваше очи ће лако препознати
04:04
the use of repetition by the band Nirvana,
68
228390
2928
како група Нирвана користи понављање,
04:07
and in the frequency distribution, the colors,
69
231318
1857
а преко расподеле фреквенције, преко боја,
04:09
you can see the clean-dirty-clean sound
70
233175
3048
можете видети “чист-прљав-чист” звук
04:12
that they are famous for,
71
236223
1207
по ком су они познати,
04:13
and here is the entire album as a single visual impression,
72
237430
4000
а ту је и цео албум, као један визуелни утисак,
04:17
and I think this impression is pretty powerful.
73
241430
1880
и мислим да је утисак прилично моћан.
04:19
At least, it's powerful enough that
74
243310
1714
Бар је довољно моћан да,
04:20
if I show you these four songs,
75
245024
1342
уколико вам покажем ове четири песме,
04:22
and I remind you that this is "Smells Like Teen Spirit,"
76
246366
2441
и подсетим вас да је ово "Smells Like Teen Spirit”,
04:24
you can probably correctly guess, without listening
77
248807
2319
вероватно ћете погодити, без слушања
04:27
to any music at all, that the song
78
251126
1434
музике, да је ово песма
04:28
a die hard Nirvana fan would enjoy is this song,
79
252560
2294
у којој би загрижени фан Нирване уживао,
04:30
"I'll Stick Around" by the Foo Fighters,
80
254854
2256
"I'll Stick Around", групе Фу Фајтерс,
04:33
whose lead singer is Dave Grohl,
81
257110
2000
чији је водећи вокал Дејв Грол,
04:35
who was the drummer in Nirvana.
82
259110
3778
бивши бубњар Нирване.
04:38
The songs are a little similar, but mostly
83
262888
1300
Песме су помало сличне, али углавном
04:40
I'm just interested in the idea that someday maybe
84
264188
1626
ја сам само заинтересован за идеју, да ћемо можда једног дана
04:41
we'll buy a song because we like the way it looks.
85
265814
4412
куповати песму, јер нам се свиђа њен изглед.
04:46
All right, now for some more sound data.
86
270226
1100
Ево још мало података о звуку.
04:47
This is data from a skate park,
87
271326
2652
Ово je податак из скејт парка,
04:49
and this is Mabel Davis skate park
88
273978
2032
ово је скејт парк Мејбл Дејвис
04:51
in Austin, Texas. (Skateboard sounds)
89
276010
2142
у Остину, у Тексасу. (Звуци скејтборда)
04:54
And the sounds you're hearing came from eight
90
278152
1374
Звуци које чујете су допирали из осам
04:55
microphones attached to obstacles around the park,
91
279526
2216
микрофона причвршћених за препреке у парку,
04:57
and it sounds like chaos, but actually
92
281742
2184
и звучe хаотично, али, у ствари,
04:59
all the tricks start with a very distinct slap,
93
283926
3347
сви трикови почињу са веома јасним пљеском,
05:03
but successful tricks end with a pop,
94
287273
1604
a успешни трикови се заврше праском,
05:04
whereas unsuccessful tricks
95
288877
1793
док неуспешни трикови
05:06
more of a scratch and a tumble,
96
290670
1856
звуче више као шкрипање и тумбање,
05:08
and tricks on the rail will ring out like a gong, and
97
292526
4010
а трикови на огради звоне као гонг и
05:12
voices occupy very unique frequencies in the skate park.
98
296536
2790
гласови заузимају веома јединствене фреквенције у скејт парку.
05:15
So if we were to render these sounds visually,
99
299326
1938
Дакле, ако желимо да ове звуке изразимо визуелно,
05:17
we might end up with something like this.
100
301264
1407
можда ћемо добити нешто слично овоме.
05:18
This is all 40 minutes of the recording,
101
302671
2456
Ово је свих четрдесет минута записа
05:21
and right away the algorithm tells us
102
305127
2160
и алгоритам нам одмах говори
05:23
a lot more tricks are missed than are made,
103
307287
2073
да је много више неуспешних него успешних трикова,
05:25
and also a trick on the rails is a lot more likely
104
309360
2335
као и да трик на оградама чешће
05:27
to produce a cheer, and if you look really closely,
105
311695
2872
изазива клицање и ако стварно пажљиво погледате,
05:30
we can tease out traffic patterns.
106
314567
1733
можемо да издвојимо звуке саобраћаја.
05:32
You see the skaters often trick in this direction. The obstacles are easier.
107
316300
6087
Видите да скејтери често возе у овом правцу. Препреке су једноставније.
05:38
And in the middle of the recording, the mics pick this up,
108
322387
1705
Усред снимања микрофони хватају ово,
05:39
but later in the recording, this kid shows up,
109
324092
2804
али касније се појављује овај дечко
05:42
and he starts using a line at the top of the park
110
326896
2928
и почиње да користи трасу у горњем делу парка,
05:45
to do some very advanced tricks on something
111
329824
1802
да би извео неке веома напредне трикове
05:47
called the tall rail.
112
331626
1103
на такозваној високoj огради.
05:48
And it's fascinating. At this moment in time,
113
332729
1872
Ово је очаравајуће. У овом тренутку
05:50
all the rest of the skaters turn their lines 90 degrees
114
334601
3503
сви остали скејтери мењају правац кретања за 90 степени
05:54
to stay out of his way.
115
338104
1778
да би му се склонили са пута.
05:55
You see, there's a subtle etiquette in the skate park,
116
339882
2543
Видите, постоји скривени бонтон у скејт парку,
05:58
and it's led by key influencers,
117
342425
1600
који намећу најутицајнији,
05:59
and they tend to be the kids who can do the best tricks,
118
344025
3248
а то су клинци који изводе најбоље трикове,
06:03
or wear red pants, and on this day the mics picked that up.
119
347273
2430
или носе црвене панталоне, и овог дана микрофони су то покупили.
06:05
All right, from skate physics to theoretical physics.
120
349703
3901
Добро. Од физике скејтбординга до теоријске физике.
06:09
I'm a big fan of Stephen Hawking,
121
353604
1616
Ја сам велики обожаватељ Стивена Хокинга
06:11
and I wanted to use all eight hours
122
355220
1336
и хтео сам да искористим свих осам сати
06:12
of his Cambridge lecture series to create an homage.
123
356556
2587
његове серије предавања на Кембриџу, да одам поштовање.
06:15
Now, in this series he's speaking with the aid of a computer,
124
359143
3064
У овој серији он говори уз помоћ компјутера
06:18
which actually makes identifying the ends of sentences
125
362207
3104
који у ствари омогућава идентификацију крајева реченица
06:21
fairly easy. So I wrote a steering algorithm.
126
365311
3426
релативно лако. Дакле, написао сам управљачки алгоритам
06:24
It listens to the lecture, and then it uses
127
368737
1960
који преслушава предавања, а затим користи
06:26
the amplitude of each word to move a point on the x-axis,
128
370697
2687
амплитуду сваке речи да би померио тачку на x-оси
06:29
and it uses the inflection of sentences
129
373384
2633
и користи модулацију реченица
06:31
to move a same point up and down on the y-axis.
130
376017
2154
да би померио исту тачку на горе или на доле по y-оси.
06:34
And these trend lines, you can see, there's more questions
131
378171
2774
Овај смер линија, видите, показује да у законима физике има
06:36
than answers in the laws of physics,
132
380945
1870
више питања него одговора,
06:38
and when we reach the end of a sentence,
133
382815
2033
а кад стигнемо до краја реченице,
06:40
we place a star at that location.
134
384848
2335
поставимо звезду на том положају.
06:43
So there's a lot of sentences, so a lot of stars,
135
387183
2800
Има много реченица, тако много звезда,
06:45
and after rendering all of the audio, this is what we get.
136
389983
2356
и након што преведемо цео снимак, ево шта добијамо.
06:48
This is Stephen Hawking's universe.
137
392339
2929
Ово је васиона Стивена Хокинга.
06:51
(Applause)
138
395268
6937
(Аплауз)
06:58
It's all eight hours of the Cambridge lecture series
139
402205
2487
Ово су свих осам сати серије предавања на Кембриџу
07:00
taken in as a single visual impression,
140
404692
1848
узети као један визуелни утисак.
07:02
and I really like this image,
141
406540
1757
Заиста волим ову слику,
07:04
but a lot of people think it's fake.
142
408297
1808
али многи људи мисле да је лажна.
07:06
So I made a more interactive version,
143
410105
2344
Због тога сам направио интерактивнију верзију
07:08
and the way I did that is I used their position in time
144
412449
5456
тако што сам користио њихов положај у времену
07:13
in the lecture to place these stars into 3D space,
145
417905
2367
предавања да бих поставио звезде у 3D простор,
07:16
and with some custom software and a Kinect,
146
420272
2401
а уз помоћ прилагођеног софтвера и Кинект-а,
07:18
I can walk right into the lecture.
147
422673
2663
могу да уђем директно у предавање.
07:21
I'm going to wave through the Kinect here
148
425336
1800
Овде ћу махнути кроз Кинект
07:23
and take control, and now I'm going to reach out
149
427136
1832
и преузећу контролу, а сада ћу испружити руку
07:24
and I'm going to touch a star, and when I do,
150
428968
3239
и додирнути звезду, а кад то урадим,
07:28
it will play the sentence
151
432207
1944
она ће извести реченицу
07:30
that generated that star.
152
434151
1465
која је створила ту звезду.
07:31
Stephen Hawking: There is one, and only one, arrangement
153
435616
3816
Стивен Хокинг: “Постоји један, и само један, распоред
07:35
in which the pieces make a complete picture.
154
439432
2799
у ком делови стварају комплетну слику.”
07:38
Jared Ficklin: Thank you. (Applause)
155
442231
4148
Џаред Фиклин: Хвала вам. (Аплауз)
07:42
There are 1,400 stars.
156
446379
3173
Постоји 1 400 звезда.
07:45
It's a really fun way to explore the lecture,
157
449552
1664
Ово је заиста забаван начин истраживања предавања
07:47
and, I hope, a fitting homage.
158
451216
1467
и надам се одговарајући омаж.
07:48
All right. Let me close with a work in progress.
159
452683
5472
У реду. Дозволите ми да закључим са радом који је у току.
07:54
I think, after 30 years, the opportunity exists
160
458155
2983
Мислим да после 30 година, постоји повољна прилика
07:57
to create an enhanced version of closed captioning.
161
461138
2104
да се креира побољшана верзија адаптације за глуве.
07:59
Now, we've all seen a lot of TEDTalks online,
162
463242
2119
Сви смо видели доста TEDTalks онлајн,
08:01
so let's watch one now with the sound turned off
163
465361
2927
па хајде сад један да гледамо без звука
08:04
and the closed captioning turned on.
164
468288
3922
и са укљученом адаптацијом за глуве.
08:08
There's no closed captioning for the TED theme song,
165
472210
2146
Нема адаптације за основну музичку тему TED-а,
08:10
and we're missing it, but if you've watched enough of these,
166
474356
2113
она нам недостаје, али ако сте гледали довољно ових говора
08:12
you hear it in your mind's ear,
167
476469
1369
можете је чути у мислима,
08:13
and then applause starts.
168
477838
2983
после чега почиње аплауз.
08:16
It usually begins here, and it grows and then it falls.
169
480821
2190
Он обично почиње овде, расте и после опада.
08:18
Sometimes you get a little star applause,
170
483011
1977
Понекад добијете мали додатни аплауз,
08:20
and then I think even Bill Gates takes a nervous breath,
171
484988
2486
мислим да тада чак и Бил Гејтс нервозно удахне
08:23
and the talk begins.
172
487474
1690
и почиње говор.
08:25
All right, so let's watch this clip again.
173
489164
5698
У реду, хајде да одгледамо овај снимак поново.
08:30
This time, I'm not going to talk at all.
174
494862
1256
Овај пут нећу ништа говорити.
08:32
There's still going to be no audio,
175
496118
1367
И даље неће бити пратећег звука,
08:33
but what I am going to do is I'm going to render the sound
176
497485
1904
али ја ћу да направим звук
08:35
visually in real time at the bottom of the screen.
177
499389
4316
видљивим у реалном времену у дну екрана.
08:39
So watch closely and see what your eyes can hear.
178
503705
2791
Пажљиво гледајте и видите шта ваше очи могу да чују.
09:03
This is fairly amazing to me.
179
527880
1880
Мени је ово прилично запањујуће.
09:05
Even on the first view, your eyes will successfully
180
529760
3333
Чак и при првом прегледу ваше очи ће успешно
09:08
pick out patterns, but on repeated views,
181
533093
3088
препознати обрасце, али при поновним прегледима
09:12
your brain actually gets better
182
536181
1689
ваш мозак, у ствари, постаје успешнији
09:13
at turning these patterns into information.
183
537870
1656
у претварању ових образаца у информацију.
09:15
You can get the tone and the timbre
184
539526
1591
Можете да препознате тон и боју тона,
09:17
and the pace of the speech,
185
541117
1223
као и ритам говора
09:18
things that you can't get out of closed captioning.
186
542340
2064
податке које не можете добити адапатацијом за глуве.
09:20
That famous scene in horror movies
187
544404
2184
Та позната сцена из хорор филмова
09:22
where someone is walking up from behind
188
546588
2648
када се неко прикрада с леђа
09:25
is something you can see,
189
549236
1960
је нешто што можете видети
09:27
and I believe this information would be something
190
551196
2704
и ја верујем да би ова информација
09:29
that is useful at times when the audio is turned off
191
553900
2803
могла да буде корисна у време кад је звук искључен
09:32
or not heard at all, and I speculate that deaf audiences
192
556703
2941
или се уопште не чује. Претпостављам да глувим особама
09:35
might actually even be better
193
559644
1177
може бити и боље
09:36
at seeing sound than hearing audiences.
194
560821
1781
виђење звука, него особама које чују.
09:38
I don't know. It's a theory right now.
195
562602
1498
Не знам. За сада је то само теорија.
09:40
Actually, it's all just an idea.
196
564100
1521
У ствари, то је само идеја.
09:41
And let me end by saying that sound moves in all directions,
197
565621
4191
Дозволите ми да завршим речима да се звук, као и идеје,
09:45
and so do ideas.
198
569812
1977
креће у свим правцима.
09:47
Thank you. (Applause)
199
571789
3112
Хвала вам. (Аплауз)
ABOUT THE SPEAKER
Jared Ficklin - VisualizerIn his day job, Jared Ficklin makes user interfaces at frog design. As a hobby, he explores what music looks like ... in light, in shapes, in fire.
Why you should listen
Jared Ficklin is a Senior Principal Design Technologist at frog, where he builds user experiences for clients, playing with interactions including touch and multi-touch, and applying physics to enhance the user experience. A passion for music and making things introduced him to the hobby of sound visualization, which has led him on occasion to play with fire. (As Flash on the Beach puts it, "Jared Ficklin’s sonic experiments stood out for their individuality, drama and casual disregard for health and safety.") Every March in Austin, Texas, Ficklin organizes the frog party, a collective social experiment for a few thousand people attending SXSW Interactive. It's a form of playful R&D for social technology. And he has spent 10 years helping fund, design and build quality free public skateparks for Austin as part of the Austin Public Skatepark Action Committee.
Jared Ficklin | Speaker | TED.com