TT#21017 Create util to play/stop sound

Change-Id: Ia2064f9f28d6124596012dc4c17b027c6115ff6f

classic/src/view/common/rtc/RtcController.js

@@ -214,11 +214,10 @@ Ext.define('NgcpCsc.view.common.rtc.RtcController', {
             clearInterval(me.intervalId);
         }
         vm.set('status', 'calling...');
-        sample.play();
+        me.playRingSound();
         setTimeout(function() {
             var seconds = minutes = hours = 0;
-            sample.pause();
+            me.stopRingSound();
-            sample.currentTime = 0;
             vm.set('callEnabled', true);
             vm.set('micEnabled', true);
 
@@ -519,6 +518,19 @@ Ext.define('NgcpCsc.view.common.rtc.RtcController', {
     setRtcpanelTitleColor: function (state) {
         var rtcpanel = Ext.getCmp('rtcpanel');
         rtcpanel.toggleCls('rtc-title-call-initiation', state);
+    },
+
+    playRingSound: function () {
+        var sound = document.getElementById('ring');
+        if (sound.paused) {
+            sound.play();
+        };
+    },
+
+    stopRingSound: function () {
+        var sound = document.getElementById('ring');
+        sound.pause();
+        sound.currentTime = 0;
     }
 
 });

classic/src/view/common/rtc/composer/Phone.js

@@ -33,27 +33,25 @@ Ext.define('NgcpCsc.view.common.composer.Phone', {
         layout: 'center',
         items: [{
             xtype: 'container',
-            items: [
+            items: [{
-                {
+                xtype: 'button',
-                    xtype: 'button',
+                text: Ngcp.csc.locales.rtc.sendAudio[localStorage.getItem('languageSelected')],
-                    text : Ngcp.csc.locales.rtc.sendAudio[localStorage.getItem('languageSelected')],
+                iconCls: Ngcp.csc.icons.microphone,
-                    iconCls: Ngcp.csc.icons.microphone,
+                margin: '0 10 0 0',
-                    margin: '0 10 0 0',
+                listeners: {
-                    listeners: {
+                    click: 'sendAudio'
-                        click: 'sendAudio'
-                    }
-                },{
-                    xtype: 'button',
-                    text : Ngcp.csc.locales.rtc.sendVideo[localStorage.getItem('languageSelected')],
-                    iconCls: Ngcp.csc.icons.video,
-                    listeners: {
-                        click: 'sendVideo'
-                    }
                 }
-            ]
+            }, {
+                xtype: 'button',
+                text: Ngcp.csc.locales.rtc.sendVideo[localStorage.getItem('languageSelected')],
+                iconCls: Ngcp.csc.icons.video,
+                listeners: {
+                    click: 'sendVideo'
+                }
+            }]
         }]
     }, {
         hidden: true,
-        html: '<audio id="ring" src="' + Ext.manifest.resources.path + '/audio/skype_ring.mp3" preload="auto"></audio>'
+        html: '<audio preload="auto" src="' + Ext.manifest.resources.path + '/audio/ring.mp3" loop id="ring"></audio>'
     }]
 })