Using Web Beeps in Broadcast Recordings

Simply use the form on the home page to enter the text or URL you require to turn it into tones. Use your audio editing software to paste it wherever you like. The generated tones are already padded with a little silence, that should be left in place. To make it easier for client applications to extract the tones, it's recommended that they appear near natural breaks in your recording, e.g. a good place for a channel ident would be in the first or last few seconds of a broadcast.

Web Beeps may be used freely without charge, there are no additional copyright/trademark restrictions.

Adding Web Beeps to Web Pages

Once you've created your beep file and uploaded it to your server you can link it in like so:

<a href="url_of_your_beeps.mp3">Web Beep<img src="http://webbeep.it/images/webbeep-26x16.png" alt="web beep icon" /></a>

There are various icons/logos you can use, see below.

But you can add a player and/or more metadata to make it more discoverable, for example using microdata :


<div itemscope itemtype="http://schema.org/AudioObject">
   <span itemprop="name">Web Beep</span>

   <script type="text/javascript"><!-- optional Flash player -->
      var fo = new FlashObject("http://google.com/flash/preview-player.swf", 
      "flashPlayer_719", "358", "16", "6",
      "#FFFFFF");fo.addVariable("url","http://dannyayers.com/beep.mp3");fo.addVariable("autostart",
"0");fo.write("flashcontent_719");
   </script>

   <meta itemprop="encodingFormat" content="mp3" />
   <meta itemprop="contentURL" content="http://dannyayers.com/beep.mp3"/>

or like this:

<span class="description">

<span itemprop="description">Web Beep for <a
href="http://dannyayers.com">http://dannyayers.com</a></span>

<a href="url_of_your_beeps.mp3">Web Beep<img src="http://webbeep.it/images/webbeep-26x16.png" alt="web beep icon" /></a>

</span>

</div>

Using Open Graph Protocol

<html prefix="og: http://ogp.me/ns#">
   <head>
 ...
      <meta property="og:audio" content="http://dannyayers.com/beep.mp3" />
      <meta property="og:audio:description" content="Web Beep for this page's URL" />
      <meta property="og:audio:type" content="audio/mpeg" />
 ...

Develop

The system here is built as a Web service, but you may wish to build your own system, e.g. as a little mobile application. If you don't want to implement the encoding/decoding yourself, feel free to use this service.

API

The Best Web APIs are just Web Sites, and this site isn't anything fancy, the API is as follows:

Encode : HTTP POST a named parameter inputText with the string to encode to the URL http://webbeep.it/encode which accepts UTF-8, form-encoded data, 63 characters or less.

Decode : HTTP POST the audio in mono mp3 format to URL http://webbeep.it/decode as multipart/form-data. An audio file will be created with a URL based on the resulting string, with characters escaped as follows:

"/" is replaced with "S_"

"#" is replaced with "H_"

For further information view source of the home page and server-side source code.

Implementing Web Beep Yourself

The easiest way is to clone the code. It's open source. There are no hard-and-fast restrictions on its use, although I would very much appreciate a link back to this site somewhere, especially to the specification.

If you want to build a different version, see How It Works. It's not rocket science.

Logos

26x16 very small logo

48x30small logo

48x30 inverted (for dark backgrounds)

57x57logo small

100x60logo medium

120x172logo medium

858x512 (for editing, creating your own version)

button-leftbutton

button-right button