Music | Matt Katz – More Light! More Light!

</p> <p>Flip the slider back and forth to mix the video and music realtime. Awesome.</p> <ol class="ajs-fn"> </ol> </div> <footer class="entry-meta"> <div class="comments-link"> <a href="https://www.morelightmorelight.com/2014/02/17/nightbus-when-the-night-comes/#respond"><span class="leave-reply">Leave a comment</span></a> </div> </footer> </article> <nav class="navigation paging-navigation"> <h1 class="screen-reader-text"> Posts navigation </h1> <div class="nav-links"> <div class="nav-previous"><a href="https://www.morelightmorelight.com/tag/music/page/11/" ><span class="meta-nav">←</span> Older posts</a></div> <div class="nav-next"><a href="https://www.morelightmorelight.com/tag/music/page/9/" >Newer posts <span class="meta-nav">→</span></a></div> </div> </nav> </div> </div> <div id="tertiary" class="sidebar-container" role="complementary"> <div class="sidebar-inner"> <div class="widget-area"> <aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://www.morelightmorelight.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></aside><aside id="text-3" class="widget widget_text"><h3 class="widget-title">Get Updates!</h3> <div class="textwidget"><form action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=181275', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address for updates:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=181275" name="url"/><input type="hidden" value="More Light! More Light!" name="title"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></form> You'll get an email when I post something new. <a href="http://feeds.feedburner.com/MattK">You should also subscribe via RSS</a></div> </aside><aside id="categories-2" class="widget widget_categories"><h3 class="widget-title">Taxonomy</h3><form action="https://www.morelightmorelight.com" method="get"><label class="screen-reader-text" for="cat">Taxonomy</label><select name='cat' id='cat' class='postform'> <option value='-1'>Select Category</option> <option class="level-0" value="392">Android  (2)</option> <option class="level-0" value="18">Animation  (11)</option> <option class="level-0" value="6">Art  (70)</option> <option class="level-0" value="632">Baby  (16)</option> <option class="level-0" value="452">Beer  (1)</option> <option class="level-0" value="34">Books  (67)</option> <option class="level-0" value="11">Browsers  (14)</option> <option class="level-0" value="13">Captchas  (1)</option> <option class="level-0" value="20">Design  (17)</option> <option class="level-0" value="8">Dev  (100)</option> <option class="level-0" value="361">ditz  (1)</option> <option class="level-0" value="28">Diving  (2)</option> <option class="level-0" value="255">Django  (3)</option> <option class="level-0" value="14">Economics  (13)</option> <option class="level-0" value="16">Get.rich.quick  (11)</option> <option class="level-0" value="23">Hacks  (73)</option> <option class="level-0" value="15">Incentives  (30)</option> <option class="level-0" value="564">Javascript  (4)</option> <option class="level-0" value="26">Links  (193)</option> <option class="level-0" value="37">Linux  (3)</option> <option class="level-0" value="9">Lit  (20)</option> <option class="level-0" value="100">Mac  (1)</option> <option class="level-0" value="24">Money  (9)</option> <option class="level-0" value="3">morelight  (11)</option> <option class="level-0" value="36">Movie  (7)</option> <option class="level-0" value="5">Music  (174)</option> <option class="level-0" value="25">NYC  (24)</option> <option class="level-0" value="7">Pals  (356)</option> <option class="level-0" value="27">Photos  (44)</option> <option class="level-0" value="311">PHP  (8)</option> <option class="level-0" value="52">Politics  (33)</option> <option class="level-0" value="416">Projects  (12)</option> <option class="level-0" value="254">Python  (15)</option> <option class="level-0" value="35">Reviews  (42)</option> <option class="level-0" value="33">rss  (2)</option> <option class="level-0" value="38">Ruby  (7)</option> <option class="level-0" value="30">RubyOnRails  (1)</option> <option class="level-0" value="17">Save.the.world  (24)</option> <option class="level-0" value="115">security  (15)</option> <option class="level-0" value="22">Snowboarding  (5)</option> <option class="level-0" value="10">Software  (53)</option> <option class="level-0" value="32">South Carolina  (3)</option> <option class="level-0" value="12">Spam  (5)</option> <option class="level-0" value="395">Travel  (7)</option> <option class="level-0" value="1">Uncategorized  (121)</option> <option class="level-0" value="21">User Experience  (12)</option> <option class="level-0" value="19">Video  (147)</option> <option class="level-0" value="31">Vim  (2)</option> <option class="level-0" value="29">Week.In.Review  (22)</option> <option class="level-0" value="4">wordpress  (26)</option> </select> </form><script> (function() { var dropdown = document.getElementById( "cat" ); function onCatChange() { if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) { dropdown.parentNode.submit(); } } dropdown.onchange = onCatChange; })(); </script> </aside><aside id="meta-2" class="widget widget_meta"><h3 class="widget-title">Speak friend and enter</h3><nav aria-label="Speak friend and enter"> <ul> <li><a href="https://www.morelightmorelight.com/wordpress/wp-login.php">Log in</a></li> <li><a href="https://www.morelightmorelight.com/feed/">Entries feed</a></li> <li><a href="https://www.morelightmorelight.com/comments/feed/">Comments feed</a></li> <li><a href="https://wordpress.org/">WordPress.org</a></li> </ul> </nav></aside><aside id="text-7" class="widget widget_text"> <div class="textwidget"><script type="text/javascript"> window._idl = {}; _idl.variant = "banner"; (function() { var idl = document.createElement('script'); idl.type = 'text/javascript'; idl.async = true; idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner'); document.getElementsByTagName('body')[0].appendChild(idl); })(); </script></div> </aside> </div> </div> </div> </div> <footer id="colophon" class="site-footer"> <div id="secondary" class="sidebar-container" role="complementary"> <div class="widget-area"> <aside id="search-3" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://www.morelightmorelight.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></aside><aside id="calendar-2" class="widget widget_calendar"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar" class="wp-calendar-table"> <caption>September 2025</caption> <thead> <tr> <th scope="col" aria-label="Monday">M</th> <th scope="col" aria-label="Tuesday">T</th> <th scope="col" aria-label="Wednesday">W</th> <th scope="col" aria-label="Thursday">T</th> <th scope="col" aria-label="Friday">F</th> <th scope="col" aria-label="Saturday">S</th> <th scope="col" aria-label="Sunday">S</th> </tr> </thead> <tbody> <tr><td>1</td><td>2</td><td>3</td><td>4</td><td id="today">5</td><td>6</td><td>7</td> </tr> <tr> <td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td> </tr> <tr> <td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td> </tr> <tr> <td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td> </tr> <tr> <td>29</td><td>30</td> <td class="pad" colspan="5"> </td> </tr> </tbody> </table><nav aria-label="Previous and next months" class="wp-calendar-nav"> <span class="wp-calendar-nav-prev"><a href="https://www.morelightmorelight.com/2025/01/">« Jan</a></span> <span class="pad"> </span> <span class="wp-calendar-nav-next"> </span> </nav></div></aside><aside id="recent-comments-3" class="widget widget_recent_comments"><h3 class="widget-title">Comments</h3><nav aria-label="Comments"><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="http://www.morelightmorelight.com/2024/10/29/new-bike-time/" class="url" rel="ugc">New Bike Time! | Matt Katz – More Light! More Light!</a></span> on <a href="https://www.morelightmorelight.com/2023/11/11/a-victim-of-a-random-act-of-kindness/comment-page-1/#comment-453844">A Victim of a Random Act of Kindness</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://www.morelightmorelight.com/2024/08/27/iceland-2024/" class="url" rel="ugc">Iceland 2024 | Matt Katz – More Light! More Light!</a></span> on <a href="https://www.morelightmorelight.com/2024/07/31/the-black-cone-monument-to-disobedience/comment-page-1/#comment-451447">The Black Cone, Monument to Disobedience</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://www.morelightmorelight.com/2024/08/20/another-perspective-on-small-software/" class="url" rel="ugc">Another perspective on small software | Matt Katz – More Light! More Light!</a></span> on <a href="https://www.morelightmorelight.com/2024/08/06/pitfalls-of-the-ops-developer/comment-page-1/#comment-451102">Pitfalls of the Ops Developer</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://www.google.com/accounts/o8/id?id=AItOawkh_9KUW0kLZuq9EJAt-pOjhK7Levn6xk8" class="url" rel="ugc external nofollow">MattK</a></span> on <a href="https://www.morelightmorelight.com/contact/comment-page-1/#comment-449671">Contact</a></li><li class="recentcomments"><span class="comment-author-link">Shona Monaghan</span> on <a href="https://www.morelightmorelight.com/contact/comment-page-1/#comment-448881">Contact</a></li></ul></nav></aside><aside id="tag_cloud-2" class="widget widget_tag_cloud"><h3 class="widget-title">Folksonomy</h3><nav aria-label="Folksonomy"><div class="tagcloud"><ul class='wp-tag-cloud' role='list'> <li><a href="https://www.morelightmorelight.com/tag/android/" class="tag-cloud-link tag-link-258 tag-link-position-1" style="font-size: 10.046153846154pt;" aria-label="android (10 items)">android</a></li> <li><a href="https://www.morelightmorelight.com/tag/art/" class="tag-cloud-link tag-link-694 tag-link-position-2" style="font-size: 16.076923076923pt;" aria-label="Art (39 items)">Art</a></li> <li><a href="https://www.morelightmorelight.com/tag/bike/" class="tag-cloud-link tag-link-611 tag-link-position-3" style="font-size: 8.5384615384615pt;" aria-label="bike (7 items)">bike</a></li> <li><a href="https://www.morelightmorelight.com/tag/books/" class="tag-cloud-link tag-link-709 tag-link-position-4" style="font-size: 17.8pt;" aria-label="Books (56 items)">Books</a></li> <li><a href="https://www.morelightmorelight.com/tag/consciousness/" class="tag-cloud-link tag-link-68 tag-link-position-5" style="font-size: 8pt;" aria-label="consciousness (6 items)">consciousness</a></li> <li><a href="https://www.morelightmorelight.com/tag/creativecommons/" class="tag-cloud-link tag-link-143 tag-link-position-6" style="font-size: 9.6153846153846pt;" aria-label="creativecommons (9 items)">creativecommons</a></li> <li><a href="https://www.morelightmorelight.com/tag/design/" class="tag-cloud-link tag-link-703 tag-link-position-7" style="font-size: 8pt;" aria-label="Design (6 items)">Design</a></li> <li><a href="https://www.morelightmorelight.com/tag/dev/" class="tag-cloud-link tag-link-696 tag-link-position-8" style="font-size: 10.476923076923pt;" aria-label="Dev (11 items)">Dev</a></li> <li><a href="https://www.morelightmorelight.com/tag/firefox/" class="tag-cloud-link tag-link-45 tag-link-position-9" style="font-size: 9.0769230769231pt;" aria-label="firefox (8 items)">firefox</a></li> <li><a href="https://www.morelightmorelight.com/tag/freedom/" class="tag-cloud-link tag-link-117 tag-link-position-10" style="font-size: 8pt;" aria-label="freedom (6 items)">freedom</a></li> <li><a href="https://www.morelightmorelight.com/tag/gif/" class="tag-cloud-link tag-link-508 tag-link-position-11" style="font-size: 8.5384615384615pt;" aria-label="gif (7 items)">gif</a></li> <li><a href="https://www.morelightmorelight.com/tag/hacks/" class="tag-cloud-link tag-link-705 tag-link-position-12" style="font-size: 13.707692307692pt;" aria-label="Hacks (23 items)">Hacks</a></li> <li><a href="https://www.morelightmorelight.com/tag/howto/" class="tag-cloud-link tag-link-102 tag-link-position-13" style="font-size: 8pt;" aria-label="howto (6 items)">howto</a></li> <li><a href="https://www.morelightmorelight.com/tag/ideas/" class="tag-cloud-link tag-link-278 tag-link-position-14" style="font-size: 8pt;" aria-label="ideas (6 items)">ideas</a></li> <li><a href="https://www.morelightmorelight.com/tag/incentives/" class="tag-cloud-link tag-link-701 tag-link-position-15" style="font-size: 12.630769230769pt;" aria-label="Incentives (18 items)">Incentives</a></li> <li><a href="https://www.morelightmorelight.com/tag/linkrot/" class="tag-cloud-link tag-link-229 tag-link-position-16" style="font-size: 8pt;" aria-label="linkrot (6 items)">linkrot</a></li> <li><a href="https://www.morelightmorelight.com/tag/maxlazer/" class="tag-cloud-link tag-link-586 tag-link-position-17" style="font-size: 12.630769230769pt;" aria-label="maxlazer (18 items)">maxlazer</a></li> <li><a href="https://www.morelightmorelight.com/tag/music/" class="tag-cloud-link tag-link-693 tag-link-position-18" style="font-size: 22pt;" aria-label="Music (140 items)">Music</a></li> <li><a href="https://www.morelightmorelight.com/tag/music-video/" class="tag-cloud-link tag-link-602 tag-link-position-19" style="font-size: 18.769230769231pt;" aria-label="music video (69 items)">music video</a></li> <li><a href="https://www.morelightmorelight.com/tag/music-videos/" class="tag-cloud-link tag-link-737 tag-link-position-20" style="font-size: 11.769230769231pt;" aria-label="music videos (15 items)">music videos</a></li> <li><a href="https://www.morelightmorelight.com/tag/my-own-cloud/" class="tag-cloud-link tag-link-198 tag-link-position-21" style="font-size: 10.476923076923pt;" aria-label="my.own.cloud (11 items)">my.own.cloud</a></li> <li><a href="https://www.morelightmorelight.com/tag/nyc/" class="tag-cloud-link tag-link-706 tag-link-position-22" style="font-size: 9.0769230769231pt;" aria-label="NYC (8 items)">NYC</a></li> <li><a href="https://www.morelightmorelight.com/tag/opensource/" class="tag-cloud-link tag-link-44 tag-link-position-23" style="font-size: 8.5384615384615pt;" aria-label="opensource (7 items)">opensource</a></li> <li><a href="https://www.morelightmorelight.com/tag/orbital/" class="tag-cloud-link tag-link-563 tag-link-position-24" style="font-size: 12.630769230769pt;" aria-label="orbital (18 items)">orbital</a></li> <li><a href="https://www.morelightmorelight.com/tag/photos/" class="tag-cloud-link tag-link-707 tag-link-position-25" style="font-size: 13.923076923077pt;" aria-label="Photos (24 items)">Photos</a></li> <li><a href="https://www.morelightmorelight.com/tag/politics/" class="tag-cloud-link tag-link-713 tag-link-position-26" style="font-size: 14.892307692308pt;" aria-label="Politics (30 items)">Politics</a></li> <li><a href="https://www.morelightmorelight.com/tag/processing/" class="tag-cloud-link tag-link-51 tag-link-position-27" style="font-size: 9.6153846153846pt;" aria-label="processing (9 items)">processing</a></li> <li><a href="https://www.morelightmorelight.com/tag/projects/" class="tag-cloud-link tag-link-176 tag-link-position-28" style="font-size: 14.030769230769pt;" aria-label="projects (25 items)">projects</a></li> <li><a href="https://www.morelightmorelight.com/tag/python/" class="tag-cloud-link tag-link-716 tag-link-position-29" style="font-size: 10.8pt;" aria-label="Python (12 items)">Python</a></li> <li><a href="https://www.morelightmorelight.com/tag/religion/" class="tag-cloud-link tag-link-55 tag-link-position-30" style="font-size: 8pt;" aria-label="religion (6 items)">religion</a></li> <li><a href="https://www.morelightmorelight.com/tag/reviews/" class="tag-cloud-link tag-link-710 tag-link-position-31" style="font-size: 15.861538461538pt;" aria-label="Reviews (37 items)">Reviews</a></li> <li><a href="https://www.morelightmorelight.com/tag/ruby/" class="tag-cloud-link tag-link-712 tag-link-position-32" style="font-size: 9.0769230769231pt;" aria-label="Ruby (8 items)">Ruby</a></li> <li><a href="https://www.morelightmorelight.com/tag/secrets/" class="tag-cloud-link tag-link-222 tag-link-position-33" style="font-size: 9.0769230769231pt;" aria-label="secrets (8 items)">secrets</a></li> <li><a href="https://www.morelightmorelight.com/tag/security/" class="tag-cloud-link tag-link-715 tag-link-position-34" style="font-size: 11.230769230769pt;" aria-label="security (13 items)">security</a></li> <li><a href="https://www.morelightmorelight.com/tag/shortstories/" class="tag-cloud-link tag-link-39 tag-link-position-35" style="font-size: 8pt;" aria-label="shortstories (6 items)">shortstories</a></li> <li><a href="https://www.morelightmorelight.com/tag/snowboarding/" class="tag-cloud-link tag-link-704 tag-link-position-36" style="font-size: 8pt;" aria-label="Snowboarding (6 items)">Snowboarding</a></li> <li><a href="https://www.morelightmorelight.com/tag/software/" class="tag-cloud-link tag-link-698 tag-link-position-37" style="font-size: 8pt;" aria-label="Software (6 items)">Software</a></li> <li><a href="https://www.morelightmorelight.com/tag/travel/" class="tag-cloud-link tag-link-340 tag-link-position-38" style="font-size: 9.0769230769231pt;" aria-label="travel (8 items)">travel</a></li> <li><a href="https://www.morelightmorelight.com/tag/video/" class="tag-cloud-link tag-link-702 tag-link-position-39" style="font-size: 20.061538461538pt;" aria-label="Video (93 items)">Video</a></li> <li><a href="https://www.morelightmorelight.com/tag/web/" class="tag-cloud-link tag-link-402 tag-link-position-40" style="font-size: 8.5384615384615pt;" aria-label="web (7 items)">web</a></li> <li><a href="https://www.morelightmorelight.com/tag/weeknotes/" class="tag-cloud-link tag-link-818 tag-link-position-41" style="font-size: 14.569230769231pt;" aria-label="weeknotes (28 items)">weeknotes</a></li> <li><a href="https://www.morelightmorelight.com/tag/woodworking/" class="tag-cloud-link tag-link-460 tag-link-position-42" style="font-size: 8.5384615384615pt;" aria-label="Woodworking (7 items)">Woodworking</a></li> <li><a href="https://www.morelightmorelight.com/tag/wordpress/" class="tag-cloud-link tag-link-692 tag-link-position-43" style="font-size: 12.630769230769pt;" aria-label="wordpress (18 items)">wordpress</a></li> <li><a href="https://www.morelightmorelight.com/tag/wordprss/" class="tag-cloud-link tag-link-423 tag-link-position-44" style="font-size: 8.5384615384615pt;" aria-label="wordprss (7 items)">wordprss</a></li> <li><a href="https://www.morelightmorelight.com/tag/zeldarae/" class="tag-cloud-link tag-link-792 tag-link-position-45" style="font-size: 10.476923076923pt;" aria-label="zeldarae (11 items)">zeldarae</a></li> </ul> </div> </nav></aside> </div> </div> <div class="site-info"> <a href="https://wordpress.org/" class="imprint"> Proudly powered by WordPress </a> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wordpress\/wp-*.php","\/wordpress\/wp-admin\/*","\/wordpress\/wp-content\/uploads\/*","\/wordpress\/wp-content\/*","\/wordpress\/wp-content\/plugins\/*","\/wordpress\/wp-content\/themes\/twentythirteen\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript"> jQuery(function($){ var doNothing = false; $('.ajs-footnote>a').hoverIntent({ over: function(event) { //console.log($(event.target).offset()); //if there's a popup showing, make it go away... $('.ajs-footnote-popup').hide(); var noteNumber = ($(event.target).attr('href')).substring(($(event.target).attr('href')).lastIndexOf('_')+1); var popupWidth = $('_'+noteNumber).width(); var offset = $(event.target).offset(); $('#ajs-fn-id_'+noteNumber).css({position:'absolute', top: (offset.top - $('#ajs-fn-id_'+noteNumber).height() )+'px', left:offset.left+'px'}).fadeIn(200); }, out: function(event) { if(!doNothing){ var noteNumber = ($(event.target).attr('href')).substring(($(event.target).attr('href')).lastIndexOf('_')+1); $('#ajs-fn-id_'+noteNumber).fadeOut(200); } }, timeout: 500, }); $('.ajs-footnote-popup').hoverIntent({ over: function(event) { doNothing = true; }, out: function(event) { doNothing = false; $(this).fadeOut(200); }, timeout:500, }); }); </script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/masonry.min.js?ver=4.2.2" id="masonry-js"></script> <script src="https://www.morelightmorelight.com/wordpress/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b" id="jquery-masonry-js"></script> </body> </html>

Matt Katz – More Light! More Light!

Almost completely true

Tag Archives: Music

Radiohead – Just

Delta Spirit – From now on

True – by Brightly ( a webaudio api based video)

Typhoon – Young Fathers

Suuns – 2020

Lost Bayou Ramblers – Blues de Bernadette

You gotta choose how to take it

Some folks thing it will never happen to them.

Some folks want it to stop

I like to celebrate as much as possible!

Turn Down for What?

UNKLE – Rabbit in Your Headlights

NightBus – When the Night Comes