keygenmusic.tk-mirror/index.html

213 lines
8.0 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">&beta;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">&#10084; 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>&#10084;</span></td>
<td class="direct_link" title="Copy link to this song to clipboard"><span>&#128279;</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"> &nbsp; </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>
&beta;-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> - &beta;11 - fix Chromium issue ...<br>
<strong>2016.02.05</strong> - &beta;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> - &beta;9<br>
<strong>2015.09.07</strong> - update to July 2015 pack (keygenmusic.net)<br>
<strong>2015.06.05</strong> - &beta;8 - now playing in playlist<br>
<strong>2015.06.04</strong> - upd to April 2015 pack (keygenmusic.net)<br>
<strong>2015.05.25</strong> - &beta;7<br>
<strong>2015.05.18</strong> - &beta;6 - spectrum<br>
<strong>2015.05.12</strong> - &beta;5 - favorites, link to song<br>
<strong>2015.05.08</strong> - &beta;4 - optimizations<br>
<strong>2015.05.04</strong> - &beta;2 - Shuffle on/off, song search<br>
<strong>2015.04.30</strong> - &beta;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>