Jekyll2021-03-09T01:55:18+00:00https://toddmazierski.com/feed.xmlTodd MazierskiMy home pageBear Stearns Bravo2013-11-10T05:00:00+00:002013-11-10T05:00:00+00:00https://toddmazierski.com/bear-stearns-bravo<div class="cover-image">
<img src="/assets/images/bear-stearns-bravo.gif" alt="floating CD jewel case" width=150>
</div>
<div class="project-label">
<span class="project-label--title">Empire Sunrise: Music for Bear Stearns Bravo</span>,
<span class="project-label--date">2013</span>
<div class="project-label--format">
Soundtrack
</div>
</div>
<div>
<a class="button button-primary" href="https://www.bearstearnsbravo.com/NET/marketplace" target="_blank">
Buy soundtrack for $5
</a>
<p style="font-size: x-small; font-style: italic; margin-top: 3px">
Requires free <a href="https://www.bearstearnsbravo.com/join" target="_blank">BravoNET account</a>
</p>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/bear-stearns-bravo/01_shining_data_in_the_stars.mp3","title":"Shining Data in the Stars"},{"path":"/bear-stearns-bravo/02_savage_economic_experiments.mp3","title":"Savage Economic Experiments"},{"path":"/bear-stearns-bravo/03_main_theme_episode_1.mp3","title":"Main Theme: Episode 1"},{"path":"/bear-stearns-bravo/04_whispers_of_wanton_dollarcrime.mp3","title":"Whispers of Wanton Dollarcrime"},{"path":"/bear-stearns-bravo/05_two_beachfront_houses.mp3","title":"Two Beachfront Houses"},{"path":"/bear-stearns-bravo/06_crazed_nihilists.mp3","title":"Crazed Nihilists"},{"path":"/bear-stearns-bravo/07_empire_sunrise.mp3","title":"Empire Sunrise"},{"path":"/bear-stearns-bravo/08_pure_productovity.mp3","title":"Pure Productovity"},{"path":"/bear-stearns-bravo/09_special_tasteless_waxes.mp3","title":"Special Tasteless Waxes"},{"path":"/bear-stearns-bravo/10_big_bonus.mp3","title":"Big Bonus"},{"path":"/bear-stearns-bravo/11_saxophone_futures.mp3","title":"Saxophone Futures"},{"path":"/bear-stearns-bravo/12_the_solarium_club.mp3","title":"The Solarium Club"},{"path":"/bear-stearns-bravo/13_main_theme_episode_2.mp3","title":"Main Theme: Episode 2"},{"path":"/bear-stearns-bravo/14_bringing_dinner_to_the_table.mp3","title":"Bringing Dinner to the Table"},{"path":"/bear-stearns-bravo/15_tupperware_party.mp3","title":"Tupperware Party"},{"path":"/bear-stearns-bravo/16_three_seconds_early.mp3","title":"Three Seconds Early"},{"path":"/bear-stearns-bravo/17_move_objects_and_people.mp3","title":"Move Objects and People"},{"path":"/bear-stearns-bravo/18_a_song_for_the_stars.mp3","title":"A Song for the Stars"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>canyonmid.com2011-09-24T05:00:00+00:002011-09-24T05:00:00+00:00https://toddmazierski.com/canyonmid-com<div class="cover-image">
<img src="/assets/images/canyonmid.png" alt="old PC running Microsoft Windows">
</div>
<div class="project-label">
<span class="project-label--title"><a href="https://canyonmid.com/" target="_blank">canyonmid.com</a></span>,
<span class="project-label--date">2011</span>
<div class="project-label--format">
Simulation
</div>
</div>Make It Work2010-03-07T05:00:00+00:002010-03-07T05:00:00+00:00https://toddmazierski.com/make-it-work<div class="cover-image">
<img src="/assets/images/make-it-work.png" alt="photomontage of New York Public Library's lion statue, the Rose Reading Room, a bookshelf, and logo" width="400">
</div>
<div class="project-label">
<span class="project-label--title">Make It Work</span>,
<span class="project-label--date">2010</span>
<div class="project-label--format">
Original music
</div>
<div class="project-label--description">
Comissioned by the New York Public Library for their employee orientation video, “Best of All Possible Libraries”
</div>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/make-it-work/make-it-work.mp3","title":"Make It Work"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>Design Reboot HD2009-06-09T05:00:00+00:002009-06-09T05:00:00+00:00https://toddmazierski.com/design-reboot-hd<video controls preload poster="https://s3.amazonaws.com/assets.toddmazierski.com/design-reboot-hd/design-reboot-hd-preview.png">
<source src="https://s3.amazonaws.com/assets.toddmazierski.com/design-reboot-hd/design-reboot-hd.mov" type="video/mp4">
</video>
<div class="project-label">
<span class="project-label--title">Design Reboot HD</span>,
<span class="project-label--date">2009</span>
<div class="project-label--format">
Sound effects
</div>
<div class="project-label--description">
<p>
By game designer and animator Craig Adams of <a href="http://superbrothers.ca" target="_blank">superbrothers</a>,
Design Reboot HD animates the lecture <a href="http://braid-game.com/news/?p=129" target="_blank">“Design
Reboot”</a> by video game creator and outspoken critic <a href="http://number-none.com/blow"
target="_blank">Jonathan Blow</a>
</p>
</div>
</div>Golden Grams2009-05-17T05:00:00+00:002009-05-17T05:00:00+00:00https://toddmazierski.com/golden-grams<video controls preload poster="https://s3.amazonaws.com/assets.toddmazierski.com/superior-gold-group/college-preview.png">
<source src="https://s3.amazonaws.com/assets.toddmazierski.com/superior-gold-group/college.mov" type="video/mp4">
</video>
<div class="project-label">
<span class="project-label--title">Golden Grams</span>,
<span class="project-label--date">2009</span>
<div class="project-label--format">
Original music
</div>
<div class="project-label--description">TV advertisement</div>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/superior-gold-group/golden-grams.mp3","title":"Golden Grams"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>Our Feature Presentation2008-12-09T05:00:00+00:002008-12-09T05:00:00+00:00https://toddmazierski.com/our-feature-presentation<video controls preload poster="https://s3.amazonaws.com/assets.toddmazierski.com/our-feature-presentation/you-dont-have-to-preview.png">
<source src="https://s3.amazonaws.com/assets.toddmazierski.com/our-feature-presentation/you-dont-have-to.mov" type="video/mp4">
</video>
<div class="project-label">
<span class="project-label--title">Our Feature Presentation</span>,
<span class="project-label--date">2008</span>
<div class="project-label--format">
Soundtrack
</div>
<div class="project-label--description">
Our Feature Presentation is a feature-length comedy directed by Gardner Loulan and produced by Aunt Colony Productions
</div>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/our-feature-presentation/you-dont-have-to.mp3","title":"You Don't Have To"},{"path":"/our-feature-presentation/goggles-in-glockenspiel.mp3","title":"Goggles in Glockenspiel"},{"path":"/our-feature-presentation/press-the-yellow-key.mp3","title":"Press the Yellow Key (credits)"},{"path":"/our-feature-presentation/this-is-meaningless-now.mp3","title":"This Is Meaningless Now"},{"path":"/our-feature-presentation/not-for-sale.mp3","title":"Not For Sale"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>This Is My Milwaukee2008-12-08T05:00:00+00:002008-12-08T05:00:00+00:00https://toddmazierski.com/this-is-my-milwaukee<video controls preload poster="https://s3.amazonaws.com/assets.toddmazierski.com/this-is-my-milwaukee/this-is-my-milwaukee.png">
<source src="https://s3.amazonaws.com/assets.toddmazierski.com/this-is-my-milwaukee/this-is-my-milwaukee.mp4" type="video/mp4">
</video>
<div class="project-label">
<span class="project-label--title">This Is My Milwaukee</span>,
<span class="project-label--date">2008</span>
<div class="project-label--format">
Soundtrack
</div>
<div class="project-label--description">
<p>
Campaign which sought to supplant the city's obsolete tourism efforts with a modern, Internet-centric approach
</p>
<p>
Singing on “Heart of Your Dreams” by Akiko Hiroshima of <a href="http://www.happyfunsmile.com" target="_blank">happyfunsmile</a>
</p>
</div>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/this-is-my-milwaukee/this-is-my-milwaukee.mp3","title":"This Is My Milwaukee"},{"path":"/this-is-my-milwaukee/heart-of-your-dreams.mp3","title":"Heart of Your Dreams"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>Howcast2008-12-07T05:00:00+00:002008-12-07T05:00:00+00:00https://toddmazierski.com/howcast<iframe width="420" height="315" src="https://www.youtube.com/embed/dPQTbg9_Pvg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="project-label">
<span class="project-label--title">Howcast</span>,
<span class="project-label--date">2008</span>
<div class="project-label--format">
Original music
</div>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/howcast/mars-flavour.mp3","title":"Mars Flavour"},{"path":"/howcast/rollerskating-flavour.mp3","title":"Rollerskating Flavour"},{"path":"/howcast/tispy-on-tequila-flavour.mp3","title":"Tipsy On Tequila Flavour"},{"path":"/howcast/two-dollar-bill-flavour.mp3","title":"Two Dollar Bill Flavour"},{"path":"/howcast/daytona-flavour.mp3","title":"Daytona Flavour"},{"path":"/howcast/badical-flavour.mp3","title":"Badical Flavour"},{"path":"/howcast/eyewitness-news-flavour.mp3","title":"Eyewitness News Flavour"},{"path":"/howcast/what-is-howcast.mp3","title":"What Is Howcast?"},{"path":"/howcast/mothball-flavour.mp3","title":"Mothball Flavour"},{"path":"/howcast/twenty-three-skidoo-flavour.mp3","title":"Twenty-Three Skidoo Flavour"},{"path":"/howcast/trenchcoat-flavour.mp3","title":"Trenchcoat Flavour"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>Prudent Boozers2008-12-07T05:00:00+00:002008-12-07T05:00:00+00:00https://toddmazierski.com/prudent-boozers<div class="project-label">
<span class="project-label--title">Prudent Boozers</span>,
<span class="project-label--date">2008</span>
<div class="project-label--format">
Original music
</div>
<div class="project-label--description">
Public service compaign against alcohol abuse
</div>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/prudent-boozers/regret.mp3","title":"Regret"},{"path":"/prudent-boozers/reinvention.mp3","title":"Reinvention"},{"path":"/prudent-boozers/rejoice.mp3","title":"Rejoice"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>Prudent Boozers, 2008Hoopeston2008-10-20T05:00:00+00:002008-10-20T05:00:00+00:00https://toddmazierski.com/hoopeston<video controls preload poster="https://s3.amazonaws.com/assets.toddmazierski.com/hoopeston/the-opening-preview.png">
<source src="https://s3.amazonaws.com/assets.toddmazierski.com/hoopeston/the-opening.mov" type="video/mp4">
</video>
<video controls preload poster="https://s3.amazonaws.com/assets.toddmazierski.com/hoopeston/sweet-corn-festival-preview.png">
<source src="https://s3.amazonaws.com/assets.toddmazierski.com/hoopeston/sweet-corn-festival.mov" type="video/mp4">
</video>
<div class="project-label">
<span class="project-label--title">Hoopeston</span>,
<span class="project-label--date">2008</span>
<div class="project-label--format">
Soundtrack
</div>
<div class="project-label--description">
<p>
Documentary feature on a heartland town with a Witch School, directed by Thomas Bender of <a href="http://www.synydyne.com" target="_blank">Synydyne</a>
</p>
<p>
Premiered at the 2008 New York Underground Film Festival, additional screenings at the 2008 Chicago Underground Film Festival and the 2009 Bradford International Film Festival
</p>
<p>
Singing on “The Opening” by <a href="http://www.laurenedman.com" target="_blank">Lauren Edman</a>, violin on “Sweet Corn Festival” & “The Crystal Web” by Steven Dunning
</p>
</div>
</div>
<div class="playlist">
<div class="playlist--title" data-playlist="title"></div>
<audio class="playlist--controls" data-playlist="controls" controls preload></audio>
<div class="playlist--nav">
<a href="" class="playlist--nav-previous playlist--nav-hidden" data-playlist="previous">
Previous Track
</a>
<a href="" class="playlist--nav-next playlist--nav-hidden" data-playlist="next">
Next Track
</a>
</div>
</div>
<script>
(function() {
var playlist = [{"path":"/hoopeston/the-opening.mp3","title":"The Opening"},{"path":"/hoopeston/vermillion-iron.mp3","title":"Vermillion Iron"},{"path":"/hoopeston/real-estate.mp3","title":"Real Estate"},{"path":"/hoopeston/that-depressed.mp3","title":"That Depressed"},{"path":"/hoopeston/the-crystal-web.mp3","title":"The Crystal Web"},{"path":"/hoopeston/never-a-fluid-transmission.mp3","title":"Never a Fluid Transmission"},{"path":"/hoopeston/ed-and-don.mp3","title":"Ed and Don"},{"path":"/hoopeston/meth-heads.mp3","title":"Meth Heads"},{"path":"/hoopeston/sweet-corn-festival.mp3","title":"Sweet Corn Festival"}];
var $title = document.querySelector('[data-playlist=title]');
var $controls = document.querySelector('[data-playlist=controls]');
var $previous = document.querySelector('[data-playlist=previous]');
var $next = document.querySelector('[data-playlist=next]');
var state = {
index: 0,
wasPlaying: false
};
function selectTrack(index) {
state.index = index;
state.wasPlaying = isPlaying();
setTitle();
setAudio();
setNav();
}
function getTrack() {
return playlist[state.index];
}
function setTitle() {
$title.innerHTML = getTrack().title;
}
function setAudio() {
$controls.innerHTML = '<source src="https://s3.amazonaws.com/assets.toddmazierski.com' + getTrack().path + '" + type="audio/mpeg">';
$controls.load();
}
function setNav() {
if (isFirstTrack()) {
$previous.classList.add('playlist--nav-disabled');
} else {
$previous.classList.remove('playlist--nav-disabled');
}
if (isLastTrack()) {
$next.classList.add('playlist--nav-disabled');
} else {
$next.classList.remove('playlist--nav-disabled');
}
}
function isFirstTrack() {
return state.index === 0;
}
function isLastTrack() {
return state.index === playlist.length - 1;
}
function isPlaying() {
return !$controls.paused && $controls.currentTime > 0 || $controls.ended;
}
function onPrevious(event) {
event.preventDefault();
if (isFirstTrack()) {
return false;
}
selectTrack(state.index - 1);
}
function onNext(event) {
event.preventDefault();
if (isLastTrack()) {
return false;
}
selectTrack(state.index + 1);
}
function onLoadStart() {
if (state.wasPlaying) {
this.play();
}
}
$previous.addEventListener('click', onPrevious);
$next.addEventListener('click', onNext);
$controls.addEventListener('loadstart', onLoadStart);
$controls.addEventListener('ended', onNext);
if (playlist.length > 1) {
$previous.classList.remove('playlist--nav-hidden');
$next.classList.remove('playlist--nav-hidden');
}
selectTrack(0);
})();
</script>