Home
About
News
Artists
Slightly Stoopid
Stephen “Ragga” Marley
Dumpstaphunk
George Porter Jr.
Foundation of Funk
Fortunate Youth
LAW
Mat McHugh
Ethan Tucker
The Grouch & Eligh
Videos
CSSL
Contact
Home
About
News
Artists
Slightly Stoopid
Stephen “Ragga” Marley
Dumpstaphunk
George Porter Jr.
Foundation of Funk
Fortunate Youth
LAW
Mat McHugh
Ethan Tucker
The Grouch & Eligh
Videos
CSSL
Contact
Acoustic in LA
by
Ethan Tucker, CSSL
</div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <!-- content-box --> <div class="buttons-block"> <div class="ctnButton-block"> <div class="available-now">Available On:</div> <ul class="store-list"> <li><a class="button" href="" target="_blank"> <i class="fa fab fa-apple"></i> </a></li> </ul> </div> </div> <!-- links-block --> <aside class="links-block"> <a href="#" onclick="window.history.back(); return false;" class="back-btn">Back</a> <div class="buttons"> <div class="sharing_toolbox"></div> </div> </aside> <div id="comments" class="comments-area"> </div> </div> </div> </div> </div> <!-- footer --> <footer id="footer"> <div class="container"> <style>.elementor-1011 .elementor-element.elementor-element-1967076:not(.elementor-motion-effects-element-type-background), .elementor-1011 .elementor-element.elementor-element-1967076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#19191b;background-image:url("https://silverbackmusic.net/site/wp-content/uploads/2017/10/footer-bg.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1011 .elementor-element.elementor-element-1967076 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #100614 0%, rgba(96,32,147,0.09) 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1011 .elementor-element.elementor-element-1967076{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#ffffff;margin-top:0px;margin-bottom:0px;padding:50px 0px 20px 0px;z-index:0;}.elementor-1011 .elementor-element.elementor-element-1967076 .elementor-heading-title{color:#ffffff;}.elementor-1011 .elementor-element.elementor-element-1967076 a{color:#ffffff;}.elementor-1011 .elementor-element.elementor-element-1967076 a:hover{color:#602093;}.elementor-1011 .elementor-element.elementor-element-e06fb70 > .elementor-container{max-width:750px;}.elementor-1011 .elementor-element.elementor-element-e06fb70 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1011 .elementor-element.elementor-element-33b26b1.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1011 .elementor-element.elementor-element-33b26b1 > .elementor-element-populated{text-align:right;}.elementor-1011 .elementor-element.elementor-element-cfafdc5{text-align:right;}.elementor-1011 .elementor-element.elementor-element-cfafdc5 .elementor-heading-title{color:#ffffff;font-family:"Abel", \'Abel\', sans-serif;font-size:48px;font-weight:700;letter-spacing:0px;}.elementor-1011 .elementor-element.elementor-element-8ec3f38{text-align:left;}.elementor-1011 .elementor-element.elementor-element-8ec3f38 .elementor-heading-title{color:#dddddd;font-size:12px;font-weight:bold;line-height:1.35em;letter-spacing:2px;}.elementor-1011 .elementor-element.elementor-element-8ec3f38 > .elementor-widget-container{margin:03px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-3006b9d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-3d4fc1c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1011 .elementor-element.elementor-element-3d4fc1c > .elementor-element-populated{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-defbff2{width:100%;max-width:100%;align-self:center;}.elementor-1011 .elementor-element.elementor-element-e802611{--grid-template-columns:repeat(0, auto);--icon-size:32px;--grid-column-gap:24px;--grid-row-gap:0px;}.elementor-1011 .elementor-element.elementor-element-e802611 .elementor-widget-container{text-align:center;}.elementor-1011 .elementor-element.elementor-element-e802611 .elementor-social-icon{background-color:rgba(0,0,0,0);--icon-padding:0.9em;}.elementor-1011 .elementor-element.elementor-element-e802611 .elementor-social-icon i{color:#abb2c4;}.elementor-1011 .elementor-element.elementor-element-e802611 .elementor-social-icon svg{fill:#abb2c4;}.elementor-1011 .elementor-element.elementor-element-e802611 .elementor-social-icon:hover{background-color:rgba(0,0,0,0);}.elementor-1011 .elementor-element.elementor-element-e802611 .elementor-social-icon:hover i{color:#ffffff;}.elementor-1011 .elementor-element.elementor-element-e802611 .elementor-social-icon:hover svg{fill:#ffffff;}.elementor-1011 .elementor-element.elementor-element-76eabee{text-align:center;}.elementor-1011 .elementor-element.elementor-element-76eabee .elementor-heading-title{color:#7e828a;font-size:13px;text-transform:uppercase;letter-spacing:2px;}.elementor-1011 .elementor-element.elementor-element-76eabee > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1011 .elementor-element.elementor-element-e06fb70{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-33b26b1 > .elementor-element-populated{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-cfafdc5{text-align:center;}.elementor-1011 .elementor-element.elementor-element-cfafdc5 .elementor-heading-title{font-size:38px;line-height:0em;}.elementor-1011 .elementor-element.elementor-element-cfafdc5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-8ec3f38{text-align:center;}.elementor-1011 .elementor-element.elementor-element-3d4fc1c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1011 .elementor-element.elementor-element-e802611{--icon-size:28px;}}@media(max-width:767px){.elementor-1011 .elementor-element.elementor-element-e06fb70{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-33b26b1 > .elementor-element-populated{margin:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-cfafdc5{text-align:center;}.elementor-1011 .elementor-element.elementor-element-cfafdc5 .elementor-heading-title{font-size:35px;}.elementor-1011 .elementor-element.elementor-element-cfafdc5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1011 .elementor-element.elementor-element-8ec3f38{text-align:center;}.elementor-1011 .elementor-element.elementor-element-3d4fc1c{width:100%;}.elementor-1011 .elementor-element.elementor-element-3d4fc1c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1011 .elementor-element.elementor-element-e802611{--icon-size:20px;--grid-column-gap:0px;}.elementor-1011 .elementor-element.elementor-element-76eabee .elementor-heading-title{line-height:1.3em;}}@media(min-width:768px){.elementor-1011 .elementor-element.elementor-element-33b26b1{width:38.554%;}.elementor-1011 .elementor-element.elementor-element-6ae3317{width:61.446%;}.elementor-1011 .elementor-element.elementor-element-3d4fc1c{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1011 .elementor-element.elementor-element-3d4fc1c{width:100%;}}/* Start custom CSS for html, class: .elementor-element-defbff2 */.newsletter {font-family: Lato; font-weight:700;text-align:center;}/* End custom CSS */</style> <div data-elementor-type="wp-post" data-elementor-id="1011" class="elementor elementor-1011" data-elementor-settings="[]"> <div class="elementor-section-wrap"> <section class="elementor-section elementor-top-section elementor-element elementor-element-1967076 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1967076" data-element_type="section" data-settings="{"stretch_section":"section-stretched","background_background":"classic"}"> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-991a9ae" data-id="991a9ae" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-e06fb70 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e06fb70" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-33b26b1" data-id="33b26b1" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-cfafdc5 elementor-widget elementor-widget-heading" data-id="cfafdc5" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Newsletter</h3> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6ae3317" data-id="6ae3317" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-8ec3f38 elementor-widget elementor-widget-heading" data-id="8ec3f38" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">JOIN OUR MAILING LIST AND GET THE LATEST NEWS, ANNOUNCEMENTS & MUSIC </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-3006b9d elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="3006b9d" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3d4fc1c" data-id="3d4fc1c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-defbff2 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="defbff2" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <div class="newsletter"> <form method="post" action="https://lists.silverbackmusic.net/?p=subscribe&id=5" name="subscribeform"> <span style="display:inline-block;color: #7E828A;text-transform: uppercase;font-size: 16px;padding-right:6px;">Name: <input type="text" name="attribute1" value id="attribute1" style="padding: 6px 20px;border: solid 1px #7E828A;border-radius: 0px;background: transparent;color: #fff;"></span> <script language="Javascript" type="text/javascript">addFieldToCheck("name","Name");</script> <span style="display:inline-block; color: #7E828A;text-transform: uppercase;font-size: 16px; padding-left:10px;padding-right:6px;">Email: <input type="text" name="email" value = "" style="padding: 6px 20px;border: solid 1px #7E828A; border-radius: 0px;background: transparent;color: #fff;margin-right:10px;"></span> <script language="Javascript" type="text/javascript">addFieldToCheck("email","Email Address");</script> <input type="hidden" name="list[5]" value="signup" /> <input type="submit" name="subscribe" value="Subscribe" onClick="return checkform();" style="background: #602093;color: #cccccc; padding: 10px 20px;border: 0;border-radius: 0;font-weight: bold;text-transform: uppercase;font-size: 14px;cursor:pointer;"> </form></div> </div> </div> <div class="elementor-element elementor-element-e802611 elementor-shape-circle elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="e802611" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid"> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-animation-pop elementor-repeater-item-78ef552" href="https://www.facebook.com/SilverbackMusic/" target="_blank"> <span class="elementor-screen-only">Facebook-f</span> <i class="fab fa-facebook-f"></i> </a> </div> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-pop elementor-repeater-item-739eb83" href="https://www.instagram.com/silverbackmusic/" target="_blank"> <span class="elementor-screen-only">Instagram</span> <i class="fab fa-instagram"></i> </a> </div> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-animation-pop elementor-repeater-item-039bfa8" href="https://twitter.com/SilverbackMusic" target="_blank"> <span class="elementor-screen-only">Twitter</span> <i class="fab fa-twitter"></i> </a> </div> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-pop elementor-repeater-item-97199fb" href="https://www.youtube.com/user/SilverbackArtistMgmt" target="_blank"> <span class="elementor-screen-only">Youtube</span> <i class="fab fa-youtube"></i> </a> </div> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-soundcloud elementor-animation-pop elementor-repeater-item-f68ac81" href="https://soundcloud.com/silverbackmusic" target="_blank"> <span class="elementor-screen-only">Soundcloud</span> <i class="fab fa-soundcloud"></i> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-76eabee elementor-widget elementor-widget-heading" data-id="76eabee" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default"><a href="https://silverbackmusic.net" target="_blank">©2020 Silverback Artist Management - Controlled Substance Sound Labs</a></div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> </div> </div> </footer> <!--- end if elementor footer location --> </div> </div> </div> </div> <div id="sonaar-player" :class="[{enable: !minimize , 'show-list': showList, 'hide-track-lenght': hideDuration, 'hide-track-category': hideCategory, 'hide-skip-button': hideSkipButton, 'hide-speed-rate-button': hideSpeedRateButton, 'hideArtistName': classes.author }, classType]"> <audio id="sonaarAudio" src=""></audio> <transition name="sonaar-player-slidefade" v-on:after-enter="playlistAfterEnter"> <div class="playlist" v-if="showList"> <div class="scroll"> <div class="container"> <div class="boxed"> <h1 v-if="(playListTitle)">{{playListTitle}}</h1> <div class="track-artist" v-if="!classes.author && list.tracks[currentTrack].album_artist != false">{{classes.artistPrefix + ' ' + list.tracks[currentTrack].album_artist}}</div> <div class="shuffle" @click="enableRandomList" v-if="list.type!='podcast'"> <div v-if="shuffle"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve"> <path d="M18.2,13.2c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6c-0.9,0-2.1-0.6-2.7-1.3L10.9,11l2.7-3.4 c0.6-0.7,1.8-1.3,2.7-1.3h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1L21,6.2 c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,3c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6 c-1.1,0-2.5,0.7-3.2,1.6l-2.6,3.3L7.8,7.1C7.1,6.2,5.7,5.5,4.6,5.5H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3 c0.9,0,2.1,0.6,2.7,1.3L9.9,11l-2.7,3.4c-0.6,0.7-1.8,1.3-2.7,1.3H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3 c1.1,0,2.5-0.7,3.2-1.6l2.6-3.3l2.6,3.3c0.7,0.9,2.1,1.6,3.2,1.6h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1 c0.1,0,0.2,0,0.3-0.1l2.7-2.7c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,13.2z"/> </svg> </div> <div v-else> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve"> <path d="M19,15.4H3.2l2.8-2.7c0.1-0.1,0.1-0.3,0-0.5c-0.1-0.1-0.3-0.1-0.5,0l-3.3,3.3C2.1,15.5,2,15.6,2,15.7c0,0.1,0,0.2,0.1,0.2 l3.3,3.3c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1c0.1-0.1,0.1-0.3,0-0.5L3.2,16H19c0.2,0,0.3-0.1,0.3-0.3 C19.3,15.5,19.1,15.4,19,15.4z M20.3,7.2l-3.3-3.3c-0.1-0.1-0.3-0.1-0.5,0c-0.1,0.1-0.1,0.3,0,0.5l2.8,2.7H3.5 c-0.2,0-0.3,0.1-0.3,0.3c0,0.2,0.1,0.3,0.3,0.3h15.8l-2.8,2.7c-0.1,0.1-0.1,0.3,0,0.5c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1 l3.3-3.3c0.1-0.1,0.1-0.1,0.1-0.2C20.4,7.3,20.3,7.3,20.3,7.2z"/> </svg> </div> </div> <button class="play" @click="play" v-if="isPlaying">pause</button> <button class="play" @click="play" v-if="!isPlaying">play</button> <div class="trackscroll"> <ul class="tracklist"> <li v-for="(track, index) in list.tracks" :key="track.id" @click="currentTrack = index" :class="index == currentTrack ? 'active' : '' "> <span class="track-status">{{ index + 1 }}</span> <span class="track-title"><span class="content" @mouseover="scroll">{{ track.track_title }}</span></span> <span class="track-album"><span class="content">{{ track.album_title }}</span></span> <span class="track-lenght" v-if="track.lenght"><span class="content">{{ track.lenght }}</span></span> <span class="track-store" v-if="(list.type=='album' && track.song_store_list ) || (list.type=='podcast' && track.podcast_calltoaction )"> <a v-for="store in track.song_store_list" :href="store.store_link" target="_blank" :download=" (store.song_store_icon == 'fas fa-download')? '': false " v-if="list.type!='podcast'"> <i class="fa" :class="store.song_store_icon" v-if="store.song_store_icon != 'custom-icon'"></i> <div class="sr_svg-box" :data-svg-url="store.sr_icon_file" v-if="store.song_store_icon == 'custom-icon'">{{getSVG(store.sr_icon_file)}}</div> </a> <a v-for="button in track.podcast_calltoaction" :href="button.podcast_button_link" :target=" (button.podcast_button_target)?'_target':'_self' " class="sonaar-callToAction" v-if="list.type=='podcast'">{{button.podcast_button_name}}</a> </span> </li> </ul> </div> </div> </div> </div> </div> </transition> <div class="close btn_playlist" v-if="showList" @click="setshowList"></div> <div class="close btn-player" :class="{enable: !minimize, 'storePanel':list.tracks && playerCallToAction}" @click="closePlayer" v-if="list.tracks"> <svg class="audioBar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 17" enable-background="new 0 0 17 17" xml:space="preserve"> <rect x="0" width="2" height="16" transform="translate(0)"> <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" /> </rect> <rect x="5" width="2" height="16" transform="translate(0)"> <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" begin="0.3s" /> </rect> <rect x="10" width="2" height="16" transform="translate(0)"> <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" begin="0.5s" /> </rect> <rect x="15" width="2" height="16" transform="translate(0)"> <animate attributeName="height" attributeType="XML" dur="1s" values="2;16;2" repeatCount="indefinite" begin="0.3s" /> </rect> </svg> </div> <div :class="(list.tracks.length >= 2)?'player ':'player no-list '"> <div class="mobileProgress"> <div class="skip" @mouseup="skipTo"></div> <div class="mobileProgressing wave-cut" :style=" css.wavecut "></div> <div class="progressDot" :style=" css.progressDot "></div> </div> <div class="player-row"> <div class="playerNowPlaying" v-if="list.tracks"> <div class="album-art" :class="{'loading': loading < 100 }" v-if="hasArtwork"> <i class="fa fa-circle-o-notch fa-spin fa-2x fa-fw loading-icon"></i> <img class="hover" :src="list.tracks[currentTrack].poster" /> <img :src="list.tracks[currentTrack].poster" /> </div> <div :class="(hasArtwork)?'metadata ':'metadata no-image '"> <div class="track-name" @mouseover="scroll">{{list.tracks[currentTrack].track_title}}</div> <div class="track-album" @mouseover="scroll" v-if="list.tracks[currentTrack].album_title">{{list.tracks[currentTrack].album_title}}</div> <div class="track-artist" @mouseover="scroll" v-html="classes.artistPrefix + ' ' + list.tracks[currentTrack].album_artist" v-if="!classes.author && list.tracks[currentTrack].album_artist"></div> </div> </div> <div class="playerNowPlaying" v-else></div> <div class="control"> <div class="list" @click="setshowList" v-if="!classes.playlist && list.tracks.length > 1"> <svg width="100%" height="100%" viewBox="0 0 24 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"> <g> <rect x="0" y="0" width="24" height="2" /> <rect x="0" y="6" width="24" height="2" /> <rect x="0" y="12" width="24" height="2" /> <rect x="0" y="18" width="15" height="2" /> </g> </svg> </div> <div class="sr_skipBackward" @click="skipBackward" v-if="list.type=='podcast' && classes.hideSkipButton==false"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 350" style="enable-background:new 0 0 350 350;" xml:space="preserve"> <path class="st0" d="M92.99,53.26c50.47-37.73,117.73-40.35,170.62-7.61l-21.94,16.61c0,0,0,0,0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0 c-3.86,2.92-6.03,7.4-6.03,12.07c0,1.29,0.16,2.59,0.5,3.88c1.43,5.43,5.72,9.49,11.52,10.94c0,0,0,0,0,0l61.38,17.66c0,0,0,0,0,0 c0,0,0,0,0,0l0,0c0,0,0,0,0,0c4.15,1.19,8.7,0.37,12.16-2.22c3.47-2.59,5.56-6.71,5.59-11.04c0,0,0,0,0-0.01c0,0,0,0,0-0.01 l0.42-65.18c0-0.02,0-0.03,0-0.05c0-0.02,0-0.04,0-0.06c0.02-6-2.71-10.99-7.54-13.69c-5.23-2.93-11.7-2.48-16.5,1.14c0,0,0,0,0,0 c0,0,0,0,0,0l-26.11,19.76c-13.29-8.89-27.71-15.81-42.95-20.6C217.39,9.61,200,7.02,182.44,7.18c-17.56,0.15-34.91,3.04-51.54,8.58 c-17.03,5.67-32.98,14.01-47.41,24.8c-2.08,1.56-3.18,3.94-3.18,6.36c0,1.65,0.51,3.32,1.58,4.74 C84.51,55.16,89.48,55.88,92.99,53.26z M310.96,90.86l-58.55-16.84l29.03-21.97c0.45-0.27,0.87-0.59,1.27-0.96l28.65-21.68 L310.96,90.86z"/> <path class="st0" d="M36.26,139.69l1.6-6.62l3.4-10.4l3.99-10.18l4.75-9.7l5.57-9.36l6.18-8.97l6.77-8.37l7.58-8.2 c2.97-3.22,2.78-8.23-0.44-11.21c-3.22-2.97-8.23-2.78-11.21,0.44l-7.76,8.39c-0.12,0.13-0.23,0.26-0.34,0.4l-7.13,8.81 c-0.13,0.16-0.25,0.32-0.37,0.49l-6.5,9.44c-0.1,0.14-0.19,0.29-0.28,0.44l-5.87,9.86c-0.11,0.19-0.21,0.38-0.31,0.57l-5.03,10.28 c-0.09,0.19-0.18,0.39-0.26,0.59l-4.2,10.7c-0.06,0.14-0.11,0.29-0.15,0.43l-3.57,10.91c-0.06,0.2-0.12,0.4-0.17,0.6l-1.68,6.92 c-0.15,0.63-0.23,1.26-0.23,1.87c0,3.58,2.44,6.82,6.07,7.7C30.94,146.56,35.23,143.94,36.26,139.69z"/> <path class="st0" d="M70.09,275.38l-7.14-8.56l-6.14-8.72l-5.59-9.38l-4.99-9.79l-4.2-10l-3.59-10.18l-2.78-10.52l-1.99-10.75 l-1.19-10.75l-0.4-10.78l0.2-7.72c0.12-4.37-3.34-8.02-7.72-8.14c-4.38-0.12-8.02,3.34-8.14,7.72l-0.21,7.97c0,0.07,0,0.14,0,0.21 c0,0.1,0,0.2,0.01,0.29l0.42,11.33c0.01,0.19,0.02,0.39,0.04,0.58l1.26,11.33c0.02,0.19,0.05,0.38,0.08,0.57l2.1,11.33 c0.04,0.2,0.08,0.39,0.13,0.58l2.94,11.12c0.05,0.21,0.12,0.41,0.19,0.61l3.78,10.7c0.05,0.15,0.11,0.29,0.17,0.43l4.4,10.49 c0.08,0.18,0.16,0.36,0.25,0.53l5.24,10.28c0.08,0.15,0.16,0.31,0.25,0.45l5.87,9.86c0.1,0.17,0.21,0.34,0.33,0.51l6.5,9.23 c0.12,0.18,0.25,0.35,0.39,0.51l7.34,8.81c2.8,3.37,7.81,3.82,11.17,1.02C72.44,283.75,72.9,278.75,70.09,275.38z"/> <path class="st0" d="M185.89,342.5l11.54-0.63c0.15-0.01,0.3-0.02,0.44-0.04l3.78-0.42c4.35-0.48,7.49-4.41,7.01-8.76 c-0.48-4.35-4.41-7.49-8.76-7.01l-3.55,0.39l-10.95,0.6l-10.75-0.4l-10.82-1l-10.75-1.79l-10.6-2.6l-10.31-3.17l-9.91-4.16 l-9.84-4.82l-9.39-5.39l-9.17-6.18l-2.71-2.13c-3.44-2.71-8.43-2.11-11.14,1.34c-1.14,1.45-1.7,3.18-1.7,4.9 c0,2.35,1.04,4.68,3.03,6.24l2.94,2.31c0.15,0.12,0.31,0.23,0.47,0.34l9.65,6.5c0.16,0.11,0.32,0.21,0.48,0.3l9.86,5.66 c0.15,0.09,0.31,0.17,0.46,0.25l10.28,5.03c0.14,0.07,0.28,0.13,0.42,0.19l10.49,4.41c0.24,0.1,0.49,0.19,0.74,0.27l10.91,3.36 c0.15,0.05,0.29,0.09,0.44,0.12l11.12,2.73c0.19,0.05,0.39,0.09,0.59,0.12l11.33,1.89c0.19,0.03,0.38,0.06,0.57,0.07l11.33,1.05 c0.15,0.01,0.29,0.02,0.44,0.03l11.33,0.42C185.41,342.52,185.65,342.52,185.89,342.5z"/> <path class="st0" d="M316.46,248.51l-3.87,6.52l-6.21,9.22l-6.58,8.37l-7.37,8.17l-7.77,7.37l-8.38,6.98l-8.96,6.37l-9.18,5.59 l-9.58,4.99l-10.14,4.38l-10.19,3.46c-3.3,1.12-5.38,4.21-5.38,7.51c0,0.85,0.14,1.71,0.42,2.55c1.41,4.15,5.92,6.37,10.06,4.96 l10.49-3.57c0.2-0.07,0.4-0.14,0.59-0.23l10.7-4.62c0.18-0.08,0.35-0.16,0.52-0.25l10.07-5.24c0.16-0.08,0.31-0.17,0.46-0.26 l9.65-5.87c0.16-0.1,0.32-0.2,0.47-0.31l9.44-6.71c0.17-0.12,0.33-0.24,0.48-0.37l8.81-7.34c0.13-0.11,0.26-0.22,0.38-0.34 l8.18-7.76c0.15-0.14,0.29-0.29,0.43-0.44l7.76-8.6c0.12-0.13,0.24-0.27,0.35-0.41l6.92-8.81c0.12-0.15,0.23-0.31,0.34-0.47 l6.5-9.65c0.08-0.13,0.17-0.25,0.24-0.38l3.99-6.71c2.24-3.77,1-8.63-2.77-10.87C323.56,243.51,318.69,244.75,316.46,248.51z"/> </svg> <div class="sr_skip_number">{{classes.skipBackward}}</div> </div> <div class="sr_skipForward" @click="skipForward" v-if="list.type=='podcast' && classes.hideSkipButton==false"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 350" style="enable-background:new 0 0 350 350;" xml:space="preserve"> <path class="st0" d="M92.99,53.26c50.47-37.73,117.73-40.35,170.62-7.61l-21.94,16.61c0,0,0,0,0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0 c-3.86,2.92-6.03,7.4-6.03,12.07c0,1.29,0.16,2.59,0.5,3.88c1.43,5.43,5.72,9.49,11.52,10.94c0,0,0,0,0,0l61.38,17.66c0,0,0,0,0,0 c0,0,0,0,0,0l0,0c0,0,0,0,0,0c4.15,1.19,8.7,0.37,12.16-2.22c3.47-2.59,5.56-6.71,5.59-11.04c0,0,0,0,0-0.01c0,0,0,0,0-0.01 l0.42-65.18c0-0.02,0-0.03,0-0.05c0-0.02,0-0.04,0-0.06c0.02-6-2.71-10.99-7.54-13.69c-5.23-2.93-11.7-2.48-16.5,1.14c0,0,0,0,0,0 c0,0,0,0,0,0l-26.11,19.76c-13.29-8.89-27.71-15.81-42.95-20.6C217.39,9.61,200,7.02,182.44,7.18c-17.56,0.15-34.91,3.04-51.54,8.58 c-17.03,5.67-32.98,14.01-47.41,24.8c-2.08,1.56-3.18,3.94-3.18,6.36c0,1.65,0.51,3.32,1.58,4.74 C84.51,55.16,89.48,55.88,92.99,53.26z M310.96,90.86l-58.55-16.84l29.03-21.97c0.45-0.27,0.87-0.59,1.27-0.96l28.65-21.68 L310.96,90.86z"/> <path class="st0" d="M36.26,139.69l1.6-6.62l3.4-10.4l3.99-10.18l4.75-9.7l5.57-9.36l6.18-8.97l6.77-8.37l7.58-8.2 c2.97-3.22,2.78-8.23-0.44-11.21c-3.22-2.97-8.23-2.78-11.21,0.44l-7.76,8.39c-0.12,0.13-0.23,0.26-0.34,0.4l-7.13,8.81 c-0.13,0.16-0.25,0.32-0.37,0.49l-6.5,9.44c-0.1,0.14-0.19,0.29-0.28,0.44l-5.87,9.86c-0.11,0.19-0.21,0.38-0.31,0.57l-5.03,10.28 c-0.09,0.19-0.18,0.39-0.26,0.59l-4.2,10.7c-0.06,0.14-0.11,0.29-0.15,0.43l-3.57,10.91c-0.06,0.2-0.12,0.4-0.17,0.6l-1.68,6.92 c-0.15,0.63-0.23,1.26-0.23,1.87c0,3.58,2.44,6.82,6.07,7.7C30.94,146.56,35.23,143.94,36.26,139.69z"/> <path class="st0" d="M70.09,275.38l-7.14-8.56l-6.14-8.72l-5.59-9.38l-4.99-9.79l-4.2-10l-3.59-10.18l-2.78-10.52l-1.99-10.75 l-1.19-10.75l-0.4-10.78l0.2-7.72c0.12-4.37-3.34-8.02-7.72-8.14c-4.38-0.12-8.02,3.34-8.14,7.72l-0.21,7.97c0,0.07,0,0.14,0,0.21 c0,0.1,0,0.2,0.01,0.29l0.42,11.33c0.01,0.19,0.02,0.39,0.04,0.58l1.26,11.33c0.02,0.19,0.05,0.38,0.08,0.57l2.1,11.33 c0.04,0.2,0.08,0.39,0.13,0.58l2.94,11.12c0.05,0.21,0.12,0.41,0.19,0.61l3.78,10.7c0.05,0.15,0.11,0.29,0.17,0.43l4.4,10.49 c0.08,0.18,0.16,0.36,0.25,0.53l5.24,10.28c0.08,0.15,0.16,0.31,0.25,0.45l5.87,9.86c0.1,0.17,0.21,0.34,0.33,0.51l6.5,9.23 c0.12,0.18,0.25,0.35,0.39,0.51l7.34,8.81c2.8,3.37,7.81,3.82,11.17,1.02C72.44,283.75,72.9,278.75,70.09,275.38z"/> <path class="st0" d="M185.89,342.5l11.54-0.63c0.15-0.01,0.3-0.02,0.44-0.04l3.78-0.42c4.35-0.48,7.49-4.41,7.01-8.76 c-0.48-4.35-4.41-7.49-8.76-7.01l-3.55,0.39l-10.95,0.6l-10.75-0.4l-10.82-1l-10.75-1.79l-10.6-2.6l-10.31-3.17l-9.91-4.16 l-9.84-4.82l-9.39-5.39l-9.17-6.18l-2.71-2.13c-3.44-2.71-8.43-2.11-11.14,1.34c-1.14,1.45-1.7,3.18-1.7,4.9 c0,2.35,1.04,4.68,3.03,6.24l2.94,2.31c0.15,0.12,0.31,0.23,0.47,0.34l9.65,6.5c0.16,0.11,0.32,0.21,0.48,0.3l9.86,5.66 c0.15,0.09,0.31,0.17,0.46,0.25l10.28,5.03c0.14,0.07,0.28,0.13,0.42,0.19l10.49,4.41c0.24,0.1,0.49,0.19,0.74,0.27l10.91,3.36 c0.15,0.05,0.29,0.09,0.44,0.12l11.12,2.73c0.19,0.05,0.39,0.09,0.59,0.12l11.33,1.89c0.19,0.03,0.38,0.06,0.57,0.07l11.33,1.05 c0.15,0.01,0.29,0.02,0.44,0.03l11.33,0.42C185.41,342.52,185.65,342.52,185.89,342.5z"/> <path class="st0" d="M316.46,248.51l-3.87,6.52l-6.21,9.22l-6.58,8.37l-7.37,8.17l-7.77,7.37l-8.38,6.98l-8.96,6.37l-9.18,5.59 l-9.58,4.99l-10.14,4.38l-10.19,3.46c-3.3,1.12-5.38,4.21-5.38,7.51c0,0.85,0.14,1.71,0.42,2.55c1.41,4.15,5.92,6.37,10.06,4.96 l10.49-3.57c0.2-0.07,0.4-0.14,0.59-0.23l10.7-4.62c0.18-0.08,0.35-0.16,0.52-0.25l10.07-5.24c0.16-0.08,0.31-0.17,0.46-0.26 l9.65-5.87c0.16-0.1,0.32-0.2,0.47-0.31l9.44-6.71c0.17-0.12,0.33-0.24,0.48-0.37l8.81-7.34c0.13-0.11,0.26-0.22,0.38-0.34 l8.18-7.76c0.15-0.14,0.29-0.29,0.43-0.44l7.76-8.6c0.12-0.13,0.24-0.27,0.35-0.41l6.92-8.81c0.12-0.15,0.23-0.31,0.34-0.47 l6.5-9.65c0.08-0.13,0.17-0.25,0.24-0.38l3.99-6.71c2.24-3.77,1-8.63-2.77-10.87C323.56,243.51,318.69,244.75,316.46,248.51z"/> </svg> <div class="sr_skip_number">{{classes.skipForward}}</div> </div> <div class="previous" @click="previous" v-if="list.type!='podcast'"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10.2 11.7" style="enable-background:new 0 0 10.2 11.7;" xml:space="preserve"> <polygon points="10.2,0 1.4,5.3 1.4,0 0,0 0,11.7 1.4,11.7 1.4,6.2 10.2,11.7"></polygon> </svg> </div> <div class="play" @click="play" :class="{'audio-playing': isPlaying }"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.5 21.2" style="enable-background:new 0 0 17.5 21.2;" xml:space="preserve"> <path d="M0,0l17.5,10.9L0,21.2V0z"></path> <rect width="6" height="21.2"></rect> <rect x="11.5" width="6" height="21.2"></rect> </svg> </div> <div class="next" @click="next" v-if="list.type!='podcast'"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10.2 11.7" style="enable-background:new 0 0 10.2 11.7;" xml:space="preserve"> <polygon points="0,11.7 8.8,6.4 8.8,11.7 10.2,11.7 10.2,0 8.8,0 8.8,5.6 0,0"></polygon> </svg> </div> <div class="shuffle" @click="enableRandomList" v-if="list.type!='podcast'"> <div v-if="shuffle"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve"> <path d="M18.2,13.2c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6c-0.9,0-2.1-0.6-2.7-1.3L10.9,11l2.7-3.4 c0.6-0.7,1.8-1.3,2.7-1.3h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1L21,6.2 c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,3c-0.1-0.1-0.4-0.1-0.5,0c-0.1,0.1-0.1,0.4,0,0.5l2.1,2h-3.6 c-1.1,0-2.5,0.7-3.2,1.6l-2.6,3.3L7.8,7.1C7.1,6.2,5.7,5.5,4.6,5.5H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3 c0.9,0,2.1,0.6,2.7,1.3L9.9,11l-2.7,3.4c-0.6,0.7-1.8,1.3-2.7,1.3H1.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3.3 c1.1,0,2.5-0.7,3.2-1.6l2.6-3.3l2.6,3.3c0.7,0.9,2.1,1.6,3.2,1.6h3.6l-2.1,2c-0.1,0.1-0.1,0.4,0,0.5c0.1,0.1,0.2,0.1,0.3,0.1 c0.1,0,0.2,0,0.3-0.1l2.7-2.7c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3L18.2,13.2z"/> </svg> </div> <div v-else> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve"> <path d="M19,15.4H3.2l2.8-2.7c0.1-0.1,0.1-0.3,0-0.5c-0.1-0.1-0.3-0.1-0.5,0l-3.3,3.3C2.1,15.5,2,15.6,2,15.7c0,0.1,0,0.2,0.1,0.2 l3.3,3.3c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1c0.1-0.1,0.1-0.3,0-0.5L3.2,16H19c0.2,0,0.3-0.1,0.3-0.3 C19.3,15.5,19.1,15.4,19,15.4z M20.3,7.2l-3.3-3.3c-0.1-0.1-0.3-0.1-0.5,0c-0.1,0.1-0.1,0.3,0,0.5l2.8,2.7H3.5 c-0.2,0-0.3,0.1-0.3,0.3c0,0.2,0.1,0.3,0.3,0.3h15.8l-2.8,2.7c-0.1,0.1-0.1,0.3,0,0.5c0.1,0.1,0.1,0.1,0.2,0.1c0.1,0,0.2,0,0.2-0.1 l3.3-3.3c0.1-0.1,0.1-0.1,0.1-0.2C20.4,7.3,20.3,7.3,20.3,7.2z"/> </svg> </div> </div> <div class="sr_speedRate" :class="this.mediaPlayer.getPlaybackRate() != 1 ? 'active' : '' " @click="setSpeedRate" v-if="list.type=='podcast' && classes.hideSpeedRateButton==false"><div>{{this.mediaPlayer.getPlaybackRate()}}X</div></div> </div> <div class="wavesurfer"> <div class="timing"> <div class="time timing_currentTime">{{ currentTime }}</div> <div class="time timing_totalTime">{{ totalTime }}</div> </div> <div class="wave-custom"> <div class="wave-base"> </div> <div class="wave-cut" :style=" css.wavecut "> <div class="wave-progress"> </div> </div> </div> <div class="progress"> <div class="bar progress_totalTime" :style=" css.waveColor "></div> <div class="bar progress_currentTime" :style=" css.progressColor "></div> <div class="skip" @mouseup="skipTo"></div> </div> <div class="volume" v-if="!isSafari"> <div class="icon" @click="muteTrigger"> <div v-if="mute"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve"> <path d="M11.7,19c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-4.1-4.1H1.1c-0.3,0-0.6-0.1-0.8-0.3 C0.1,15.2,0,14.9,0,14.6V8c0-0.3,0.1-0.6,0.3-0.8C0.5,7,0.8,6.9,1.1,6.9h4.7l4.1-4.1c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3 c0.2,0.2,0.3,0.5,0.3,0.8V19z"/> <g> <path d="M17.2,11.2l1.7,1.7c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1,0,0.3-0.1,0.4L18.5,14c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4-0.1 l-1.7-1.7L14.4,14c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4-0.1l-0.4-0.4c-0.1-0.1-0.1-0.2-0.1-0.4c0-0.1,0-0.3,0.1-0.4l1.7-1.7 l-1.7-1.7c-0.1-0.1-0.1-0.2-0.1-0.4c0-0.1,0-0.3,0.1-0.4l0.4-0.4c0.1-0.1,0.2-0.1,0.4-0.1c0.1,0,0.3,0,0.4,0.1l1.7,1.7l1.7-1.7 c0.1-0.1,0.2-0.1,0.4-0.1c0.1,0,0.3,0,0.4,0.1l0.4,0.4C18.9,8.9,19,9.1,19,9.2c0,0.1,0,0.3-0.1,0.4L17.2,11.2z"/> </g> </svg> </div> <div v-else > <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve"> <g> <path d="M11.7,19c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-4.1-4.1H1.1c-0.3,0-0.6-0.1-0.8-0.3 C0.1,15.2,0,14.9,0,14.6V8c0-0.3,0.1-0.6,0.3-0.8C0.5,7,0.8,6.9,1.1,6.9h4.7l4.1-4.1c0.2-0.2,0.5-0.3,0.8-0.3 c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.5,0.3,0.8V19z M17.1,9.2c-0.4-0.7-0.9-1.2-1.6-1.6c-0.3-0.2-0.7-0.3-1.1-0.2 C14,7.5,13.7,7.7,13.5,8c-0.2,0.4-0.3,0.7-0.2,1.1c0.1,0.4,0.3,0.7,0.7,0.9c0.5,0.3,0.7,0.7,0.7,1.2c0,0.5-0.2,0.9-0.6,1.2 c-0.3,0.2-0.5,0.6-0.6,1s0,0.8,0.3,1.1c0.2,0.3,0.5,0.5,0.9,0.6c0.4,0.1,0.8,0,1.1-0.2c0.6-0.4,1-1,1.4-1.6c0.3-0.6,0.5-1.3,0.5-2 C17.6,10.6,17.4,9.8,17.1,9.2z M20.9,7c-0.8-1.3-1.8-2.4-3.1-3.2c-0.3-0.2-0.7-0.3-1.1-0.2c-0.4,0.1-0.7,0.3-0.9,0.7 c-0.2,0.4-0.3,0.7-0.2,1.1c0.1,0.4,0.3,0.7,0.7,0.9c0.9,0.5,1.5,1.2,2,2.1c0.5,0.9,0.8,1.8,0.8,2.9c0,0.9-0.2,1.8-0.7,2.7 c-0.4,0.9-1.1,1.6-1.9,2.1c-0.3,0.2-0.5,0.6-0.6,1c-0.1,0.4,0,0.8,0.3,1.1c0.3,0.4,0.7,0.6,1.2,0.6c0.3,0,0.6-0.1,0.8-0.3 c1.2-0.8,2.1-1.9,2.8-3.2c0.7-1.3,1-2.6,1-4.1C22,9.8,21.6,8.3,20.9,7z"/> </g> </svg> </div> </div> <div class="slider-container"> <div class="slide"></div> </div> </div> </div> <div class="sonaar-extend-button" @click="showCTA" v-if="list.tracks && playerCallToAction"> <i class="fas fa-ellipsis-v"></i> </div> <transition name="sonaar-player-storefade"> <div class="store" v-if="list.tracks && playerCallToAction" :style="{width: storeWidth }"> <ul class="track-store" v-if="playerCallToAction"> <li v-for="store in playerCallToAction"> <a :href="store.store_link" target="_blank" v-if="list.type!='podcast'" :download=" (store.song_store_icon == 'fas fa-download')? '': false " > <i class="fa" :class="store.song_store_icon" v-if="store.song_store_icon != 'custom-icon'"></i> <div class="sr_svg-box" :data-svg-url="store.sr_icon_file" v-if="store.song_store_icon == 'custom-icon'">{{getSVG(store.sr_icon_file)}}</div> <span>{{store.song_store_name}}</span> </a> <a :href="store.podcast_button_link" target="_blank" v-if="list.type=='podcast'">{{store.podcast_button_name}}</a> </li> </ul> </div> </transition> </div> </div> </div><link rel='stylesheet' id='elementor-post-1011-css' href='https://silverbackmusic.net/site/wp-content/uploads/elementor/css/post-1011.css' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-2-css' href='https://fonts.googleapis.com/css?family=Abel%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&ver=5.5.1' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css' type='text/css' media='all' /> <script type='text/javascript' id='sonaar_elementor-mailchimp-js-js-extra'> /* <![CDATA[ */ var sonaarMailchimp = {"ajax_url":"https:\/\/silverbackmusic.net\/site\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor-for-sonaar/assets/js/mailchimp.js' id='sonaar_elementor-mailchimp-js-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor-for-sonaar/assets/js/sr-scripts.js' id='sr-scripts-js'></script> <script type='text/javascript' id='wphb-lazy-load-js-extra'> /* <![CDATA[ */ var wphbGlobal = {"ajaxurl":"https:\/\/silverbackmusic.net\/site\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/wp-hummingbird/admin/assets/js/wphb-lazy-load.min.js' id='wphb-lazy-load-js'></script> <script type='text/javascript' src='//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js' id='vue-js'></script> <script type='text/javascript' src='//cdn.jsdelivr.net/npm/d3@5/dist/d3.min.js' id='d3-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/underscore.min.js' id='underscore-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/jquery/ui/core.min.js' id='jquery-ui-core-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/jquery/ui/widget.min.js' id='jquery-ui-widget-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/jquery/ui/mouse.min.js' id='jquery-ui-mouse-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/jquery/ui/slider.min.js' id='jquery-ui-slider-js'></script> <script type='text/javascript' id='mediaelement-core-js-before'> var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; </script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/mediaelement/mediaelement-and-player.min.js' id='mediaelement-core-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/mediaelement/mediaelement-migrate.min.js' id='mediaelement-migrate-js'></script> <script type='text/javascript' id='mediaelement-js-extra'> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/site\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; /* ]]> */ </script> <script type='text/javascript' id='iron-main-js-extra'> /* <![CDATA[ */ var iron_vars = {"sonaar_debug":"","enable_ajax":"1","enable_spectrum":"1","theme_url":"https:\/\/silverbackmusic.net\/site\/wp-content\/themes\/sonaar","plugins_folder_url":"https:\/\/silverbackmusic.net\/site\/wp-content\/plugins","ajaxurl":"https:\/\/silverbackmusic.net\/site\/wp-admin\/admin-ajax.php?lang=en","enable_nice_scroll":"","enable_fixed_header":"1","header_top_menu_hide_on_scroll":"1","menu":{"top_menu_position":"righttype","menu_transition":"type2","classic_menu_over_content":false,"classic_menu_position":"fixed fixed_before","menu_type":"classic-menu","classic_menu_hmargin":"0px","classic_menu_logo_align":"pull-left"},"lang":"en","custom_js":"","plugins_url":"https:\/\/silverbackmusic.net\/site\/wp-content\/themes\/sonaar\/includes\/sonaar-music\/","slug":{"events":"event","discography":"album","artist":"artist","videos":"videos"},"sonaar_music":{"color_base":"rgb(0, 0, 0)","color_progress":"rgb(95, 32, 147)","continuous_background":"rgb(14, 5, 22)","continuous_timeline_background":"rgb(95, 32, 147)","continuous_progress_bar":"rgb(129, 129, 129)","continuous_control_color":false,"continuous_artist_name":false,"continuous_playlist_icon":false,"footer_playlist":false,"footer_podcast":false,"footer_playlist_autoplay":0,"footer_podcast_autoplay":false,"podcast_color_base":"rgb(31, 31, 31)","podcast_color_progress":false,"podcast_hide_duration":false,"podcast_hide_category":false,"podcast_skip_button":false,"podcast_speed_rate_button":false,"artist_prefix":"by"},"wp_admin_bar":"","site_url":"https:\/\/silverbackmusic.net\/","site_name":"Silverback Artist Management","logo":{"enable":true,"dark":{"url":"https:\/\/silverbackmusic.net\/site\/wp-content\/uploads\/2020\/03\/Silverback-Artist-Management-logo-e1585158033801.png","url_retina":"https:\/\/silverbackmusic.net\/site\/wp-content\/uploads\/2020\/03\/Silverback-Artist-Management-logo-e1585158033801.png"},"light":{"url":"https:\/\/silverbackmusic.net\/site\/wp-content\/uploads\/2020\/03\/Silverback-Artist-Management-logo-e1585158033801.png","url_retina":"https:\/\/silverbackmusic.net\/site\/wp-content\/uploads\/2020\/03\/Silverback-Artist-Management-logo-e1585158033801.png"},"responsive":{"url":"https:\/\/silverbackmusic.net\/site\/wp-content\/uploads\/2020\/03\/Silverback-Artist-Management-logo-e1585158033801.png"},"logo_select":"dark","light_responsive":false,"page_logo_select":false,"logo_mini_url":"","logo_align":"pull-left","logo_height":{"light":80,"dark":80}},"social":{"facebook":"1","twitter":"1","google+":"1","linkedin":"1","pinterest":"1"},"social_enabled":"1","look_and_feel":{"color_1":"rgba(255, 255, 255, 0.8)","color_2":null,"color_3":"#19091f","color_4":"rgba(255, 255, 255, 0.8)","text_color_1":"rgb(149, 134, 164)","text_color_2":"#ffffff","body_background":{"file":"","repeat":"repeat","size":"","position":"center center","color":"rgb(16, 6, 20)"},"classic_menu_typography":{"font_readable":"Abel","style":"","font":"Abel","align":"","size":"15px","transform":"uppercase","height":"15px","weight":"bold","color":"#ffffff","bgcolor":""}},"taxonomy":{"banner":false},"i18n":{"events":{"pagination":{"next":"Next Events","prev":"Previous Events"}}}}; /* ]]> */ </script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/themes/sonaar/dist/js/sonaar.scripts.min.js' id='iron-main-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/themes/sonaar/js/list.min.js' id='list-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/themes/sonaar/classic-menu/js/classic.min.js' id='iron-classic-menu-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/wp-embed.min.js' id='wp-embed-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elfsight-instagram-feed-cc/assets/elfsight-instagram-feed.js' id='elfsight-instagram-feed-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/js/frontend-modules.min.js' id='elementor-frontend-modules-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js' id='elementor-sticky-js'></script> <script type='text/javascript' id='elementor-pro-frontend-js-before'> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/silverbackmusic.net\/site\/wp-admin\/admin-ajax.php","nonce":"ecd75a78db","i18n":{"toc_no_headings_found":"No headings were found on this page."},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"google":{"title":"Google+","has_counter":true},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"delicious":{"title":"Delicious"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"weixin":{"title":"WeChat"},"weibo":{"title":"Weibo"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/silverbackmusic.net\/site\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor-pro/assets/js/frontend.min.js' id='elementor-pro-frontend-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-includes/js/jquery/ui/position.min.js' id='jquery-ui-position-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js' id='elementor-dialog-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js' id='elementor-waypoints-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js' id='swiper-js'></script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js' id='share-link-js'></script> <script type='text/javascript' id='elementor-frontend-js-before'> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"version":"3.0.12","is_static":false,"legacyMode":{"elementWrappers":false},"urls":{"assets":"https:\/\/silverbackmusic.net\/site\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"stretched_section_container":"body","global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":5573,"title":"Acoustic%20in%20LA%20%7C%20Silverback%20Artist%20Management","excerpt":"","featuredImage":"https:\/\/silverbackmusic.net\/site\/wp-content\/uploads\/2020\/05\/Ethan-Tucker-Roxanne-mp3-image.jpg"}}; </script> <script type='text/javascript' src='https://silverbackmusic.net/site/wp-content/plugins/elementor/assets/js/frontend.min.js' id='elementor-frontend-js'></script> <a href="#" id="back-to-top-mobile" class="footer-wrapper-backtotop-mobile"> <i class="fas fa-chevron-up"></i> </a> <a href="#" id="back-to-top" class="footer-wrapper-backtotop"> <i class="fas fa-chevron-up"></i> </a></body> </html>
