<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic [NPM][Wrapper] Web Playback in Spotify for Developers</title>
    <link>https://community.spotify.com/t5/Spotify-for-Developers/NPM-Wrapper-Web-Playback/m-p/5241118#M3016</link>
    <description>&lt;P&gt;Hi All, I'v been lurking on the forums for a while and saw that many people had issues setting their up their player (event hooks etc). To help speed up developing for inexperienced (experienced as well) users, I built an wrapper that does authentication, adding the player etc for you.&lt;BR /&gt;&lt;BR /&gt;Out of the box - the wrapper will provide you an basic player:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Anent_0-1627544076006.png" style="width: 400px;"&gt;&lt;img src="https://community.spotify.com/t5/image/serverpage/image-id/131570iCF678040B3E07F8E/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Anent_0-1627544076006.png" alt="Anent_0-1627544076006.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The above player is only few lines code for the user:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;script&amp;gt;
  import { WebPlayback } from 'svelte-spotify-web-playback';
  const client_id = 'your_client_id';
&amp;lt;/script&amp;gt;

&amp;lt;WebPlayback {client_id} /&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Of course many of you want to customize the player and the wrapper gives you totally free hands. Main key of the wrapper is that it will handle auth for you using PKCE.&lt;BR /&gt;&lt;BR /&gt;More info of the wrapper on &lt;A href="https://www.npmjs.com/package/svelte-spotify-web-playback" target="_blank" rel="noopener"&gt;NPM&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;Feel free to give suggestions on the package.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Thu, 29 Jul 2021 07:36:22 GMT</pubDate>
    <dc:creator>Anent</dc:creator>
    <dc:date>2021-07-29T07:36:22Z</dc:date>
    <item>
      <title>[NPM][Wrapper] Web Playback</title>
      <link>https://community.spotify.com/t5/Spotify-for-Developers/NPM-Wrapper-Web-Playback/m-p/5241118#M3016</link>
      <description>&lt;P&gt;Hi All, I'v been lurking on the forums for a while and saw that many people had issues setting their up their player (event hooks etc). To help speed up developing for inexperienced (experienced as well) users, I built an wrapper that does authentication, adding the player etc for you.&lt;BR /&gt;&lt;BR /&gt;Out of the box - the wrapper will provide you an basic player:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Anent_0-1627544076006.png" style="width: 400px;"&gt;&lt;img src="https://community.spotify.com/t5/image/serverpage/image-id/131570iCF678040B3E07F8E/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Anent_0-1627544076006.png" alt="Anent_0-1627544076006.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The above player is only few lines code for the user:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;script&amp;gt;
  import { WebPlayback } from 'svelte-spotify-web-playback';
  const client_id = 'your_client_id';
&amp;lt;/script&amp;gt;

&amp;lt;WebPlayback {client_id} /&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Of course many of you want to customize the player and the wrapper gives you totally free hands. Main key of the wrapper is that it will handle auth for you using PKCE.&lt;BR /&gt;&lt;BR /&gt;More info of the wrapper on &lt;A href="https://www.npmjs.com/package/svelte-spotify-web-playback" target="_blank" rel="noopener"&gt;NPM&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;Feel free to give suggestions on the package.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 29 Jul 2021 07:36:22 GMT</pubDate>
      <guid>https://community.spotify.com/t5/Spotify-for-Developers/NPM-Wrapper-Web-Playback/m-p/5241118#M3016</guid>
      <dc:creator>Anent</dc:creator>
      <dc:date>2021-07-29T07:36:22Z</dc:date>
    </item>
  </channel>
</rss>

