@@ -92,12 +92,12 @@
<input type="hidden" id="pl-bpm-range-stop">
<label id="bpm-range-label">BPM Range</label>
<div class="bpm-range">
- <label id="bpm-range-start">0</label>
+ <label id="bpm-range-start">50</label>
<div class="ui-slider-1" id="pl-bpm-range-slider">
<div class="ui-slider-handle" id="bpm-handle-start"></div>
<div class="ui-slider-handle" id="bpm-handle-stop"></div>
</div>
- <label id="bpm-range-stop">250</label>
+ <label id="bpm-range-stop">200</label>
</div>
</div>
player.html
@@ -72,17 +72,17 @@ SC.Player.prototype = {
// create smart playlist, bpm slider
$("#pl-bpm-range-slider").slider({
- min : 0,
- max : 250,
+ min : 50,
+ max : 200,
range: true,
+ values: [50,200],
slide : function(e, ui) {
- $("#bpm-range-start").text($("#pl-bpm-range-slider").slider("value",0));
- $("#bpm-range-stop").text(Math.floor($("#pl-bpm-range-slider").slider("value",0) + ui.range));
+ $("#bpm-range-start").text(ui.values[0]);
+ $("#bpm-range-stop").text(ui.values[1]);
+ $("#pl-bpm-range-start").val(ui.values[0]);
+ $("#pl-bpm-range-stop").val(ui.values[1]);
},
- change : function(e, ui) {
- $("#pl-bpm-range-start").val($("#pl-bpm-range-slider").slider("value",0));
- $("#pl-bpm-range-stop").val($("#pl-bpm-range-slider").slider("value",0) + ui.range);
- }
+ orientation : 'horizontal'
});
// code to prevent keypress event from triggering when creating smart playlist
@@ -208,9 +208,11 @@ SC.Player.prototype = {
this.volume = 100; // default to max
}
+ console.log(this.volume)
+
// volume
$("#volume").slider({
- startValue : this.volume,
+ value : this.volume,
min : 0,
max : 100,
slide : function(e, ui) {
@@ -220,6 +222,7 @@ SC.Player.prototype = {
}
},
change : function(e, ui) {
+ console.log(e,ui.value)
$.cookie('volume',ui.value); // save the volume in a cookie
}
});
scripts/player.js
@@ -401,13 +401,14 @@ table {
left: 24px;
background-image: url(/images/icons.png);
background-position: -150px 56px;
- width: 104px;
+ width: 99px;
height: 10px;
}
.ui-slider-range {
background: rgba(63,111,211,0.2);
height: 10px;
+ position: absolute;
}
#create-smart-playlist .buttons {
@@ -916,7 +917,7 @@ table {
left: 149px;
background-image: url(/images/icons.png);
background-position: -150px 56px;
- width: 104px;
+ width: 99px;
height: 10px;
}
@@ -948,6 +949,7 @@ table {
background-position: -151px 79px;
position: absolute;
z-index: 10;
+ margin-left: -6px;
}
#footer input[type=image] {
stylesheets/player.css
6419d328ad3aa2509ba6709b6fa38a90f1a4a4f2
Eric Wahlforss
eric@wahlforss.com
http://github.com/hinke/the-cloud-player/commit/56280e659d8d9de1f7fd2982a82a8eb1a87b9ca6
56280e659d8d9de1f7fd2982a82a8eb1a87b9ca6
2009-02-05T07:03:30-08:00
2009-02-05T07:03:30-08:00
fix vol and bpm slider
474c4e973d7956640bed7828703e180c51d79b57
Eric Wahlforss
eric@wahlforss.com