Creating Voice Powered Apps with Ribbit

13
Creating Voice powered web apps with Ribbit James Williams BT/Ribbit

Transcript of Creating Voice Powered Apps with Ribbit

Page 1: Creating Voice Powered Apps with Ribbit

Creating Voice powered web apps with

Ribbit

James WilliamsBT/Ribbit

Page 2: Creating Voice Powered Apps with Ribbit

Agenda

> What is Ribbit?

> The Ribbit Developer Platform

> "Ribbit Hello World"

> Ribbit Mobile

> Conference Gadget for Google Wave

> Chrome Extension

> Q&A

Page 3: Creating Voice Powered Apps with Ribbit

What is Ribbit?

> Silicon Valley's first phone company

> Subsidiary of BT (British Telecom)

> Products and Services Ribbit Platform

Ribbit Mobile

Ribbit for Salesforce

Page 4: Creating Voice Powered Apps with Ribbit

The Ribbit Developer Platform

> manages calls and messages

> play media

> collect DTMF from callers

> on-demand transcription of audio messages

Page 5: Creating Voice Powered Apps with Ribbit

Supported Languages

> PHP

> Java

> .NET/Silverlight

> Javascript

> AS3 (Coming soon!)

Page 6: Creating Voice Powered Apps with Ribbit

Logging infunction init() { var token = localStorage["token"]; var appId = localStorage["appId"]; var username = localStorage["username"]; var password = localStorage["password"];

if (token != "") { Ribbit.init(token, appId); Ribbit.Login(loginCallback, username, password); console.log("Attempting login with stored credentials."); }

console.log("Attempting login");}

Page 7: Creating Voice Powered Apps with Ribbit

Creating a Callfunction call(textbox) { var phonenums = new Array(); var myPhoneNumber = localStorage["phone"]; var number = "tel:"+textbox.value;

phonenums.push("tel:"+myPhoneNumber); phonenums.push(number); Ribbit.Calls().createCall(createCallCallback, phonenums, null,null);}

function createCallCallback(result){ if (result.hasError){ $("#result").html(result.message); } else { $("#result").html("Calling you..."); }}

Page 8: Creating Voice Powered Apps with Ribbit

Sending a SMSfunction sendMessage(receiver, message) { var recipients = ['tel:'+receiver.value]; $("#result").html("Sending message..."); Ribbit.Messages().createMessage(sendMessageCallback,recipients, message.value, null, "Text Message");}

function sendMessageCallback(result){ if (result.hasError){ $("#result").html(result.message); } else { $("#result").html("Message sent."); }}

Page 9: Creating Voice Powered Apps with Ribbit

Ribbit Mobile

> http://www.ribbitmobile.com

> online message inbox

> voicemail transcription

> intelligent call routing

> web-based calling

> custom Ribbit Mobile inbound numbers

Page 10: Creating Voice Powered Apps with Ribbit

Conference Gadget for Google Wave

> one of the featured gadgets during the Wave launch

> built using our JS REST APIs

> has connected over 50,000 calls since launch

> coded by me!

Page 11: Creating Voice Powered Apps with Ribbit

Ribbit Chrome Extension

> send text messages

> listen to voicemails

> find phone numbers within web pages

> mobile dialing - at least until JS gets microphone support :(

Page 12: Creating Voice Powered Apps with Ribbit

Ribbit Links

> http:/developer.ribbit.com

> http://ribbitmobile.com

> http://ribbit.com/wave

Page 13: Creating Voice Powered Apps with Ribbit

Contact Me

> Twitter: @ecspike

> Email: [email protected]

> Personal Blog: http://jameswilliams.be/blog

> Developer Blog: http://developer.ribbit.com/blog