{focus === self.session ? `Your ${focusKind}` : focusUser ? store.displayName(focusUser) : 'Screen share'} {#if focus !== self.session && hasSound} store.saveSettings()} aria-label="Stream volume" title="Stream volume" /> {/if} {#if popped} {:else} {/if} {#if focus !== self.session} {:else if videoOnly} {share.viewers} watching {/if} {#if !videoOnly || shown.length}{/if}

{#if popped}

Shown in a separate window.

{:else}

{#if focus !== self.session && focusWatch && focusWatch.state !== 'live'}

{focusWatch.state === 'failed' ? 'Could not connect to the stream. Across the internet both of you need a STUN server; networks that block direct connections need a relay. Both are in Settings, Voice.' : 'Connecting to the stream...'}

{/if} {#if showStats} (showStats = false)} />{/if}

{/if}

{#each rows as row, r (r)}

{#each row as u (u.session)} {@const stream = streamOf(u.session)} {@const sharing = session.sharing[u.session]} {@const isSelf = u.session === self?.session} {@const cam = focus === u.session ? null : camOf(u.session)} {@const w = watchOf(u.session)} {/each}

{/each}

{#each withSound as w (w.session)}

{/each} {#if focused} {@render spot()} {:else if watching}

{watching.state === 'failed' ? 'Could not connect to the stream. Across the internet both of you need a STUN server set in Settings, Voice.' : 'Connecting to the stream...'}

{/if} {#if shown.length && !focused}

{@render tiles()}

{/if}

{#if !collapsed} {#if focused} {:else} {/if} {/if}

{#if anyCamera || share.cams} {/if} {#if mine} {share.viewers} watching {/if}

{#each withSound as w (w.session)}

{/each} {#if focused && focus != null && !collapsed}{@render spot()}{/if} {#if !collapsed} {@render tiles()} {#if watches.some(w => w.state === 'failed')}

Could not connect to the stream. Across the internet both of you need a STUN server, chosen in Settings, Voice (the person sharing has to restart the stream afterwards).

{/if} {/if}