Start Render with Shotstack API on New Whatsapp Message (Instant) from Infobip API

Pipedream makes it easy to connect APIs for Shotstack, Infobip and 2,900+ other apps remarkably fast.

Trigger workflow on

New Whatsapp Message (Instant) from the Infobip API

Next, do this

Start Render with the Shotstack API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

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

Select this integration
Configure the New Whatsapp Message (Instant) trigger
1. Connect your Infobip account
2. Optional- Configure Keyword
3. Optional- Configure Number
4. Optional- Select a Number Key
Configure the Start Render action
1. Connect your Shotstack account
2. Configure Timeline
3. Select a Output Format
4. Select a Output Resolution
5. Optional- Configure Callback URL
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available 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#

New Whatsapp Message (Instant) on Infobip

Description:Emit new event when a new message is received on Whatsapp.

Version:0.0.1

Key:infobip-new-whatsapp-message-instant

View on GitHub

Infobip Overview#

The Infobip API is a communication platform that enables seamless integration of messaging, voice, and email functionalities into various applications. With Infobip, you can automate notifications, authenticate users via one-time passwords, engage customers across multiple channels, and track communication performance. Pipedream's serverless execution environment lets you create sophisticated workflows that harness the capabilities of Infobip by triggering actions based on events, manipulating data, and connecting with numerous other apps.

Trigger Code#

import common from "../common/base.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  ...common,
  key: "infobip-new-whatsapp-message-instant",
  name: "New Whatsapp Message (Instant)",
  description: "Emit new event when a new message is received on Whatsapp.",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    resourceKey: {
      propDefinition: [
        common.props.infobip,
        "resourceKey",
        () => ({
          channel: "WHATSAPP",
        }),
      ],
      label: "Number Key",
      description: "Required if `Number` not present.",
      optional: true,
    },
  },
  methods: {
    ...common.methods,
    getChannel() {
      return "WHATSAPP";
    },
    getSummary(body) {
      return `New Whatsapp message from ${body.from}: ${body.message.text}`;
    },
  },
  sampleEmit,
};

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.

Label	Prop	Type	Description
Infobip	`infobip`	`app`	This component uses the Infobip app.
N/A	`http`	`$.interface.http`	This component uses `$.interface.http` to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the `run()` method of the component.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Keyword	`keyword`	`string`	Omitting this value or sending `NULL` will set keyword to `NULL` because it is a valid keyword which will match all values.
Number	`resource`	`string`	Required if `Number Key` not present.
Number Key	`resourceKey`	`string`	Select a value from the drop down menu.

Trigger Authentication#

Infobip uses API keys for authentication. When you connect your Infobip account, Pipedream securely stores the keys so you can easily authenticate to Infobip APIs in both code and no-code steps.

Infobip generated API key (docs)
Infobip base url (docs)

About Infobip#

Infobip is a multi-channel communications platform

Action#

Start Render on Shotstack

Description:Initiate rendering of a video using a timeline created in Shotstack API. [See the documentation here](https://shotstack.io/docs/api/?shell#render-asset).

Version:0.0.2

Key:shotstack-start-render

View on GitHub

Shotstack Overview#

The Shotstack API is a video editing platform that allows you to automate the creation and production of videos. With it, you can edit clips, add transitions, overlays, and backgrounds, and even include music in your videos. Integrating Shotstack with Pipedream can supercharge your workflow by automating the video creation process. You can trigger video edits in response to various events, manage assets, or even kick off rendering jobs based on data from other apps and services.

Action Code#

import app from "../../shotstack.app.mjs";
import constants from "../../common/constants.mjs";
import utils from "../../common/utils.mjs";

export default {
  key: "shotstack-start-render",
  name: "Start Render",
  description: "Initiate rendering of a video using a timeline created in Shotstack API. [See the documentation here](https://shotstack.io/docs/api/?shell#render-asset).",
  type: "action",
  version: "0.0.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  props: {
    app,
    timeline: {
      type: "string",
      label: "Timeline",
      description: "The timeline to render. [See the documentation for the timeline object here](https://shotstack.io/docs/api/?shell#tocs_timeline)",
    },
    outputFormat: {
      type: "string",
      label: "Output Format",
      description: "The output format and type of media file to generate.",
      options: Object.values(constants.OUTPUT_FORMAT),
    },
    outputResolution: {
      type: "string",
      label: "Output Resolution",
      description: "The output resolution of the video or image.",
      options: Object.values(constants.OUTPUT_RESOLUTION),
    },
    callback: {
      description: "An optional webhook callback URL used to receive status notifications when a render completes or fails.",
      optional: true,
      propDefinition: [
        app,
        "callback",
      ],
    },
  },
  methods: {
    startRender(args = {}) {
      return this.app.post({
        path: "/render",
        ...args,
      });
    },
  },
  async run({ $: step }) {
    const {
      timeline,
      outputFormat,
      outputResolution,
      callback,
    } = this;

    const response =
      await this.startRender({
        step,
        data: {
          timeline: utils.parse(timeline),
          output: {
            format: outputFormat,
            resolution: outputResolution,
          },
          callback,
        },
      });

    step.export("$summary", `Render started with id ${response.response.id}`);

    return response;
  },
};

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.

Label	Prop	Type	Description
Shotstack	`app`	`app`	This component uses the Shotstack app.
Timeline	`timeline`	`string`	The timeline to render. See the documentation for the timeline object here
Output Format	`outputFormat`	`string`	Select a value from the drop down menu:`{ "label": "MP4 video file", "value": "mp4" }{ "label": "Animated GIF", "value": "gif" }{ "label": "JPG image file", "value": "jpg" }{ "label": "PNG image file", "value": "png" }{ "label": "BMP image file", "value": "bmp" }{ "label": "MP3 audio file (audio only)", "value": "mp3" }`
Output Resolution	`outputResolution`	`string`	Select a value from the drop down menu:`{ "label": "1080 - 1920px x 1080px @ 25fps", "value": "1080" }{ "label": "Preview - 512px x 288px @ 15fps", "value": "preview" }{ "label": "Mobile - 640px x 360px @ 25fps", "value": "mobile" }{ "label": "SD - 1024px x 576px @ 25fps", "value": "sd" }{ "label": "HD - 1280px x 720px @ 25fps", "value": "hd" }`
Callback URL	`callback`	`string`	An optional webhook callback URL used to receive status notifications when a render completes or fails.