The Web Playback SDK enables developers to build audio experiences with Spotify by turning your web application into a Spotify Connect device.

This release comes with some interesting new features:

Mobile browser support

Web Playback SDK now supports mobile browsers for most scenarios. There are still some limitations around autoplay and background play, and you can read more about them in the mobile browser documentation.

Autoplay event

Web Playback SDK now emits a new event when the browser autoplay rules prohibit playback.

player.addListener('autoplay_failed', () => {
  console.log('Autoplay is not allowed by the browser autoplay rules');

Media activation

When playing media in mobile browsers, one known restriction is that the user must interact with elements on the page that invoke playback. With this update, we have now introduced the activateElement to tackle this restriction. You can use this method along with a play button or similar to ensure audio will start playing automatically.

Updated Quick Start Guide and new tutorial

We have updated the Quick Start guide for a quick and easy way to use Web Playback SDK in your app. In addition, we have written a new, step-by-step guide on how to create a mini Spotify player in React.

Spotify Connect

Please feel free to send us any feedback, suggestions, issues, or enhancements that you might have. You can reach out to us via the developer forum.

Happy Hacking!