Merge pull request #1107 from thecodingmachine/enableCameraSceneSafari

Fixing camera on safari iphone

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,7 +18,7 @@
     let selectedCamera : string|null = null;
     let selectedMicrophone : string|null = null;
 
-    const enableCameraScene = game.scene.getScene(EnableCameraSceneName);
+    const enableCameraScene = game.scene.getScene(EnableCameraSceneName) as EnableCameraScene;
 
     function submit() {
         enableCameraScene.login();
@@ -80,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="">
@@ -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);

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} -->