1<!DOCTYPE html> 2<html> 3 4<head> 5 <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 6 <title>MOS Recordings Webshop</title> <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 6-7
6 7<script async src="https://www.googletagmanager.com/gtag/js?id=
7UA-80731065-2
vendor: 12 bytes, line 7
7"></script>
8<script> 9
vendor: 134 bytes, lines 9-13
9window.dataLayer = window.dataLayer || []; 10 function gtag(){dataLayer.push(arguments);} 11 gtag('js', new Date()); 12 13 gtag('config', '
13UA-80731065-2
vendor: 4 bytes, line 13
13');
14</script>
14 15 <meta property="og:url" content="https://www.mosrecordings.com/shop?reset&start" /> 16<meta property="og:type" content="website" /> 17<meta property="og:title" content="MOS" /> 18<meta property="og:image" content="https://www.mosrecordings.com/assets/icons/android-chrome-512x512.png" /> 19 20<link rel="shortcut icon" type="image/x-icon" href="/assets/icons//favicon.ico"> 21<link rel="apple-touch-icon" sizes="57x57" href="/assets/icons//apple-icon-57x57.png"> 22<link rel="apple-touch-icon" sizes="60x60" href="/assets/icons//apple-icon-60x60.png"> 23<link rel="apple-touch-icon" sizes="72x72" href="/assets/icons//apple-icon-72x72.png"> 24<link rel="apple-touch-icon" sizes="76x76" href="/assets/icons//apple-icon-76x76.png"> 25<link rel="apple-touch-icon" sizes="114x114" href="/assets/icons//apple-icon-114x114.png"> 26<link rel="apple-touch-icon" sizes="120x120" href="/assets/icons//apple-icon-120x120.png"> 27<link rel="apple-touch-icon" sizes="144x144" href="/assets/icons//apple-icon-144x144.png"> 28<link rel="apple-touch-icon" sizes="152x152" href="/assets/icons//apple-icon-152x152.png"> 29<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons//apple-icon-180x180.png"> 30<link rel="icon" type="image/png" sizes="192x192" href="/assets/icons//android-icon-192x192.png"> 31<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons//favicon-32x32.png"> 32<link rel="icon" type="image/png" sizes="96x96" href="/assets/icons//favicon-96x96.png"> 33<link rel="icon" type="image/png" sizes="16x16" href="/assets/icons//favicon-16x16.png"> 34<link rel="manifest" href="/assets/icons//manifest.json"> 35<meta name="msapplication-TileColor" content="#ffffff"> 36<meta name="msapplication-TileImage" content="/assets/icons//ms-icon-144x144.png"> 37<meta name="theme-color" content="#ffffff"> 38<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"> 39<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> 40<link rel="stylesheet" href="/styles/style.css?604292041"/> 41<link rel="stylesheet" href="/styles/custom/mos_style.css?38702574"/> 42<link rel="stylesheet" href="/styles/simplePagination.css"/> 43<link rel="stylesheet" href="/styles/typeaheadjs.css"/>
44<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
44 45 46<style> 47 .container { 48 width: 100%; 49 padding-right: 3px; 50 padding-left: 3px; 51 margin-right: auto; 52 margin-left: auto; 53 overflow-y: auto; 54overflow-x: hidden; 55} 56 57.container-fluid { 58 width: 100%; 59 padding-right: 0px; 60 padding-left: 0px; 61 margin-right: auto; 62 margin-left: auto; 63 overflow-y: auto; 64overflow-x: hidden; 65} 66 67.bg-light { 68 background-color: white!important; 69} 70 71 72 73 </style> 74<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"> 75<link rel="stylesheet" href="/bower_components/open-iconic/font/css/open-iconic-bootstrap.min.css"/> 76<link rel="stylesheet" href="/bower_components/ekko-lightbox/dist/ekko-lightbox.css"/> 77<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> 78 79 80 <!--[if lt IE 9]> 81
81<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
81 82 <![endif]--> 83</head> 84 85<body> 86 87 88 89 <div id="pagenumber" style="position: fixed; bottom:0px;left:0px; background-color: white; display: none; z-index: 100000;"> 90 0 91 </div> 92 <div class="wrapper container-fluid"> 93 <!-- Sidebar Holder --> 94 <div class="container-fluid" id=""> 95 96 97<div id="dropdowns" class="inner" style="position: fixed; top: 0px; z-index: 5; right: 0; left: 0; height: auto;"> 98 <nav class="navbar navbar-expand-lg navbar-light mx-lg-5 mx-md-3 px-0 mx-1"> 99 100 <a class="navbar-brand flex-grow-1 flex-lg-grow-0" href="/shop?reset&start" data-title="Shop"> 101 102 <img class="d-none d-md-flex" src="/images/frontend/fe_35.jpg" alt="fe_35" width="" height="60" alt="" /> 103 <img class="d-md-none" src="/images/frontend/fe_35_mobile.jpg" alt="fe_35" width="" height="60" alt="" /> 104 </a> 105 106 107 <!-- mobile --> 108 <div class="d-md-none px-1"> 109 110 <div class="dropdown d-inline-block user_name" style="display:none;"> 111 <a class="small text-truncate dropdown-toggle" href="#" data-ajax="no-go" role="button" id="userDropdownMobile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="max-width: 120px; text-decoration: none; color: inherit;"> 112 <span class="user_name_name"></span> 113 </a> 114 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdownMobile"> 115 <a class="dropdown-item" href="/favorites">Favorites <span class="badge badge-secondary favorites-count"></span></a> 116 <a class="dropdown-item" href="/orderlist">Current Orderlist</a> 117 <a class="dropdown-item" href="/orders">Orders & Invoices</a> 118 <a class="dropdown-item" href="/myaccount">My Account</a> 119 <div class="dropdown-divider"></div> 120 <a class="dropdown-item logout-button" href="#" data-ajax="no-go"><i class="fas fa-sign-out-alt mr-2"></i>Logout</a> 121 </div> 122 </div> 123 <a data-ajax="no-go" class="login-button px-3" href="#" data-title="login"><span class="fas fa-user"></span></a> 124 125 <style> 126.change-my-color { 127 fill: white; 128} 129</style> 130 131 <a class="nav-link d-inline" href="/favorites" data-title="Favorites" style="padding-right:0.25rem;"><i class="fas fa-heart"></i><sup class="favorites-count" style="margin-left:2px;"></sup></a> 132 <a class="" href="/cart" class="px-3" data-title="Cart"> 133 <img class="change-my-color" width="30" src="/bower_components/open-iconic/svg/cart.svg" alt=""> 134 135 <span class="cart-total"> 136 137 <sup>0</sup> </span> 138 </a> 139 </div> 140 141 142 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".menubuttons" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation"> 143 <span class="my-1 mx-2 close">X</span> 144 <span class="navbar-toggler-icon"></span> 145 </button> 146 <div class="collapse navbar-collapse" id="navbarTogglerDemo03"> 147 148 149 150 151 152 153 154 155 <ul class="d-none d-md-flex navbar-nav mr-auto mt-2 mt-lg-0"> 156 <!-- <li> 157 <a class="nav-link main-menu-link" href="/shop?reset" data-title="Shop" data-toggle="collapse" data-parent="#dropdowns" data-target="#">Shop</a> 158 </li> 159 <li class="d-none"> 160 <a class="nav-link main-menu-link" href="#" data-ajax="no-go" data-toggle="collapse" data-parent="#dropdowns" data-target="#Formatmenu_desktop">Format</a> 161 162 </li> 163 164 165 <li> 166 <a class="nav-link main-menu-link" href="/artists" data-toggle="collapse" data-parent="#dropdowns" data-target="#">Artists</a> 167 </li> 168 169 <li> 170 <a class="nav-link main-menu-link" href="/distribution" data-toggle="collapse" data-parent="#dropdowns" data-target="#">Distribution</a> 171 </li> 172 <li> 173 <a class="nav-link main-menu-link" href="/licensingpublishing" data-toggle="collapse" data-parent="#dropdowns" data-target="#">Licensing & Publishing</a> 174 </li> 175 <li> 176 <a class="nav-link main-menu-link" href="/press" data-toggle="collapse" data-parent="#dropdowns" data-target="#">Press</a> 177 </li> 178 <li> 179 <a class="nav-link main-menu-link" href="/newsletter" data-toggle="collapse" data-parent="#dropdowns" data-target="#">Newsletter</a> 180 </li> 181 182--> 183 </ul> 184 185 186 <!-- 187 <form class="form-inline my-2 my-lg-0"> 188 <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> 189 <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> 190 </form> 191--> 192 </div> 193 <ul class="navbar-nav ml-auto d-none d-md-flex"> 194 <div id="remote"> 195 <input autocomplete="off" class="typeahead form-control" type="text" placeholder="Search" id="searchbox" 196 name="searchbox"> 197 </div> 198 </ul> 199 <ul class="navbar-nav ml-auto d-none d-md-flex"> 200 <li class="nav-item dropdown user_name" style="display:none;"> 201 <a class="nav-link dropdown-toggle" href="#" data-ajax="no-go" role="button" id="userDropdownDesktop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
202 <span class="user_name_name"></span> 203 </a> 204 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdownDesktop"> 205 <a class="dropdown-item" href="/favorites">Favorites <span class="badge badge-secondary favorites-count"></span></a> 206 <a class="dropdown-item" href="/orderlist">Current Orderlist</a> 207 <a class="dropdown-item" href="/orders">Orders & Invoices</a> 208 <a class="dropdown-item" href="/myaccount">My Account</a> 209 <div class="dropdown-divider"></div> 210 <a class="dropdown-item logout-button" href="#" data-ajax="no-go"><i class="fas fa-sign-out-alt mr-2"></i>Logout</a> 211 </div> 212 </li> 213 <li class="nav-item"> 214 <a data-ajax="no-go" class="login-button nav-link" href="#" data-title="login"><span class="fas fa-user"></span></a> 215 </li> 216 217 </ul> 218 <ul class="navbar-nav d-none d-md-flex"> 219 <a href="/help" data-title="info" class="nav-link" style="padding-right: 0rem;"> 220 <i class="far fa-question-circle"></i> 221 </a> 222 </ul> 223 <div class="d-none d-md-block"> 224 <a class="nav-link d-inline" href="/favorites" data-title="Favorites" style="padding-right:0.25rem;"><i class="fas fa-heart"></i><sup class="favorites-count" style="margin-left:2px;"></sup></a> 225 <a class="nav-link d-inline" href="/cart" data-title="Cart" style="padding-left:0.25rem;"><span class=""> 226 <img width="30" class="change-my-color" src="/bower_components/open-iconic/svg/cart.svg" alt="Kiwi standing on oval"> 227 <span class="cart-total"> 228 229 <sup>0</sup> </span> 230 </a> 231 </div> 232 233 234 </nav> 235</div><!-- end of dropdowns --> 236 237<!-- desktop --> 238<!-- <div class="nav" style="display: block; height: 60px;"></div> --> 239<div class="menubuttons_desktop inner" style="background-color: black; position: fixed; top:50px; z-index: 5; width: 100%;"> 240 <div class="accordion-group" id="desktopbuttons"> 241 242 <ul id="Formatmenu_desktop" data-parent="#desktopbuttons" class="nav collapse Formatmenu smenu"> 243 </ul> 244 <ul id="labelsmenu_desktop" data-parent="#desktopbuttons" class="nav collapse smenu"> 245 <li class="nav-item"><a class="nav-link" href="/shop?reset=1&label_id=41">AOG</a></li> </ul> 246 247 </ul> 248 <ul id="artistsmenu_desktop" data-parent="#desktopbuttons" class="nav collapse smenu"> 249 <li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=656">Stephen Lopkin</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=1385">Sentomea</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=2497">Marcus Paulson</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=2557">Gilbert</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=153">R-A-G</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=2309">Böhm</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=260">Army Of God</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=5">Aroy Dee</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=321">Crystal Maze</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=1787">Random XS</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=554">Tom Dicicco</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=277">MaSpaventi</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=510">ASOK</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=1759">Nehuen</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=1375">Salomon Dunkan</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=855">Andrew Red Hand</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=59">Ross 154</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=396">Vernon Felicity</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=970">Kovyazin D</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=854">Massiande</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=674">Drvg Cvltvre</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=307">Ike Release</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=168">2 AM/FM</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=432">Gerstaffelen</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=702">Life's Track</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=170">D'Marc Cantu</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=559">Clendon Toblerone</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=487">John Heckle</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=437">Spaventi Dazzurro</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=254">Perseus Traxx</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=330">Ksoul & Muteoscillator</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=308">Innerspace Halflife</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=191">Chicago Shags</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=148">San Proper</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=259">The Poetic Painter M</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=130">Chicago Skyway</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=210">Dcook</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=154">Terrance McDonald</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=117">Morphosis</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=129">Legowelt</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=84">The Houze Vectors</a></li><li class="nav-item"><a class="nav-link" href="/shop?reset=1&artist_id=781">X2/X</a></li> </ul> 250 251 </div> 252</div> 253 254<!-- mobile --> 255 256<!-- <div class="nav" style="display: block; height: 60px;"></div> --> 257<div class="menubuttons inner collapse" style="background-color: black;"> 258 <div class="accordion-group" id="menuitems"> 259 <a class="nav-link mobile-submenu d-none" href="#" data-ajax="no-go" data-toggle="collapse" data-parent="#dropdowns" data-target="#Formatmenu">Format</a> 260 <ul id="Formatmenu" data-parent="#menuitems" class="d-none nav collapse Formatmenu smenu"> 261 </ul> 262 <!-- <a class="nav-link mobile-submenu" href="/shop?reset=1">Shop</a> 263 <a class="nav-link mobile-submenu" href="/distribution">Distribution</a>
264 <a class="nav-link mobile-submenu" href="/licensingpublishing">Licensing & Publishing</a> 265 <a class="nav-link mobile-submenu" href="/press">Press</a> 266 <a class="nav-link mobile-submenu" href="/newsletter">Newsletter</a> 267--> 268 </div> 269</div> <div class="topbanner"></div> 270 <div id="shopsearch" class="inner px-lg-5 px-1 p-md-1"> 271 272 <div id="settings" class=""> 273 <hr> 274 <div class="row"> 275 <div class="col-12"> 276 <div class="float-right d-md-block d-none"> 277 <span style="cursor:pointer;" data-template="item" class="gridview oi oi-grid-four-up mr-2"></span> 278 <span style="cursor:pointer;" data-template="releaseslist" class="gridview oi oi-list mr-2"></span> 279 </div> 280 <div class="btn-group"> 281 <button class="btn btn-sm dropdown-toggle filterbtn" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 282 Sort by 283 </button> 284 <div class="dropdown-menu"> 285 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="dateasc" href="#">Date Old-New</a> 286 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="datedesc" href="#">Date New-Old</a> 287 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="titleasc" href="#">Title A-Z</a> 288 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="titledesc" href="#">Title Z-A</a> 289 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="artistasc" href="#">Artist A-Z</a> 290 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="artistdesc" href="#">Artist Z-A</a> 291 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="strcodeasc" href="#">Catno A-Z</a> 292 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="strcodedesc"href="#">Catno Z-A</a> 293<!-- 294 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="labelasc" href="#">Label A-Z</a> 295 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" ata-filter="labeldesc" href="#">Label Z-A</a> 296 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="catnoasc" href="#">Catno ascending</a> 297 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="sort" data-filter="catnodesc"href="#">Catno descending</a> 298--> 299 </div> 300 </div> 301 <div class="btn-group"> 302 <button class="btn btn-sm dropdown-toggle filterbtn" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 303 Availability 304 </button> 305 <div class="dropdown-menu"> 306<!-- <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="status" data-filter="preorderavail" href="#">Pre-order & Available</a> --> 307 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="status" data-filter="preorder" href="#">Pre-order only</a> 308 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="status" data-filter="available" href="#">Available only</a> 309 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="status" data-filter="all" href="#">Everything</a> 310 </div> 311 </div> 312 <!-- <div class="btn-group"> 313 <button class="btn btn-sm dropdown-toggle filterbtn" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 314 Section 315 </button> 316 <div class="dropdown-menu"> 317 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="format" data-filter="0" href="#">All sections</a> 318 </div> 319 </div> 320 <div class="btn-group"> 321 <button class="btn btn-sm dropdown-toggle filterbtn" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 322 Genre 323 </button> 324 <div class="dropdown-menu" id="filterTag"> 325 <a data-ajax="no-go" class="dropdown-item filter" data-filter-type="tag" data-filter="0" href="#">All Tags/Genres</a> 326 </div> 327 </div> 328--> 329 <div class="filterstatus"></div>
330 </div> 331 332 </div> 333 </div> 334 </div> <div id="shopwindow" class="inner px-lg-5 px-3"> 335 <hr> 336 <div id="scrollcontainer"> 337 </div> 338 339 </div> 340 <div id="maincontent" class="inner px-lg-5 px-3"> 341 342 343 </div> <div class='footer-block' style="display: block; height: 100px;"></div> 344 </div> 345 </div> 346 <form> 347<!-- Modal --> 348 <div aria-hidden="true" aria-labelledby="exampleModalCenterTitle" class="modal fade" id="loginmodal" role="dialog" tabindex="-1"> 349 <div class="modal-dialog modal-dialog-centered" role="document"> 350 <div class="modal-content"> 351 <div class=" loginbody"> 352 <div class="modal-header"> 353 <h5 class="modal-title" id="exampleModalLongTitle">Login</h5><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button> 354 </div> 355 <div class="modal-body"> 356 <input class="form-control loginfields" data-field="login_email" name="strEmail" placeholder="email" size="30" type="text"><br> 357 <div class="input-group"> 358 <input class="form-control loginfields" data-field="login_password" name="strPassword" placeholder="password" size="30" type="password"> 359 <div class="input-group-append"> 360 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 361 </div> 362 </div><br> 363 <div class="badge badge-warning login-message"></div><!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Login with facebook</button> --> 364 </div> 365 <div class="modal-footer"> 366 <button class="btn btn-secondary loginmodal" data-type="login" type="button">Login</button> 367 </div> 368 <div class="modal-footer"> 369 <button class="loginmodal btn btn-dark" data-type="showregister" type="button">Register</button> <button class="loginmodal btn btn-dark" data-type="showreminder" type="button">Reset Password</button> 370 </div> 371 </div> 372 <div class="registerbody"> 373 <div class="modal-header"> 374 <h5 class="modal-title" id="exampleModalLongTitle">Register</h5><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button> 375 </div> 376 <div class="modal-body"> 377 <input class="form-control" data-field="login_name" name="strName" placeholder="name" size="30" type="text"><br> 378 <input class="form-control" data-field="login_email" name="strEmail" placeholder="email" size="30" type="text"><br> 379 <div class="input-group"> 380 <input class="form-control" data-field="login_password" name="strPassword" placeholder="password" size="30" type="password"> 381 <div class="input-group-append"> 382 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 383 </div> 384 </div><br> 385 <div class="input-group"> 386 <input class="form-control" data-field="login_password_repeat" name="strPassword" placeholder="repeat password" size="30" type="password"> 387 <div class="input-group-append"> 388 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 389 </div> 390 </div><br> 391 <div class="badge badge-warning login-message"></div><!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Login with facebook</button> --> 392 </div> 393 <div class="modal-footer"> 394 <button class="btn btn-secondary loginmodal" data-type="register" type="button">Register</button> 395 </div> 396 <div class="modal-footer"> 397 <button class="loginmodal btn btn-dark" data-type="showlogin" type="button">Log in</button> <button class="loginmodal btn btn-dark" data-type="showreminder" type="button">Reset Password</button> 398 </div> 399 </div> 400 <div class="accountbody"> 401 402 <div class="modal-footer"> 403 404 405 <button class="btn btn-secondary loginmodal" data-type="logout" type="button">Logout</button> 406 407 </div> 408 <div class="modal-footer"> 409 <a class="btn btn-secondary" href="/orders" data-target="#">Your Orders</a> 410 </div> 411 <div class="modal-header"> 412 <h5 class="modal-title" id="exampleModalLongTitle">Your account</h5><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button> 413 </div> 414 <div class="modal-body"> 415 <input class="form-control d-none" data-field="login_idxuser" name="strName" placeholder="name" size="30" type="text"><br> 416 <input class="form-control" data-field="login_name" name="strName" placeholder="name" size="30" type="text"><br> 417 <input class="form-control" data-field="login_email" name="strEmail" placeholder="email" size="30" type="text"><br> 418 <div class="input-group"> 419 <input class="form-control" data-field="login_password_old" name="strPassword" placeholder="old password" size="30" type="password"> 420 <div class="input-group-append"> 421 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 422 </div> 423 </div><br> 424 <div class="input-group"> 425 <input class="form-control" data-field="login_password" name="strPassword" placeholder="new password" size="30" type="password"> 426 <div class="input-group-append"> 427 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 428 </div> 429 </div><br> 430 <div class="input-group"> 431 <input class="form-control" data-field="login_password_repeat" name="strPassword" placeholder="repeat password" size="30" type="password"> 432 <div class="input-group-append"> 433 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 434 </div> 435 </div><br> 436 <div class="badge badge-warning login-message"></div><!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Login with facebook</button> --> 437 </div> 438 <div class="modal-footer"> 439 <button class="btn btn-secondary loginmodal" data-type="account" type="button">Save Changes</button> 440 441 </div>
442 </div> 443 <div class="resetbody"> 444 <div class="modal-header"> 445 <h5 class="modal-title" id="exampleModalLongTitle">Reset password</h5><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button> 446 </div> 447 <div class="modal-body"> 448 <div class="input-group"> 449 <input class="form-control" data-field="login_password" name="strPassword" placeholder="password" size="30" type="password"> 450 <div class="input-group-append"> 451 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 452 </div> 453 </div><br> 454 <div class="input-group"> 455 <input class="form-control" data-field="login_password_repeat" name="strPassword" placeholder="repeat password" size="30" type="password"> 456 <div class="input-group-append"> 457 <span class="input-group-text toggle-password" style="cursor:pointer;"><i class="fas fa-eye"></i></span> 458 </div> 459 </div><br> 460 <div class="badge badge-warning login-message"></div> 461 </div> 462 <div class="modal-footer"> 463 <button class="btn btn-secondary loginmodal" data-type="reset" type="button">Reset</button> 464 </div> 465 <div class="modal-footer"> 466 <button class="loginmodal btn btn-dark" data-type="showlogin" type="button">Log in</button> 467 </div> 468 </div> 469 <div class="reminderbody"> 470 <div class="modal-header"> 471 <h5 class="modal-title" id="exampleModalLongTitle">Reset password</h5><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button> 472 </div> 473 <div class="modal-body"> 474 <input class="form-control" data-field="login_email" name="strEmail" placeholder="email" size="30" type="text"><br> 475 <div class="badge badge-warning login-message"></div><br> 476 </div> 477 <div class="modal-footer"> 478 <button class="btn btn-secondary loginmodal" data-type="remind" type="button">Reset password</button> 479 </div> 480 <div class="modal-footer"> 481 <button class="loginmodal btn btn-dark" data-type="showlogin" type="button">Log in</button> <button class="loginmodal btn btn-dark" data-type="showregister" type="button">Sign up</button> 482 </div> 483 </div> 484 </div> 485 </div> 486 </div><!-- Modal --> 487 488 </form> 489
490<script> 491$(document).on('click', '.toggle-password', function() { 492 var input = $(this).closest('.input-group').find('input'); 493 var icon = $(this).find('i'); 494 if (input.attr('type') === 'password') { 495 input.attr('type', 'text'); 496 icon.removeClass('fa-eye').addClass('fa-eye-slash'); 497 } else { 498 input.attr('type', 'password'); 499 icon.removeClass('fa-eye-slash').addClass('fa-eye'); 500 } 501}); 502</script>
502 <div aria-hidden="true" aria-labelledby="exampleModalCenterTitle" class="modal fade" id="cartmodal" role="dialog" tabindex="-1"> 503 <div class="modal-dialog modal-dialog-centered" role="document"> 504 <div class="modal-content"> 505 <div class="modal-header"> 506 <h5 class="modal-title" id="exampleModalLongTitle">Your Cart</h5><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span></button> 507 </div> 508 <div class="modal-body"> 509 Your cart is empty 510 </div> 511 <div class="modal-footer"> 512 <button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button> <button class="btn btn-dark" id="cartmodalbutton" type="button">Show Cart</button> 513 </div> 514 </div> 515 </div> 516 </div><!-- Modal --> 517 <div aria-hidden="true" aria-labelledby="exampleModalCenterTitle" class="modal" id="spinner" role="dialog" tabindex="-1"> 518 <div class="modal-dialog modal-dialog-centered" role="document"> 519 <div class="modal-content"> 520 <div class="modal-body"> 521 Please wait 522 </div> 523 </div> 524 </div> 525 </div>
525<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
vendor: 1 bytes, line 525
525
526<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
vendor: 1 bytes, line 526
526
527<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
vendor: 1 bytes, line 527
527
528<script type="text/javascript" src="/scripts/jquery.simplePagination.js"></script>
vendor: 1 bytes, line 528
528
529<script type="text/javascript" src="/scripts/cart.js"></script>
vendor: 1 bytes, line 529
529
530<script type="text/javascript" src="/scripts/mustache.min.js"></script>
530 531
532<script type="text/javascript" src="/scripts/hide-virtual-keyboard.js"></script>
vendor: 1 bytes, line 532
532
533<script type="text/javascript" src="/bower_components/typeahead.js/dist/typeahead.bundle.js"></script>
533 534<!--
534<script type="text/javascript" src="/scripts/jquery.autocomplete.js"></script>
534 -->
535<script type="text/javascript" src="/scripts/bootstrap-autocomplete.min.js"></script>
vendor: 1 bytes, line 535
535
536<script src="/node_modules/infinite-scroll/dist/infinite-scroll.pkgd.js"></script>
vendor: 1 bytes, line 536
536
537<script src="/node_modules/blockadblock/blockadblock.js"></script>
vendor: 1 bytes, line 537
537
538<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.min.js"></script>
538 539<!-- History.js -->
540<script src="//browserstate.github.io/history.js/scripts/bundled/html4+html5/jquery.history.js"></script>
vendor: 1 bytes, line 540
540
541<script src="/bower_components/ekko-lightbox/dist/ekko-lightbox.js"></script>
541 542
543<script type="text/javascript"> 544 var urltoload = "/rendershop.php?page=0&rewrite=1&reset=&start="; 545 var smurltoload = "/shop"; 546 var titletoload = "MOS"; 547 var websiteURL = 'https://www.mosrecordings.com'; 548 var audioURL = 'https://audio.nomorewords.net/'; 549 var apiURL = 'https://api.nomorewords.net/api.php'; 550 var idxFrontEnd = '35'; 551 var shop = {"idxShop":39,"idxFrontEnd":35,"blB2B":0,"strServerName":"www.mosrecordings.com","shopName":"MOS","strDirectory":"mos","idxUser":817,"strEnv":"production","blActive":1,"idxSubscribeGroup":0,"idxLabel":"9,8","strMolieApiKey":"live_tVFAbEsPUqyADBjSn7n2fges7ChDPt"}; 552 shop.b2b = false; 553 var injected = {}; 554 var request = {"page":"0","rewrite":"1","reset":"","start":""}; 555 var allfilters = {"shopFormats":[],"shopVariants":[],"genre":[],"artist":[{"type":"artist","name":"Stephen Lopkin","slug":"stephen-lopkin","data":"656"},{"type":"artist","name":"Sentomea","slug":"sentomea","data":"1385"},{"type":"artist","name":"Marcus Paulson","slug":"marcus-paulson","data":"2497"},{"type":"artist","name":"Gilbert","slug":"gilbert","data":"2557"},{"type":"artist","name":"R-A-G","slug":"r-a-g","data":"153"},{"type":"artist","name":"B\u00f6hm","slug":"bohm","data":"2309"},{"type":"artist","name":"Army Of God","slug":"army-of-god","data":"260"},{"type":"artist","name":"Aroy Dee","slug":"aroy-dee","data":"5"},{"type":"artist","name":"Crystal Maze","slug":"crystal-maze","data":"321"},{"type":"artist","name":"Random XS","slug":"random-xs","data":"1787"},{"type":"artist","name":"Tom Dicicco","slug":"tom-dicicco","data":"554"},{"type":"artist","name":"MaSpaventi","slug":"maspaventi","data":"277"},{"type":"artist","name":"ASOK","slug":"asok","data":"510"},{"type":"artist","name":"Nehuen","slug":"nehuen","data":"1759"},{"type":"artist","name":"Salomon Dunkan","slug":"salomon-dunkan","data":"1375"},{"type":"artist","name":"Andrew Red Hand","slug":"andrew-red-hand","data":"855"},{"type":"artist","name":"Ross 154","slug":"ross-154","data":"59"},{"type":"artist","name":"Vernon Felicity","slug":"vernon-felicity","data":"396"},{"type":"artist","name":"Kovyazin D","slug":"kovyazin-d","data":"970"},{"type":"artist","name":"Massiande","slug":"massiande","data":"854"},{"type":"artist","name":"Drvg Cvltvre","slug":"drvg-cvltvre","data":"674"},{"type":"artist","name":"Ike Release","slug":"ike-release","data":"307"},{"type":"artist","name":"2 AM\/FM","slug":"2-am-fm","data":"168"},{"type":"artist","name":"Gerstaffelen","slug":"gerstaffelen","data":"432"},{"type":"artist","name":"Life's Track","slug":"life-s-track","data":"702"},{"type":"artist","name":"D'Marc Cantu","slug":"d-marc-cantu","data":"170"},{"type":"artist","name":"Clendon Toblerone","slug":"clendon-toblerone","data":"559"},{"type":"artist","name":"John Heckle","slug":"john-heckle","data":"487"},{"type":"artist","name":"Spaventi Dazzurro","slug":"spaventi-dazzurro","data":"437"},{"type":"artist","name":"Perseus Traxx","slug":"perseus-traxx","data":"254"},{"type":"artist","name":"Ksoul & Muteoscillator","slug":"ksoul-muteoscillator","data":"330"},{"type":"artist","name":"Innerspace Halflife","slug":"innerspace-halflife","data":"308"},{"type":"artist","name":"Chicago Shags","slug":"chicago-shags","data":"191"},{"type":"artist","name":"San Proper","slug":"san-proper","data":"148"},{"type":"artist","name":"The Poetic Painter M","slug":"the-poetic-painter-m","data":"259"},{"type":"artist","name":"Chicago Skyway","slug":"chicago-skyway","data":"130"},{"type":"artist","name":"Dcook","slug":"dcook","data":"210"},{"type":"artist","name":"Terrance McDonald","slug":"terrance-mcdonald","data":"154"},{"type":"artist","name":"Morphosis","slug":"morphosis","data":"117"},{"type":"artist","name":"Legowelt","slug":"legowelt","data":"129"},{"type":"artist","name":"The Houze Vectors","slug":"the-houze-vectors","data":"84"},{"type":"artist","name":"X2\/X","slug":"x2-x","data":"781"}],"label":[{"type":"label","name":"AOG","slug":"aog","data":"41"}],"sorting":[{"type":"sort","data":"dateasc","name":"Date Old-New","slug":"sort-old-new"},{"type":"sort","default":"1","data":"datedesc","name":"Date New-Old","slug":"sort-new-old"},{"type":"sort","data":"titleasc","name":"Title A-Z","slug":"sort-title-asc"},{"type":"sort","data":"titledesc","name":"Title Z-A","slug":"sort-title-desc"},{"type":"sort","data":"artistasc","name":"Artist A-Z","slug":"sort-artist-asc"},{"type":"sort","data":"artistdesc","name":"Artist Z-A","slug":"sort-artist-desc"},{"type":"sort","data":"strcodeasc","name":"Catno A-Z","slug":"sort-catno-asc"},{"type":"sort","data":"strcodedesc","name":"Catno Z-A","slug":"sort-catno-desc"},{"type":"sort","data":"bestselling","name":"Best Selling","slug":"sort-best-selling"}],"status":[{"type":"status","data":"preorder","name":"Pre-order only","slug":"status-preorder"},{"type":"status","data":"available","name":"Available only","slug":"status-available"},{"type":"status","data":"instock","name":"Pre-order & Available","slug":"status-instock"},{"type":"status","default":"1","data":"all","name":"Everything","slug":"status-all"}],"week":[{"type":"week","data":"2026-11-02","name":"Week 45 \u2014 Nov 2 - Nov 8, 2026","currentClass":"","slug":"week-2026-45"},{"type":"week","data":"2026-10-26","name":"Week 44 \u2014 Oct 26 - Nov 1, 2026","currentClass":"","slug":"week-2026-44"},{"type":"week","data":"2026-10-19","name":"Week 43 \u2014 Oct 19 - Oct 25, 2026","currentClass":"","slug":"week-2026-43"},{"type":"week","data":"2026-10-12","name":"Week 42 \u2014 Oct 12 - Oct 18, 2026","currentClass":"","slug":"week-2026-42"},{"type":"week","data":"2026-10-05","name":"Week 41 \u2014 Oct 5 - Oct 11, 2026","currentClass":"font-weight-bold","slug":"week-2026-41"},{"type":"week","data":"2026-09-28","name":"Week 40 \u2014 Sep 28 - Oct 4, 2026","currentClass":"","slug":"week-2026-40"},{"type":"week","data":"2026-09-21","name":"Week 39 \u2014 Sep 21 - Sep 27, 2026","currentClass":"","slug":"week-2026-39"},{"type":"week","data":"2026-09-14","name":"Week 38 \u2014 Sep 14 - Sep 20, 2026","currentClass":"","slug":"week-2026-38"},{"type":"week","data":"2026-09-07","name":"Week 37 \u2014 Sep 7 - Sep 13, 2026","currentClass":"","slug":"week-2026-37"},{"type":"week","data":"2026-08-31","name":"Week 36 \u2014 Aug 31 - Sep 6, 2026","currentClass":"","slug":"week-2026-36"},{"type":"week","data":"2026-08-24","name":"Week 35 \u2014 Aug 24 - Aug 30, 2026","currentClass":"","slug":"week-2026-35"},{"type":"week","data":"2026-08-17","name":"Week 34 \u2014 Aug 17 - Aug 23, 2026","currentClass":"","slug":"week-2026-34"},{"type":"week","data":"2026-08-10","name":"Week 33 \u2014 Aug 10 - Aug 16, 2026","currentClass":"","slug":"week-2026-33"},{"type":"week","data":"2026-08-03","name":"Week 32 \u2014 Aug 3 - Aug 9, 2026","currentClass":"","slug":"week-2026-32"},{"type":"week","data":"2026-07-27","name":"Week 31 \u2014 Jul 27 - Aug 2, 2026","currentClass":"","slug":"week-2026-31"},{"type":"week","data":"2026-07-20","name":"Week 30 \u2014 Jul 20 - Jul 26, 2026","currentClass":"","slug":"week-2026-30"},{"type":"week","data":"2026-07-13","name":"Week 29 \u2014 Jul 13 - Jul 19, 2026","currentClass":"","slug":"week-2026-29"}]}; 556 var deeplinks = []; 557 var banner = null; 558 var enableFavorites = true; 559</script>
vendor: 1 bytes, line 559
559
560<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
vendor: 1 bytes, line 560
560
561<script type="text/javascript" src="/scripts/footer.js?517717573"></script>
vendor: 1 bytes, line 561
561
562<script type="text/javascript" src="/scripts/modal.js?1580038571"></script>
vendor: 1 bytes, line 562
562
563<script type="text/javascript" src="/scripts/favorites.js?769167112"></script>
vendor: 1 bytes, line 563
563
564<script type="text/javascript" src="/scripts/orderlist.js?1668096625"></script>
564 565 566 567 568 569 570
571<script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.6/mediaelement-and-player.min.js"></script>
vendor: 1 bytes, line 571
571
572<script src="/resources/mediaelement-mediaelement-plugins-82f0580/dist/playlist/playlist.js"></script>
572 573 574<!-- Add any other renderers you need; see Use Renderers for more information --> 575<link rel="stylesheet" href="/bower_components/mediaelement/build/mediaelementplayer.css" /> 576<link rel="stylesheet" href="/resources/mediaelement-mediaelement-plugins-82f0580/dist/playlist/playlist.css"/> 577 578 579<style> 580.footer { 581 position: fixed; 582 left: 0; 583 bottom: 0; 584 width: 100%; 585 586 color: white; 587 text-align: center; 588 z-index: 1000; 589} 590 591.playlist-button-icon{ 592 color: white !important; 593 top: 11px; 594 position: absolute; 595 right: 10px; 596 font-size: 17px; 597 cursor: pointer; 598} 599 600 601 602</style> 603 604 605 606 <footer class="footer"> 607 <div id="media-wrapper"> 608 <audio id='delsinplayer'></audio> 609 </div> 610 </footer> 611 612 613
614<script> 615 616</script>
616 617 618
618<script type="text/javascript"> 619 620 621/* 622 var player; 623 $('#mediaplayer').mediaelementplayer({ 624 // pluginPath: "/path/to/shims/", 625 // stretching: 'responsive', 626 features: ['prevtrack', 'playpause', 'nexttrack', 'current', 'progress', 'duration', 'volume', 'playlist', 'shuffle', 'loop'], 627 playlist: [{"src":"http://www.largesound.com/ashborytour/sound/AshboryBYU.mp3","title":"burp","thumbnail":"http://mediaelementjs.com/images/big_buck_bunny.jpg"}], 628 audioHeight: 110, 629 audioWidth:'100%', 630 // src:'https://audio.nomorewords.net//shorts/t8679.mp3', 631 // When using jQuery's `mediaelementplayer`, an `instance` argument 632 // is available in the `success` callback 633 success: function(mediaElement, originalNode, instance) { 634 // do things 635 //mediaElement.setSrc("https://audio.nomorewords.net//shorts/t8679.mp3"); 636 //mediaElement.play(); 637 $(".mejs__time-total").css("background-image","url(https://audio.nomorewords.net//waveform.php?hidef=1&mp3=shorts/t9559.mp3)"); 638 $(".mejs__time-total").css("background-size","auto"); 639 player = mediaElement; 640 } 641 }); 642*/ 643</script>
vendor: 1 bytes, line 643
643
644<script> 645 var mediaElements = document.querySelectorAll('audio'); 646 var player; 647 648 currentPlayer = {}; 649 currentList = []; 650 currentIndex = 0; 651 currentObject = null; 652 currentState = false; // 1 is playing 653 callback = null; 654 indextoPlay = 0; 655 656 var context; 657 var analyser; 658 659 function drawplaybuttons(){ 660 661 $('.playlink').each(function(i,e){ 662 if($(e).find(".oi").length==0){ 663 $(e).prepend('<span class="oi oi-media-play"></span>'); 664 } 665 }); 666 $('.noplaylink').each(function(i,e){ 667 if($(e).find(".oi").length==0){ 668 $(e).prepend('<span class="oi oi-media-play" style="color:white;"></span>'); 669 } 670 }); 671 } 672 673 674 var songended = function(e){ 675 console.log(e); 676 if(currentList.length>0){ 677 player.currentPlaylistItem++; 678 player.selecttrack(player.currentPlaylistItem); 679 } 680 681 } 682 683 var checkplaybuttons = function(){ 684 //console.log("check playbuttons ",player.paused); 685 if(currentList.length>0){ 686 var idfound = 0; 687 var releaseid = 0; 688 $.each(currentList, function(i,e){ 689 // console.log(e); 690 if(player.getSrc().indexOf(e.ob.file) !== -1){ 691 idfound = e.track; 692 releaseid = e.release; 693 }; 694 }); 695 console.log(idfound); 696 if(typeof gtag != "undefined"){ 697 gtag('event',"Song", { 698 'event_category': "Play", 699 'event_label': "Audio", 700 'value': idfound 701 }); 702 console.log("sending play", idfound); 703 } 704 705 706 $('.playlink').each(function(i,e){ 707 708 if($(e).attr("data-track")==idfound && !player.paused){ 709 console.log($(e)); 710 $(e).find(".oi").removeClass("oi-media-play"); 711 $(e).find(".oi").addClass("oi-media-pause"); 712 }else{ 713 $(e).find(".oi").addClass("oi-media-play"); 714 $(e).find(".oi").removeClass("oi-media-pause"); 715 } 716 }); 717 $('.playrelease').each(function(i,e){ 718 719 if($(e).attr("data-release")==releaseid && !player.paused){ 720 console.log($(e)); 721 $(e).find(".oi").removeClass("oi-media-play"); 722 $(e).find(".oi").addClass("oi-media-pause"); 723 }else{ 724 $(e).find(".oi").addClass("oi-media-play"); 725 $(e).find(".oi").removeClass("oi-media-pause"); 726 } 727 }); 728 } 729 } 730 731 var songplaying = function(e){ 732 console.log("playing"); 733 console.log(player.getSrc()); 734 checkplaybuttons(); 735 } 736 737 var pausesong = function(e){ 738 console.log("pause song",e); 739 checkplaybuttons(); 740 } 741 742 var toggleplaylist = function(e){ 743 console.log("toggle"); 744 if($(player.playlistLayer).hasClass("mejs__playlist-hidden")){ 745 746 // $(".mejs__container.mejs__audio").css("height","60px"); 747 }else{ 748 // $(".mejs__container.mejs__audio").css("height","200px"); 749 } 750 } 751 752 function pauselement(element){ 753 console.log(player.pause()); 754 checkplaybuttons(); 755 } 756 757 function playelement(element){ 758 759 760 console.log("play",element); 761 if(typeof player == "undefined"){ 762 763 $('audio').mediaelementplayer({ 764 playlist: [], 765 audioWidth:'100%', 766 currentMessage: '<span class="oi oi-media-play"></span>', 767 showPlaylist:true, 768 features: ['prevtrack', 'playpause', 'nexttrack', 'current', 'progress', 'duration', 'volume', 'playlist'], 769 // When using jQuery's `mediaelementplayer`, an `instance` argument 770 // is available in the `success` callback 771 success: function(mediaElement, originalNode, instance) { 772 // do things 773 instance.setSrc("/250-milliseconds-of-silence.mp3"); 774 instance.play(); 775 player = instance; 776 player.media.addEventListener('ended', songended); 777 player.media.addEventListener('playing', songplaying); 778 player.media.addEventListener('pause', pausesong); 779 player.media.addEventListener('toggleplaylist', toggleplaylist); 780 context = new (window.AudioContext || window.webkitAudioContext)(); 781 context.createAnalyser(); 782 //alert(instance); 783 } 784 }); 785 786 } 787 788 //eturn true; 789 790 console.log(element); 791 jQuery.getJSON(window.parent.websiteURL + "/playlist/"+ $(element).data("release"), function(playlist){ 792 793 console.log("playlist",playlist); 794 795 if(typeof gtag != "undefined"){ 796 gtag('event',"Album", { 797 'event_category': "Play", 798 'event_label': "Audio", 799 'value': $(element).data("release") 800 }); 801 console.log("sending play",$(element).data("release")); 802 } 803 804 currentList = []; 805 806 var track = $(element).data("track"); 807 var format = $(element).data("format"); 808 var release = $(element).data("release"); 809 810 console.log(track); 811 console.log(format); 812 console.log(release); 813 814 if(format==""){ 815 console.log("no format"); 816 format = playlist[0].format; 817 } 818 819 var formatlists = []; 820 821 for (index = 0; index < playlist.length; ++index) { 822 823 var listEl = playlist[index]; 824 //console.log(listEl); 825 if(listEl.release == release){ 826 //console.log(listEl); 827 //currentList.push(listEl); 828 if(Array.isArray(formatlists[listEl.format])){ 829 830 }else{ 831 formatlists[listEl.format] = []; 832 833 } 834 formatlists[listEl.format].push(listEl); 835 } 836/* 837 if(listEl.release == release && listEl.track == track && listEl.format == format){ 838 currentIndex = currentList.length-1; 839 } 840*/ 841 } 842 console.log("formats",format); 843 console.log(formatlists); 844 845 846 if( typeof formatlists[format] == "undefined" ){ 847 // find first format with audio 848 for (index = 0; index < formatlists.length; ++index) { 849 if( typeof formatlists[index] != "undefined" ){ 850 currentList = formatlists[index]; 851 } 852 } 853 }else{ 854 currentList = formatlists[format]; 855 } 856 857 858 for (index = 0; index < currentList.length; ++index) { 859 var listEl = currentList[index]; 860 // 861 862 if(listEl.release == release && listEl.track == track){ 863 864 if(currentObject){ 865 if(track == currentObject.track && release == currentObject.release){ 866 if(currentState){ 867 //stop 868 //alert("stop"); 869 break; 870 } 871 } 872 } 873 indextoPlay= index; 874 console.log("found", index); 875 console.log(listEl); 876 //player.sendEvent(element, "LOAD", listEl); 877 //currentPlayer = element; 878 break; 879 } 880 } 881 setplaylist(currentList); 882 883 }); 884 } 885 886 function setsize(){ 887 console.log($("#media-wrapper").height()); 888 $("body").css("margin-bottom",$("#media-wrapper").height()); 889 } 890 891 function setplaylist(list){ 892 console.log("PLAYLIST",list); 893 if(list.length>0){ 894 var playlist = []; 895 for (index = 0; index < list.length; ++index) { 896 var track = list[index].ob; 897 898 var ob = {}; 899 ob.src = window.parent.audioURL+track.file; 900 ob.title = track.trackname + " - " + track.artist + " - " + track.title; 901 902 playlist.push(ob); 903 } 904 905 mediaElements = document.querySelectorAll('audio'); 906 console.log(playlist); 907 console.log(indextoPlay); 908 909 910 console.log("PLAYLIST",playlist); 911 912 $(".mejs__layers").empty(); 913 $(".mejs__playlist-button").remove(); 914 915 player.options.playlist = playlist; 916 player.buildplaylist(player, player.controls,player.layers,player.media); 917 player.selecttrack(indextoPlay); 918 setsize(); 919 return true; 920 921 } 922 923 } 924</script>
924 925 926 927 928 929</body> 930 931</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.