Pārlūkot izejas kodu

add fullscreen to jsmpeg player

Blake Blackshear 3 gadi atpakaļ
vecāks
revīzija
f94a946418
1 mainītis faili ar 13 papildinājumiem un 0 dzēšanām
  1. 13 0
      web/src/components/JSMpegPlayer.jsx

+ 13 - 0
web/src/components/JSMpegPlayer.jsx

@@ -15,6 +15,19 @@ export default function JSMpegPlayer({ camera }) {
       {protocols: [], audio: false}
     );
 
+    const fullscreen = () => {
+      console.log("fullscreen");
+
+      if(video.els.canvas.webkitRequestFullScreen) {
+        video.els.canvas.webkitRequestFullScreen();
+      }
+      else {
+        video.els.canvas.mozRequestFullScreen();
+      }
+    }
+
+    video.els.canvas.addEventListener("click",fullscreen)
+
     return () => {
       video.destroy();
     };