noby
/
workadventure
2
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #1107 from thecodingmachine/enableCameraSceneSafari 

Fixing camera on safari iphone
This commit is contained in:
David Négrier 2021-06-03 14:42:18 +02:00 committed by GitHub
parent 9401662f83 ebf217057d
commit 46cd387853
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/src/Components/EnableCamera/EnableCameraScene.svelte
View File

@ -1,6 +1,6 @@
<script lang="typescript"> <script lang="typescript">
import {Game} from "../../Phaser/Game/Game"; import {Game} from "../../Phaser/Game/Game";
import {EnableCameraSceneName} from "../../Phaser/Login/EnableCameraScene"; import {EnableCameraScene, EnableCameraSceneName} from "../../Phaser/Login/EnableCameraScene";
import { import {
audioConstraintStore, audioConstraintStore,
cameraListStore, cameraListStore,
@ -18,7 +18,7 @@
let selectedCamera : string|null = null; let selectedCamera : string|null = null;
let selectedMicrophone : string|null = null; let selectedMicrophone : string|null = null;
const enableCameraScene = game.scene.getScene(EnableCameraSceneName); const enableCameraScene = game.scene.getScene(EnableCameraSceneName) as EnableCameraScene;
function submit() { function submit() {
enableCameraScene.login(); enableCameraScene.login();
@ -80,7 +80,7 @@
<h2>Turn on your camera and microphone</h2> <h2>Turn on your camera and microphone</h2>
</section> </section>
{#if $localStreamStore.stream} {#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 } {:else }
<div class="webrtcsetup"> <div class="webrtcsetup">
<img class="background-img" src={cinemaCloseImg} alt=""> <img class="background-img" src={cinemaCloseImg} alt="">
@ -200,6 +200,7 @@
margin-top: 2vh; margin-top: 2vh;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-height: 50vh;
width: 50vw; width: 50vw;
border: white 6px solid; border: white 6px solid;
-webkit-transform: scaleX(-1); -webkit-transform: scaleX(-1);

2
front/src/Components/MyCamera.svelte
View File

@ -38,7 +38,7 @@
<div> <div>
<div class="video-container div-myCamVideo" class:hide={!$localStreamStore.constraints.video}> <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} <!-- {#if stream}
<SoundMeterWidget stream={stream}></SoundMeterWidget> <SoundMeterWidget stream={stream}></SoundMeterWidget>
{/if} --> {/if} -->