Recording User Voice Message in ASP.NET MVC

Recording user input in a VoiceXML application using ASP.NET MVC is very easy if you use VoiceModel.  VoiceModel is an open source project that abstracts the VoiceXML to an easy to use object hierarchy that is meant to work with ASP.NET MVC 3 and Razor.  In this post I will walk you through a simple demonstration on using VoiceModel to record user input.  The source code for this demo is available on CodePlex.

 In this demonstration the application will prompt the user to make a recording after a beep and to press the pound (#) key when they are done. When the user is finished recording the recorded message will be played back to them and they will be asked if they want to save it. If they respond yes, by either saying "yes" or pressing the 1 key on the phone, the audio recording will be saved in a directory on the application server.  If they respond no, by saying "no" or pressing the 2 key on the phone, they will be prompted to re-record the message.  Messages are saved in an audio wav file format the could be played at another time by an IVR application.  An example might be a voice mail application where the user leaves a message that the owner of the voice mail box could listen to at a later time.

To initialize the objects we need for this application is very straight forward and is shown in the code snippet below.  We use the constructor for the Record object that accepts the id of the view and the prompt we want to present the user to make the recording.  The prompt will use Text-To-Speech (TTS) to voice the prompt.  The Record object also lets you pass in a pre-recorded audio file if you do not want to use TTS.  Notice that we are also setting the confirm property to true.  This tells the Record object to provide the confirmation step to ask the caller if they want to save the message or not.  There is a default confirmation prompt that can be overridden. 

public static VoiceModels Recreate()
{
    VoiceModels views = new VoiceModels();
    Record getRecording = new Record("getRecording", "Please record your information after the beep.  Press the pound key when you are finished.")
    {
        confirm = true
    };
    views.Add(getRecording);
    views.Add(new Exit("goodbye", "Your message has been saved. Goodbye."));

    return views;

}

After the recording is complete we will tell the user that their message has been saved and hangup by using the Exit object.

Next we need to setup our state machine for this application, which is shown in the code snippet below.  We just need to setup two states with one transition.  The start state is where we get the recording in the Record object and the last state is the Exit where we say "goodbye" to the caller and hangup.  The transition is between the "getRecording" and "goodbye".


public static CallFlow Recreate()
{
    CallFlow flow = new CallFlow();
    flow.AddStartState(new State("getRecording", "goodbye"));
    flow.AddState(new State("goodbye"));
    return flow;

}

Finally we need to initialize the Controller that will be used in this MVC application.  This is shown in the code snippet below.  To setup the Controller we inherit from VoiceController and override the Initialize method.  The Initialize method creates an instance of our Views for the IVR and the state machine used by the Controller.  There is also a new property of the VoiceController called recordingPath that lets you set where the saved messages will go.


public class RecordController : VoiceController
{
    protected override void Initialize(RequestContext rc)
    {
        base.Initialize(rc);
        voiceModels = RecordVoiceModelBuilder.Build();
        callFlow = RecordCallFlowBuilder.Build();
        recordingPath = "~/App_Data/recordings";
    }
 
}

That is all there is to create a VoiceXML application to record user input.  Download the Visual Studio 2010 solution from CodePlex and give it a try.  You can test this application on a freely available IVR from Voxeo.  Just follow the instructions in this Blog for either a hosted IVR in the Cloud or an IVR running on your development environment.

Comments

Post a Comment

Popular posts from this blog

Using Claims in ASP.NET Identity

Claims can simplify and increase the performance of authentication and authorization processes. I wrote about how you can use the roles stored as claims to eliminate back-end queries every time authorization takes place .  ASP.NET Identity has good support for claims-based identity and it creates several claims for you automatically when you create a new identity.  Here is how we create the identity for a new user during the log-in process UserManager<applicationuser> userManager = new UserManager<applicationuser>(new UserStore<applicationuser>(new SecurityContext())); ClaimsIdentity identity = userManager.CreateIdentity(user, DefaultAuthenticationTypes.ApplicationCookie); If you inspect the Claims property of ClaimsIdentity after calling CreateIdentity you will see that there are there are three or more claims. There is a claim for the user ID, user name, identity provider and one for each role assigned. So what if you want to add some more claims? Here...
Keep reading

Customizing Claims for Authorization in ASP.NET Core 2.0

Image
There have been some major changes to ASP.NET Identity with the release of Core 2.0, which you can read about here .  One of the major changes is that it does not rely on using middleware anymore to customize it.  Instead dependency injection is used by configuring via services in the ConfigureServices method of StartUp.cs .   There is not much documentation or examples on how to do this so I am going to explore how to customize ASP.NET Identity and publish some examples in this blog.  First I wanted to look at how you would add custom claims to the identity and then use those claims for authorization. To begin create a new ASP.NET Core Web Application  project in Visual Studio 2017.  Be sure to select . NET Core and ASP.NET Core 2.0 in the two drop downs at the top.  Select the template for Web Application (Model-View-Controller) and Change the Authentication to Individual User Accounts .  When the project is created you are ready to add so...
Keep reading

Seeding & Customizing ASP.NET MVC SimpleMembership

Image
In ASP.NET MVC 4 Microsoft introduced a new membership provider that is referred to as SimpleMembership.  SimpleMembership makes it easier to customize user profiles and incorporates  OAuth support.  I have seen a lot of questions on StackOverflow on how to customize SimpleMembership and seed it with data and in this post I will discuss some methods for achieving both . SimpleMembership uses Entity Framework (EF) 5 and the code-first model. To initialize the database that contains the users and roles a filter is used called  InitializeSimpleMembershipAttribute.   This attribute is decorated on the AccountController as shown here: [Authorize] [InitializeSimpleMembership] public class AccountController : Controller { ... } This is setup this way so that the initialization code is only called when accessing the actions on the AccountController .  If you look at the code for  InitializeSimpleMembershipAttribute you will see a lot of cod...
Keep reading