# client-js-1.4-examples

**Repository Path**: mirrors_twilio/client-js-1.4-examples

## Basic Information

- **Project Name**: client-js-1.4-examples
- **Description**: Examples for using the new Client JS 1.4 Audio functionality
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-22
- **Last Updated**: 2025-08-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Client JS 1.4 Audio API Examples

This repository contains implementation examples for the Audio API features included in Twilio Client JS 1.4.

## Install & Run

This repository contains the server-side component needed to generate tokens. In order to run the examples, you will
need to copy `config.example.js` to `config.js` and fill in your credentials. Any examples that make outbound calls
will call the application associated with the AppSid you enter into this file.

Once `config.js` is copied and modified with your info, you can start the server locally using `npm`:

```
npm install
npm start
```

The default port is 3030. If you'd like to use a custom port, the project looks for your `PORT` environment variable:

```
PORT=1337 npm start
```

Once running, you can open the index page by opening `http://localhost:3030` (or your custom port) in your
browser.

## Current Examples

### 1. Volume Indicators

This example illustrates how the `Connection.volume()` and `Device.Audio.inputVolume()` handlers can be used to
create visual volume indicator bars.

<img alt="Example 1 Screenshot" src="images/volume-indicators.gif" height="200px" />

### 2. Waveform Visualization

This example illustrates how the MediaStream returned by `Connection.getLocalStream()` or `Connection.getRemoteStream()`
can be used to create a visualization of the audio track.

<img alt="Example 2 Screenshot" src="images/waveform.gif" height="200px" />