Z-API — WhatsApp Audio Demo with React

Learn how to send audio messages through Z-API from a React application. Explore this demo and use it as a starting point for adding WhatsApp audio messaging to your own projects.

View the Demo · Read the Documentation

Prerequisites

• Node.js and npm installed.
• A Z-API account with an instance connected to WhatsApp to test audio delivery.

Getting Started

1. Clone the repository

git clone https://github.com/Z-API/z-api-send-audio-demo.git
cd z-api-send-audio-demo

2. Install dependencies

npm install

3. Start the development server

npm start

Open http://localhost:3000 in your browser.

Available Scripts

Command	Description
npm start	Starts the local development server.
npm run dev	An alternative command for starting the development server.
npm run build	Creates an optimized build in the build/ directory.
npm test	Runs the test runner.

Built With

• React
• TypeScript
• Axios
• mic-recorder-to-mp3
• Create React App

Explore and Customize

Use this project to explore audio messaging with Z-API and adapt the interface to your application.

For API authentication, request formats, and audio requirements, refer to the Z-API documentation.

Resources

• Live Demo
• Z-API Documentation
• Z-API Website