-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (81 loc) · 10.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Reproductor multimedia de CKWEB"
/>
<link rel='stylesheet' href='./style.css' media='all' />
<script type='text/javascript' src='./js/p5.js'></script>
<script type='text/javascript' src='./js/p5dom.js'></script>
<script type='text/javascript' src='./js/p5sound.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Rock al parque 25 años | CK\Web</title>
</head>
<body>
<div class="App">
<div class="left">
<div class="top">Estas charlas fueron organizadas por la gerencia de música de Idartes como parte de la celebración de los 25 años de Rock al Parque.
</div>
<div class="item">
<div class="top">
<div class="icon" data-url="https://archive.org/download/artkaplataformackwebn1/Artka%20Plataforma%20%2B%20CKWEB%20N1.mp3" data-id="4" data-json="artka"></div>
<!-- <div class="icon" data-url="https://domolleno2018.airtime.pro/rest/media/317/download/ZCM4LiMymkr0.mp3" data-id="0"></div> -->
<div class="name">Artka</div>
</div>
<div class="des"></div>
</div>
<div class="item">
<div class="top">
<div class="icon" data-url="./colombiano.mp3" data-id="0"></div>
<!-- <div class="icon" data-url="https://domolleno2018.airtime.pro/rest/media/317/download/ZCM4LiMymkr0.mp3" data-id="0"></div> -->
<div class="name">Colombiano</div>
</div>
<div class="des"></div>
</div>
<div class="item">
<div class="top">
<div class="icon" data-url="https://domolleno2018.airtime.pro/rest/media/314/download/ZCM4LiMymkr0.mp3" data-id="1"></div>
<div class="name">Rita Indiana</div>
</div>
<div class="des"></div>
</div>
<div class="item">
<div class="top">
<div class="icon" data-url="https://domolleno2018.airtime.pro/rest/media/308/download/ZCM4LiMymkr0.mp3" data-id="2"></div>
<div class="name">Rubén Albarrán</div>
</div>
<div class="des"></div>
</div>
<div class="item">
<div class="top">
<div class="icon" data-img="./background.jpg" data-url="https://domolleno2018.airtime.pro/rest/media/305/download/ZCM4LiMymkr0.mp3" data-id="3"></div>
<div class="name">Draco Rosa</div>
</div>
<div class="des"></div>
</div>
</div>
<div class="right">
<div class="backImg"></div>
<div id="canvas_player">
</div>
<audio autoplay id="audioPlayer" crossorigin="anonymous">
</audio>
<img class="relative" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAALiMAAC4jAXilP3YAAAX/aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wOC0xNFQxNToxNToxNC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wOC0xNFQxNToxNToxNC0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDgtMTRUMTU6MTU6MTQtMDU6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDhjMDI0MDAtOTEyOS00NjQ4LWJhMDQtNjQ0OTVkNjQxYzc4IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2E1ZWM0ZjktNTJlMy01MTRmLWI5NDUtMjY0ZmVkZmE1NjAwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzIzMzU1MDAtYmE5My00MzY2LTg4ODctOGEyZGM0MTQ2NDExIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkFkb2JlIFJHQiAoMTk5OCkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyMzM1NTAwLWJhOTMtNDM2Ni04ODg3LThhMmRjNDE0NjQxMSIgc3RFdnQ6d2hlbj0iMjAxOS0wOC0xNFQxNToxNToxNC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4YzAyNDAwLTkxMjktNDY0OC1iYTA0LTY0NDk1ZDY0MWM3OCIgc3RFdnQ6d2hlbj0iMjAxOS0wOC0xNFQxNToxNToxNC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SIr3BwAADMNJREFUeJztnXmwFcUVh7/LU1GCGGQJaFDEFUWMRiNlomhcojFoNGowxCW4ZsGK0RizB41arpBoUkZN3DAGtYoAGoNiqkCJ4gqCBnFfiEaNBBcUH3Lyx5lbd+6Znr5z71vuLTxfVdd73XOmb89985vuPn16XklEcBwnTI9mN8BxWhkXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEcIE4TgQXiONEWKfZDajBpsAYYE9gO2AToDewCngdWArMB+4AHs+powRMBPqmyq4EnijYhq2APZKffYDZwO0Buy2BnwLvpcomA8+m8sMSm5WpskuBF0xduwI/BN4FniF+fbW4EOgFCPr3vgv4a3LsFGBEcqwRegAPA9elykYDRyZ15tVbSn5+ALwGLALuB95psB1dh4i0Yvq0iFwtIu1SnFkisl+grlLAdmyBNvQVkZsC514Vsbf8oYDN5YG6xgbsLi7QZptGB+oZkzq+KHC8XuaZz/xVg/W8JSJXiMjGUv91dllqxSHWcWjPcCL19XAHAHejT/cNzbGXTb7Wk2oA2sN8I3DszZxzlqNP6zRHUj2MXQ5MMjZfD9T1XqDsTODcnM/OY5zJPw3MTOVfqLO+EG+Y/H8brKcv8F1gCbBjh1rUibSaQH6MdtcbBI49AUwDrgamAPcRvpFGAGs62I67gcE5x3pFzrvB5PsCXzFlV5n8AGAfUxa6foCfocO0IvQAxpqyvxQ8tx7eL3B8SSAtBd4K2A8A5qFD6ebT7C4slY7J6XqvFJGdcs7pJyKnisjTie0KEelpbEoi8pKp8+BIO8YF2vBHETlaRPYXkaE1ruNJc+60Aja3mOObiMixIjI50JYba3x+OR0UOHc7YzPTHJ8oIpvVkYaKSH9T5wRT59xIGzcQkX1F5N5AW88peJ1dmpregCQNDnxBH0p4ThFKJRGZJCIH5ByrRyDLjO25dV7LWeb81SLS29icHbjWXjn1XWxsPwrUF0o3mvP+FbCxAhlf57WGkhXInILnPW7OW9QJbelwapUh1m8DZXuhHqMiCHA66qHpCKNRT1mZN4Gf11nHFJNvA46qYbMu8LWc+n4CfJTK9wCOrtGGNuBQU1ZkeNWngE29tBW0u8zkB1LxdjWNVhDIYOAIU3YJ8EAT2nK6yYeEW+Zs4OIk/ZKKQ+HfwFxje5zJv0L2+r6V8zntqJs3zbcj7QI4kKyj4qYa5zSb5Sa/hsbdz51GKwjEimM1esN1JaEvfiDZp+7VkTouQD1LZwK/AtZLHbMT8b3ITvqvNfl9kjaEsLY7A9tE2ma9b4+i6ymtjP3ulzSlFYZWEMheJn871QtpXcGrJj8MuDPQjtcidaRdxyuo9pxNAz409uNN/pZAndYtW2Y6WZfssTm265O92Yr2HvZ76QyK/C2PJtuDnt8FbambVlhJ38Hk7fCkK7gE+A/qShwE7GaOrwB+UKOO/qnfN6J6vLwSvamPTJUdB5yXyv8PmAEcYmzsOgloj/cGMDRVdgzq9rWMAT5hykJiDHEUel2hB2cJfShMK1hXmc1RAaS/nzXovGtTtOc8wJxzAepqbzqtIJD+Jh97ancWX6xxfDG6qBbjQCrrFe1o+Eua66gWyNbASKpDRq6hWiA7AdsCT5m6diYr4s2AUWTnMnYC/xA65ynC4UnK43nqF8g2wJ8L2j6J9rTz6/yMLqMVhlhWpKub0opqRgGfr2EzF5iVpH+QXZy8E+0l0tjJ+t/IruqfFPisM3LacLzJbwAcbMo6c3L+bifWFaKExrS1wn0JtEZD7Gp4d6+gvgM8CCxLlbVR/KmXhwBTTZmdY3wE3GbK7AS7N9kV8TJjqX7AjKHaWQDFh1cAb6NeuFB6DV39rpdV6PzJpufRIVt7ynY4KuhniDshuo1WEMgykx/aDZ95GhqSshU6VNmd7LBrM/Kf3KA3Ys8k2ZuyjPU+fQpda4nZDKbacXEq+WsJG1E9IbfDq/upb+I9Eb3uUBpCdj2nCA8BWwTSsKTezdEHx4upc7YA/kk8rKdbaAWBLDT5A7vhMx9AY7uepTIMWgrcbOwuIn/x7D7gpSQtQIVimU91uDvoDZ/mXtRhkOb41O+n5Xx+mbJ3rCfwZXOs3uHVSrRXC6XVNBbjVuucV9Heeieqv4d+ZNelup1WEMg9Jv859MnSleStN3zP5HsAv8+x3S6pZyA6NMj7Lm0A42GoKzZmU57cj0Sf3GXeJes8OCj5uSfVPZlQv0BsuzqDoivpK8iupucNLbuNVhDITKrHoaCbiJrBW+gwI8049Ea1FL2ZbjT5nqhI0lxj8r1R0dnwkznAvqashLpKbUTwbLJOglbnOZMf2oxGpGkFgbxPNqTjCBob736yw63RVXEbhm2HXqBeqkeSdA/V8VJpnk9s0thFsaWoaznNTHTHX5pp6MT2IVN+PXCCKeuok6EZfMbkbfhJt9MKAgENCPzAlE1FF8OKsDF60yylc7xgdqi1PVkX7aHo1thdgf3Irpynuc7k90fH2GmuN/kt0Ul9mQ+pCNX2sEOM7RrqX6+A8P6MjpL34LBsAkwwZc2Ix6uiVQTyPtmNRaBj89uAvXPOG4oGDS5Fb9QB6B7p4R1sz81kXZq/o/h4OlSfxXqcas0XplAJ25hK/Ol6Fzqmr5cd0cnyznWkbWvU2YbeZzaV0NX0zVFHwwKyDhEb09b9NDve3qTxks+LInK3iNwmIjNE5NGI7S9Sdda7H6Scdg/UG9o/XjTdYep6OGAT2jhUZqSxvTBie0zBNtn9II2w1NRp94OsEt1jY9MrIvJqpN4ZBa+hS1PTGxBIh4jI65EvrhZniUhbqr5GBRK6qUVEtm7wug4L1DXM2JyQc00LA/VtlmP7gRTbUNVZAlls6rQCaYTp0th33OmpVYZYaWag3fYkdGW3CGWX5g7o2oUd9w4xebtXIo+TA2WP0dg8J/SqoMkmf2vOudYOdP0lNEa/h+IhIUML2sWwLnk7t6qHB9C5no1GbhqtEKwYYjkaTftr1M+/NxrsNwiNN1qFRrc+i27wn0X8DR1nUe3heqxgO5ahc4UdURGW0BcxbET9cUntqF9/ZKou+0aQt9FFwm1SNmvI7kAsczLZtYJ6QksuQtdzGt2YVCIbCTELnVvUqrOEPshWoJ6+xTQWytKllESavmnLcVqWVhxiOU7L4AJZu+lP7bD9WoxCh2EfS1wgazf7oHtOOsKthPeofCxwgax9nIjGdn0VjZQtR8iOQVf8v0RlF2f5hRn9qIT2HI6G/pS3wS5EFwR/Q3Y/y3qoI+UiNHymvOtxEvqC8N5J+mZSPiD1O+hk/jL05RgjkrLxybk2MrkpuEDWLs4HrkAjEwaiq9gL0ff/Tkbf83Ue8J3E/lZ0//o4NO7rEDR6+Tk0VGUUuv13UzQMZQrVXrO5qGfxJeBPqHdvNrrXox3djzKcSrTyKVTCZNZBox52T2z7oOHtk1Dv3nSy4T3dTqu6eZ3G+BHaA0xP8rugc5AjUOEsQAVwMJXe4DB0i8E5yfmLUBf2I+jmrf7ozX8h6n4+g8pL6PqhgngK3ZXZjv6riPJGp1fQmLIr0Zt/Byov4N4D7TXS4Tvz0J5vOtrzTCQbo9a9NHul0lOnppdF/20Eov9GYE9RJojIG1J5x3H59aqjRWSlaOQCou/RfVBEtpDKKv8CEZma/P6kiFwrIsNFZICInCEiS5LPXF9E1kvqHZTYi2iIzIjk97kisq6I7CYin03Ktk9s+4i+Y/mKJP+giMxu9nfqQ6y1i6PQHZnz0Cd9G/qEvxxdwCu/Umguus98DrrXvPwWkQnoPpdL0eFaG7oyPxwN7y+hPcENaETyOug/MlqFRkBviEZmz0Z3XF6PvsVlMRqNPB/tZe5Ee5eTgL8n5XujPdtBSVlPsiH83Y4vFK59rI8Oqx5GV6l7UYkCHkLlhXc90FX68s8yJXQyvyRlW65zDrr1dhA6BFqKRlOX9/Rcjm4R3gUVyxzTrvKWhkGosNagUQobo3vQ25P2foGOv2e5U3CBOB3h+6jo3kN7m2vQsJG1BheI40TwOYjjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE4EF4jjRHCBOE6E/wMgOVOCry0DcwAAAABJRU5ErkJggg==" alt="">
<div class="playerContainer">
<div class="notice"></div>
<div class="line">
<div class="current"></div>
<div class="total"></div>
<div class="subsContainer"></div>
</div>
<div class="time relative"></div>
</div>
</div>
</div>
<script type='text/javascript' src='./js/scripts.js'></script>
</body>
</html>