metadataplayer: src/widgets/SlideVideoPlayer.js@7623f9af9272 (annotated)

Mercurial Mercurial > metadataplayer / annotate

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

src/widgets/SlideVideoPlayer.js

author	ymh <ymh.work@gmail.com>
	Fri, 02 Oct 2015 11:27:17 +0200
changeset 1068	7623f9af9272
parent 1033	c20df1c080e6
child 1072	ac1eacb3aa33
permissions	-rw-r--r--

merge pull request #3 from O. Auber

1033 c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	1	IriSP.Widgets.SlideVideoPlayer = function(player, config) {
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	2	IriSP.loadCss(IriSP.getLib("cssSplitter"));
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	3	IriSP.Widgets.Widget.call(this, player, config);
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	4	};
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	5
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	6	IriSP.Widgets.SlideVideoPlayer.prototype = new IriSP.Widgets.Widget();
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	7
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	8
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	9	IriSP.Widgets.SlideVideoPlayer.prototype.defaults = {
1068 7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	10	playerModule: "HtmlPlayer",
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	11	// mode is either "sidebyside" or "pip"
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	12	mode: "sidebyside"
1033 c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	13	};
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	14
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	15	IriSP.Widgets.SlideVideoPlayer.prototype.template = '<div class="Ldt-SlideVideoPlayer">\
1068 7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	16	<div class="Ldt-SlideVideoPlayer-slide Ldt-SlideVideoPlayer-panel">\
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	17	</div>\
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	18	<div class="Ldt-SlideVideoPlayer-video Ldt-SlideVideoPlayer-panel">\
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	19	</div>\
1033 c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	20	</div>';
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	21
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	22	IriSP.Widgets.SlideVideoPlayer.prototype.draw = function() {
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	23	var _this = this;
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	24
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	25	_this.renderTemplate();
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	26	this.insertSubwidget(
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	27	_this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-slide"),
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	28	{
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	29	type: "ImageDisplay",
1068 7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	30	annotation_type: _this.annotation_type
1033 c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	31	},
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	32	"slide"
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	33	);
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	34	this.insertSubwidget(
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	35	_this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-video"),
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	36	{
1068 7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	37	type: _this.playerModule,
1033 c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	38	video: _this.video,
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	39	width: '100%',
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	40	url_transform: _this.url_transform
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	41	},
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	42	"player"
1068 7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	43	);
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	44
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	45	if (_this.mode == 'pip') {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	46	_this.$.find(".Ldt-SlideVideoPlayer-panel").append('<div class="Ldt-SlideVideoPlayer-pip-menu"><div class="Ldt-SlideVideoPlayer-pip-menu-toggle"></div></div>');
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	47	_this.$.on("click", ".Ldt-SlideVideoPlayer-pip-menu-toggle", function () {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	48	_this.toggleMainDisplay();
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	49	});
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	50	window.setTimeout(function () {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	51	_this.setMainDisplay('video');
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	52	}, 1500);
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	53	} else {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	54	// Default : side by side
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	55	// FIXME: this should be better implemented through a signal sent
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	56	// when widgets are ready (and not just loaded)
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	57	window.setTimeout(function () {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	58	_this.$.find(".Ldt-SlideVideoPlayer").touchSplit({ orientation: (screen.height > screen.width) ? 'vertical' : 'horizontal',
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	59	leftMin: 20,
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	60	topMin: 20
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	61	});
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	62	}, 1500);
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	63	}
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	64	};
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	65
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	66	IriSP.Widgets.SlideVideoPlayer.prototype.toggleMainDisplay = function() {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	67	if (this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-video").hasClass("Ldt-SlideVideoPlayer-pip-main")) {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	68	this.setMainDisplay('slides');
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	69	} else {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	70	this.setMainDisplay('video');
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	71	}
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	72	};
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	73
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	74	// Set main display (in case of a "switch" display mode)
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	75	// main is either 'video' or 'slides'
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	76	IriSP.Widgets.SlideVideoPlayer.prototype.setMainDisplay = function(video_or_slides) {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	77	var main = this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-video");
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	78	var pip = this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-slide");
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	79	if (video_or_slides == 'slides') {
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	80	var temp = main;
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	81	main = pip;
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	82	pip = temp;
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	83	};
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	84	main.removeClass('Ldt-SlideVideoPlayer-pip-pip').addClass('Ldt-SlideVideoPlayer-pip-main');
7623f9af9272 merge pull request #3 from O. Auber ymh <ymh.work@gmail.com> parents: 1033 diff changeset	85	pip.removeClass('Ldt-SlideVideoPlayer-pip-main').addClass('Ldt-SlideVideoPlayer-pip-pip');
1033 c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	86	}

metadataplayer