From e10f1864205bc4df992c830db4234a701f9ef4ca Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Wed, 22 Jul 2020 23:27:28 +0200 Subject: [PATCH] :bug: (spotify) --- public/index.html | 1 + src/hooks/useSpotify.ts | 15 ++++++++++++++- src/utils/spotify.ts | 14 -------------- 3 files changed, 15 insertions(+), 15 deletions(-) diff --git a/public/index.html b/public/index.html index 21228ea..e50c1c9 100644 --- a/public/index.html +++ b/public/index.html @@ -8,6 +8,7 @@ content="width=device-width,initial-scale=1.0,user-scalable=no" /> + Binôme diff --git a/src/hooks/useSpotify.ts b/src/hooks/useSpotify.ts index 1c1825b..6414563 100644 --- a/src/hooks/useSpotify.ts +++ b/src/hooks/useSpotify.ts @@ -1,7 +1,6 @@ /* eslint-disable */ // @ts-ignore // @ts-nocheck -import '@/lib/spotify-player' import { useGetters, useActions } from 'vuex-composition-helpers' import { GetterTree } from 'vuex' import { State, RootActions } from '@/store' @@ -12,6 +11,8 @@ import { } from '@/utils/spotify' import { ref, reactive } from '@vue/composition-api' +window.onSpotifyWebPlaybackSDKReady = () => {} + export const useSpotify = (onPlay: () => void, onPause: () => void) => { const ready = ref(false) const deviceId = ref(null) @@ -41,6 +42,9 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => { }) spotify.player.addListener('player_state_changed', (state) => { console.log('player state changed', state) + if (!state) { + return + } !state.paused ? onPlay() : onPause() }) spotify.player.addListener('not_ready', () => { @@ -48,6 +52,15 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => { setTokenExpire(null) setHasSpotify(false) }) + spotify.player.on('playback_error', (error) => { + console.error('Failed to perform playback', error) + }) + spotify.player.on('account_error', (error) => { + console.error('account_error', error) + }) + spotify.player.on('initialization_error', (error) => { + console.error('initialization_error', error) + }) await spotify.player.connect() } diff --git a/src/utils/spotify.ts b/src/utils/spotify.ts index 81ae43b..9a350dd 100644 --- a/src/utils/spotify.ts +++ b/src/utils/spotify.ts @@ -20,20 +20,6 @@ export const redirectToSpotifyConnect = () => { } export const playOnSpotify = async (token: string, deviceId: string) => { - // const response = await fetch( - // `https://api.spotify.com/v1/me/player/shuffle?device_id=${deviceId}&state=true`, - // { - // method: 'PUT', - // headers: { - // accept: 'application/json', - // 'content-type': 'application/json', - // authorization: `Bearer ${token}` - // } - // } - // ) - - // console.log(await response.json()) - await fetch( `https://api.spotify.com/v1/me/player/play?device_id=${deviceId}`, {