metadataplayer: src/js/widgets/sliderWidget.js@808768eb5930 (annotated)

Mercurial Mercurial > metadataplayer / annotate

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

src/js/widgets/sliderWidget.js

author	hamidouk
	Thu, 10 Nov 2011 17:34:20 +0100
branch	slider-port
changeset 229	808768eb5930
parent 226	d1f0e604bd06
child 230	9b86d3c52211
permissions	-rw-r--r--

rewriting the slider-port to not use jquery ui slider.

226 d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	1	IriSP.SliderWidget = function(Popcorn, config, Serializer) {
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	2	IriSP.Widget.call(this, Popcorn, config, Serializer);
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	3	};
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	4
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	5	IriSP.SliderWidget.prototype = new IriSP.Widget();
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	6
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	7	IriSP.SliderWidget.prototype.draw = function() {
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	8	var self = this;
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	9
229 808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	10	this.selector.append("<div class='sliderBackground'></div>");
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	11	this.sliderBackground = this.selector.children(".sliderBackground");
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	12
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	13	this.selector.append("<div class='sliderForeground' style='position: absolute; top: 0%; width: 0%;'></div>");
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	14	this.sliderForeground = this.selector.children(".sliderForeground");
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	15
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	16	this.selector.append(Mustache.to_html(IriSP.overlay_marker_template));
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	17	this.positionMarker = this.selector.children(".positionMarker");
226 d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	18
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	19	this._Popcorn.listen("timeupdate", IriSP.wrap(this, this.sliderUpdater));
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	20	};
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	21
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	22	/* updates the slider as time passes */
d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	23	IriSP.SliderWidget.prototype.sliderUpdater = function() {
229 808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	24	var time = this._Popcorn.currentTime();
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	25
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	26	var duration = this._serializer.currentMedia().meta["dc:duration"] / 1000;
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	27	var percent = ((time / duration) * 100).toFixed(2);
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	28	this.sliderForeground.css("width", percent + "%");
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	29	this.positionMarker.css("left", percent + "%");
808768eb5930 rewriting the slider-port to not use jquery ui slider. hamidouk parents: 226 diff changeset	30
226 d1f0e604bd06 separated the slider from the playerWidget. hamidouk parents: diff changeset	31	};

metadataplayer