julien/binome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 (spotify)

Browse Source
This commit is contained in:
Julien Calixte
2020-07-23 01:18:43 +02:00
parent 697c9df7fd
commit 7dc2afe538
2 changed files with 39 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@@ -8,7 +8,6 @@
content="width=device-width,initial-scale=1.0,user-scalable=no"
/>
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<script src="https://sdk.scdn.co/spotify-player.js"></script>
<title>Binôme</title>
</head>
<body>

77
src/hooks/useSpotify.ts
View File

@@ -9,9 +9,7 @@ import {
playOnSpotify,
pauseOnSpotify
} from '@/utils/spotify'
import { ref, reactive } from '@vue/composition-api'
window.onSpotifyWebPlaybackSDKReady = () => {}
import { ref, reactive, onMounted } from '@vue/composition-api'
export const useSpotify = (onPlay: () => void, onPause: () => void) => {
const ready = ref(false)
@@ -26,43 +24,46 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => {
RootActions
>(['setAccessToken', 'setTokenExpire', 'setHasSpotify'])
window.onSpotifyWebPlaybackSDKReady = async () => {
if (!hasValidAccessToken.value) {
redirectToSpotifyConnect()
return
}
spotify.player = new Spotify.Player({
name: 'binome',
getOAuthToken: (callback) => callback(accessToken.value)
})
spotify.player.addListener('ready', ({ device_id }) => {
deviceId.value = device_id
ready.value = true
})
spotify.player.addListener('player_state_changed', (state) => {
console.log('player state changed', state)
if (!state) {
onMounted(() => {
window.onSpotifyWebPlaybackSDKReady = async () => {
if (!hasValidAccessToken.value) {
redirectToSpotifyConnect()
return
}
!state.paused ? onPlay() : onPause()
})
spotify.player.addListener('not_ready', () => {
setAccessToken(null)
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()
}
spotify.player = new Spotify.Player({
name: 'binome',
getOAuthToken: (callback) => callback(accessToken.value)
})
spotify.player.addListener('ready', ({ device_id }) => {
deviceId.value = device_id
ready.value = true
})
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', () => {
setAccessToken(null)
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()
}
import('@/lib/spotify-player')
})
const play = async () => {
try {