player segment buttons added
authorvasary.daniel <TFS\vasary.daniel>
Wed, 13 Apr 2022 23:07:37 +0000 (23:07 +0000)
committervasary.daniel <TFS\vasary.daniel>
Wed, 13 Apr 2022 23:07:37 +0000 (23:07 +0000)
git-tfs-id: [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube;C33160

server/user.mediacube.gui/WEB-INF/zk.xml
server/user.mediacube.gui/css/archivum.css
server/user.mediacube.gui/js/searchitems.js
server/user.mediacube.gui/pages/searchitems.zul
server/user.mediacube.gui/src/user/jobengine/zk/model/ListSearchModel.java

index c037eeeeb6aba9ab0b9360837c8d2790609a1a96..39f79d9d201723e69d9ff164e9e8fdce51bacc9a 100644 (file)
@@ -12,6 +12,10 @@ https://www.zkoss.org/wiki/ZK_Configuration_Reference/zk.xml
        <value>hu</value>\r
        </library-property>\r
 <!--   <library-property> -->\r
+<!--       <name>org.zkoss.zk.ZUML.cache</name> -->\r
+<!--           <value>false</value> -->\r
+<!--   </library-property> -->\r
+<!--   <library-property> -->\r
 <!--           <name>org.zkoss.bind.DebuggerFactory.enable</name> -->\r
 <!--           <value>true</value> -->\r
 <!--   </library-property> -->\r
index fdf3448deb7e1f353c62241ab4af41a58994046b..46c1d5fccd997cc325c0169f2566643eed7b0251 100644 (file)
@@ -13,8 +13,24 @@ body {
         background: #eeeeee;\r
 }\r
 \r
+\r
+/* @font-face { */\r
+/*   font-family: 'Roboto Serif'; */\r
+/*   font-style: normal; */\r
+/*   font-weight: 100; */\r
+/*   font-stretch: 100%; */\r
+/*   font-display: swap; */\r
+/*   src: url(https://fonts.gstatic.com/s/robotoserif/v5/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX6UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcEliosl658AM5f.woff2) format('woff2'); */\r
+/*   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; */\r
+/* } */\r
+\r
+/* [class*="z-"]:not([class*="z-icon-"]) { */\r
+/*     font-family: Windings; */\r
+/* } */\r
+\r
 body *:not([class*="z-icon-"]) {\r
        font-family: Verdana;\r
+/*     font-family: 'Roboto Serif', serif; */\r
 }\r
 \r
 .z-comboitem, .z-comboitem a, .z-comboitem a:visited {\r
index 44fdebe1db1f3e2ffbbeb1c83fbac55ded5b22e5..4f5642546b42c59d57ad82494445e335b66a762f 100644 (file)
@@ -1,8 +1,42 @@
 /* Proxy lejátszó */\r
-var player = videojs('myVideoDiv', {\r
-       controls : true,\r
-       preload : "auto"\r
-});\r
+\r
+function addButton(player, id, text, callback){\r
+       var button = videojs.getComponent('Button');\r
+       var breakButton = videojs.extend(button, {\r
+       constructor: function() {\r
+         button.apply(this, arguments);\r
+         this.controlText(text);\r
+         this.addClass('vjs-icon-spinner');\r
+       },\r
+       handleClick: function() {\r
+         callback();\r
+       }\r
+       });\r
+       videojs.registerComponent(id, breakButton);\r
+       player.getChild('controlBar').addChild(id, {}); \r
+}\r
+\r
+function createPlayer() {\r
+       var player = videojs('myVideoDiv', {\r
+               controls : true,\r
+               preload : "auto"\r
+       });\r
+\r
+       addButton(player, 'stepPrevButton', "Step back", function() {\r
+         console.log('Step back');\r
+       });\r
+       addButton(player, 'breakButton', "Insert breakpoint", function() {\r
+         console.log('BREAK');\r
+       });\r
+       addButton(player, 'stepNextButton', "Step foreward", function() {\r
+         console.log('Step foreward');\r
+       });\r
+       \r
+       return player;\r
+}\r
+\r
+\r
+var player = createPlayer();\r
 \r
 function setSource(src, srcType) {\r
        console.log("setSource", player, src);\r
@@ -22,14 +56,13 @@ function setSource(src, srcType) {
        }\r
 }\r
 \r
-setSource(null);\r
+//setSource(null);\r
 \r
 //player.src({\r
 //     type : 'application/x-mpegURL',\r
 //     src : '/services/proxy/media1/index.m3u8'\r
 //});\r
 \r
-\r
 function secondsToSMPTE(seconds) {\r
     var f = Math.floor((seconds % 1) * 25);\r
     var seconds = Math.floor(seconds);\r
index f42872d3c2d07d2152aeb249809eb57d776d787e..e83b3bae10b281fc28405d41c71e27e049a05477 100644 (file)
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>\r
 <?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" ?>\r
 <?init class="user.jobengine.zk.util.AuthInitiator"?>\r
 \r
@@ -7,7 +6,6 @@
 <?component name="search-results" if inline="true" macroURI="searchitems/listresults.zul"?>\r
 <?component name="item-details" inline="true" macroURI="searchitems/details.zul"?>\r
 \r
-<!DOCTYPE xml>\r
 <zk xmlns:h="xhtml" xmlns:n="native" xmlns:c="client">\r
        <style src="/css/video-js.css" />\r
        <style src="/css/searchitems.css" /> \r
@@ -73,7 +71,5 @@
                        </center>\r
                </borderlayout>\r
                \r
-<!-- <window title="My Overlapped" width="300px" mode="overlapped" closable="true" maximizable="true" minimizable="true" > -->\r
-<!-- </window>          -->\r
        </div>\r
 </zk>
\ No newline at end of file
index 0a0ccf5698809b4839368085bbc2b5883441c21e..d91cde9acad53078a5f6024b7e8255a20caaaca1 100644 (file)
@@ -257,6 +257,9 @@ public class ListSearchModel extends AsyncBaseModel {
                        handleSearchError(e);\r
                }\r
 \r
+               Clients.evalJavaScript(\r
+                               "setSource('https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4', 'video/mp4')");\r
+\r
        }\r
 \r
        private void unsetAllFilters() {\r