Pocitadlo sledujicich

.gitlab-ci.yml

@@ -2,7 +2,6 @@ image: docker:20.10.9
 
 variables:
   DOCKER_TLS_CERTDIR: "/certs"
-  IMAGE_VER: 2.2.3
 
 services:
   - docker:20.10.9-dind
@@ -13,7 +12,8 @@ before_script:
 build:
   stage: build
   script:
+    - VERSION=`cat VERSION`
     - docker pull $CI_REGISTRY_IMAGE:latest || true
-    - docker build --cache-from $CI_REGISTRY_IMAGE:latest --tag $CI_REGISTRY_IMAGE:$IMAGE_VER --tag $CI_REGISTRY_IMAGE:latest .
-    - docker push $CI_REGISTRY_IMAGE:$IMAGE_VER
+    - docker build --cache-from $CI_REGISTRY_IMAGE:latest --tag $CI_REGISTRY_IMAGE:$VERSION --tag $CI_REGISTRY_IMAGE:latest .
+    - docker push $CI_REGISTRY_IMAGE:$VERSION
     - docker push $CI_REGISTRY_IMAGE:latest

VERSION

+2.3.0

package.json

@@ -37,7 +37,7 @@
     "flv.js": "^1.5.0",
     "jquery": "^3.5.1",
     "popper.js": "^1.16.1",
-    "video.js": "^7.17.1",
+    "video.js": "^7.18.1",
     "videojs-contrib-quality-levels": "^2.1.0",
     "videojs-flvjs": "^0.2.0",
     "videojs-hls-quality-selector": "^1.1.4"

templates/includes/player.html.ep

@@ -7,9 +7,13 @@
 <script src="/js/videojs-flvjs.min.js"></script>
 % }
 
+<div id="VideoContainer">
 <video id="player" class="video-js vjs-default-skin">
 <source src="<%= $src %>" type="<%= $live ? 'application/x-mpegURL':'video/flv' %>" />
 </video>
+<div class="Info">Počet sledujících: <span id="Watchers">0</span></div>
+</div>
+
 
 <script>
 
@@ -50,3 +54,15 @@ player.ready(function() {
 
 </script>
 
+<style>
+
+.Info {
+  padding: .2em;
+  margin-top: 1px;
+  background-color: #000;
+  font-size: 80%;
+  color: #fff;
+  text-align: right;
+}
+
+</style>

templates/stream/player.html.ep

@@ -12,6 +12,7 @@ function connect() {
   ws.onmessage = function (event) {
     var data = JSON.parse(event.data)
      if ( typeof data.watchers !== 'undefined' ) {
+        $('#Watchers').text(data.watchers);
         console.log(data);
      }
   };