← Twitch + Spotify integrations

Add Items to a Playlist with Spotify APIon Streams By Game from Twitch API

Pipedream makes it easy to connect APIs for Spotify, Twitch and + other apps remarkably fast.

Trigger workflow on
Streams By Game from the Twitch API
Next, do this
Add Items to a Playlist with the Spotify API
No credit card required
Trusted by 200,000+ developers from startups to Fortune 500 companies:
Trusted by 200,000+ developers from startups to Fortune 500 companies

Developers Pipedream

Getting Started

This integration creates a workflow with a Twitch trigger and Spotify action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Select this integration
  2. Configure the Streams By Game trigger
    1. Connect your Twitch account
    2. Configure timer
    3. Configure Game Title
    4. Configure Stream Language
    5. Configure Max Items
  3. Configure the Add Items to a Playlist action
    1. Connect your Spotify account
    2. Select a Playlist ID
    3. Select one or more Track or Episode URIs
    4. Optional- Configure Position
  4. Deploy the workflow
  5. Send a test event to validate your setup
  6. Turn on the trigger

Details

This integration uses pre-built, open source components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger

Description:Emits an event when a live stream starts from any stream matching the game and language specified.
Version:0.0.1
Key:twitch-streams-by-game

Trigger Code

const common = require("../common-polling.js");
const twitch = require("../../twitch.app.js");

module.exports = {
  ...common,
  name: "Streams By Game",
  key: "twitch-streams-by-game",
  description:
    "Emits an event when a live stream starts from any stream matching the game and language specified.",
  version: "0.0.1",
  props: {
    ...common.props,
    game: { propDefinition: [twitch, "game"] },
    language: { propDefinition: [twitch, "language"] },
    max: { propDefinition: [twitch, "max"] },
  },
  methods: {
    ...common.methods,
    getMeta({ id, title: summary, started_at: startedAt }) {
      const ts = new Date(startedAt).getTime();
      return {
        id: `${id}${ts}`,
        summary,
        ts,
      };
    },
  },
  async run() {
    const { data: gameData } = await this.twitch.getGames([this.game]);
    if (gameData.length == 0) {
      console.log(`No game found with the name ${this.game}`);
      return;
    }

    // get and emit streams for the specified game & language
    const streams = await this.paginate(
      this.twitch.getStreams.bind(this),
      {
        game_id: gameData[0].id,
        language: this.language,
      },
      this.max
    );
    for await (const stream of streams) {
      this.$emit(stream, this.getMeta(stream));
    }
  },
};

Trigger Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.
LabelPropTypeDescription
TwitchtwitchappThis component uses the Twitch app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between component invocations.
timer$.interface.timer
Game Titlegamestring

Watch for live streams about the specified game.

Stream Languagelanguagestring

Watch for games streamed in the specified language. A language value must be either the ISO 639-1 two-letter code for a supported stream language or "other".

Max Itemsmaxinteger

The maximum number of items to return at one time. Streams are returned sorted by number of viewers, in descending order. Videos and Clips are returned sorted by publish date.

Trigger Authentication

Twitch uses OAuth authentication. When you connect your Twitch account, Pipedream will open a popup window where you can sign into Twitch and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Twitch API.

Pipedream requests the following authorization scopes when you connect your account:

analytics:read:extensionsanalytics:read:gamesbits:readchannel:read:subscriptionsclips:edituser:edituser:edit:broadcastuser:read:broadcastuser:read:emailuser:read:blocked_usersuser:manage:blocked_userschannel:read:editorschannel:manage:videosuser:read:subscriptions

About Twitch

Live streaming platform for gamers

Action

Description:Add one or more items to a user’s playlist. [See the docs here](https://developer.spotify.com/documentation/web-api/reference/#/operations/add-tracks-to-playlist).
Version:0.0.3
Key:spotify-add-item-to-a-playlist

Action Code

import { axios } from "@pipedream/platform";
import spotify from "../../spotify.app.mjs";
import get from "lodash/get.js";

export default {
  name: "Add Items to a Playlist",
  description: "Add one or more items to a user’s playlist. [See the docs here](https://developer.spotify.com/documentation/web-api/reference/#/operations/add-tracks-to-playlist).",
  key: "spotify-add-item-to-a-playlist",
  version: "0.0.3",
  type: "action",
  props: {
    spotify,
    playlistId: {
      propDefinition: [
        spotify,
        "playlistId",
      ],
    },
    uris: {
      propDefinition: [
        spotify,
        "uris",
      ],
    },
    position: {
      type: "integer",
      label: "Position",
      description: "The position to insert the items, a zero-based index. For example, to insert the items in the first position: `0`; to insert the items in the third position: `2`. If omitted, the items will be appended to the end of the playlist. Items are added in the order they are listed in the query string or request body.",
      optional: true,
    },
  },
  async run({ $ }) {
    const {
      playlistId,
      position,
      uris,
    } = this;

    const data = {
      position,
      uris: this.spotify.sanitizedArray(uris),
    };

    const resp = await axios($, this.spotify._getAxiosParams({
      method: "POST",
      path: `/playlists/${get(playlistId, "value", playlistId)}/tracks`,
      data,
    }));

    // eslint-disable-next-line multiline-ternary
    $.export("$summary", `Successfully added ${data.uris.length} ${data.uris.length == 1 ? "item" : "items"} to "${get(playlistId, "label", playlistId)}"`);

    return resp;
  },
};

Action Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

LabelPropTypeDescription
SpotifyspotifyappThis component uses the Spotify app.
Playlist IDplaylistIdstringSelect a value from the drop down menu.
Track or Episode URIsurisstring[]Select a value from the drop down menu.
Positionpositioninteger

The position to insert the items, a zero-based index. For example, to insert the items in the first position: 0; to insert the items in the third position: 2. If omitted, the items will be appended to the end of the playlist. Items are added in the order they are listed in the query string or request body.

Action Authentication

Spotify uses OAuth authentication. When you connect your Spotify account, Pipedream will open a popup window where you can sign into Spotify and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Spotify API.

Pipedream requests the following authorization scopes when you connect your account:

playlist-read-collaborativeplaylist-modify-privateplaylist-modify-publicplaylist-read-privateuser-modify-playback-stateuser-read-currently-playinguser-read-playback-stateuser-read-privateuser-read-emailuser-library-modifyuser-library-readuser-follow-modifyuser-follow-readuser-read-recently-playeduser-top-readstreamingapp-remote-controlugc-image-uploaduser-read-playback-position

About Spotify

Music streaming

More Ways to Connect Spotify + Twitch

About Pipedream

Stop writing boilerplate code, struggling with authentication and managing infrastructure. Start connecting APIs with code-level control when you need it — and no code when you don't.

Into to Pipedream
Watch us build a workflow
Watch us build a workflow
4 min
Watch now ➜
"The past few weeks, I truly feel like the clichéd 10x engineer."
@heyellieday
Powerful features that scale
Manage concurrency and execution rate
Manage concurrency and execution rate

Queue up to 10,000 events per workfow and manage the concurrency and rate at which workflows are triggered.

Process large payloads up to 5 terabytes
Process large payloads up to 5 terabytes

Large file support enables you to trigger workflows with any data (e.g., large JSON files, images and videos) up to 5 terabytes.

Return custom responses to HTTP requests
Return custom responses to HTTP requests

Return any JSON-serializable response from an HTTP triggered workflow using $respond().

Use most npm packages
Use most npm packages

To use any npm package, just require() it -- there's no npm install or package.json required.

Maintain state between executions
Maintain state between executions

Use $checkpoint to save state in one workflow invocation and read it the next time your workflow runs.

Pass data between steps
Pass data between steps

Return data from any step to inspect it in a human-friendly way and reference the data in future steps via the steps object.