Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

update the player naming

  • Loading branch information...
commit 3b8c84d2197e638a3bae6034926174e83fc2891b 1 parent ba0756b
Matas authored
View
12 README
@@ -1,4 +1,4 @@
-scPlayer jQuery plugin: Customizable SoundCloud audio players
+SoundCloud Custom Player as a jQuery plugin
This plugin allows you to create easily customizable, HTML/CSS/JS based audio players. It uses the official SoundCloud Flash widget for the audio streaming and widget API for it's control.
@@ -6,16 +6,16 @@ Getting started
The player setup is relatively easy:
Download the CSS and JS files for the sc-player here:
-http://github.com/mataspetrikas/jQuery-SoundCloud-Player-Plugin/archives/master
+http://github.com/soundcloud/soundcloud-custom-player/archives/master
First, add the player css files in the 'head' tag of your page source:
link rel="stylesheet" href="../css/sc-player-standard.css" type="text/css">
<link rel="stylesheet" href="../css/sc-player.css" type="text/css">
Then add the script tags at the end of your 'body' tag (in case you're already using jQuery on your site, skip the first script tag):
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-<script type="text/javascript" src="../js/soundcloud.player.api.js"></script>
-<script type="text/javascript" src="../js/sc-player.js"></script>
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>
+<script type="text/javascript" src="../js/soundcloud.player.api.js" ></script>
+<script type="text/javascript" src="../js/sc-player.js" ></script>
And now let's create a player! Put this into you HTML code:
@@ -26,7 +26,7 @@ Now reload your page, and instead of the link you should see a cool new widget.
Note: when you're doing the test, please make sure you're running it on the local or remote web-server (http://localhost, 127.0.0.1/testpage, yoursite.com, etc.) Only so you can be sure that the Flash component will be initialized correctly and the track will actually play. If you're still experiencing problems, verify that the links to JS files are correct. Also make sure you're using an url of an existing track :)
Per default the player works in 'zero-config' mode. It means, you don't need to change or write any JavaScript to get a working player on your site. More advanced techniques are described in the documentation:
-http://wiki.github.com/mataspetrikas/jQuery-SoundCloud-Player-Plugin/
+http://wiki.github.com/soundcloud/soundcloud-custom-player
The project is published under an MIT license:
View
2  css/sc-player-artwork/structure.css
@@ -164,7 +164,7 @@
display: none;
}
-.scPlayerEngineContainer{
+.sc-player-engine-container{
width: 1px;
height: 1px;
position: fixed;
View
2  css/sc-player-minimal/structure.css
@@ -162,7 +162,7 @@
display: none;
}
-.scPlayerEngineContainer{
+.sc-player-engine-container{
width: 1px;
height: 1px;
position: fixed;
View
2  css/sc-player-red/structure.css
@@ -158,7 +158,7 @@
display: none;
}
-.scPlayerEngineContainer{
+.sc-player-engine-container{
width: 1px;
height: 1px;
position: fixed;
View
2  css/sc-player-standard/structure-horizontal.css
@@ -168,7 +168,7 @@
display: none;
}
-.scPlayerEngineContainer{
+.sc-player-engine-container{
width: 1px;
height: 1px;
position: fixed;
View
2  css/sc-player-standard/structure-vertical.css
@@ -163,7 +163,7 @@
display: none;
}
-.scPlayerEngineContainer{
+.sc-player-engine-container{
width: 1px;
height: 1px;
position: fixed;
View
4 index.html
@@ -4,11 +4,11 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>scPlayer - Example Skins</title>
+ <title>SoundCloud Custom Player - Example Skins</title>
<meta name="author" content="Matas Petrikas">
</head>
<body>
- <h1>scPlayer Skins</h1>
+ <h1>SoundCloud Custom Player Skins</h1>
<ul>
<li><a href="examples/sc-player-standard.html" title="sc-player-standard">Standard</a></li>
<li><a href="examples/sc-player-artwork.html" title="sc-player-artwork">Artwork</a></li>
View
6 js/sc-player.js
@@ -1,5 +1,5 @@
/*
-* Customizable SoundCloud audio players
+* SoundCloud Custom Player jQuery Plugin
* Author: Matas Petrikas, matas@soundcloud.com
* Copyright (c) 2009 SoundCloud Ltd.
* Licensed under the MIT license:
@@ -60,7 +60,7 @@
if(url && !document.getElementById(engineId)){
currentUrl = url;
// create a container for the flash engine (IE needs that to operate properly)
- $('<div class="scPlayerEngineContainer"></div>').appendTo(document.body).html(audioHtml(url));
+ $('<div class="sc-player-engine-container"></div>').appendTo(document.body).html(audioHtml(url));
}
},
@@ -242,7 +242,7 @@
clearInterval(positionPoll);
});
- // Generate skinnable HTML/CSS/JavaScript based SoundCloud players from links to SoundCloud resources
+ // Generate custom skinnable HTML/CSS/JavaScript based SoundCloud players from links to SoundCloud resources
$.scPlayer = function(options, node) {
var opts = $.extend({}, $.fn.scPlayer.defaults, options),
playerId = players.length,
Please sign in to comment.
Something went wrong with that request. Please try again.