212 lines
8 KiB
HTML
212 lines
8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="Online chiptune music player. Charged with music from keygens. Streams directly in your browser">
|
|
<meta name="keywords" content="keygen music, keygenmusic, chiptune, chiptunes, chip, tune, MOD, XM, s3m, IT, stream, MOS 6581, MOS 8580, intro, music" />
|
|
<title>keygenmusic.tk - tracker music player</title>
|
|
<link rel="shortcut icon" href="favicon.ico" />
|
|
<link rel="stylesheet" href="css/libs/cog.css">
|
|
<link rel="stylesheet" href="css/libs/tabs.css" />
|
|
<link rel="stylesheet" href="css/main.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div id="headline">
|
|
<h1><span>keygenmusic</span><span class="magenta">.tk</span><span class="version">β11-version</span>
|
|
<span class="follow"><a href="https://twitter.com/keygenmusicTK" target="_blank"><img src="img/soc/brandico-twitter-bird_20_0_a9b7c6_none.png" alt="twitter" /></a></span>
|
|
</h1>
|
|
</div>
|
|
<div id="playlist_bar">
|
|
<input id="search" type="text" placeholder="type to search then press ENTER" />
|
|
|
|
<label>
|
|
<select id="pl_select">
|
|
<option selected value>Keygen Music Lib</option>
|
|
<option value="my-fav">❤ Favorites</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div id="playlist">
|
|
<div class="scroller">
|
|
<table data-selected cellspacing="0">
|
|
</table>
|
|
<div class="scroller__bar"></div>
|
|
</div>
|
|
</div>
|
|
<div id="player">
|
|
<div class="container">
|
|
<div class="center">
|
|
<canvas id="spectrum" class="spectrum" width="100%" height="200" style="transform: rotate(180deg);"></canvas>
|
|
</div>
|
|
<div id="song_info_con">
|
|
<table id="song_info" class="center" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td class="track_number"></td>
|
|
<td class="song">
|
|
<span class="rg"></span>
|
|
<span class="soft"></span>
|
|
</td>
|
|
<td title="Favorite" class="heart"><span>❤</span></td>
|
|
<td class="direct_link" title="Copy link to this song to clipboard"><span>🔗</span></td>
|
|
|
|
|
|
<td class="share_twitter" title="Share this song on the Twitter"><a "https://keygenmusic.tk/href" target="_blank"><img src="img/soc/brandico-twitter-bird_20_0_a9b7c6_none.png" alt="Twitter" /></a></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="metadata_info" class="center">
|
|
<span class="track_number">track metadata: </span>
|
|
<span class="rg"></span>
|
|
<span class="dash"> </span>
|
|
<span class="soft"></span>
|
|
<span class="time"></span>
|
|
<span id="message" title>message</span>
|
|
</div>
|
|
<div id="controls" class="center">
|
|
<div id="container_button_prev">
|
|
<div id="hole_prev">
|
|
<div id="button_prev">
|
|
<div id="triangle_prev"></div>
|
|
<div id="lighter_triangle_prev"></div>
|
|
<div id="darker_triangle_prev"></div>
|
|
<div id="triangle_prev_2"></div>
|
|
<div id="lighter_triangle_prev_2"></div>
|
|
<div id="darker_triangle_prev_2"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="container_button">
|
|
<div id="hole">
|
|
<div id="button">
|
|
<div id="triangle"></div>
|
|
<div id="lighter_triangle"></div>
|
|
<div id="darker_triangle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="container_button_next">
|
|
<div id="hole_next">
|
|
<div id="button_next">
|
|
<div id="triangle_next"></div>
|
|
<div id="lighter_triangle_next"></div>
|
|
<div id="darker_triangle_next"></div>
|
|
<div id="triangle_next_2"></div>
|
|
<div id="lighter_triangle_next_2"></div>
|
|
<div id="darker_triangle_next_2"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="more_controls" class="center">
|
|
<strong>SHUFFLE</strong>
|
|
<div class="switch">
|
|
<input type="checkbox" id="shuffle" class="switch-check" checked>
|
|
<label for="shuffle" class="switch-label">
|
|
Check
|
|
<span></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="dev_bar">
|
|
<div id="btn">
|
|
i
|
|
</div>
|
|
<div id="text">
|
|
<div id="tabs" class="container">
|
|
<ul class="tabs_nav center">
|
|
<li><a href="index.html#about">About</a></li>
|
|
<li><a href="index.html#news">News</a></li>
|
|
<li><a href="index.html#credits">Credits</a></li>
|
|
</ul>
|
|
<div class="tabs_content center">
|
|
<div id="about">
|
|
<h1>Online Tracker Music Player</h1>
|
|
β-version<br/>
|
|
Supports <span class="rg">.mod | .xm | .s3m | .it</span> formats.<br/>
|
|
Thanks to <a href="http://keygenmusic.net" target="_blank">keygenmusic.net</a> for the music
|
|
packs.<br/>
|
|
There is no illegal content. Just music from keygens<br/>
|
|
<br/>
|
|
<strong>Contact me:</strong><br/>
|
|
<span class="soft">
|
|
<a href="https://twitter.com/keygenmusicTK" target="_blank"><img src="img/soc/brandico-twitter-bird_20_0_a9b7c6_none.png" alt="twitter" /></a>
|
|
</span><br/>
|
|
<span class="soft"><i>keygenmusic.tk</i>{at}<i>outlook.com</i></span>
|
|
</div>
|
|
<div id="news">
|
|
<a href="changelog.txt" target="_blank">Changes Log</a><br>
|
|
<strong>2020.12.08</strong> - β11 - fix Chromium issue ...<br>
|
|
<strong>2016.02.05</strong> - β10 - mod title, search by mod titles ...<br>
|
|
<strong>2015.10.02</strong> - update to September 2015 pack (keygenmusic.net)<br>
|
|
<strong>2015.10.01</strong> - β9<br>
|
|
<strong>2015.09.07</strong> - update to July 2015 pack (keygenmusic.net)<br>
|
|
<strong>2015.06.05</strong> - β8 - now playing in playlist<br>
|
|
<strong>2015.06.04</strong> - upd to April 2015 pack (keygenmusic.net)<br>
|
|
<strong>2015.05.25</strong> - β7<br>
|
|
<strong>2015.05.18</strong> - β6 - spectrum<br>
|
|
<strong>2015.05.12</strong> - β5 - favorites, link to song<br>
|
|
<strong>2015.05.08</strong> - β4 - optimizations<br>
|
|
<strong>2015.05.04</strong> - β2 - Shuffle on/off, song search<br>
|
|
<strong>2015.04.30</strong> - β1 -
|
|
February 2015 music pack from keygenmusic.net
|
|
</div>
|
|
<div id="credits">
|
|
dev. by <a href="https://github.com/onikienko" target="_blank">Mikhailo Onikiienko</a><br/>
|
|
music from <a href="http://keygenmusic.net" target="_blank">keygenmusic.net</a><br/>
|
|
#libs, tools etc# <br/>
|
|
<a href="https://github.com/deskjet/chiptune2.js" target="_blank">chiptune2.js</a>,
|
|
<a href="http://lib.openmpt.org/" target="_blank">libopenmpt</a>,
|
|
<a href="https://github.com/kripken/emscripten" target="_blank">emscripten</a>,
|
|
<a href="https://github.com/onikienko/jsTabs" target="_blank">jsTabs</a>,
|
|
<a href="https://github.com/Diokuz/baron" target="_blank">baron</a>,
|
|
<a href="http://cssdeck.com/labs/amazing-play-button-in-css3" target="_blank">Sergio
|
|
Camalich</a>,
|
|
<a href="http://www.wothke.ch/webaudio68/" target="_blank">wothke.ch/webaudio68</a>,
|
|
thanks to Darcula color scheme,
|
|
<a href="http://cssdeck.com/labs/hp17u02i" target="_blank">Shuffle on/off switcher</a><br/>
|
|
<br/>
|
|
<strong>Contact me:</strong><br/>
|
|
<span class="soft">
|
|
<a href="https://twitter.com/keygenmusicTK" target="_blank"><img src="img/soc/brandico-twitter-bird_20_0_a9b7c6_none.png" alt="twitter" /></a>
|
|
</span><br/>
|
|
<span class="soft"><i>keygenmusic.tk</i>{at}<i>outlook.com</i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="info_bar">
|
|
<span class="rg">Total played: </span><span id="total_played"></span>
|
|
<span class="rg">Tracks played: </span><span id="tracks_played"></span>
|
|
</div>
|
|
<div id="loader" class="overlay-loader">
|
|
<div class="loader-background color-flip"></div>
|
|
<div id="browser">Your browser do not support AudioContext. Use modern browsers like
|
|
<a href="https://google.com/chrome">Chrome</a>,
|
|
<a href="http://firefox.com/">FireFox</a>,
|
|
<a href="http://opera.com/">Opera</a> ...
|
|
</div>
|
|
<img class="loader-icon spinning-cog" src="img/cog08.svg" data-cog="cog08">
|
|
</div>
|
|
<script type="text/javascript">
|
|
if (!(window.AudioContext || window.webkitAudioContext)) {
|
|
var loader = document.getElementById('loader');
|
|
loader.querySelector('img').style.display = 'none';
|
|
loader.querySelector('#browser').style.display = 'block';
|
|
}
|
|
</script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
|
|
|
|
<script src="js/libs/baron.min.js" type="text/javascript"></script>
|
|
<script src="js/libs/tabs.js" type="text/javascript"></script>
|
|
<script src="js/analyzer.js" type="text/javascript"></script>
|
|
<script src="js/libs/libopenmpt.js" type="text/javascript"></script>
|
|
<script src="js/libs/chiptune2-08.12.2020-fix.js" type="text/javascript"></script>
|
|
<script src="js/utils.js" type="text/javascript"></script>
|
|
<script src="js/model-localStorage.js" type="text/javascript"></script>
|
|
<script src="js/main.js" type="text/javascript"></script>
|
|
<script src="cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js"></script></body>
|
|
</html>
|