_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'develop' of github.com:thecodingmachine/workadventure

Browse Source
This commit is contained in:
_Bastler 2022-01-31 13:57:46 +01:00
commit 6cea6a3ce0
4 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/Components/Video/LocalStreamMediaBox.svelte
View File

@ -15,7 +15,7 @@
if (stream) {
embedScreen = {
type: "streamable",
embed: stream as unknown as Streamable,
embed: peer as unknown as Streamable,
};
}
</script>

2
front/src/Components/Video/ScreenSharingMediaBox.svelte
View File

@ -31,10 +31,10 @@
<div class="rtc-error" />
{/if}
{#if $streamStore !== null}
<!-- svelte-ignore a11y-media-has-caption -->
<i class="container">
<span style="background-color: {getColorByString(name)};">{name}</span>
</i>
<!-- svelte-ignore a11y-media-has-caption -->
<video
use:srcObject={$streamStore}
autoplay

7
front/src/Components/Video/VideoMediaBox.svelte
View File

@ -50,7 +50,12 @@
});
</script>
<div class="video-container" class:no-clikable={!clickable} bind:this={videoContainer}>
<div
class="video-container"
class:no-clikable={!clickable}
bind:this={videoContainer}
on:click={() => (clickable ? highlightedEmbedScreen.toggleHighlight(embedScreen) : null)}
>
{#if $statusStore === "connecting"}
<div class="connecting-spinner" />
{/if}

7
front/src/Stores/StreamableCollectionStore.ts
View File

@ -2,6 +2,7 @@ import { derived, get, Readable } from "svelte/store";
import { ScreenSharingLocalMedia, screenSharingLocalMedia } from "./ScreenSharingStore";
import { peerStore, screenSharingStreamStore } from "./PeerStore";
import type { RemotePeer } from "../WebRtc/SimplePeer";
import { highlightedEmbedScreen } from "./EmbedScreensStore";
export type Streamable = RemotePeer | ScreenSharingLocalMedia;
@ -25,6 +26,12 @@ function createStreamableCollectionStore(): Readable<Map<string, Streamable>> {
addPeer($screenSharingLocalMedia);
}
const $highlightedEmbedScreen = get(highlightedEmbedScreen);
if ($highlightedEmbedScreen?.type === "streamable" && !peers.has($highlightedEmbedScreen.embed.uniqueId)) {
highlightedEmbedScreen.removeHighlight();
}
set(peers);
}
);