{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}{/if}

{#if popped}

Shown in a separate window.

{:else}

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

{watching.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}

{#if watching?.stream}

{/if} {#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 !collapsed} {#if focused} {:else} {/if} {/if}

{#if mine} {share.viewers} watching {/if}

{#if watching?.stream}

{/if} {#if focused && focus != null && !collapsed}{@render spot()}{/if} {#if !collapsed}

{#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} {/each}

{/each}

{#if watching?.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}