Skip to content

Flex Plugin that adds to the MessageBubble component Content a custom component to renders media inline

Notifications You must be signed in to change notification settings

Romanti-Ezer/plugin-inline-media

Repository files navigation

Plugin Inline Media

Twilio Flex Plugins allow you to customize the appearance and behavior of Twilio Flex. If you want to learn more about the capabilities and how to use the API, check out our Flex documentation.

This Flex Plugin goal is to enable the preview of message media in the Flex Task Canvas, and improve the agent experience.

The following extensions are supported in this example:

  • image/jpeg
  • image/png
  • image/webp
  • audio/mpeg
  • audio/ogg
  • audio/amr
  • application/pdf
  • video/mp4

Screenshots

Image and Audio Preview

PDF and Video Preview

Stickers Preview

Setup

Make sure you have Node.js as well as npm. We support Node >= 10.12 (and recommend the even versions of Node). Afterwards, install the dependencies by running npm install:

After clonning the project:

cd plugin-inline-media

# If you use npm
npm install

Next, please install the Twilio CLI by running:

brew tap twilio/brew && brew install twilio

Finally, install the Flex Plugin extension for the Twilio CLI:

twilio plugins:install @twilio-labs/plugin-flex

Development

Run twilio flex:plugins --help to see all the commands we currently support. For further details on Flex Plugins refer to our documentation on the Twilio Docs page.

Disclaimer

This software is to be considered "sample code", a Type B Deliverable, and is delivered "as-is" to the user. Twilio bears no responsibility to support the use or implementation of this software.

About

Flex Plugin that adds to the MessageBubble component Content a custom component to renders media inline

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published