From 8bcfc3cbee18ae0416fbb5fa8217b00d08d547c6 Mon Sep 17 00:00:00 2001
From: GRL <g.lesniewski@thecodingmachine.com>
Date: Thu, 3 Jun 2021 10:30:53 +0200
Subject: [PATCH 1/3] Max height on EnableCameraScene

---
 front/src/Components/EnableCamera/EnableCameraScene.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 9cbd2c25..80b1756d 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -200,6 +200,7 @@
         margin-top: 2vh;
         margin-left: auto;
         margin-right: auto;
+        max-height: 50vh;
         width: 50vw;
         border: white 6px solid;
         -webkit-transform: scaleX(-1);

From 4fd453ec05d6cacbb9ae7cabc8e8634c38954d62 Mon Sep 17 00:00:00 2001
From: GRL <g.lesniewski@thecodingmachine.com>
Date: Thu, 3 Jun 2021 12:02:58 +0200
Subject: [PATCH 2/3] playsinline on video

---
 front/src/Components/EnableCamera/EnableCameraScene.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 80b1756d..07c45d26 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -19,6 +19,8 @@
     let selectedMicrophone : string|null = null;
 
     const enableCameraScene = game.scene.getScene(EnableCameraSceneName);
+    var video = document.getElementById("myCamVideoSetup");
+    video.setAttribute("playsinline", 'true');
 
     function submit() {
         enableCameraScene.login();

From ebf217057d9908e80344a94657468504639fc8c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Thu, 3 Jun 2021 14:31:21 +0200
Subject: [PATCH 3/3] Switching to "playsinline" attribute in the video tag
 (both of them)

---
 .../src/Components/EnableCamera/EnableCameraScene.svelte  | 8 +++-----
 front/src/Components/MyCamera.svelte                      | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 07c45d26..537e8bdb 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -1,6 +1,6 @@
 <script lang="typescript">
     import {Game} from "../../Phaser/Game/Game";
-    import {EnableCameraSceneName} from "../../Phaser/Login/EnableCameraScene";
+    import {EnableCameraScene, EnableCameraSceneName} from "../../Phaser/Login/EnableCameraScene";
     import {
         audioConstraintStore,
         cameraListStore,
@@ -18,9 +18,7 @@
     let selectedCamera : string|null = null;
     let selectedMicrophone : string|null = null;
 
-    const enableCameraScene = game.scene.getScene(EnableCameraSceneName);
-    var video = document.getElementById("myCamVideoSetup");
-    video.setAttribute("playsinline", 'true');
+    const enableCameraScene = game.scene.getScene(EnableCameraSceneName) as EnableCameraScene;
 
     function submit() {
         enableCameraScene.login();
@@ -82,7 +80,7 @@
         <h2>Turn on your camera and microphone</h2>
     </section>
         {#if $localStreamStore.stream}
-            <video class="myCamVideoSetup" use:srcObject={$localStreamStore.stream} autoplay muted></video>
+            <video class="myCamVideoSetup" use:srcObject={$localStreamStore.stream} autoplay muted playsinline></video>
         {:else }
             <div class="webrtcsetup">
                 <img class="background-img" src={cinemaCloseImg} alt="">
diff --git a/front/src/Components/MyCamera.svelte b/front/src/Components/MyCamera.svelte
index 6e1e50ef..3ff88d89 100644
--- a/front/src/Components/MyCamera.svelte
+++ b/front/src/Components/MyCamera.svelte
@@ -38,7 +38,7 @@
 
 <div>
     <div class="video-container div-myCamVideo" class:hide={!$localStreamStore.constraints.video}>
-        <video class="myCamVideo" use:srcObject={$localStreamStore.stream} autoplay muted></video>
+        <video class="myCamVideo" use:srcObject={$localStreamStore.stream} autoplay muted playsinline></video>
         <!-- {#if stream}
         <SoundMeterWidget stream={stream}></SoundMeterWidget>
         {/if} -->