metadataplayer: src/widgets/SlideVideoPlayer.js@eb77616c245f (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	durandn
	Tue, 01 Sep 2015 15:31:46 +0200
changeset 1046	eb77616c245f
parent 1033	c20df1c080e6
child 1068	7623f9af9272
permissions	-rw-r--r--

Updated LatestAnnotation, CurrentSegmentInfobox, AnnotationController and AnnotationList widgets to use timerange to find the current segment when the corresponding option is used + CurrentSegmentInfobox now has an option for editing the current segment + LatestAnnotation now has a "Copy and edit" button that allows to use the text from the currently displayed annotation into the CreateAnnotation widget textarea

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 = {
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	10	};
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	11
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	12	IriSP.Widgets.SlideVideoPlayer.prototype.template = '<div class="Ldt-SlideVideoPlayer">\
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	13	<div class="Ldt-SlideVideoPlayer-slide Ldt-SlideVideoPlayer-panel">\
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	14	</div>\
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	15	<div class="Ldt-SlideVideoPlayer-video Ldt-SlideVideoPlayer-panel"></div>\
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	16	</div>';
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	17
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	18	IriSP.Widgets.SlideVideoPlayer.prototype.draw = function() {
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	19	var _this = this;
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	20
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	21	_this.renderTemplate();
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	22	this.insertSubwidget(
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	23	_this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-slide"),
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	type: "ImageDisplay",
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	26	annotation_type: _this.annotation_type,
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	27	width: '100%'
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	"slide"
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	30	);
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	31	this.insertSubwidget(
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	32	_this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-video"),
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	type: "HtmlPlayer",
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	35	video: _this.video,
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	36	width: '100%',
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	37	url_transform: _this.url_transform
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	38	},
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	39	"player"
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	40	);
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	41	// FIXME: this should be better implemented through a signal sent
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	42	// when widgets are ready (and not just loaded)
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	43	window.setTimeout(function () {
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	44	_this.$.find(".Ldt-SlideVideoPlayer").split({ orientation: 'vertical' });
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	45	}, 1000);
c20df1c080e6 integrate changes from github ymh <ymh.work@gmail.com> parents: diff changeset	46	}

metadataplayer