视频播放追加 水印

client/client/components/player/chapterVideo/videoH5.vue

@@ -35,11 +35,19 @@ export default {
   },
   data () {
     return {
-      videoArr: {} // 视频流
+      videoArr: {}, // 视频流
+      timeSetInterval: null
     }
   },
   mounted () {
     this.definWindowFun()
+    this.addWatermark()
+  },
+  destroyed () {
+    if (this.timeSetInterval) {
+      clearInterval(this.timeSetInterval)
+      this.timeSetInterval = null
+    }
   },
   watch: {
     videoId: {
@@ -211,6 +219,39 @@ export default {
       // 绑定事件监听
       this.listenPlayerEvents()
     },
+    /* 增加水印处理 */
+    addWatermark () {
+      if (this.timeSetInterval) {
+        clearInterval(this.timeSetInterval)
+        this.timeSetInterval = null
+      }
+      /* 60s显示一次，一次显示10s，位置随机 */
+      let count1 = 0
+      let count2 = 0
+      this.timeSetInterval = setInterval(() => {
+        count1 += 1
+        count2 += 1
+        if (count2 >= 10) {
+          if ($('#' + PLAYER_ID) && $('#' + PLAYER_ID).length) {
+            let _o = $('#' + PLAYER_ID).find('#coverWatermark')
+            if (_o && _o.length) {
+              _o.remove()
+            }
+          }
+          count2 = 0
+        }
+        if (count1 >= 60) {
+          if ($('#' + PLAYER_ID) && $('#' + PLAYER_ID).length) {
+            $('#' + PLAYER_ID).append([
+              '<div id="coverWatermark" style="position: absolute; z-index: 99999; top: 60px; left: 0; right: 0; bottom: 60px;">',
+              '  <div style="position: absolute; color: #eee; font-size: 12px; top: ' + (Math.random() * ($('#' + PLAYER_ID).outerHeight() - 120)) + 'px; left: ' + (Math.random() * ($('#' + PLAYER_ID).outerWidth() - 200)) + 'px;">' + (window.G.UserInfo.username || '') + '</div>',
+              '</div>'
+            ].join(''))
+          }
+          count1 = 0
+        }
+      }, 1000)
+    },
     listenPlayerEvents () {
       $('#' + PLAYER_WRAP_ID).off('player.time player.seek').on('player.time player.seek', (e, data) => {
         this.$emit('handlePlayTime', data)

server/client-dist/index.html

@@ -15,4 +15,4 @@
     <script src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/static/compatible/console-polyfill.js"></script>
     <script src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/static/compatible/html5shiv.min.js"></script>
     <script src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/static/compatible/respond.min.js"></script>
-  <![endif]--><script type="text/javascript" src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/manifest.fdd4d93a.js"></script><script type="text/javascript" src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/vendor.1df1e39a.js"></script><script type="text/javascript" src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/app.2e98cab2.js"></script></body></html>
+  <![endif]--><script type="text/javascript" src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/manifest.35ba3a60.js"></script><script type="text/javascript" src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/vendor.1df1e39a.js"></script><script type="text/javascript" src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/app.2e98cab2.js"></script></body></html>
\ No newline at end of file

server/client-dist/resources/manifest.fdd4d93a.js → server/client-dist/resources/manifest.35ba3a60.js

-!function(d){function e(e){for(var t,r,a=e[0],n=e[1],f=e[2],o=0,c=[];o<a.length;o++)r=a[o],Object.prototype.hasOwnProperty.call(s,r)&&s[r]&&c.push(s[r][0]),s[r]=0;for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&(d[t]=n[t]);for(p&&p(e);c.length;)c.shift()();return i.push.apply(i,f||[]),u()}function u(){for(var e,t=0;t<i.length;t++){for(var r=i[t],a=!0,n=1;n<r.length;n++){var f=r[n];0!==s[f]&&(a=!1)}a&&(i.splice(t--,1),e=b(b.s=r[0]))}return e}var r={},l={3:0},s={3:0},i=[];function b(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return d[e].call(t.exports,t,t.exports,b),t.l=!0,t.exports}b.e=function(i){var e=[];l[i]?e.push(l[i]):0!==l[i]&&{0:1,5:1,6:1,7:1,8:1,9:1,10:1,11:1,12:1,13:1,14:1,15:1,16:1,17:1,18:1,19:1,20:1,21:1,22:1,23:1,24:1,25:1,26:1,27:1}[i]&&e.push(l[i]=new Promise(function(e,a){for(var t="resources/"+({}[i]||i)+"."+{0:"8c0fccc8dcdf",1:"31d6cfe0d16a",5:"930984a29124",6:"3107a8ece89c",7:"2f23f40abf18",8:"5038af54190d",9:"d1c67996bbb9",10:"dfc62ee48df4",11:"5429a27bb7bb",12:"233ef3b61b0f",13:"35e9fd271343",14:"96e432718f45",15:"bf3bfca20322",16:"ae04a260ff2d",17:"66f6f1b2e2f8",18:"e49666539688",19:"0ba27a54f3b2",20:"a029dc0f3a68",21:"1781a847a9fa",22:"119428b4ace4",23:"ea3ddb59c757",24:"ac46a7f215a5",25:"d0a83561e812",26:"cd25beb0b57a",27:"f9edc40b7bd4",28:"31d6cfe0d16a",29:"31d6cfe0d16a",30:"31d6cfe0d16a",31:"31d6cfe0d16a",32:"31d6cfe0d16a",33:"31d6cfe0d16a",34:"31d6cfe0d16a",35:"31d6cfe0d16a",36:"31d6cfe0d16a"}[i]+".css",n=b.p+t,r=document.getElementsByTagName("link"),f=0;f<r.length;f++){var o=(d=r[f]).getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(o===t||o===n))return e()}var c=document.getElementsByTagName("style");for(f=0;f<c.length;f++){var d;if((o=(d=c[f]).getAttribute("data-href"))===t||o===n)return e()}var u=document.createElement("link");u.rel="stylesheet",u.type="text/css",u.onload=e,u.onerror=function(e){var t=e&&e.target&&e.target.src||n,r=new Error("Loading CSS chunk "+i+" failed.\n("+t+")");r.request=t,delete l[i],u.parentNode.removeChild(u),a(r)},u.href=n,document.getElementsByTagName("head")[0].appendChild(u)}).then(function(){l[i]=0}));var r=s[i];if(0!==r)if(r)e.push(r[2]);else{var t=new Promise(function(e,t){r=s[i]=[e,t]});e.push(r[2]=t);var a,n=document.createElement("script");n.charset="utf-8",n.timeout=120,b.nc&&n.setAttribute("nonce",b.nc),n.src=function(e){return b.p+"resources/"+({}[e]||e)+"."+{0:"bdb257c7",1:"a33f6a64",5:"06ef92f8",6:"61215dbb",7:"e8330fd0",8:"d89af708",9:"041ac74f",10:"5f7a110d",11:"110d533d",12:"74df2619",13:"bcf74b33",14:"452aabba",15:"56d8b358",16:"9475586c",17:"613decd8",18:"5737205c",19:"33082a99",20:"d6e890a8",21:"e653d57a",22:"09e47e1e",23:"699140fc",24:"bcaa4c08",25:"9b448869",26:"4b1fe3d0",27:"45cd3e74",28:"214150d4",29:"bf7e4f5f",30:"8644fcf5",31:"5ffb1604",32:"0af9751d",33:"1363cd62",34:"3a941670",35:"360dd12c",36:"0aa74b84"}[e]+".js"}(i);var f=new Error;a=function(e){n.onerror=n.onload=null,clearTimeout(o);var t=s[i];if(0!==t){if(t){var r=e&&("load"===e.type?"missing":e.type),a=e&&e.target&&e.target.src;f.message="Loading chunk "+i+" failed.\n("+r+": "+a+")",f.name="ChunkLoadError",f.type=r,f.request=a,t[1](f)}s[i]=void 0}};var o=setTimeout(function(){a({type:"timeout",target:n})},12e4);n.onerror=n.onload=a,document.head.appendChild(n)}return Promise.all(e)},b.m=d,b.c=r,b.d=function(e,t,r){b.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},b.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},b.t=function(t,e){if(1&e&&(t=b(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(b.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)b.d(r,a,function(e){return t[e]}.bind(null,a));return r},b.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(t,"a",t),t},b.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},b.p="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/",b.oe=function(e){throw console.error(e),e};var t=window.webpackJsonp=window.webpackJsonp||[],a=t.push.bind(t);t.push=e,t=t.slice();for(var n=0;n<t.length;n++)e(t[n]);var p=a;u()}([]);
+!function(d){function e(e){for(var t,r,a=e[0],n=e[1],f=e[2],o=0,c=[];o<a.length;o++)r=a[o],Object.prototype.hasOwnProperty.call(s,r)&&s[r]&&c.push(s[r][0]),s[r]=0;for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&(d[t]=n[t]);for(p&&p(e);c.length;)c.shift()();return i.push.apply(i,f||[]),u()}function u(){for(var e,t=0;t<i.length;t++){for(var r=i[t],a=!0,n=1;n<r.length;n++){var f=r[n];0!==s[f]&&(a=!1)}a&&(i.splice(t--,1),e=b(b.s=r[0]))}return e}var r={},l={3:0},s={3:0},i=[];function b(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return d[e].call(t.exports,t,t.exports,b),t.l=!0,t.exports}b.e=function(i){var e=[];l[i]?e.push(l[i]):0!==l[i]&&{0:1,5:1,6:1,7:1,8:1,9:1,10:1,11:1,12:1,13:1,14:1,15:1,16:1,17:1,18:1,19:1,20:1,21:1,22:1,23:1,24:1,25:1,26:1,27:1}[i]&&e.push(l[i]=new Promise(function(e,a){for(var t="resources/"+({}[i]||i)+"."+{0:"8c0fccc8dcdf",1:"31d6cfe0d16a",5:"930984a29124",6:"3107a8ece89c",7:"2f23f40abf18",8:"5038af54190d",9:"d1c67996bbb9",10:"dfc62ee48df4",11:"5429a27bb7bb",12:"233ef3b61b0f",13:"35e9fd271343",14:"96e432718f45",15:"bf3bfca20322",16:"ae04a260ff2d",17:"66f6f1b2e2f8",18:"e49666539688",19:"0ba27a54f3b2",20:"a029dc0f3a68",21:"1781a847a9fa",22:"119428b4ace4",23:"ea3ddb59c757",24:"ac46a7f215a5",25:"d0a83561e812",26:"cd25beb0b57a",27:"f9edc40b7bd4",28:"31d6cfe0d16a",29:"31d6cfe0d16a",30:"31d6cfe0d16a",31:"31d6cfe0d16a",32:"31d6cfe0d16a",33:"31d6cfe0d16a",34:"31d6cfe0d16a",35:"31d6cfe0d16a",36:"31d6cfe0d16a"}[i]+".css",n=b.p+t,r=document.getElementsByTagName("link"),f=0;f<r.length;f++){var o=(d=r[f]).getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(o===t||o===n))return e()}var c=document.getElementsByTagName("style");for(f=0;f<c.length;f++){var d;if((o=(d=c[f]).getAttribute("data-href"))===t||o===n)return e()}var u=document.createElement("link");u.rel="stylesheet",u.type="text/css",u.onload=e,u.onerror=function(e){var t=e&&e.target&&e.target.src||n,r=new Error("Loading CSS chunk "+i+" failed.\n("+t+")");r.request=t,delete l[i],u.parentNode.removeChild(u),a(r)},u.href=n,document.getElementsByTagName("head")[0].appendChild(u)}).then(function(){l[i]=0}));var r=s[i];if(0!==r)if(r)e.push(r[2]);else{var t=new Promise(function(e,t){r=s[i]=[e,t]});e.push(r[2]=t);var a,n=document.createElement("script");n.charset="utf-8",n.timeout=120,b.nc&&n.setAttribute("nonce",b.nc),n.src=function(e){return b.p+"resources/"+({}[e]||e)+"."+{0:"bdb257c7",1:"a33f6a64",5:"06ef92f8",6:"61215dbb",7:"e8330fd0",8:"d89af708",9:"041ac74f",10:"5f7a110d",11:"a8fad53a",12:"74df2619",13:"bcf74b33",14:"452aabba",15:"56d8b358",16:"9475586c",17:"613decd8",18:"5737205c",19:"33082a99",20:"d6e890a8",21:"e653d57a",22:"09e47e1e",23:"699140fc",24:"bcaa4c08",25:"9b448869",26:"4b1fe3d0",27:"45cd3e74",28:"214150d4",29:"bf7e4f5f",30:"8644fcf5",31:"5ffb1604",32:"0af9751d",33:"1363cd62",34:"3a941670",35:"360dd12c",36:"0aa74b84"}[e]+".js"}(i);var f=new Error;a=function(e){n.onerror=n.onload=null,clearTimeout(o);var t=s[i];if(0!==t){if(t){var r=e&&("load"===e.type?"missing":e.type),a=e&&e.target&&e.target.src;f.message="Loading chunk "+i+" failed.\n("+r+": "+a+")",f.name="ChunkLoadError",f.type=r,f.request=a,t[1](f)}s[i]=void 0}};var o=setTimeout(function(){a({type:"timeout",target:n})},12e4);n.onerror=n.onload=a,document.head.appendChild(n)}return Promise.all(e)},b.m=d,b.c=r,b.d=function(e,t,r){b.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},b.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},b.t=function(t,e){if(1&e&&(t=b(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(b.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)b.d(r,a,function(e){return t[e]}.bind(null,a));return r},b.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(t,"a",t),t},b.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},b.p="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/",b.oe=function(e){throw console.error(e),e};var t=window.webpackJsonp=window.webpackJsonp||[],a=t.push.bind(t);t.push=e,t=t.slice();for(var n=0;n<t.length;n++)e(t[n]);var p=a;u()}([]);
\ No newline at end of file