Last week, along with the release of our 0.2 Phono SDK, we published a new demo, the Phono CallMe button.  Besides being a great example of just how easy Phono makes it to write JS based phone applications in your browser, it’s also a ready-to-use jQuery plugin that makes it easy to drop a callme button directly into any webpage with just a few lines of code.

To use the plugin, you simply include a file in your page (along with jQuery and the Phono core) , and specify some options for the number you want to call when the button is clicked and your Phono API key. The CallMe plugin makes use of jQuery UI theming, making it easy to style your button with existing jQuery UI themes or using your own.

Example:
First, include jQuery, Phono, the CallMe plugin, and a jQuery UI theme in the head of your page.

<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-darkness/jquery-ui.css"/>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script type="text/javascript" src="http://s.phono.com/releases/0.2/jquery.phono.js"></script>
 <script type="text/javascript" src="http://s.phono.com/addons/callme/79a53b7/jquery.callme.js"></script>

Then, add the following code to the body of your page to render the CallMe button.

$("body").append(
   $("<div/>")
    .css("width","210px")
    .callme({
      apiKey: "C17D167F-09C6-4E4C-A3DD-2025D48BA243",
      numberToDial: "8007773456",
      buttonTextReady: "1-800-777-FILM",
      slideOpen:true
    })
  )

The code above will generate a nice looking button on your page that when clicked will call “MovieFone”, where you can actually interact with the MovieFone auto attendant via touch tone input or speech, right through your computer’s microphone or a headset! Note that you will need to click “Accept” when presented with a flash dialog asking for permission to use your Microphone.

For a full example and demo check out the CallMe demo page. You can also grab the source for the plugin over at github.

No related posts.

Tags: 0.2, add-on, plugin

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.