Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: 5a8dd2e209
Fetching contributors…

Cannot retrieve contributors at this time

307 lines (264 sloc) 16.923 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Playlick</title>
<meta name="description" content="Create, collect and curate your favourite playlists from around the web">
<meta name="keywords" content="playlist, music, album, last.fm, podcast, playlick, playdar, github">
<link rel="stylesheet" href="/playlick.css">
</head>
<body>
<div id="viewport">
<div id="powered">
<p>
<a href="http://www.playdar.org/" class="icon">
<img src="/playdar_logo_16x16.png" width="16" height="16">
<small>Playback powered by Playdar</small>
</a>
</p>
<p>
<small id="playdarStatus">Loading flash player…</small>
</p>
</div>
<h1 id="title">
<a href="/" id="titleLink">
<img src="/logo.gif" width="32" height="32" class="logo">
<!-- <img src="/logo2.png" width="31" height="33" class="logo2"> -->
Play<span>lick</span>
</a>
<small>Create, collect and curate your favourite playlists from around the web</small>
</h1>
<div id="content">
<div id="sidebar">
<h1>Your playlists</h1>
<div class="sidebar_list">
<ul class="playlists" id="playlists">
<li class="current"><a href="#" id="create_playlist" class="create playlist">+ Create &amp; Import</a></li>
</ul>
<p id="loading_playlists">Loading playlists…</p>
</div>
<h1 id="albumsTitle">Your favourite albums</h1>
<div class="sidebar_list">
<ul class="playlists" id="albums"></ul>
</div>
<h1 id="syncedTitle">Synchronised Playlists</h1>
<div class="sidebar_list">
<ul class="playlists" id="synced"></ul>
</div>
<h1 id="subscriptionsTitle">Podcasts</h1>
<div class="sidebar_list">
<ul class="playlists" id="subscriptions"></ul>
</div>
</div>
<div id="main">
<h1 id="createPlaylist">Create a new playlist</h1>
<div id="playlistHeader"></div>
<p id="tracksLoading"><img src="/track_scanning.gif" width="16" height="16">Loading tracks…</p>
<p id="tracksError">Failed to load tracks. Please try again later.</p>
<ol class="trackList" id="playlist"></ol>
<form id="addTrackForm">
<span id="addTrackSearch">
<label for="addTrackSearchInput">Search</label>
<input type="text" name="trackSearch" id="addTrackSearchInput" placeholder="Search for a track…">
</span>
<a href="#" id="addTrackButton">
<span class="icon">+</span>
<span>Add a track…</span>
</a>
<table border="0" cellspacing="0" cellpadding="0" id="addTrackTable">
<tr class="fields">
<td>
<label for="addTrackArtistInput">Artist: <small>Recommended</small></label>
<br>
<input type="text" name="artistName" id="addTrackArtistInput" placeholder="Artist name">
</td>
<td>
<label for="addTrackTrackInput"><strong>Track</strong>: <small>Required</small></label>
<br>
<input type="text" name="trackName" id="addTrackTrackInput" placeholder="Track name">
</td>
</tr>
<tr class="fields">
<td>
<label for="addTrackUrlInput">URL (mp3, aac, flv, etc): <small>Optional</small></label>
<br>
<input type="text" name="url" id="addTrackUrlInput" placeholder="Sound file URL">
</td>
<td>
<label for="addTrackAlbumInput">Album: <small>Optional</small></label>
<br>
<input type="text" name="albumName" id="addTrackAlbumInput" placeholder="Album name">
</td>
</tr>
<tr>
<td colspan="2" class="addTrackSubmitCell">
<input type="submit" id="addTrackSubmit" value="Add track">
or <a href="#" id="addTrackCancel">Cancel</a>
</td>
</tr>
</table>
</form>
<div id="listFooter">
<span id="playlistSource">Data source: <a href="#" id="playlistSourceLink"></a></span>
<span id="playlistCopyright"></span>
</div>
<div id="listActions">
<a id="playlistApplescript" href="#">
<img src="/itunes.png" width="16" height="16">
Export&nbsp;to&nbsp;iTunes<br>
<small>Mac&nbsp;only&nbsp;applescript</small>
</a>
</div>
<div id="mainImporters">
<h1>Add an Album to your collection</h1>
<form id="album_form">
<p class="label">
<label for="album_import_input">Search for an Album from Last.fm</label>
</p>
<p>
<input type="text" name="album" id="album_import_input" class="importer_input" autocomplete="off" placeholder="Search for an album…">
<input type="hidden" name="artist_name" id="album_import_artist">
<input type="hidden" name="album_name" id="album_import_name">
<input type="submit" id="album_button" value="Go">
</p>
<p class="messages" id="album_loading"><img src="/track_scanning.gif" width="16" height="16"> Loading album…</p>
<p class="messages" id="album_done">Done! Album imported: <span id="album_name"></span></p>
<p class="messages" id="album_error"></p>
</form>
<form id="spotify_form">
<p class="label">
<label for="spotify_input">Use a Spotify URL</label>
</p>
<p>
<img src="spotify_icon.gif" width="16" height="16" class="favicon">
<input type="text" name="url" id="spotify_input" class="importer_input" placeholder="Paste a URL…">
<input type="submit" id="url_button" value="Go">
</p>
<p class="messages" id="spotify_loading"><img src="/track_scanning.gif" width="16" height="16"> Loading…</p>
<p class="messages" id="spotify_done">Done! Imported “<span id="spotify_title"></span>”</p>
<p class="messages" id="spotify_error"></p>
</form>
<form id="lastfm_battle_form">
<h1>
<label for="lastfm_battle_input_you">The Last.fm Battle</label>
</h1>
<p>Generate a playlist based on shared artists between two Last.fm users.</p>
<p>
<img src="lastfm_icon.gif" width="16" height="16" class="favicon">
<input type="text" name="you" id="lastfm_battle_input_you" class="importer_input" placeholder="You…">
<label for="lastfm_battle_input_they"><small>VS</small></label>
<input type="text" name="they" id="lastfm_battle_input_they" class="importer_input" placeholder="…Them">
<input type="submit" id="lastfm_battle_button" value="Fight!">
</p>
<p class="messages" id="generate_loading"><img src="/track_scanning.gif" width="16" height="16"> Fetching tracks…</p>
<p class="messages" id="generate_done">Done!</p>
<p class="messages" id="generate_error"></p>
</form>
<h1>Synchronise playlists from the web</h1>
<form id="lastfm_form">
<p class="label">
<label for="lastfm_input">Sync your Last.fm playlists and Loved Tracks</label>
</p>
<p>
<img src="lastfm_icon.gif" width="16" height="16" class="favicon">
<input type="text" name="username" id="lastfm_input" class="importer_input" placeholder="Last.fm username…">
<input type="submit" id="lastfm_button" value="Get ’em">
</p>
<p class="messages" id="lastfm_loading"><img src="/track_scanning.gif" width="16" height="16"> Loading playlists…</p>
<p class="messages" id="lastfm_error"></p>
<p class="messages" id="lastfm_import_error"></p>
<p class="messages" id="lastfm_imported">Done!</p>
</form>
<form id="lastfm_playlists_form">
<p class="messages" id="lastfm_done">
<small id="lastfm_playlists_count"></small>
<small>
<a href="#" id="lastfm_playlists_all">All</a>
<a href="#" id="lastfm_playlists_none">None</a>
</small>
</p>
<p class="messages" id="lastfm_error_no_playlists">
<input type="submit" value="Import Loved Tracks">
<small>No playlists found</small>
</p>
<ul id="lastfm_playlists">
<li class="header">&nbsp;<small>Tracks</small></li>
</ul>
<input type="submit" value="Import Playlists" class="submit">
</form>
<form id="xspf_form">
<p class="label">
<label for="xspf_input">Sync with an XSPF file</label>
</p>
<p>
<img src="podcast_icon.gif" width="16" height="16" class="favicon">
<input type="text" name="url" id="xspf_input" class="importer_input" placeholder="Paste an XSPF URL…">
<input type="submit" id="xspf_button" value="Go">
</p>
<p class="messages" id="xspf_loading"><img src="/track_scanning.gif" width="16" height="16"> Loading…</p>
<p class="messages" id="xspf_done">Done! Imported “<span id="xspf_title"></span>” (<span id="xspf_count"></span>)</p>
<p class="messages" id="xspf_error"></p>
</form>
<h1><label for="podcast_input">Subscribe to a Podcast</label></h1>
<form id="podcast_form">
<p>
<img src="podcast_icon.gif" width="16" height="16" class="favicon">
<input type="text" name="url" id="podcast_input" class="importer_input" placeholder="Paste a Podcast URL…">
<input type="submit" id="podcast_button" value="Go">
</p>
<p class="messages" id="podcast_loading"><img src="/track_scanning.gif" width="16" height="16"> Loading…</p>
<p class="messages" id="podcast_done">Done! Imported “<span id="podcast_title"></span>” (<span id="podcast_count"></span>)</p>
<p class="messages" id="podcast_error"></p>
</form>
</div>
</div>
<div id="footer">
<p id="shortcuts"><small>Keyboard shortcuts: &nbsp;&nbsp; <b>p</b>&nbsp;&nbsp;play &nbsp;&nbsp; <b>]</b>&nbsp;&nbsp;next track &nbsp;&nbsp; <b>[</b>&nbsp;&nbsp;previous track &nbsp;&nbsp; <b>}</b>&nbsp;&nbsp;next source &nbsp;&nbsp; <b>{</b>&nbsp;&nbsp;previous source</small></p>
<p id="credits">
<a href="http://github.com/jwheare/playlick/tree/master">Playlick on github</a>
| Made by <a href="http://james.wheare.org/" rel="author">James Wheare</a>
</p>
</div>
<div id="sm2-container"></div>
</div>
</div>
<!-- jQuery -->
<script src="/lib/jquery.js"></script>
<script src="/lib/jquery-ui.js"></script>
<script src="/lib/jquery.autocomplete.pack.js"></script>
<!-- CouchDB -->
<script src="/lib/couch.js"></script>
<!-- Playdar -->
<script src="/lib/playdar/playdar_compressed.js"></script>
<!-- App -->
<script src="/js/playlick.js"></script>
<script>
PLAYLICK.init();
Playdar.setupClient(PLAYDAR.playdar_listeners);
new Playdar.SM2Player(
'/lib/sm2/script/soundmanager2-nodebug-jsmin.js',
'/lib/sm2/swf/soundmanager2_flash9.swf',
PLAYDAR.soundmanager_ready,
{
debugMode: false
}
);
Playdar.USE_STATUS_BAR = false;
Playdar.MAX_CONCURRENT_RESOLUTIONS = 20;
Playdar.auth_details.receiverurl = Playdar.Util.location_from_url("/playdar_auth.html").href;
</script>
<script type="text/javascript">
if (!PLAYLICK.debug) {
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-174601-6']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
document.documentElement.firstChild.appendChild(ga);
})();
}
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.