Conference & Broadcast with PHP and Laravel

January 10, 2017
Written by
Mario Celi
Contributor
Opinions expressed by Twilio contributors are their own
Reviewed by
Paul Kamp
Twilion
Kat King
Twilion

conference-broadcast-php

This PHP - Laravel sample application is inspired by the Rapid Response Kit, built by Twilio and used all over the world by organizations who need to act quickly in disastrous situations.

Aid workers can use the tools in this app to communicate immediately with a large group of volunteers. In situations where all parties need to talk at once the organizer can quickly spin up a conference line. In other situations she can broadcast a spoken message to a list of volunteer phone numbers.

Check out how Alphasights, an expert services company, used Twilio to cut their conference calling costs by 80%.

To run this sample app yourself, download the code and follow the instructions on GitHub. You might also want to click around the views for this app, since in this tutorial we will only be covering the Twilio pieces.

Create a Conference Number

Before we can call our conference line we need to configure one of our Twilio numbers to send our web application an HTTP request when we get an incoming call.

Click on one of your numbers and configure the Voice URL to point to our app. In our code the route will be /Conference/Join

Twilio Console configured for Conference Broadcast

Create a Simple Conference Call

Our Twilio number is now configured to send HTTP requests to this controller method on any incoming voice calls. Our app responds with TwiML to tell Twilio how to handle the call.

We use the Twilio PHP library to generate some TwiML that tells Twilio to Dial into a Conference that we're naming RapidResponseRoom. This means that anyone who calls your Twilio number will automatically join this conference.

Editor: this is a migrated tutorial. Clone the original from https://github.com/TwilioDevEd/conference-broadcast-laravel/

<?php
namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use Twilio\Twiml;

class ConferenceController extends Controller
{
    public function index()
    {
        $conferenceNumber = config('services.twilio')['rrNumber'];
        return view('conference', ['conferenceNumber' => $conferenceNumber]);
    }

    /**
     * Replies with a join call xml
     *
     * @return \Illuminate\Http\Response
     */
    public function showJoin()
    {
        $response = new Twiml();
        $response->say(
            'You are about to join the Rapid Response conference.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $gather = $response->gather(
            [
                'numDigits' => 1,
                'action' => route('conference-connect', [], false),
                'method' => 'GET'
            ]
        );
        $gather->say('Press 1 to join as a listener.');
        $gather->say('Press 2 to join as a speaker.');
        $gather->say('Press 3 to join as the moderator.');

        return response($response)->header('Content-Type', 'application/xml');
    }

    /**
     * Replies with a call connect xml
     *
     * @return \Illuminate\Http\Response
     */
    public function showConnect(Request $request)
    {
        $muted = false;
        $moderator = false;
        $digits = $request->input('Digits');
        if ($digits === '1') {
            $muted = true;
        }
        if ($digits === '3') {
            $moderator = true;
        }

        $response = new Twiml();
        $response->say(
            'You have joined the conference.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $dial = $response->dial();
        $dial->conference(
            'RapidResponseRoom',
            [
                'startConferenceOnEnter' => $moderator,
                'endConferenceOnExit' => $moderator,
                'muted' => $muted,
                'waitUrl' => 'http://twimlets.com/holdmusic?Bucket=com.twilio.music.ambient',
            ]
        );

        return response($response)->header('Content-Type', 'application/xml');
    }
}

Next we'll turn this into a moderated conference line, with a moderator and listeners.

Create a Moderated Conference

In this scenario we ask for the caller's role before we connect them to the conference. These roles are:

  • Moderator: can start and end the conference
  • Speaker: can speak on the conference call
  • Listener: is muted and can only listen to the call

In this controller we Say a simple message and then ask the caller to choose a role.

<?php
namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use Twilio\Twiml;

class ConferenceController extends Controller
{
    public function index()
    {
        $conferenceNumber = config('services.twilio')['rrNumber'];
        return view('conference', ['conferenceNumber' => $conferenceNumber]);
    }

    /**
     * Replies with a join call xml
     *
     * @return \Illuminate\Http\Response
     */
    public function showJoin()
    {
        $response = new Twiml();
        $response->say(
            'You are about to join the Rapid Response conference.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $gather = $response->gather(
            [
                'numDigits' => 1,
                'action' => route('conference-connect', [], false),
                'method' => 'GET'
            ]
        );
        $gather->say('Press 1 to join as a listener.');
        $gather->say('Press 2 to join as a speaker.');
        $gather->say('Press 3 to join as the moderator.');

        return response($response)->header('Content-Type', 'application/xml');
    }

    /**
     * Replies with a call connect xml
     *
     * @return \Illuminate\Http\Response
     */
    public function showConnect(Request $request)
    {
        $muted = false;
        $moderator = false;
        $digits = $request->input('Digits');
        if ($digits === '1') {
            $muted = true;
        }
        if ($digits === '3') {
            $moderator = true;
        }

        $response = new Twiml();
        $response->say(
            'You have joined the conference.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $dial = $response->dial();
        $dial->conference(
            'RapidResponseRoom',
            [
                'startConferenceOnEnter' => $moderator,
                'endConferenceOnExit' => $moderator,
                'muted' => $muted,
                'waitUrl' => 'http://twimlets.com/holdmusic?Bucket=com.twilio.music.ambient',
            ]
        );

        return response($response)->header('Content-Type', 'application/xml');
    }
}

So our caller have listened to a few role options they can choose from, and next they will choose one. For this we tell Twilio to Gather a button press from the caller's phone so we know which role they want to use. Let's see how next.

Connect to a Moderated Conference

The <Gather> verb from the previous step included an action parameter that took an absolute or relative URL as a value — in our case, the Conference/Connect route.

When the caller finishes entering digits Twilio makes a GET or POST request to this URL including a Digits parameter with the number our caller chose.

We use that parameter to set a couple variables, isMuted and canControlConferenceOnEnter, which we then use to configure our Dial and Conference TwiML elements.

<?php
namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use Twilio\Twiml;

class ConferenceController extends Controller
{
    public function index()
    {
        $conferenceNumber = config('services.twilio')['rrNumber'];
        return view('conference', ['conferenceNumber' => $conferenceNumber]);
    }

    /**
     * Replies with a join call xml
     *
     * @return \Illuminate\Http\Response
     */
    public function showJoin()
    {
        $response = new Twiml();
        $response->say(
            'You are about to join the Rapid Response conference.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $gather = $response->gather(
            [
                'numDigits' => 1,
                'action' => route('conference-connect', [], false),
                'method' => 'GET'
            ]
        );
        $gather->say('Press 1 to join as a listener.');
        $gather->say('Press 2 to join as a speaker.');
        $gather->say('Press 3 to join as the moderator.');

        return response($response)->header('Content-Type', 'application/xml');
    }

    /**
     * Replies with a call connect xml
     *
     * @return \Illuminate\Http\Response
     */
    public function showConnect(Request $request)
    {
        $muted = false;
        $moderator = false;
        $digits = $request->input('Digits');
        if ($digits === '1') {
            $muted = true;
        }
        if ($digits === '3') {
            $moderator = true;
        }

        $response = new Twiml();
        $response->say(
            'You have joined the conference.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $dial = $response->dial();
        $dial->conference(
            'RapidResponseRoom',
            [
                'startConferenceOnEnter' => $moderator,
                'endConferenceOnExit' => $moderator,
                'muted' => $muted,
                'waitUrl' => 'http://twimlets.com/holdmusic?Bucket=com.twilio.music.ambient',
            ]
        );

        return response($response)->header('Content-Type', 'application/xml');
    }
}

That's it for connecting callers to our conference room. Let's explore next the other feature of this app: broadcasting a voice message to a list of phone numbers.

Voice Broadcast

In addition to hosting conference calls, an organizer can use our application to broadcast a voice message to a list of phone numbers. She can do this by choosing a recording from a dropdown, entering a list of phone numbers and clicking Submit.

To power this feature, we'll use Twilio's REST API to fetch all of the recordings associated with our account. If our organizer wants to record a new message, we'll call her phone and record her response.

<?php
namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use Twilio\Rest\Client;
use Twilio\Twiml;

class RecordingController extends Controller
{
    public function index(Client $twilioClient)
    {
        $baseUrl = '';
        $responseRecordings = array();

        $recordings = $twilioClient->recordings->read();

        foreach ($recordings as $recording) {
            $recordingUri = str_replace('.json', '', $recording->uri);
            $entry = array(
                'url' => 'https://api.twilio.com' . $recordingUri,
                'date' => $recording->dateCreated->format('Y-m-d H:i:s')
            );
            array_push($responseRecordings, $entry);
        }

        return response()->json($responseRecordings);
    }

    public function create(Request $request, Client $client)
    {
        $destinationNumber = $request->input('phone_number');
        $twilioNumber = config('services.twilio')['number'];

        // The URL Twilio will request when the call is answered
        $path = str_replace($request->path(), '', $request->url()) . 'recording/record';

        try {
            $client->calls->create(
                $destinationNumber, // The number of the phone receiving call
                $twilioNumber,      // The number of the phone initiating the call
                [
                    "url" => $path
                ]
            );
        } catch (Exception $e) {
            return 'Error: ' . $e->getMessage();
        }
        return "call_created";
    }

    public function showRecord()
    {
        $response = new Twiml();
        $response->say(
            'Please record your message after the beep.' .
            ' Press star to end your recording.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $response->record(array(
            'action' => '/recording/hangup',
            'finishOnKey' => '*',
            'method' => 'GET'
        ));

        return response($response)->header('Content-Type', 'application/xml');
    }

    public function showHangup()
    {
        $response = new Twiml();
        $response->say(
            'Your recording has been saved. Good bye.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $response->hangup();

        return response($response)->header('Content-Type', 'application/xml');
    }
}

Now that we know what this feature is all about, let's take a dig into the code.

Fetch Recordings

This route fetches all of the recordings associated with our Twilio account. We could filter these results by date or call sid using Twilio's API, but for this example we just pull all recordings.

In order to use Twilio's handy API we need to first create our Twilio client, which we can easily do by passing our credentials.

Once we get all of the recordings we need to render a JSON response of our recordings object. This route will be called by our Javascript on page load.

<?php
namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use Twilio\Rest\Client;
use Twilio\Twiml;

class RecordingController extends Controller
{
    public function index(Client $twilioClient)
    {
        $baseUrl = '';
        $responseRecordings = array();

        $recordings = $twilioClient->recordings->read();

        foreach ($recordings as $recording) {
            $recordingUri = str_replace('.json', '', $recording->uri);
            $entry = array(
                'url' => 'https://api.twilio.com' . $recordingUri,
                'date' => $recording->dateCreated->format('Y-m-d H:i:s')
            );
            array_push($responseRecordings, $entry);
        }

        return response()->json($responseRecordings);
    }

    public function create(Request $request, Client $client)
    {
        $destinationNumber = $request->input('phone_number');
        $twilioNumber = config('services.twilio')['number'];

        // The URL Twilio will request when the call is answered
        $path = str_replace($request->path(), '', $request->url()) . 'recording/record';

        try {
            $client->calls->create(
                $destinationNumber, // The number of the phone receiving call
                $twilioNumber,      // The number of the phone initiating the call
                [
                    "url" => $path
                ]
            );
        } catch (Exception $e) {
            return 'Error: ' . $e->getMessage();
        }
        return "call_created";
    }

    public function showRecord()
    {
        $response = new Twiml();
        $response->say(
            'Please record your message after the beep.' .
            ' Press star to end your recording.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $response->record(array(
            'action' => '/recording/hangup',
            'finishOnKey' => '*',
            'method' => 'GET'
        ));

        return response($response)->header('Content-Type', 'application/xml');
    }

    public function showHangup()
    {
        $response = new Twiml();
        $response->say(
            'Your recording has been saved. Good bye.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $response->hangup();

        return response($response)->header('Content-Type', 'application/xml');
    }
}

We can fetch all the stored recordings, but how can we record a new message? Let's see that next.

Record a new Message

If the organizer needs to make a new recording, we simply call her and record the call. Twilio makes this simple with the Record verb.

Here we Say something to the caller and then Record her message. There are many more options we can pass to Record, but here we simply tell it to stop recording when * is pressed and to redirect to recording/hangup, so the call drops when the recording is finished.

<?php
namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use Twilio\Rest\Client;
use Twilio\Twiml;

class RecordingController extends Controller
{
    public function index(Client $twilioClient)
    {
        $baseUrl = '';
        $responseRecordings = array();

        $recordings = $twilioClient->recordings->read();

        foreach ($recordings as $recording) {
            $recordingUri = str_replace('.json', '', $recording->uri);
            $entry = array(
                'url' => 'https://api.twilio.com' . $recordingUri,
                'date' => $recording->dateCreated->format('Y-m-d H:i:s')
            );
            array_push($responseRecordings, $entry);
        }

        return response()->json($responseRecordings);
    }

    public function create(Request $request, Client $client)
    {
        $destinationNumber = $request->input('phone_number');
        $twilioNumber = config('services.twilio')['number'];

        // The URL Twilio will request when the call is answered
        $path = str_replace($request->path(), '', $request->url()) . 'recording/record';

        try {
            $client->calls->create(
                $destinationNumber, // The number of the phone receiving call
                $twilioNumber,      // The number of the phone initiating the call
                [
                    "url" => $path
                ]
            );
        } catch (Exception $e) {
            return 'Error: ' . $e->getMessage();
        }
        return "call_created";
    }

    public function showRecord()
    {
        $response = new Twiml();
        $response->say(
            'Please record your message after the beep.' .
            ' Press star to end your recording.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $response->record(array(
            'action' => '/recording/hangup',
            'finishOnKey' => '*',
            'method' => 'GET'
        ));

        return response($response)->header('Content-Type', 'application/xml');
    }

    public function showHangup()
    {
        $response = new Twiml();
        $response->say(
            'Your recording has been saved. Good bye.',
            [
                'voice' => 'alice',
                'language' => 'en-GB'
            ]
        );
        $response->hangup();

        return response($response)->header('Content-Type', 'application/xml');
    }
}

We just saw how to list all recorded messages and how to record a new one. The last thing left is allowing a caller to broadcast one of those recorded messages. We'll see that next.

Broadcast a Recorded Message

This controller processes our voice broadcast webform, starting with the phone numbers our organizer provided. Because they are comma separated we wrote the helper method VolunteersNumbers.

Next we initiate a phone call to each number using Twilio's REST API.

When Twilio connects this call it will make a request to the Url parameter to get further instructions. We include a recordingUrl parameter in that URL so that our Play action method will know which recording to use.

That makes the work for our Broadcast/Play route simple — we just Play the recording.

<?php
namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use Twilio\Rest\Client;
use Twilio\Twiml;

class BroadcastController extends Controller
{
    public function index()
    {
        return view('broadcast');
    }

    public function send(Request $request, Client $twilioClient)
    {
        $destinationNumbers = $request->input('numbers');
        $numbersArray = explode(',', $destinationNumbers);
        $recordingUrl = $request->input('recording_url');
        $twilioNumber = config('services.twilio')['number'];

        // The URL Twilio will request when the call is answered
        $path = str_replace($request->path(), '', $request->url()) .
            'broadcast/play?recording_url=' . $recordingUrl;

        foreach ($numbersArray as $number) {
            try {
                $twilioClient->calls->create(
                    trim($number), // The number of the phone receiving call
                    $twilioNumber, // The number of the phone initiating the call
                    ["url" => $path]
                );
            } catch (Exception $e) {
                return 'Error: ' . $e->getMessage();
            }
        }

        $request->session()->flash(
            'status',
            "Broadcast message sent!"
        );

        return redirect()->route('broadcast-index');
    }

    public function showPlay(Request $request)
    {
        $recordingUrl = $request->input('recording_url');
        $response = new Twiml();
        $response->play($recordingUrl);

        return response($response)->header('Content-Type', 'application/xml');
    }
}

That's it! We've just implemented two major features of a Rapid Response Kit! Maybe in the future you can tackle some of the other features and build a full-fledge kit!

Where to next?

If you're a PHP developer working with Twilio, you might enjoy these other tutorials:

Click-To-Call

Put a button on your web page that connects visitors to live support or sales people via telephone.

Automated Survey

Instantly collect structured data from your users with a survey conducted over a voice call or SMS text messages.

Did this help?

Thanks for checking out this tutorial! If you have any feedback to share with us, we'd love to hear it. Tweet @twilio to let us know what you think!