-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinspiration.html
344 lines (303 loc) · 19.7 KB
/
inspiration.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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Mozart Ex Machina — Inspiration</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="La musique peut-elle s'automatiser ?" />
<meta name="keywords" content="musique, automatisation, machine, learning, PACE" />
<meta name="author" content="Edward Tombre" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Profile Card -->
<link rel="stylesheet" href="css/profile-card.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- Game -->
<script src="js/jeuClassement.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<div class="page-inner">
<div id="head-top" style="position: absolute; width: 100%; top: 0; ">
<div class="gtco-top">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-xs-6">
<div id="gtco-logo"><a href="index.html">Mozart Ex Machina <em>.</em></a></div>
</div>
</div>
</div>
</div>
<nav class="gtco-nav sticky-banner" role="navigation">
<div class="gtco-container">
<div class="row">
<div class="col-xs-12 text-center menu-1">
<ul>
<li><a href="index.html">Introduction</a></li>
<li class="has-dropdown">
<a href="inspiration.html">Sur l'inspiration</a>
<ul class="dropdown">
<li><a href="inspiration.html#debut">Trouver l'inspiration</a></li>
<li><a href="inspiration.html#interview">Interview</a></li>
<li><a href="math.html"> La musique et les maths</a></li>
</ul>
</li>
<li class="has-dropdown"><a href="machinelearning.html">Machine-Learning</a>
<ul class="dropdown">
<li><a href="machinelearning.html#intro">Introduction historique</a></li>
<li><a href="machinelearning.html#fonctionnement">Fonctionnement</a></li>
</ul>
</li>
<li class="has-dropdown"><a href="implementation.html">Mise en pratique</a>
<ul class="dropdown">
<li><a href="implementation.html#implementation">Implémentation</a></li>
<li><a href="implementation.html#jeuClassement">Jeu : classer par génération</a></li>
</ul>
</li>
<li class="has-dropdown"><a href="conclusions.html">Conclusions</a>
<ul class="dropdown">
<li><a href="conclusions.html#jeuAudio">Jeu : qui a composé quoi ?</a></li>
<li><a href="conclusions.html#conclusion">Retour sur le sens de meilleur</a></li>
<li><a href="plusloin.html">Pour aller plus loin</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="gtco-cover gtco-cover-sm" style="background-image: url(images/img_bg_3.jpg)" data-stellar-background-ratio="0.5" id="debut">
<div class="overlay"></div>
<div class="gtco-container text-center">
<div class="display-t">
<div class="display-tc">
<h1 class="animate-box">De l'inspiration à la composition</h1>
</div>
</div>
</div>
</div>
<div class="gtco-section">
<div class="gtco-container">
<div class="row">
<div class="col-md-10 col-md-offset-1 gtco-heading animate-box">
<h2 class = "text-center" > D'où vient l'inspiration ?</h2>
<p>Épineuse question, n'est-ce pas ? Si vous la posez à des artistes, ils vous livreront sûrement les moyens qu'ils utilisent pour stimuler leur créativité. Mais il y a une chose sur laquelle ils seront tous d'accord : l'inspiration ne se commande pas. Elle vient sans crier gare, et s'en va quand elle veut. C'est donc à nous d'être vigilants, pour ne pas oublier l'idée qui nous a été inspirée. Cette idée peut être (dans le cas de la musique) un accord, une phrase mélodique, et parfois même une œuvre entière !
Elle peut surgir à tout moment, même lorsqu'on dort. Difficile à croire, n'est-ce pas ? Laissez moi vous donner quelques exemples : </p>
</div>
<div class="col-lg-12 animate-box">
<ul class="timeline">
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="images/timeline/tartini.jpg" alt="tartini">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>1692-1770</h4>
<h4 class="subheading">Giuseppe Tartini </h4>
</div>
<div class="timeline-body">
<p class="text-muted" style="font-size:13px">
À propos de sa <em>Sonate des trilles du Diable</em>, il raconte : « J'ai rêvé une nuit que j'avais scellé un pacte avec le Diable pour le prix de mon âme. Tout obéissait à ma volonté, mon nouveau serviteur connaissait d'avance tous mes souhaits. Alors me vint l'idée de lui confier mon violon et d'attendre ce qu'il en tirerait. Quel ne fut pas mon étonnement lorsque je l'entendis jouer, avec un art consommé, une sonate d'une beauté telle que je n'aurais pu en imaginer de plus belle. J'étais stupéfait et charmé, le souffle court et je me réveillai. Je saisis alors mon violon et essayai de reproduire cette sonorité extraordinaire.»
</p>
</div>
</div>
<div class="line"></div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="images/timeline/wagner.jpg" alt="wagner">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>1813-1883</h4>
<h4 class="subheading">Richard Wagner</h4>
</div>
<div class="timeline-body">
<p class="text-muted" style="font-size:13px">
En parlant de son opéra <em>Tristan et Isolde</em> le compositeur écrit que « j'ai rêvé tout cela. Jamais ma pauvre tête n'aurait pu inventer une telle chose délibérément. »
</p>
</div>
</div>
<div class="line"></div>
</li>
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="images/timeline/mccartney.jpg" alt="mccartney">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>1942-</h4>
<h4 class="subheading">Paul McCartney</h4>
</div>
<div class="timeline-body">
<p class="text-muted" style="font-size:13px">
Alors qu'il dormait chez sa petite amie, Paul rêve d'un orchestre jouant une mélodie qui lui est inconnue. Lorsqu'il se réveille le lendemain matin, il retranscrit cette mélodie sur son piano. Sûr d'avoir accidentellement plagié un autre artiste, il cherche, pendant plus d'un mois, le vrai propriétaire de celle-ci. Ces recherches étant infructueuses, il doit se rendre à l'évidence : ce morceau est le fruit de sa composition ! Qu'est-elle devenue ? Après que les paroles ont été écrites, elle a été nommée <em>Yesterday</em>.
</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-10 col-md-offset-1 gtco-heading animate-box" style ="padding-top:10%" id="interview" >
<p>Ces quelques exemples nous ont montré qu'il était possible d'avoir de l'inspiration, et même de composer de la musique tout en dormant. Qu'en est-il alors de lorsqu'on est éveillé ? Sommes nous voués à devoir dormir pour composer de la musique ? Cette question, bien qu'absurde, soulève celle de la stimulation de l'inspiration. Est-ce possible de favoriser la venue de l'inspiration ? Quoi de mieux pour nous répondre que des professionnels !</p>
</div>
<!-- Présentation des musiciens -->
<div class="col-md-10 col-md-offset-1 gtco-heading animate-box">
<div class="panel-heading resume-heading">
<div class="row">
<div class="col-lg-12">
<!-- K391 -->
<div class="col-xs-12 col-sm-4">
<figure>
<a href="https://www.youtube.com/user/TheK391"><img class="img-circle img-responsive" alt="kenneth" src="images/interview/kenneth.jpg" width="200px"></a>
</figure>
</div>
<div class="col-xs-12 col-sm-8">
<ul class="list-group">
<li class="list-group-item"><strong>Kenneth Nilsen</strong> <em>aka</em> K-391</li>
<li class="list-group-item">Producteur de musique électronique</li>
<li class="list-group-item">23 ans</li>
<li class="list-group-item">640 000 fans sur Youtube</li>
</ul>
</div>
</div>
<div class="col-lg-12">
<!-- Bernd -->
<div class="col-xs-12 col-sm-4">
<figure>
<img class="img-circle img-responsive" alt="kenneth" src="images/interview/bernd.jpg" width="200px">
</figure>
</div>
<div class="col-xs-12 col-sm-8">
<ul class="list-group">
<li class="list-group-item"><strong>Bernd Schneider</strong></li>
<li class="list-group-item">Professeur de piano </li>
<li class="list-group-item">Directeur du Helge Ankers Musikinstitutt</li>
<li class="list-group-item">35 ans</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-10 col-md-offset-1 gtco-heading animate-box">
<p>J'ai eu l'occasion de leur poser quelques questions à propos de leur manière de composer. </p>
</div>
<div class="col-md-12 gtco-heading animate-box">
<h4> Comment trouvez vous l'inspiration ? Est-ce qu'il y a des moments où vous vous sentez plus inspirés ? Connaissez vous des méthodes pour stimuler votre inspiration ?</h4>
<p> <img class="img-circle" alt="kenneth" src="images/interview/kenneth.jpg" width="25px"> <strong>K.N</strong> : C'est difficile d'expliquer ce qu'est l'inspiration, car je considère que c'est surtout un mode de vie. J'ai choisi de toujours m'inspirer de tout, et toujours apprendre de nouvelles choses. L'inspiration vient sous de nombreuses formes, mais c'est compliqué de toujours être inspiré. Même chose avec les sentiments : bien qu'ils fluctuent beaucoup selon des réactions chimiques dans notre cerveau, on peut choisir de toujours vouloir être heureux.</p>
<p> <img class="img-circle" alt="bernd" src="images/interview/bernd.jpg" width="25px"> <strong>B.S</strong> : J'essaie souvent de m'installer dans une pièce où règne un calme absolu. De temps en temps, je me lève et tourne un peu en rond dans la pièce. Dans certains cas, je pars faire un jogging, en emmenant mon téléphone seulement pour enregistrer les idées qui me viennent à l'esprit.
En réalité, il n'y a pas de moments <em>spéciaux</em> : une idée viendra à un moment ou un autre. Alors je l'écris, puis je travaille avec cette idée pendant plusieurs jours. Je la joue au piano, et je note des détails à perfectionner etc. Concernant la manière de stimuler l'inspiration, je dirais qu'il faut se sentir soi-même, bien dans sa peau. J'ai pour habitude de faire du sport le matin, puis prendre une douche et manger un bon petit-déjeuner, pour évacuer le stress et me sentir vraiment d'attaque avant de vouloir composer. </p>
<h4>Utilisez vous un ordinateur lorsque vous composer ? Si oui, de quelle manière ?</h4>
<p> <img class="img-circle" alt="kenneth" src="images/interview/kenneth.jpg" width="25px"> <strong>K.N</strong> : Oui, j'ai monté mon propre PC pour répondre à mes besoins précis. Je produis tout à l'aide du logiciel Fruity Loop Studio. </p>
<p> <img class="img-circle" alt="bernd" src="images/interview/bernd.jpg" width="25px"> <strong>B.S</strong> : J'utilise mon ordinateur avec Sibelius (un logiciel d'édition de partition) et un piano connecté en MIDI. Et comme précisé, j'utilise aussi mon téléphone pour enregistrer les idées dès qu'elles me viennent. </p>
<h4>Que pensez vous de l'utilisation de l'IA dans la musique ? Selon vous, y a-t-il un futur pour cette technologie dans l'industrie musicale ?</h4>
<p> <img class="img-circle" alt="kenneth" src="images/interview/kenneth.jpg" width="25px"> <strong>K.N</strong> : Je pense que ça peut être un bon moyen de commencer la production musicale. Ca peut être très utile, pour faire le mixage et le mastering par exemple. Cependant, je pense que la musique sera toujours empreinte de l'essence de son créateur, et devra donc être écrite par un humain pour ne pas la perdre, pour garder cette trace de vie. Ce sera d'ailleurs le cas pour toute production artistique selon moi. Absolument, il y a un futur pour l'IA ! J'utilise déjà des logiciels qui analysent le projet entier et réalisent le mixage automatiquement. Mais c'est une technologie incroyablement complexe, et personnellement, je ne m'en sers que pour des tâches subsidiaires. </p>
<p> <img class="img-circle" alt="bernd" src="images/interview/bernd.jpg" width="25px"> <strong>B.S</strong> : Cela me semble très intéressant. Mais d'un autre côté, vais-je travailler à « tuer mon métier » ? (rire). On constate aujourd'hui que les machines se chargent en tout cas des opérations systématiques et répétitives. Je pense que l'on peut aller très loin avec l'IA, mais pas jusqu'à la complète autonomie. Une composition est quelque chose de <em>vivant</em>, qui demeure dans le temps, marqué entre autres par l'environnement du compositeur. Cette <em>part vivante</em>, qui est comme la cerise sur le gâteau de l'oeuvre, sera selon moi difficile à répliquer avec des machines. Mais je suis impatient de voir ce qu'il en adviendra.</p>
</div>
<div class="col-md-10 col-md-offset-1 gtco-heading animate-box">
<p>L'inspiration est décidément une source mystérieuse. Comment alors espérer créer des ordinateurs qui puissent composer de la musique, s'il n'ont pas d'inspiration ? Il n'est certes pas possible de modéliser une inspiration. Heureusement, il existe un lien très fort entre la musique et un domaine dont les machines sont très friandes : <strong> les mathématiques</strong>.</p>
</div>
</div>
</div>
</div>
<footer id="gtco-footer" role="contentinfo">
<div class="gtco-container">
<div class="row row-p b-md">
<div class="col-md-4">
<div class="gtco-widget">
<h3>A propos</h3>
<p>Ce site web a été créé dans le cadre du projet PACE à Télécom ParisTech.</p>
<p><a href="https://www.telecom-paristech.fr/enseignement/cursus/1re-annee/pratiques-analyses-communication-ecrite.html">En savoir plus...</a></p>
</div>
</div>
<div class="col-md-4">
<div class="gtco-widget">
<h3>Bibliographie</h3>
<p>Elle est disponible <a href="bibliographie.html">ici</a>.</p>
</div>
</div>
<div class="col-md-4 col-md-push-1">
<div class="gtco-widget">
<h3>Me contacter</h3>
<ul class="gtco-quick-contact">
<li><a href="#"><i class="icon-phone"></i> +33 6 83 95 57 00</a></li>
<li><a href="#"><i class="icon-mail2"></i> [email protected]</a></li>
</ul>
</div>
</div>
</div>
<div class="row copyright">
<div class="col-md-12">
<p class="pull-left">
<small class="block">Site développé par Edward Tombre.</small>
</p>
<p class="pull-right">
<ul class="gtco-social-icons pull-right">
<li><a href="https://www.facebook.com/edward.tombre.7"><i class="icon-facebook"></i></a></li>
<li><a href="https://fr.linkedin.com/in/edward-tombre-3907ba151"><i class="icon-linkedin"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/sticky.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>