diff -r 7c67caaafdeb -r 761ba7426984 web/res/metadataplayer/SlideVideoPlayer.js --- a/web/res/metadataplayer/SlideVideoPlayer.js Mon Nov 20 18:10:58 2023 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,86 +0,0 @@ -IriSP.Widgets.SlideVideoPlayer = function(player, config) { - IriSP.loadCss(IriSP.getLib("cssSplitter")); - IriSP.Widgets.Widget.call(this, player, config); -}; - -IriSP.Widgets.SlideVideoPlayer.prototype = new IriSP.Widgets.Widget(); - - -IriSP.Widgets.SlideVideoPlayer.prototype.defaults = { - playerModule: "HtmlPlayer", - // mode is either "sidebyside" or "pip" - mode: "sidebyside" -}; - -IriSP.Widgets.SlideVideoPlayer.prototype.template = '
\ -
\ -
\ -
\ -
\ -
'; - -IriSP.Widgets.SlideVideoPlayer.prototype.draw = function() { - var _this = this; - - _this.renderTemplate(); - this.insertSubwidget( - _this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-slide"), - { - type: "ImageDisplay", - annotation_type: _this.annotation_type - }, - "slide" - ); - this.insertSubwidget( - _this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-video"), - { - type: _this.playerModule, - video: _this.video, - width: '100%', - url_transform: _this.url_transform - }, - "player" - ); - - if (_this.mode == 'pip') { - _this.$.find(".Ldt-SlideVideoPlayer-panel").append('
'); - _this.$.on("click", ".Ldt-SlideVideoPlayer-pip-menu-toggle", function () { - _this.toggleMainDisplay(); - }); - window.setTimeout(function () { - _this.setMainDisplay('video'); - }, 1500); - } else { - // Default : side by side - // FIXME: this should be better implemented through a signal sent - // when widgets are ready (and not just loaded) - window.setTimeout(function () { - _this.$.find(".Ldt-SlideVideoPlayer").touchSplit({ orientation: (screen.height > screen.width) ? 'vertical' : 'horizontal', - leftMin: 20, - topMin: 20 - }); - }, 1500); - } -}; - -IriSP.Widgets.SlideVideoPlayer.prototype.toggleMainDisplay = function() { - if (this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-video").hasClass("Ldt-SlideVideoPlayer-pip-main")) { - this.setMainDisplay('slides'); - } else { - this.setMainDisplay('video'); - } -}; - -// Set main display (in case of a "switch" display mode) -// main is either 'video' or 'slides' -IriSP.Widgets.SlideVideoPlayer.prototype.setMainDisplay = function(video_or_slides) { - var main = this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-video"); - var pip = this.$.find(".Ldt-SlideVideoPlayer-panel.Ldt-SlideVideoPlayer-slide"); - if (video_or_slides == 'slides') { - var temp = main; - main = pip; - pip = temp; - }; - main.removeClass('Ldt-SlideVideoPlayer-pip-pip').addClass('Ldt-SlideVideoPlayer-pip-main'); - pip.removeClass('Ldt-SlideVideoPlayer-pip-main').addClass('Ldt-SlideVideoPlayer-pip-pip'); -}