pujitm
diff --git a/‎Dockerfile.amd64‎
Lines changed: 6 additions & 2 deletions b/‎Dockerfile.amd64‎
Lines changed: 6 additions & 2 deletions
diff --git a/‎Dockerfile.j2‎
Lines changed: 7 additions & 2 deletions b/‎Dockerfile.j2‎
Lines changed: 7 additions & 2 deletions
diff --git a/‎web/static/novnc‎ b/‎web/static/novnc‎
diff --git a/‎web/static/scripts/flv.min.js‎
Lines changed: 6 additions & 6 deletions b/‎web/static/scripts/flv.min.js‎
Lines changed: 6 additions & 6 deletions
diff --git a/‎web/static/video.html‎
Lines changed: 26 additions & 9 deletions b/‎web/static/video.html‎
Lines changed: 26 additions & 9 deletions
@@ -51,8 +51,12 @@ ADD https://github.com/krallin/tini/releases/download/${TINI_VERSION}/tini /bin/
 RUN chmod +x /bin/tini
 
 # ffmpeg
-RUN mkdir -p /usr/local/ffmpeg \
- && curl -sSL https://johnvansickle.com/ffmpeg/releases/ffmpeg-release-amd64-static.tar.xz | tar xJvf - -C /usr/local/ffmpeg/ --strip 1
+RUN apt update \
+ && apt install -y --no-install-recommends --allow-unauthenticated \
+ ffmpeg \
+ && rm -rf /var/lib/apt/lists/* \
+ && mkdir /usr/local/ffmpeg \
+ && ln -s /usr/bin/ffmpeg /usr/local/ffmpeg/ffmpeg
 
 # python library
 COPY image/usr/local/lib/web/backend/requirements.txt /tmp/
 
@@ -72,8 +72,13 @@ ADD https://github.com/krallin/tini/releases/download/${TINI_VERSION}/tini-{{arc
 RUN chmod +x /bin/tini
 
 # ffmpeg
-RUN mkdir -p /usr/local/ffmpeg \
- && curl -sSL https://johnvansickle.com/ffmpeg/releases/ffmpeg-release-amd64-static.tar.xz | tar xJvf - -C /usr/local/ffmpeg/ --strip 1
+RUN apt update \
+ && apt install -y --no-install-recommends --allow-unauthenticated \
+ ffmpeg \
+ && rm -rf /var/lib/apt/lists/* \
+ && mkdir /usr/local/ffmpeg \
+ && ln -s /usr/bin/ffmpeg /usr/local/ffmpeg/ffmpeg
+
 
 # python library
 COPY image/usr/local/lib/web/backend/requirements.txt /tmp/
 
@@ -32,7 +32,7 @@
 </head>
 <body>
  <div id="mainContainer" class="mainContainer">
- <video name="videoElement" class="centeredVideo" autoplay width="1024" height="576">
+ <video name="videoElement" class="centeredVideo" width="1024" height="576">
  Your browser is too old which doesn't support HTML5 video.
  </video>
  <br>
@@ -63,21 +63,38 @@
  //flv_load();
  var videoElement = document.getElementsByName('videoElement')[0];
  flvPlayer = flvjs.createPlayer({
-  type: 'flv',
-  url: url,
-  isLive: true,
-  withCredentials: true
- }, {isLive: true, enableStashBuffer: false});
+ type: 'flv',
+ url: url,
+ isLive: true,
+ withCredentials: true
+ }, { isLive: true, enableStashBuffer: false });
  flvPlayer.attachMediaElement(videoElement);
  flvPlayer.load();
- flvPlayer.play();
- flvPlayer.on("error", function() {
+ function f() {
+ try {
+ // flvPlayer.play();
+ var playPromise = videoElement.play();
+ if (playPromise !== undefined) {
+ playPromise.then(_ => {
+ console.log("play successfully");
+ }).catch(error => {
+ // console.log(error);
+ setTimeout(f, 10)
+ });
+ } else {
+ // console.log('undefined');
+ setTimeout(f, 10)
+ }
+ } catch (e) { console.log(e); }
+ }
+ videoElement.addEventListener('canplay', function (e) { setTimeout(f, 0); });
+ flvPlayer.on("error", function () {
  window.location.reload();
  });
  } catch (e) {
  console.log(e);
  }
- });
+  });
  </script>
 </body>
 </html>