-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (182 loc) · 10.1 KB
/
index.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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<title>Listening test</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="reveal.js-3.9.2/css/reset.css">
<link rel="stylesheet" href="reveal.js-3.9.2/css/reveal.css">
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
</style>
<link rel="stylesheet" href="reveal.js-3.9.2/css/theme/black.css" id="theme">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'reveal.js-3.9.2/css/print/pdf.css' : 'reveal.js-3.9.2/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="reveal.js-3.9.2/lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="title-slide">
<h1 class="title">Listening test</h1>
</section>
<section class="slide level2">
<style type="text/css">
.reveal p {
text-align: left;
line-height: 1;
}
.reveal ul {
display: block;
}
.reveal ol {
display: block;
}
.reveal per{
color: cyan;
}
.reveal int{
color: yellow;
}
.reveal a{
color: red;
}
</style>
<h3 id="thank-you-for-partecipating-to-this-listening-test">Thank you for partecipating to this listening test</h3>
<p>Chose your language</p>
<p><a href='#introduzione' onclick='remove_eng();'>Italiano</a></p>
<p><a href='#introduction' onclick='remove_ita();'>English</a></p>
</section>
<section id="introduction" class="slide level2">
<h2>Introduction</h2>
<p>In this test, we will investigate how computers can reproduce musical performances.</p>
<p>It will take about 20-25 minutes.</p>
<p>Try to do this test in an environment as quiet as possible and use the best headphones/headset you have.</p>
<p>Please, do not use your phone or laptop speakers.</p>
<p>Now you will read a short explanation of two basic concepts needed for the test.</p>
</section>
<section id="performance" class="slide level2">
<h2>Performance</h2>
<p>In this test, we use the word <per>performance</per> to refer to the set of physical events that result in the activity of playing a musical piece.</p>
<p>For instance, Beethoven’s 9th Symphony has been <em>performed</em> several times and in different concert halls.</p>
</section>
<section id="interpretation" class="slide level2">
<h2>Interpretation</h2>
<p>With the word <int>interpretation</int> we refer to the <per>performance</per> that the interpreter wants to realize.</p>
<p>Various studies show that musicians try to achieve their <int>interpretation</int> by changing their way of playing based on the environment.</p>
<p>Consequently, the environment influences the <per>performance</per> of the musicians, who try to play it in the most similar way as possible to the <int>interpretation</int> they have in mind.</p>
</section>
<section class="slide level2">
<p>If you are still unsure about the difference, imagine this:</p>
<ul>
<li>a <per>performance</per> corresponds to a specific exhibition</li>
<li>an <int>interpretation</int> corresponds to the performer</li>
</ul>
<p>For instance, the conductor Arturo Toscanini performed the 9th Symphony several times with the NBC Orchestra, trying to render the same (or almost the same) <int>interpretation</int>, but in each exhibition the <per>performance</per> had some different musical aspects due to the the hall, the instruments, the public, and so on.</p>
</section>
<section class="slide level2">
<p>The following videos contain two different <int>interpretations</int> of the same musical piece (listen to at least 20-30 seconds of each video):</p>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/DnA68jnSaSQ" frameborder="0">
</iframe>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/i7w0OAA_KnQ" frameborder="0">
</iframe>
<p>The following videos contain two different <per>performances</per> of the same <int>interpretation</int> (listen to at least 20-30 seconds of each video):</p>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/i7w0OAA_KnQ" frameborder="0">
</iframe>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/z2x_aHqyfqE" frameborder="0">
</iframe>
</section>
<section class="slide level2">
<p>By continuing, you consent to the use of the data collected in aggregate and anonymous form.</p>
<p>The collected data may be used for scientific publications only in aggregate and anonymous form.</p>
<p>It will not be possible to trace your identity and researchers who accidentally become aware of it are bound to the secrecy of the data.</p>
</section>
<section class="slide level2">
<p>You are now ready to start the test.</p>
<p>You will be asked to listen to a <em>reference</em> audio and then to 4 additional performances of the same music. You should rate how likely it is that the performances contain the same <int>interpretation</int> as the <em>reference</em> track. There is no correct answer: the performances are rendered by computer algorithms!</p>
<p><a href="./test.html?url=php/pool.php">Click here to start the test!</a></p>
</section>
<section id="introduzione" class="slide level2">
<h2>Introduzione</h2>
<p>In questo test indaghiamo i metodi con cui i computer possono riprodurre le esecuzioni musicali.</p>
<p>Il test richiederà circa 20-25 minuti.</p>
<p>Cerca di condurre questo test nell’ambiente più silenzioso possibile e usa le cuffie migliori che possiedi.</p>
<p>Non usare gli altoparlanti del cellulare o del pc.</p>
<p>Ora leggerai alcuni semplici concetti necessari per partecipare al test.</p>
</section>
<section id="esecuzione" class="slide level2">
<h2>Esecuzione</h2>
<p>In questo test, la parola <per>esecuzione</per> ( <em>performance</em> in inglese) viene usata per riferirsi all’insieme degli eventi fisici che hanno come effetto l’atto del suonare un brano musicale.</p>
<p>Ad esempio, La Nona Sinfonia di Beethoven è stata <em>eseguita</em> svariate volte in molti luoghi differenti.</p>
</section>
<section id="interpretazione" class="slide level2">
<h2>Interpretazione</h2>
<p>Con il termine <int>interpretazione</int> ci riferiamo alla <per>esecuzione</per> che il musicista esecutore vorrebbe realizzare.</p>
<p>Vari studi mostrano che i musicisti tentano di realizzare la propria <int>interpretazione</int> adattando il loro modo di suonare in base all’ambiente in cui si trovano.</p>
<p>Di conseguenza, l’ambiente influenza l’<per>esecuzione</per> dei musicisti, i quali cercano di realizzarla nel modo più simile possibile all’<int>interpretazione</int> che hanno in mente.</p>
</section>
<section class="slide level2">
<p>Se pensi di non aver capito la differenza, prova a pensare così:</p>
<ul>
<li>una <per>esecuzione</per> corrisponde a un specifico concerto</li>
<li>una <int>interpretazione</int> corrisponde a un particolare esecutore</li>
</ul>
<p>Ad esempio, Arturo Toscanini ha diretto svariate volte la Nona di Beethoven con la NBC Orchestra, tentando di realizzare la medesima (o quasi) <int>interpretazione</int>, ma in ciascun concerto, l’<per>esecuzione</per> ha avuto qualche aspetto differente dovuto alla stanza, agli strumenti, al pubblico, etc.</p>
</section>
<section class="slide level2">
<p>I seguenti video contengono due <int>interpretazioni</int> dello stesso brano musicale (ascolta almeno 20-30 secondi di ciascun video):</p>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/DnA68jnSaSQ" frameborder="0">
</iframe>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/i7w0OAA_KnQ" frameborder="0">
</iframe>
<p>I seguenti video contengono due <per>esecuzioni</per> della stessa <int>interpretazione</int> (ascolta almeno 20-30 secondi di ciascun video):</p>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/i7w0OAA_KnQ" frameborder="0">
</iframe>
<iframe width="40%" height="15%" src="https://www.youtube.com/embed/z2x_aHqyfqE" frameborder="0">
</iframe>
</section>
<section class="slide level2">
<p>Proseguendo, acconsenti all’utilizzo dei dati raccolti in forma aggregata e anonima.</p>
<p>I dati raccolti potranno essere usati per pubblicazioni scentifiche soltanto in forma aggregata e anonima.</p>
<p>Non sarà possibile risalire alla tua identità e i ricercatori che ne dovessero averne accidentalmente conoscenza sono vincolati alla segretezza dei dati.</p>
</section>
<section class="slide level2">
<p>Sei quasi pronto a iniziare il test.</p>
<p>Ti verrà chiesto di ascoltare un audio di riferimento (<em>reference</em>) e poi altre 4 esecuzioni dello stesso brano. Dovrai dare un giudizio di quanto è probabile che le esecuzioni contengano la stessa <int>interpretazione</int> della audio di riferimento. Non c’è una risposta corretta: gli audio sono generati da algoritmi informatici!</p>
<p><a href="./test.html?url=php/pool.php">Clicca qui per cominciare il test!</a></p>
</section>
</div>
</div>
<script src="reveal.js-3.9.2/js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
// Push each slide change to the browser history
history: true,
// Optional reveal.js plugins
dependencies: [
{ src: 'reveal.js-3.9.2/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'reveal.js-3.9.2/plugin/zoom-js/zoom.js', async: true },
{ src: 'reveal.js-3.9.2/plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>