https://github.com/punctuations/use-listen-along
👥🎵 Typescript React Hook for listening along on spotify.
https://github.com/punctuations/use-listen-along
listen-along react react-hooks spotify typescript
Last synced: 6 months ago
JSON representation
👥🎵 Typescript React Hook for listening along on spotify.
- Host: GitHub
- URL: https://github.com/punctuations/use-listen-along
- Owner: punctuations
- Created: 2021-05-26T22:40:29.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2023-01-07T07:51:06.000Z (over 3 years ago)
- Last Synced: 2025-11-02T07:13:43.683Z (8 months ago)
- Topics: listen-along, react, react-hooks, spotify, typescript
- Language: TypeScript
- Homepage: https://npmjs.com/package/use-listen-along
- Size: 811 KB
- Stars: 17
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 👥🎵 use-listen along
#### Typescript React Hook for listening along on spotify.
### 📦 Installation
---
via NPM
> npm i --save use-listen-along
via yarn
> yarn add use-listen-along
### ⌨️ Usage
----
```tsx
import { useListenAlong } from 'use-listen-along';
const Spotify = () => {
const [connection, setConnection] = React.useState(false);
// The discord ID of the user you wish to listen-along to.
const snowflake = 291050399509774340;
// The spotify authorization code.
let auth_code: string;
function listen(disconnect: boolean) {
// Get auth from spotify with scope 'user-modify-playback-state user-read-currently-playing'.
const {connected, error} = useListenAlong(snowflake, auth_code, disconnect);
setConnection(connected);
}
return (
listen(connection)}> {connection ? 'Disconnect' : "Listen Along"}
)
}
```
### Demo
You can find a demo on my [portfolio](https://dont-ping.me) (if im listening to spotify) :)
### Contributors
- [Conrad](https://github.com/cnrad)
- [Cole](https://github.com/monkeygamer11)