added sound.js for ring-in sound effects.

Author: stephenlb

index.html

@@ -15,6 +15,7 @@
 <!-- =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- -->
 <script src="https://cdn.pubnub.com/pubnub.min.js"></script>
 <script src="webrtc.js"></script>
+<script src="sound.js"></script>
 <script>(function(){
 
 // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
@@ -50,7 +51,9 @@
 // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 phone.receiver(function(session){
     console.log(session);
-    // ...
+
+    // Play Sound Incoming Call
+    sounds.play('tone/ring-in');
 
     // Hangup Call
     //session.hangup();

sound.js

@@ -0,0 +1,60 @@
+/* Hey, let's be friends! http://twitter.com/pubnub */
+// -----------------------------------------------------------------------
+// SOUNDS
+// -----------------------------------------------------------------------
+var sounds = (function(){
+    var soundbank = {}
+    ,   p         = PUBNUB;
+
+    function stop(audio) {
+        if (!audio) return;
+        audio.pause();
+        reset(audio);
+    }
+
+    function reset(audio) {
+        try       { audio.currentTime = 0.0 }
+        catch (e) { }
+    }
+
+    return {
+        play : function( sound, duration ) {
+            var audio = soundbank[sound] || (function(){
+                var audio = soundbank[sound] = p.create('audio');
+
+                p.css( audio, { display : 'none' } );
+
+                p.attr( audio, 'prelaod', 'auto' );
+                p.attr( audio, 'loop', 'true' );
+                p.attr( audio, 'autoplay', 'true' );
+
+                audio.innerHTML = p.supplant(
+                    "<source src={file}.ogg><source src={file}.mp3>",
+                    { file : sound }
+                );
+
+                p.search('body')[0].appendChild(audio);
+
+                return audio;
+            })();
+
+            stop(audio);
+            audio.load();
+            audio.play();
+
+            // Play a Set Portion of Audio
+            clearTimeout(audio.timer);
+            if (duration) audio.timer = setTimeout( function() {
+                stop(audio);
+            }, duration );
+        },
+        stop : function(sound) {
+            stop(soundbank[sound]);
+        },
+        stopAll : function() {
+            p.each( soundbank, function( _, audio ) {
+                stop(audio);
+            } );
+        }
+    };
+})();

webrtc.js

@@ -229,7 +229,7 @@ var PHONE = window.PHONE = function(config) {
         // If Peer Connection is Successfully Established
         if (message.packet.establish) talk.establish(talk);
 
-        // If Peer Calling In
+        // If Peer Calling Inbound (Incoming)
         if (message.packet.receiver) receivercb(talk);
 
         // Update Peer Connection with SDP Offer or ICE Routes