add share large support

This commit is contained in:
wryk 2020-02-23 01:42:09 +01:00
parent c5d776f615
commit 0ac3c8ea60
4 changed files with 15 additions and 15 deletions

View File

@ -6,7 +6,7 @@
<Header></Header> <Header></Header>
<section class="viewer"> <section class="viewer">
<Viewer></Viewer> <Viewer large={large}></Viewer>
</section> </section>
<section class="queue"> <section class="queue">
@ -28,6 +28,7 @@
import DeepSet from '/services/deep-set.js' import DeepSet from '/services/deep-set.js'
export let share export let share
export let large
const cache = new DeepSet() const cache = new DeepSet()

View File

@ -1,5 +1,5 @@
<div class="player" class:playerBig={isBigPlayer}> <div class="player" class:playerBig={large}>
<div class="playerBig__player" class:placeholder={!ready} class:hidden={!isBigPlayer}> <div class="playerBig__player" class:placeholder={!ready} class:hidden={!large}>
{#if $current} {#if $current}
<YoutubePlayer <YoutubePlayer
id={$current ? $current.media.credentials.id : null} id={$current ? $current.media.credentials.id : null}
@ -23,7 +23,7 @@
</button> </button>
{/if} {/if}
</div> </div>
{#if !isBigPlayer} {#if !large}
<div class="playerMini"> <div class="playerMini">
<div class="playerCover" class:placeholder={!$current}> <div class="playerCover" class:placeholder={!$current}>
{#if $current} {#if $current}
@ -61,7 +61,7 @@
<!--<button class="playerTrack__fav" class:hidden={!$current} aria-label="Fav"><IconHeart></IconHeart></button>--> <!--<button class="playerTrack__fav" class:hidden={!$current} aria-label="Fav"><IconHeart></IconHeart></button>-->
</div> </div>
<Controls isBigPlayer={isBigPlayer}></Controls> <Controls large={large}></Controls>
</div> </div>
@ -75,6 +75,8 @@
import YoutubePlayer from '/components/YoutubePlayer' import YoutubePlayer from '/components/YoutubePlayer'
import Progress from '/components/player/Progress' import Progress from '/components/player/Progress'
export let large
const paused = getContext('paused') const paused = getContext('paused')
const volume = getContext('volume') const volume = getContext('volume')
const current = getContext('current') const current = getContext('current')
@ -87,7 +89,6 @@
let currentTime = null let currentTime = null
let duration = null let duration = null
let seek = null let seek = null
let isBigPlayer = false
$: if (ended || error) { $: if (ended || error) {
selectNext() selectNext()
@ -99,10 +100,6 @@
} }
const switchBigPlayer = () => { const switchBigPlayer = () => {
large = !large
isBigPlayer = !isBigPlayer
console.log('switch player');
console.log($current.media);
} }
</script> </script>

View File

@ -1,4 +1,4 @@
<Radio share={null} /> <Radio share={null} large={false} />
<script> <script>
import Radio from '/components/Radio.svelte' import Radio from '/components/Radio.svelte'

View File

@ -1,4 +1,4 @@
<Radio share={refererCredentials} /> <Radio share={refererCredentials} large={large} />
<script> <script>
import Radio from '/components/Radio.svelte' import Radio from '/components/Radio.svelte'
@ -6,6 +6,8 @@
export let domain export let domain
export let id export let id
let large = (new URL(location)).searchParams.has('large')
const refererCredentials = { const refererCredentials = {
type: 'mastodon', type: 'mastodon',
domain, domain,