-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
249 lines (187 loc) · 10.1 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<!-- App Title -->
<title>Brett Alexander Preston</title>
<!-- App Description -->
<meta name="description" content="Portfolio"/>
<meta charset="utf-8">
<meta name="Brett Alexander Preston" content="https://brettpreston.github.io/">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/owl.transitions.css"/>
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.css"/>
<link rel="stylesheet" type="text/css" href="css/folio.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ajaxchimp.js"></script>
<script type="text/javascript" src="js/scrollTo.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/parallax.js"></script>
<script type="text/javascript" src="js/nicescroll.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<!-- Header Section -->
<header>
<div class="container">
<div class="logo pull-left animated wow fadeInLeft">
<h1><font color="white" >BRETT ALEXANDER PRESTON</font></h1>
</div>
<div class="social pull-right">
<ul class="list-unstyled">
<li class="animated wow fadeInRight" data-wow-delay="0s"><a href="https://www.linkedin.com/in/brett-alexander-preston-3b95a3121/"><img src="img/linkedin.png" alt="" title=""></a></li>
<li class="animated wow fadeInRight" data-wow-delay=".1s"><a href="https://zaga.bandcamp.com/"><img src="img/bandcamp.png" alt="" title=""></a></li>
<li class="animated wow fadeInRight" data-wow-delay=".2s"><a href="https://www.facebook.com/ZaGaElectronic"><img src="img/facebook.png" alt="" title=""></a></li>
</ul>
</div>
</div>
</header>
<!-- End Header Section -->
<!-- About Section -->
<section class="about" id="#AUDIO">
<!-- <div class="container"> -->
<div class="row">
<div class="col-md-3 text-center animated wow fadeInLeft">
<div class="portrait">
<img src="img/Brett3.jpg" alt="" title="">
</p>
<!-- <iframe src="https://open.spotify.com/embed/playlist/7KqykpBrGkyrexeOG3unzZ" width="346" height="259" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe> -->
</div>
</div>
<div class="col-md-8 animated wow fadeInRight">
<div class="blurb">
<p align="justify"><h1>AUDIO PRODUCTION</h1>
</br>
<p align="justify">I have over a decade of experience with sound synthesis and design, as well as music composition and production.
I produce sound effects, soundtracks, as well as edit and mix audio for all media.
</br></br>
I am passionate about the newest technology, and I'm proficient with leading workstations, game engines and machine learning tools, including fine-tuning audio ML models.
I can do things with sound that most people don't know are possible.
I'm a great team player, ready to step in and problem-solve and always eager for feedback. </br></br>
I am currently based in Montréal, QC.
</p>
<!-- <p>
</br>
Izotope RX - audio editing/cleaning</br>
Adobe Audition - audio recording/editing</br>
Reaper (digital audio workstation) - ambisonics/surround sound mixing</br>
Ableton Live (digital audio workstation) - composition/mixing/live loop</br>
FL Studio (digital audio workstation) - composition/mixing</br>
Wwise - game audio engine work environment</br>
FMod Studio - game audio engine work environment</br>
Photoshop</br>
After Effects</br></p> -->
</div>
</div>
</div>
</div>
<!--</div> -->
</section>
<!-- End About Section -->
<section class="portfolio" id="VIDEO">
<div class="container">
<h1 align="center"> PROJECT SAMPLES </h1></br>
<div class="row text-center">
<div class="col-sm-4 col-md-6 details animated wow fadeInDown" data-wow-delay=".2s" >
<video width="426" height="240" controls>
<source src="video/STARS-Promo_s.mp4" type="video/mp4">
</video></br> <p>I am responsible for the full audio pipeline in my current role in VR gaming. This trailer showcases the music score, sound effects and voiceover editing.</p>
</div>
<div class="col-sm-4 col-md-6 details animated wow fadeInDown" data-wow-delay="0s">
<iframe width="426" height="240" src="https://www.youtube.com/embed/A3624_SofmY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</br>
<p>For this Unty VR game I processed all voice-overs, created sound effects as well as music, and positioned all audio in 3D space using ambisonics.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Section -->
<section class="portfolio" id="VIDEO">
<div class="container">
<div class="row text-center">
<div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay=".2s" >
<h1 align="center">EDITING AND PRODUCTION</h1></br>
<p>DIALOGUE EDITING</font><br></br> Before:</br>
<audio src="audio/VO-raw.mp3"
type="audio/mpeg" controls> </audio></br>After:</br>
<audio src="audio/VO-After.mp3"
type="audio/mpeg" controls> </audio><br></p>
<p >This sample showcases creating sound effects as well as multiple characters from a voiceover by a single actor using traditional editing methods (no voice cloning). I also train and operate local machine learning voice models.</p> </br> </br>
<!--
<p>VOICE CLONING<br>
The model can be fine-tuned for any target voice or effects.<br>
<video width="320" height="240" controls>
<source src="video/ObamaVoiceClone.mp4" type="video/mp4"></videop></p></br></br> -->
<p>MUSIC PRODUCTION</br>Before:</br>
<audio src="audio/kevin-before.mp3"
type="audio/mpeg" controls> </audio></br>After:</br>
<audio src="audio/kevin-After.mp3"
type="audio/mpeg" controls> </audio></p>
</div>
<div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay="0s">
<h1 align="center">SAMPLES OF SCORE MUSIC</h1></br>
<p>
<audio src="audio/PNL - One (BP Arrangement).mp3"
type="audio/mpeg" controls> </audio></br>
Inspiring orchestral moment as our quest begins.</p></br></br>
<p>
<audio src="audio/BP - Trailer warmup.mp3"
type="audio/mpeg" controls> </audio></br>
Trailer music for S.T.A.R.S.</p> </br></br>
<p>
<audio src="audio/drive.mp3"
type="audio/mpeg" controls> </audio></br>
A track that evokes a steady progression towards new achievements.</p></br></br>
<p>
<audio src="audio/biomechanical.mp3"
type="audio/mpeg" controls> </audio></br>
A tender moment in a futuristic setting.</p>
<p></br></br></br>A robust collection of EDM compositions can be found on Bandcamp: <a href="https://zaga.bandcamp.com/"><img src="img/bandcamp.png" alt="" title=""></a>
</p>
</div>
<div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay=".1s">
<h1 align="center"> ENGINEERING AND CONSULTING </h1>
<p><a href="Audio Engineering Considerations for a Modern Mixnet - Brett Preston.pdf">AUDIO ENGINEERING CONSIDERATIONS FOR A MODERN MIXNET</a> is a recent analysis
on the requirements of real-time voice calling in anonymous communications with ambitious threat models. It focuses on information security and codec engineering.
<br><br>This work was supported by a grant from the Wau Holland Foundation, as a part of the Katzenpost free and open source project. It is public under a GPLv3 license.
The analysis has subsequently helped the project secure an NLnet grant for audio implementation.
</p>
</div>
<!--
<h1 align="center">SOUND EFFECTS</h1></br><p>
<video width="320" height="240" controls>
<source src="video/beam.mp4" type="video/mp4">
</video> </br> </br> -->
<!--
1</br> <audio src="music.mp3" type="audio/mpeg" controls> </audio></br></br>
2</br> <audio src="music.mp3" type="audio/mpeg" controls> </audio></br></br>
3</br> <audio src="music.mp3" type="audio/mpeg" controls> </audio></br></br> -->
</div>
</div>
</section>
<!-- Footer Section -->
<footer>
<ul class="list-unstyled list-inline app_platform">
<li class="animated wow fadeInRight" data-wow-delay="0s"><a href="https://www.linkedin.com/in/brett-alexander-preston-3b95a3121/"><img src="img/linkedin.png" alt="" title=""></a></li>
<li class="animated wow fadeInRight" data-wow-delay=".1s"><a href="https://zaga.bandcamp.com/"><img src="img/bandcamp.png" alt="" title=""></a></li>
<li class="animated wow fadeInRight" data-wow-delay=".2s"><a href="https://www.facebook.com/ZaGaElectronic"><img src="img/facebook.png" alt="" title=""></a></li>
<li class="animated wow fadeInRight" data-wow-delay="0s"><a href="https://open.spotify.com/artist/2TBJle3dsOIA3xOdnAIa3x"><img src="img/spotify.png" alt="" title=""></a></li>
<li class="animated wow fadeInDown" data-wow-delay="0s">
<a href="https://soundcloud.com/zaga"><img src="img/soundcloud.png" alt="" title=""></a>
</li>
<li class="animated wow fadeInDown" data-wow-delay=".2s">
<a href="https://www.youtube.com/channel/UCA7NrjsWQXsunhjGJrTFyqw"><img src="img/youtube.png" alt="" title=""></a>
</li>
<li class="animated wow fadeInDown" data-wow-delay=".1s">
<a href="https://www.mixcloud.com/brettpreston/"><img src="img/mixcloud.png" alt="" title=""></a>
</li>
<li class="animated wow fadeInRight" data-wow-delay="0s"><a href="https://www.instagram.com/7nihilate/"><img src="img/insta.png" alt="" title=""></a></li>
</ul>
<p class="copyright animated wow fadeIn" data-wow-duration="2s">Contact: </br> brett.alexander.preston(at)gmail.com</p>
</footer>
<!-- End Footer Section -->
</body>
</html>