PageSourceSearch

https://klassik-resampled.de/index.html

html klassik-resampled.de collected 2026-10-07 19:03:50 UTC 42,428 bytes, 572 lines download raw bytes

1<!DOCTYPE HTML>
2<!--
3	Phantom by HTML5 UP
4	html5up.net | @ajlkn
5	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6-->
7<html>
8	<head>
9		<title>klassik-resampled.de</title>
10		<meta charset="utf-8" />
11		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
12		<link rel="stylesheet" href="assets/css/kr-main.css" />
13		<link rel="stylesheet" href="assets/css/kr-cookie.css" />
14		<noscript><link rel="stylesheet" href="assets/css/noscript.css"/></noscript>
15  <link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css" media="all" /><!-- playlist scroll -->
16        <link rel="stylesheet" type="text/css" href="css/_global.css" />
17        <link rel="stylesheet" type="text/css" href="css/fixed-light.css" /><!-- main css file -->
18        
19        <style type="text/css">
20
21            *{
22                margin:0;
23                padding:0;
24                border:0;
25                outline:none;
26            }
27            a{ 
28                text-decoration: none; 
29            }
30
31            .hap-music-player-force-hidden{
32                opacity: 0!important;
33                display: none;
34                pointer-events:none!important;
35            }
36
37            body {
38               
39
40            }
41
42        </style>
43
44        
44<script src="js/jquery-3.2.1.min.js"></script>
44
45        
45<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
45<!-- playlist scroll -->
46        
46<script src="js/jsmediatags.min.js"></script>
46<!-- id3 tags -->
47        
47<script src="js/new.js"></script>
47<!-- main js file -->  
48        
48<script>
49
50            var player
51            jQuery(document).ready(function($){
52                
53                var settings = {
54                    instanceName:"player1",
55                    cssUrl:'css/fixed-light.css',
56                    sourcePath:"",
57                    activePlaylist:"#playlist-audio",
58                    activeItem:0,
59                    volume:0.5,
60                    autoPlay:true,
61                    preload:"auto",
62                    randomPlay:false,
63                    loopingOn:true,
64                    soundCloudAppId:"r4wruADPCq7iqJomagvYpdehvILa2bgE",
65                    gDriveAppId:"",
66                    usePlaylistScroll:true,
67                    playlistScrollOrientation:"vertical",
68                    playlistScrollTheme:"light-2",
69                    facebookAppId:"",
70                    playlistItemContent:"title,thumb",
71                    breakPointArr:"650,400",
72                    popupWidth: 1100,
73                    popupHeight: 360,
74
75                    playerOpened:true,
76                    playlistOpened:false,
77
78                    hidePlayerUntilMusicStart:false,
79                };
80
81                player = $("#hap-wrapper").hap(settings);
82
83            });    
84
85        </script>
85
86
87
88
89
90        
91			</head>
92	<body class="is-preload">
93
94		<!-- Wrapper -->
95			<div id="wrapper">
96
97				<!-- Header -->
98				
99					<header id="header">
100						<div class="inner">
101<a href="en/index.html"><img src="images/SH.png" align="right"></a><img src="images/DE.png"  align="right"/>
102							<!-- Logo -->
103								<a href="index.html" class="logo">
104									<span class="symbol"><img src="images/portrait.jpg" alt="" /></span><span class="title1">Steffen Fahl: klassik-resampled</span>
105								</a>
106
107							<!-- Nav -->
108								<nav>
109									<ul>
110										<li><a href="#menu">Menu</a></li>
111									</ul>
112								</nav>
113
114						</div>
115					</header>
116
117				<!-- Menu -->
118					<nav id="menu">
119						<h2><a href="index.html">Start</h2></a>
120						<ul>
121							<li><a href="de/komponisten.html"> <strong>Komponisten</strong>...</a></li>
122							<li><a href="de/webseiten.html"> .... Großprojekte</a></li>
123							<li><a href="de/komponisten.html">.... Verzeichnis A-Z</a></li>
124							<li><a href="de/chronologie.html">.... Chronologie</a></li>
125							<li><a href="de/besetzung.html"><strong>Besetzung</strong></a></li>
126							<li><a href="de/vokalmusik.html"> .... Gesang</a></li>
127							<li><a href="de/orchestermusik.html"> .... Orchester</a></li>
128							<li><a href="de/kammermusik.html"> .... Kammermusik</a></li>					
129							<li><a href="de/klaviermusik.html"> .... Klavier...</a></li>
130							<li><a href="de/historische-tasten.html"> ....  historische Tasten</a></li>
131							<li><a href="de/info.html"> <strong>Ideen, Themen, Info</strong></a></li>
132							<li><a href="de/projekte.html">  ....musikalische Projekte </a></li>
133							<li><a href="de/themen.html"> .... Themen</a></li>							
134							
135						</ul>
136					</nav>
137
138				<!-- Main -->
139					<div id="main">
140		
141						<div class="inner">
142							<header>	
143<!--<h3>@ Wiederaufbau von klassik-resampled.de: <br/> - <b>online sind: 11 <a href="de/webseiten.html">Projektseiten</a></h3>
144<p>sowie sämtliche Aufnahmen der Musik von Komponisten mit den <a href="de/komponisten.html">Anfangsbuchstaben A-S</a></p>
145<img src="https://resampled.de/images/statistik-charts/reload-mai-23.jpg" width="100%">-->
146	
147							</header>
148							<section class="tiles">
149								<article class="style5">
150									<span class="image">
151										<img src="images/Icons/landing-page/webseiten.JPG" />
152									</span>
153									<a href="de/webseiten.html">
154										<h2>Komponisten-Projekte</h2>
155										<div class="content">
156											<p>Projektseiten zu <br/>einzelnen Komponisten (Epochen)</p>
157										</div>
158									</a>
159								</article>
160								<article class="style1">
161									<span class="image">
162										<img src="images/Icons/landing-page/komponisten.jpg" alt="" />
163									</span>
164									<a href="de/komponisten.html">
165										<h2>Gesamtverzeichnis</h2>
166										<div class="content">
167											<p>Alphabet<br/> Chronologie <br/> <!--Lehrer-Sch&uuml;ler-Bezug</p>-->
168										</div>
169									</a>
170								</article>
171								<article class="style2">
172									<span class="image">
173										<img src="images/Icons/landing-page/instrument.jpg" alt="" />
174									</span>
175									<a href="de/besetzung.html">
176										<h2>Besetzungen</h2>
177										<div class="content">
178											<p>Vokalmusik<br/>Orchestermusik <br/>Kammermusik <br/> Tasteninstrumente<br/>Pop,Jazz.</p>
179										</div>
180									</a>
181								</article>
182
183								<article class="style4">
184									<span class="image">
185										<img src="images/Icons/landing-page/projekte.jpg" alt="" />
186									</span>
187									<a href="de/projekte.html">
188										<h2>musikalische Projekte</h2>
189										<div class="content">
190											<p>Erstaufnahmen<br/> Parallelaufnahmen<br/> Besetzungs-Experimente<br/> neue Partiturdeutung<br/> originale Tempi</p>
191										</div>
192									</a>
193								</article>
194								<article class="style3">
195									<span class="image">
196										<img src="images/Icons/landing-page/themen.jpg" alt="" />
197									</span>
198									<a href="de/themen.html">
199										<h2>Themen</h2>
200										<div class="content">
201											<p>50 Themenfelder der Musiktradition<br/>(in Arbeit)</p>
202										</div>
203									</a>
204								</article>
205								<article class="style6">
206									<span class="image">
207										<img src="images/Icons/landing-page/info''.jpg" alt="" />
208									</span>
209									<a href="de/info.html">
210										<h2>Informationen</h2>
211										<div class="content">
212											<p>zu Umfang<br/> Gestalt<br/> Technik <br/>Idee </p>
213										</div>
214									</a>
215								</article>
216								
217							</section>
218							<span class="title2"><br/>researched and programmed with 'human intelligence'</span>
219						</div>
220					</div>
221
222				<!-- Footer -->
223					<footer id="footer">
224						<div class="inner">
225							<section>
226<h2>Kontakt</h2>
227								<ul class="icons">
228									<li><a href="https://s-fahl.de/#contact" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
229<li><i class="margin-r-10 color-base icon-envelope"></i> klassik{at}s-fahl.de</li>
230<li><a href="" class="icon solid style2 fa-phone"><span class="label">Phone</span></a></li>
231<li><i class="margin-r-10 color-base icon-call-out"></i> +49 551 82 08 43 43</li>
232                                								</ul>
233
234								
235							</section>
236							<section>
237								<h2>Follow</h2>
238								<ul class="icons">
239						<li><a href="https://www.facebook.com/steffen.fahl" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
240																		<li><a href="http://s-fahl.de" class="icon brands style2 fa-dribbble"><span class="label">Webseite</span></a></li>
241
242				
243									<li><a href="https://s-fahl.de/#contact" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
244								</ul>
245							</section>
246<ul class="copyright">
247	<li>klassik-resampled.de All rights reserved</li>
248	<li><a href="https://s-fahl.de/#contact">Impressum</a></li>
249	<li><a href="de/datenschutz.html">Datenschutz</a></li>
250	<li><a href="#" class="kr-cc-reopen">Cookie-Einstellungen</a></li>
251</ul>
252						</div>
253					</footer>
254
255			</div>
256        <!-- player code -->   
257        <div id="hap-wrapper" class="hap-fixed">
258
259            <div class="hap-player-outer">
260
261            <div class="hap-player-holder">
262
263                <div class="hap-playback-toggle-ex hap-contr-btn">
264
265                    <div class="hap-btn hap-btn-play">
266                        <svg role="img" viewBox="0 0 448 512"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>
267                    </div>
268                    <div class="hap-btn hap-btn-pause">
269                        <svg role="img" viewBox="0 0 448 512"><path d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"></path></svg>
270                    </div>
271
272                </div>
273                <div class="hap-player-toggle-ex hap-contr-btn">
274
275                    <div class="hap-btn hap-btn-player-close">
276                        <svg role="img" viewBox="0 0 448 512"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>
277                    </div>
278                    <div class="hap-btn hap-btn-player-open">
279                        <svg role="img" viewBox="0 0 448 512"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>
280                    </div>
281
282                </div>
283
284                <div class="hap-seekbar">
285                    <div class="hap-progress-bg">
286                        <div class="hap-load-level"></div>
287                        <div class="hap-progress-level"></div>
288                    </div>
289                </div>
290
291                <div class="hap-left-controls">
292
293                    <div class="hap-player-thumb"></div>
294
295                    <div class="hap-info">
296                        <div class="hap-player-title"></div>
297                        <div class="hap-player-artist"></div>
298                    </div>
299
300                </div> 
301
302                <div class="hap-center-controls">
303
304                    <div class="hap-prev-toggle hap-contr-btn">
305                        <svg role="img" viewBox="0 0 512 512"><path d="M11.5 280.6l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2zm256 0l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2z"></path></svg>
306                    </div>
307                    <div class="hap-playback-toggle hap-contr-btn">
308                        <div class="hap-btn hap-btn-play">
309                            <svg role="img" viewBox="0 0 448 512"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>
310                        </div>
311                        <div class="hap-btn hap-btn-pause">
312                            <svg role="img" viewBox="0 0 448 512"><path d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"></path></svg>
313                        </div>
314                    </div>
315                    <div class="hap-next-toggle hap-contr-btn">
316                        <svg role="img" viewBox="0 0 512 512"><path d="M500.5 231.4l-192-160C287.9 54.3 256 68.6 256 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2zm-256 0l-192-160C31.9 54.3 0 68.6 0 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2z"></path></svg>
317                    </div>
318
319                </div>
320
321                <div class="hap-right-controls">
322
323                    <div class="hap-volume-seekbar">
324                        <div class="hap-volume-bg">
325                            <div class="hap-volume-level"></div>
326                        </div>
327                    </div>
328                    <div class="hap-volume-toggle hap-contr-btn hap-volume-toggable" data-tooltip="Volume">
329                        <div class="hap-btn hap-btn-volume-up">
330                            <svg role="img" viewBox="0 0 576 512"><path d="M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z"></path></svg>
331                        </div>
332                        <div class="hap-btn hap-btn-volume-down">
333                            <svg role="img" viewBox="0 0 384 512"><path d="M215.03 72.04L126.06 161H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V89.02c0-21.47-25.96-31.98-40.97-16.98zm123.2 108.08c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 229.28 336 242.62 336 257c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.87z"></path></svg>
334                        </div>
335                        <div class="hap-btn hap-btn-volume-off">
336                            <svg role="img" viewBox="0 0 640 512"><path d="M633.82 458.1l-69-53.33C592.42 360.8 608 309.68 608 256c0-95.33-47.73-183.58-127.65-236.03-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 42.78-11.96 83.59-33.22 119.06l-38.12-29.46C503.49 318.68 512 288.06 512 256c0-63.09-32.06-122.09-85.77-156.16-11.19-7.09-26.03
336-3.8-33.12 7.41-7.09 11.2-3.78 26.03 7.41 33.13C440.27 165.59 464 209.44 464 256c0 21.21-5.03 41.57-14.2 59.88l-39.56-30.58c3.38-9.35 5.76-19.07 5.76-29.3 0-31.88-17.53-61.33-45.77-76.88-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61 11.76 6.46 19.12 18.18 20.4 31.06L288 190.82V88.02c0-21.46-25.96-31.98-40.97-16.97l-49.71 49.7L45.47 3.37C38.49-2.05 28.43-.8 23.01 6.18L3.37 31.45C-2.05 38.42-.8 48.47 6.18 53.9l588.36 454.73c6.98 5.43 17.03 4.17 22.46-2.81l19.64-25.27c5.41-6.97 4.16-17.02-2.82-22.45zM32 184v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V352.6L43.76 163.84C36.86 168.05 32 175.32 32 184z"></path></svg>
337                        </div>
338                    </div>
339
340                    <div class="hap-playlist-toggle hap-contr-btn" data-tooltip="Playlist">
341                        <svg role="img" viewBox="0 0 512 512"><path d="M149.333 216v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-80c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zM125.333 32H24C10.745 32 0 42.745 0 56v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24zm80 448H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm-24-424v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24zm24 264H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24z"></path></svg>
342                    </div>
343
344                </div>    
345
346            </div>  
347
348            <div class="hap-playlist-holder">
349
350                <div class="hap-playlist-filter-msg"><span>NOTHING FOUND!</span></div>
351
352                <div class="hap-playlist-inner">
353                    <div class="hap-playlist-content"></div>
354                </div>
355
356                <div class="hap-playlist-bar">
357                    
358                    <input class="hap-search-filter" type="text" placeholder="Search..">
359                    <div class="hap-sort-alpha hap-contr-btn">
360                        <div class="hap-btn hap-btn-sort-alpha-up" data-tooltip="Title sort desc">
361                            <svg role="img" viewBox="0 0 448 512"><path d="M16 160h48v304a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V160h48c14.21 0 21.38-17.24 11.31-27.31l-80-96a16 16 0 0 0-22.62 0l-80 96C-5.35 142.74 1.78 160 16 160zm400 128H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z"></path></svg>
362                        </div>
363                        <div class="hap-btn hap-btn-sort-alpha-down" data-tooltip="Title sort asc">
364                            <svg role="img" viewBox="0 0 448 512"><path d="M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z"></path></svg>
365                        </div>
366                    </div>
367
368                    <div class="hap-playlist-bar-controls-right">
369
370                        <div class="hap-random-toggle hap-contr-btn">
371                            <div class="hap-btn hap-btn-random-off" data-tooltip="Shuffle off">
372                                <svg role="img" viewBox="0 0 512 512"><path d="M504.971 359.029c9.373 9.373 9.373 24.569 0 33.941l-80 79.984c-15.01 15.01-4
3720.971 4.49-40.971-16.971V416h-58.785a12.004 12.004 0 0 1-8.773-3.812l-70.556-75.596 53.333-57.143L352 336h32v-39.981c0-21.438 25.943-31.998 40.971-16.971l80 79.981zM12 176h84l52.781 56.551 53.333-57.143-70.556-75.596A11.999 11.999 0 0 0 122.785 96H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12zm372 0v39.984c0 21.46 25.961 31.98 40.971 16.971l80-79.984c9.373-9.373 9.373-24.569 0-33.941l-80-79.981C409.943 24.021 384 34.582 384 56.019V96h-58.785a12.004 12.004 0 0 0-8.773 3.812L96 336H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h110.785c3.326 0 6.503-1.381 8.773-3.812L352 176h32z"></path></svg>
373                            </div>
374                            <div class="hap-btn hap-btn-random-on hap-contr-btn-hover" data-tooltip="Shuffle on">
375                                <svg role="img" viewBox="0 0 512 512"><path d="M504.971 359.029c9.373 9.373 9.373 24.569 0 33.941l-80 79.984c-15.01 15.01-40.971 4.49-40.971-16.971V416h-58.785a12.004 12.004 0 0 1-8.773-3.812l-70.556-75.596 53.333-57.143L352 336h32v-39.981c0-21.438 25.943-31.998 40.971-16.971l80 79.981zM12 176h84l52.781 56.551 53.333-57.143-70.556-75.596A11.999 11.999 0 0 0 122.785 96H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12zm372 0v39.984c0 21.46 25.961 31.98 40.971 16.971l80-79.984c9.373-9.373 9.373-24.569 0-33.941l-80-79.981C409.943 24.021 384 34.582 384 56.019V96h-58.785a12.004 12.004 0 0 0-8.773 3.812L96 336H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h110.785c3.326 0 6.503-1.381 8.773-3.812L352 176h32z"></path></svg>
376                            </div>
377                        </div>
378
379                        <div class="hap-loop-toggle hap-contr-btn">
380                            <div class="hap-btn hap-btn-loop-playlist hap-contr-btn-hover" data-tooltip="Loop playlist">
381                                <svg role="img" viewBox="0 0 512 512"><path d="M493.544 181.463c11.956 22.605 18.655 48.4 18.452 75.75C511.339 345.365 438.56 416 350.404 416H192v47.495c0 22.475-26.177 32.268-40.971 17.475l-80-80c-9.372-9.373-9.372-24.569 0-33.941l80-80C166.138 271.92 192 282.686 192 304v48h158.875c52.812 0 96.575-42.182 97.12-94.992.155-15.045-3.17-29.312-9.218-42.046-4.362-9.185-2.421-20.124 4.8-27.284 4.745-4.706 8.641-8.555 11.876-11.786 11.368-11.352 30.579-8.631 38.091 5.571zM64.005 254.992c.545-52.81 44.308-94.992 97.12-94.992H320v47.505c0 22.374 26.121 32.312 40.971 17.465l80-80c9.372-9.373 9.372-24.569 0-33.941l-80-80C346.014 16.077 320 26.256 320 48.545V96H161.596C73.44 96 .661 166.635.005 254.788c-.204 27.35 6.495 53.145 18.452 75.75 7.512 14.202 26.723 16.923 38.091 5.57 3.235-3.231 7.13-7.08 11.876-11.786 7.22-7.16 9.162-18.098 4.8-27.284-6.049-12.735-9.374-27.001-9.219-42.046z"></path></svg>
382                            </div>
383                            <div class="hap-btn hap-btn-loop-single hap-contr-btn-hover" data-tooltip="Loop single">
384                                <svg role="img" viewBox="0 0 512 512"><path d="M493.544 181.463c11.956 22.605 18.655 48.4 18.452 75.75C511.339 345.365 438.56 416 350.404 416H192v47.495c0 22.475-26.177 32.268-40.971 17.475l-80-80c-9.372-9.373-9.372-24.569 0-33.941l80-80C166.138 271.92 192 282.686 192 304v48h158.875c52.812 0 96.575-42.182 97.12-94.992.155-15.045-3.17-29.312-9.218-42.046-4.362-9.185-2.421-20.124 4.8-27.284 4.745-4.706 8.641-8.555 11.876-11.786 11.368-11.352 30.579-8.631 38.091 5.571zM64.005 254.992c.545-52.81 44.308-94.992 97.12-94.992H320v47.505c0 22.374 26.121 32.312 40.971 17.465l80-80c9.372-9.373 9.372-24.569 0-33.941l-80-80C346.014 16.077 320 26.256 320 48.545V96H161.596C73.44 96 .661 166.635.005 254.788c-.204 27.35 6.495 53.145 18.452 75.75 7.512 14.202 26.723 16.923 38.091 5.57 3.235-3.231 7.13-7.08 11.876-11.786 7.22-7.16 9.162-18.098 4.8-27.284-6.049-12.735-9.374-27.001-9.219-42.046zm163.258 44.535c0-7.477 3.917-11.572 11.573-11.572h15.131v-39.878c0-5.163.534-10.503.534-10.503h-.356s-1.779 2.67-2.848 3.738c-4.451 4.273-10.504 4.451-15.666-1.068l-5.518-6.231c-5.342-5.341-4.984-11.216.534-16.379l21.72-19.939c4.449-4.095 8.366-5.697 14.42-5.697h12.105c7.656 0 11.749 3.916 11.749 11.572v84.384h15.488c7.655 0 11.572 4.094 11.572 11.5
38472v8.901c0 7.477-3.917 11.572-11.572 11.572h-67.293c-7.656 0-11.573-4.095-11.573-11.572v-8.9z"></path></svg>
385                            </div> 
386                            <div class="hap-btn hap-btn-loop-off" data-tooltip="Loop off">
387                                <svg role="img" viewBox="0 0 512 512"><path d="M493.544 181.463c11.956 22.605 18.655 48.4 18.452 75.75C511.339 345.365 438.56 416 350.404 416H192v47.495c0 22.475-26.177 32.268-40.971 17.475l-80-80c-9.372-9.373-9.372-24.569 0-33.941l80-80C166.138 271.92 192 282.686 192 304v48h158.875c52.812 0 96.575-42.182 97.12-94.992.155-15.045-3.17-29.312-9.218-42.046-4.362-9.185-2.421-20.124 4.8-27.284 4.745-4.706 8.641-8.555 11.876-11.786 11.368-11.352 30.579-8.631 38.091 5.571zM64.005 254.992c.545-52.81 44.308-94.992 97.12-94.992H320v47.505c0 22.374 26.121 32.312 40.971 17.465l80-80c9.372-9.373 9.372-24.569 0-33.941l-80-80C346.014 16.077 320 26.256 320 48.545V96H161.596C73.44 96 .661 166.635.005 254.788c-.204 27.35 6.495 53.145 18.452 75.75 7.512 14.202 26.723 16.923 38.091 5.57 3.235-3.231 7.13-7.08 11.876-11.786 7.22-7.16 9.162-18.098 4.8-27.284-6.049-12.735-9.374-27.001-9.219-42.046z"></path></svg>
388                            </div>       
389
390                        </div>
391
392                        <div class="hap-playback-rate-toggle hap-contr-btn" data-tooltip="Speed">
393                            <svg role="img" viewBox="0 0 496 512"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM88 256H56c0-105.9 86.1-192 192-192v32c-88.2 0-160 71.8-160 160zm160 96c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z"></path></svg>
394                        </div> 
395
396                        <div class="hap-video-toggle hap-contr-btn" data-tooltip="Video">
397                           <svg viewBox="0 0 576 512"><path fill="currentColor" d="M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z""></path></svg>
398                        </div>
399
400                        <div class="hap-lyrics-toggle hap-contr-btn" data-tooltip="Lyrics">
401                            <svg viewBox="0 0 512 512"><path d="M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm-6 400H54a6 6 0 0 1-6-6V86a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v340a6 6 0 0 1-6 6zm-42-92v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm0-96v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm0-96v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm-252 12c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36zm0 96c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36zm0 96c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36z"></path></svg>
402                        </div>
403
404                        <div class="hap-range-toggle hap-contr-btn" data-tooltip="AB loop">
405                            <svg style="height:20px;" viewBox="0 0 24 24"><path d="M12.516 8.016v4.219l3.469 2.109-0.703 1.219-4.266-2.578v-4.969h1.5zM21 10.125h-6.797l2.766-2.813q-2.063-2.063-4.945-2.086t-4.945 1.992q-0.844 0.844-1.453 2.273t-0.609 2.602 0.609 2.602 1.453 2.273 2.297 1.453 2.625 0.609 2.648-0.609 2.32-1.453q2.016-2.016 2.016-4.875h2.016q0 3.703-2.625 6.281-2.625 2.625-6.375 2.625t-6.375-2.625q-2.625-2.578-2.625-6.258t2.625-6.305q1.078-1.078 2.93-1.852t3.398-0.773 3.398 0.773 2.93 1.852l2.719-2.813v7.125z"></path></svg>
406                        </div>
407
408                        <div class="hap-share-toggle hap-contr-btn" data-tooltip="Share">
409                            <svg role="img" viewBox="0 0 512 512"><path d="M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z"></path></svg>
410                        </div>
411                        <!--
412                        <div class="hap-popup-toggle hap-contr-btn" data-tooltip="Popup">
413                            <svg role="img" viewBox="0 0 448 512"><path d="M212.686 315.314L120 408l32.922 31.029c15.12 15.12 4.412 40.971-16.97 40.971h-112C10.697 480 0 469.255 0 456V344c0-21.382 25.803-32.09 40.922-16.971L72 360l92.686-92.686c6.248-6.248 16.379-6.248 22.627 0l25.373 25.373c6.249 6.248 6.249 16.378 0 22.627zm22.628-118.628L328 104l-32.922-31.029C279.958 57.851 290.666 32 312.048 32h112C437.303 32 448 42.745 448 56v112c0 21.382-25.803 32.09-40.922 16.971L376 152l-92.686 92.686c-6.248 6.248-16.379 6.248-22.627 0l-25.373-25.373c-6.249-6.248-6.249-16.378 0-22.627z"></path></svg>
414                        </div>-->
415
416                    </div>
417
418                </div>
419
420            </div>
421
422            <div class="hap-share-holder">
423
424                <div class="hap-share-holder-inner">
425                    <div class="hap-share-item hap-contr-btn" data-type="tumblr" data-tooltip="Tumblr">
426                        <svg role="img" viewBox="0 0 320 512"><path d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"></path></svg>
427                    </div>
428                    <div class="hap-share-item hap-contr-btn" data-type="twitter" data-tooltip="Twitter">
429                        <svg role="img" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>
430                    </div>
431                    <div class="hap-share-item hap-contr-btn" data-type="facebook" data-tooltip="Facebook">
432                        <svg role="img" viewBox="0 0 320 512">
432<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg>
433                    </div>
434                    <div class="hap-share-item hap-contr-btn" data-type="whatsapp" data-tooltip="WhatsApp">
435                        <svg role="img" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg>
436                    </div>
437                    <div class="hap-share-item hap-contr-btn" data-type="linkedin" data-tooltip="LinkedIn">
438                        <svg role="img" viewBox="0 0 448 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>
439                    </div>
440                    <div class="hap-share-item hap-contr-btn" data-type="reddit" data-tooltip="Reddit">
441                        <svg role="img" viewBox="0 0 512 512"><path d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"></path></svg>
442                    </div>
443                    <div class="hap-share-item hap-contr-btn" data-type="digg" data-tooltip="Digg">
444                        <svg role="img" viewBox="0 0 512 512"><path d="M81.7 172.3H0v174.4h132.7V96h-51v76.3zm0 133.4H50.9v-92.3h30.8v92.3zm297.2-133.4v174.4h81.8v28.5h-81.8V416H512V172.3H378.9zm81.8 133.4h-30.8v-92.3h30.8v92.3zm-235.6 41h82.1v28.5h-82.1V416h133.3V172.3H225.1v174.4zm51.2-133.3h30.8v92.3h-30.8v-92.3zM153.3 96h51.3v51h-51.3V96zm0 76.3h51.3v174.4h-51.3V172.3z"></path></svg>
445                    </div>
446                    <div class="hap-share-item hap-contr-btn" data-type="pinterest" data-tooltip="Pinterest">
447                        <svg role="img" viewBox="0 0 496 512"><path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"></path></svg>
448                    </div>
449                </div>
450
451                <div class="hap-share-close hap-contr-btn" data-tooltip="Close">
452                    <svg role="img" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
453                </div>
454
455            </div>  
456
457            <div class="hap-playback-rate-holder">
458
459                <div class="hap-playback-rate-wrap">
460                    <div class="hap-playback-rate-min"></div>
461                    <div class="hap-playback-rate-seekbar">
462                         <div class="hap-playback-rate-bg">
463                            <div class="hap-playback-rate-level"><div class="hap-playback-rate-drag"></div></div>
464                         </div>
465                    </div>
466                    <div class="hap-playback-rate-max"></div>
467                </div>
468
469                <div class="hap-playback-rate-close hap-contr-btn" data-tooltip="Close">
470                    <svg role="img" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
471                </div>
472                
473            </div>
474
475            <div class="hap-range-holder">
476
477                <div class="hap-range-wrap">
478                    <div class="hap-range-min-time"></div>
479                    <div class="hap-range-seekbar">
480                         <div class="hap-range-bg">
481                            <div class="hap-range-level"></div>
482                            <div class="hap-range-handle-a" data-width="30">
483                                <div class="hap-range-handle-a-hit"><div class="hap-range-handle-a-hit-bg"></div></div> 
484                            </div>
485                            <div class="hap-range-handle-b" data-width="30">
486                                <div class="hap-range-handle-b-hit"><div class="hap-range-handle-b-hit-bg"></div></div>
487                            </div>
488                         </div>
489                    </div>
490                    <div class="hap-range-max-time"></div>
491                </div>
492
493                <div class="hap-range-close hap-contr-btn" data-tooltip="Close">
494                    <svg viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
495                </div>
496                
497            </div>
498
499            <div class="hap-lyrics-holder hap-dialog">
500
501                <div class="hap-dialog-header">
502
503                    <div class="hap-dialog-header-drag"></div>
504                    <label class="hap-lyrics-autoscroll-label" title="Auto scroll"><input class="hap-lyrics-autoscroll" type="checkbox"> Auto scroll</label>  
505
506                    <div class="hap-lyrics-close hap-dialog-close hap-contr-btn" data-tooltip="Close">
507                        <svg viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
508                    </div>
509                </div>
510
511                <div class="hap-dialog-content">
512                    <div class="hap-lyrics-wrap">
513                        <div class="hap-lyrics-container"></div>
514                    </div>
515                </div>
516
517                <div class="hap-dialog-resizable" title="Resize"></div>
518
519            </div> 
520
521            <div class="hap-video-holder hap-dialog">
522
523                <div class="hap-dialog-header">
524
525                    <div class="hap-dialog-header-drag"></div>
526
527                    <div class="hap-video-close hap-dialog-close hap-contr-btn" data-tooltip="Close">
528                        <svg viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
529                    </div>
530                </div>
531
532                <div class="hap-dialog-content">
533                    <div class="hap-video-wrap"></div>
534                </div>
535
536                <div class="hap-dialog-resizable" title="Resize"></div>
537
538            </div>
539
540            <div class="hap-tooltip"></div> 
541
542            </div>
543
544            <div class="hap-preloader"></div>
545
546        </div>  
547
548        <!-- PLAYLIST LIST -->
549        <div id="hap-playlist-list">
550
551             <div id="playlist-audio">
552                 
553<div class="hap-playlist-item" data-type="xml" data-path="playlist/1419599799.xml"></div>            </div>
554</div>
555
556            <div id="playlist-soundcloud">
557                <!-- track set/playlist -->
558                <div class="hap-playlist-item" data-type="soundcloud" data-path="https://soundcloud.com/simps1988/sets/mainstage-music-a-state-of" data-limit="20"></div>
559            </div>
560             
561        </div>
562
563
564		<!-- Scripts -->
565			
565<script src="assets/js/jquery.min.js"></script>
565
566			
566<script src="assets/js/browser.min.js"></script>
566
567			
567<script src="assets/js/breakpoints.min.js"></script>
567
568			
568<script src="assets/js/util.js"></script>
568
569			
569<script src="assets/js/main.js"></script>
569
570			
570<script src="assets/js/kr-cookie.js"></script>
570	
571	</body>
572</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.