ds_mooc_demo: web/lib/metadataplayer/Slice.js@7f8907368bd5 (annotated)

Mercurial Mercurial > ds_mooc_demo / annotate

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

web/lib/metadataplayer/Slice.js

author	cavaliet
	Fri, 18 Oct 2013 17:54:44 +0200
changeset 0	7f8907368bd5
permissions	-rw-r--r--

first commit

0 7f8907368bd5 first commit cavaliet parents: diff changeset	1	/*
7f8907368bd5 first commit cavaliet parents: diff changeset	2	The Slider Widget shows time position and allows seek
7f8907368bd5 first commit cavaliet parents: diff changeset	3	*/
7f8907368bd5 first commit cavaliet parents: diff changeset	4
7f8907368bd5 first commit cavaliet parents: diff changeset	5	IriSP.Widgets.Slice = function(player, config) {
7f8907368bd5 first commit cavaliet parents: diff changeset	6	IriSP.Widgets.Widget.call(this, player, config);
7f8907368bd5 first commit cavaliet parents: diff changeset	7	this.sliding = false;
7f8907368bd5 first commit cavaliet parents: diff changeset	8	};
7f8907368bd5 first commit cavaliet parents: diff changeset	9
7f8907368bd5 first commit cavaliet parents: diff changeset	10	IriSP.Widgets.Slice.prototype = new IriSP.Widgets.Widget();
7f8907368bd5 first commit cavaliet parents: diff changeset	11
7f8907368bd5 first commit cavaliet parents: diff changeset	12	IriSP.Widgets.Slice.prototype.defaults = {
7f8907368bd5 first commit cavaliet parents: diff changeset	13	show_arrow: false
7f8907368bd5 first commit cavaliet parents: diff changeset	14	};
7f8907368bd5 first commit cavaliet parents: diff changeset	15
7f8907368bd5 first commit cavaliet parents: diff changeset	16	IriSP.Widgets.Slice.prototype.template =
7f8907368bd5 first commit cavaliet parents: diff changeset	17	'<div class="Ldt-Slice"></div>'
7f8907368bd5 first commit cavaliet parents: diff changeset	18	+ '{{#show_arrow}}<div class="Ldt-Slice-Arrow"></div>{{/show_arrow}}';
7f8907368bd5 first commit cavaliet parents: diff changeset	19
7f8907368bd5 first commit cavaliet parents: diff changeset	20	IriSP.Widgets.Slice.prototype.draw = function() {
7f8907368bd5 first commit cavaliet parents: diff changeset	21
7f8907368bd5 first commit cavaliet parents: diff changeset	22	this.renderTemplate();
7f8907368bd5 first commit cavaliet parents: diff changeset	23
7f8907368bd5 first commit cavaliet parents: diff changeset	24	this.$slider = this.$.find(".Ldt-Slice");
7f8907368bd5 first commit cavaliet parents: diff changeset	25
7f8907368bd5 first commit cavaliet parents: diff changeset	26	if (this.show_arrow) {
7f8907368bd5 first commit cavaliet parents: diff changeset	27	this.insertSubwidget(this.$.find(".Ldt-Slice-Arrow"), { type: "Arrow" },"arrow");
7f8907368bd5 first commit cavaliet parents: diff changeset	28	}
7f8907368bd5 first commit cavaliet parents: diff changeset	29
7f8907368bd5 first commit cavaliet parents: diff changeset	30	this.min = 0;
7f8907368bd5 first commit cavaliet parents: diff changeset	31	this.max = this.media.duration.valueOf();
7f8907368bd5 first commit cavaliet parents: diff changeset	32
7f8907368bd5 first commit cavaliet parents: diff changeset	33	var _this = this,
7f8907368bd5 first commit cavaliet parents: diff changeset	34	_currentTime;
7f8907368bd5 first commit cavaliet parents: diff changeset	35
7f8907368bd5 first commit cavaliet parents: diff changeset	36	this.$slider.slider({
7f8907368bd5 first commit cavaliet parents: diff changeset	37	range: true,
7f8907368bd5 first commit cavaliet parents: diff changeset	38	values: [0, this.max],
7f8907368bd5 first commit cavaliet parents: diff changeset	39	min: 0,
7f8907368bd5 first commit cavaliet parents: diff changeset	40	max: this.max,
7f8907368bd5 first commit cavaliet parents: diff changeset	41	change: function(event, ui) {
7f8907368bd5 first commit cavaliet parents: diff changeset	42	if (_this.arrow) {
7f8907368bd5 first commit cavaliet parents: diff changeset	43	_this.arrow.moveToTime((ui.values[0]+ui.values[1])/2);
7f8907368bd5 first commit cavaliet parents: diff changeset	44	}
7f8907368bd5 first commit cavaliet parents: diff changeset	45	if (_this.onBoundsChanged) {
7f8907368bd5 first commit cavaliet parents: diff changeset	46	_this.onBoundsChanged(ui.values[0],ui.values[1]);
7f8907368bd5 first commit cavaliet parents: diff changeset	47	}
7f8907368bd5 first commit cavaliet parents: diff changeset	48	},
7f8907368bd5 first commit cavaliet parents: diff changeset	49	start: function() {
7f8907368bd5 first commit cavaliet parents: diff changeset	50	_this.sliding = true;
7f8907368bd5 first commit cavaliet parents: diff changeset	51	if (!_this.media.getPaused()) {
7f8907368bd5 first commit cavaliet parents: diff changeset	52	_this.media.pause();
7f8907368bd5 first commit cavaliet parents: diff changeset	53	}
7f8907368bd5 first commit cavaliet parents: diff changeset	54	_currentTime = _this.media.getCurrentTime();
7f8907368bd5 first commit cavaliet parents: diff changeset	55	},
7f8907368bd5 first commit cavaliet parents: diff changeset	56	slide: function(event, ui) {
7f8907368bd5 first commit cavaliet parents: diff changeset	57	_this.media.setCurrentTime(ui.value);
7f8907368bd5 first commit cavaliet parents: diff changeset	58	},
7f8907368bd5 first commit cavaliet parents: diff changeset	59	stop: function() {
7f8907368bd5 first commit cavaliet parents: diff changeset	60	_this.sliding = false;
7f8907368bd5 first commit cavaliet parents: diff changeset	61	_this.media.setCurrentTime(_currentTime);
7f8907368bd5 first commit cavaliet parents: diff changeset	62	}
7f8907368bd5 first commit cavaliet parents: diff changeset	63	});
7f8907368bd5 first commit cavaliet parents: diff changeset	64
7f8907368bd5 first commit cavaliet parents: diff changeset	65	this.$slider.find(".ui-slider-handle:first").addClass("Ldt-Slice-left-handle");
7f8907368bd5 first commit cavaliet parents: diff changeset	66	this.$slider.find(".ui-slider-handle:last").addClass("Ldt-Slice-right-handle");
7f8907368bd5 first commit cavaliet parents: diff changeset	67
7f8907368bd5 first commit cavaliet parents: diff changeset	68	this.getWidgetAnnotations().forEach(function(_a) {
7f8907368bd5 first commit cavaliet parents: diff changeset	69	_a.on("enter", function() {
7f8907368bd5 first commit cavaliet parents: diff changeset	70	_this.$slider.slider("values",[_a.begin, _a.end]);
7f8907368bd5 first commit cavaliet parents: diff changeset	71	});
7f8907368bd5 first commit cavaliet parents: diff changeset	72	});
7f8907368bd5 first commit cavaliet parents: diff changeset	73	};
7f8907368bd5 first commit cavaliet parents: diff changeset	74
7f8907368bd5 first commit cavaliet parents: diff changeset	75	IriSP.Widgets.Slice.prototype.show = function() {
7f8907368bd5 first commit cavaliet parents: diff changeset	76	this.$slider.show();
7f8907368bd5 first commit cavaliet parents: diff changeset	77	};
7f8907368bd5 first commit cavaliet parents: diff changeset	78
7f8907368bd5 first commit cavaliet parents: diff changeset	79	IriSP.Widgets.Slice.prototype.hide = function() {
7f8907368bd5 first commit cavaliet parents: diff changeset	80	this.$slider.hide();
7f8907368bd5 first commit cavaliet parents: diff changeset	81	};

ds_mooc_demo