Quickstart
Recoup's Webplayer is the easiest way to bring Spotify & Apple Music into your app.
Prerequisites
Before integrating the Webplayer, ensure your project meets the following requirements:
React version 18 or higher
TypeScript version 5 or higher
Installation
You can install the Webplayer using npm or yarn. Choose your preferred package manager and run the following command:
npm install @syncstreamai/syncstream
Set Up Your App with Recoup's Webplayer
After installing the package, import the SyncstreamProvider
component into your project and wrap your app with it. The SyncStreamProvider should wrap any component or page that will use SyncStream. It is recommended to place it as close to the root of your application as possible.
Example NextJS or Create React App:
Property Descriptions
SyncstreamProvider Component
In the examples above, notice that the SyncstreamProvider
component takes one property:
OneTap Component
In the examples above, notice that the OneTap
component takes two properties:
The URI, or Uniform Resource Indicator, is a unique code that identifies a specific element on Spotify or Apple Music, such as an artist, album, track, playlist, or user. Click here to convert any Spotify song or album URL into a URI. Please refer to the Spotify documentation for more information about this.
Just use Recoup's Webplayer
! 🎉
use Recoup's Webplayer
! 🎉Once you've wrapped your app with the SyncstreamProvider, you can now use it throughout your components and pages via the OneTap
!
Last updated