sound on Win/PC and Android/Tablet

[gdimaria]

This should do what you want. You can change the interval (it is 2000 milliseconds now) if needed.

Code:

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051

  var interval;     // Function to play audio by URL   function Play_Audio(url){     //console.log(OS_Version)     if (OS_Version === 'Android' || OS_Version === 'U.Motion' ){         //alert(OS_Version);       snd.src = url;         snd.pause();         sndcurrentTime = 0;       //snd.load();       snd.play();     } else {       request.open("GET", url, true);       request.responseType = "arraybuffer";       request.onload = function(){           ctx.decodeAudioData(request.response, onDecoded);       }       function onDecoded(buffer){           var bufferSource = ctx.createBufferSource();           bufferSource.buffer = buffer;           bufferSource.connect(ctx.destination);           bufferSource.start();       }       request.send();     }   };     // Function to create event listeners   function CreateListeners(groupaddr,url){     // Make event listener to object     if (typeof grp != 'undefined') {       grp.listen(groupaddr, function(object, state) {         var value = object.value;         var enabled = grp.getvalue('32/2/1');         clearInterval(interval);         if (state == 'value' && value == 1 && enabled) {           Play_Audio(url);           interval = setInterval(function() {             Play_Audio(url);           }, 2000);         }       }, true);     }   }       // Start creating listeners   for (var i in AudioTable) {     CreateListeners(AudioTable[i].address,AudioTable[i].url);   } });

Great! Thank you so much. And best wishes!


Peppe

[gdimaria]

You can use grp.taglisten(tag_name, callback_function, all_events) instead of grp.listen(group_address, callback_function, all_events) for this

I tried to use grp.taglisten instead of grp.listen... but evidently I made some mistake:

Code:

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130

// allarme sonoro   // Closing current script section to add elements </script> <audio id="SE_Audio" style="display: none;"></audio> <script type="text/javascript"> // Starting new script section after adding elements  $(function(){    // Table with parameters    var AudioTable = [      { tag_name:"beep", url:"/scada/resources/img/beep.mp3"},     // { address:"32/2/1", url:"/user/audio2.mp3" },      //{ address:"32/2/2", url:"/user/audio3.mp3" },    ];              var ctx = new(window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.oAudioContext || window.msAudioContext), request = new XMLHttpRequest();    var snd = document.getElementById("SE_Audio");     function getMobileOperatingSystem() {     var userAgent = navigator.userAgent || navigator.vendor || window.opera;     //console.log(userAgent)     if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {       return 'iOS';     } else if ( userAgent.match(/Android/i)) {       return 'Android';     } else if ( userAgent.match(/iKonWebTouch/i)) {       return 'U.Motion';     } else {       return 'PC';     }   }   var OS_Version = getMobileOperatingSystem();     // Fix iOS Audio Context   (function() {     var fixAudioContext = function (e) {       if (ctx) {         // Create empty buffer         var buffer = ctx.createBuffer(1, 1, 22050);         var source = ctx.createBufferSource();         source.buffer = buffer;         // Connect to output         source.connect(ctx.destination);         // Play sound         if (source.start) {           source.start(0);         } else if (source.play) {           source.play(0);         } else if (source.noteOn) {           source.noteOn(0);         }       }       // Check if document is loaded in iframe       if (window.frameElement){         // Remove event listeners from parent         var thisparent = window.parent;         thisparent.document.removeEventListener('touchstart', fixAudioContext);         thisparent.document.removeEventListener('touchend', fixAudioContext);       }       // Remove events       document.removeEventListener('touchstart', fixAudioContext);       document.removeEventListener('touchend', fixAudioContext);     };     // Check if document is loaded in iframe     if (window.frameElement){       // Add event listeners to parent       var thisparent = window.parent;       // Event listener for iOS 6-8 (was previous touchstart event)       thisparent.document.addEventListener('touchstart', fixAudioContext);       // Event listener for iOS 9+ (is now touchend event)       thisparent.document.addEventListener('touchend', fixAudioContext);     }     // Event listener for iOS 6-8 (was previous touchstart event)     document.addEventListener('touchstart', fixAudioContext);     // Event listener for iOS 9+ (is now touchend event)     document.addEventListener('touchend', fixAudioContext);   })();   var interval;     // Function to play audio by URL   function Play_Audio(url){     //console.log(OS_Version)     if (OS_Version === 'Android' || OS_Version === 'U.Motion' ){         //alert(OS_Version);       snd.src = url;         snd.pause();         sndcurrentTime = 0;       //snd.load();       snd.play();     } else {       request.open("GET", url, true);       request.responseType = "arraybuffer";       request.onload = function(){           ctx.decodeAudioData(request.response, onDecoded);       }       function onDecoded(buffer){           var bufferSource = ctx.createBufferSource();           bufferSource.buffer = buffer;           bufferSource.connect(ctx.destination);           bufferSource.start();       }       request.send();     }   };     // Function to create event listeners   function CreateListeners(tag_name,url){     // Make event listener to object     if (typeof grp != 'undefined') {       grp.taglisten(tag_name, function(object, state) {         var value = object.value;         var enabled = grp.getvalue('32/1/21');         clearInterval(interval);         if (state == 'value' && value == 1 && enabled) {           Play_Audio(url);           interval = setInterval(function() {             Play_Audio(url);           }, 2000);         }       }, true);     }   }       // Start creating listeners   for (var i in AudioTable) {     CreateListeners(AudioTable[i].tag_name,AudioTable[i].url);   } });

Best Wishes

Peppe

[Erwin van der Zwart]

This should work:

Code:

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115

// Closing current script section to add elements </script> <audio id="SE_Audio" style="display: none;"></audio> <script type="text/javascript"> // Starting new script section after adding elements  $(function(){             var ctx = new(window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.oAudioContext || window.msAudioContext), request = new XMLHttpRequest();   var snd = document.getElementById("SE_Audio");     function getMobileOperatingSystem() {     var userAgent = navigator.userAgent || navigator.vendor || window.opera;     //console.log(userAgent)     if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {       return 'iOS';     } else if ( userAgent.match(/Android/i)) {       return 'Android';     } else if ( userAgent.match(/iKonWebTouch/i)) {       return 'U.Motion';     } else {       return 'PC';     }   }   var OS_Version = getMobileOperatingSystem();     // Fix iOS Audio Context   (function() {     var fixAudioContext = function (e) {       if (ctx) {         // Create empty buffer         var buffer = ctx.createBuffer(1, 1, 22050);         var source = ctx.createBufferSource();         source.buffer = buffer;         // Connect to output         source.connect(ctx.destination);         // Play sound         if (source.start) {           source.start(0);         } else if (source.play) {           source.play(0);         } else if (source.noteOn) {           source.noteOn(0);         }       }       // Check if document is loaded in iframe       if (window.frameElement){         // Remove event listeners from parent         var thisparent = window.parent;         thisparent.document.removeEventListener('touchstart', fixAudioContext);         thisparent.document.removeEventListener('touchend', fixAudioContext);       }       // Remove events       document.removeEventListener('touchstart', fixAudioContext);       document.removeEventListener('touchend', fixAudioContext);     };     // Check if document is loaded in iframe     if (window.frameElement){       // Add event listeners to parent       var thisparent = window.parent;       // Event listener for iOS 6-8 (was previous touchstart event)       thisparent.document.addEventListener('touchstart', fixAudioContext);       // Event listener for iOS 9+ (is now touchend event)       thisparent.document.addEventListener('touchend', fixAudioContext);     }     // Event listener for iOS 6-8 (was previous touchstart event)     document.addEventListener('touchstart', fixAudioContext);     // Event listener for iOS 9+ (is now touchend event)     document.addEventListener('touchend', fixAudioContext);   })();   var interval;     // Function to play audio by URL   function Play_Audio(url){     //console.log('play activated')     if (OS_Version === 'Android' || OS_Version === 'U.Motion' ){       snd.src = url;         snd.pause();         sndcurrentTime = 0;       snd.play();     } else {       request.open("GET", url, true);       request.responseType = "arraybuffer";       request.onload = function(){          ctx.decodeAudioData(request.response, onDecoded);       }       function onDecoded(buffer){           var bufferSource = ctx.createBufferSource();           bufferSource.buffer = buffer;           bufferSource.connect(ctx.destination);           bufferSource.start();       }       request.send();     }   };   // Make event listener to object   if (typeof grp != 'undefined') {     grp.taglisten("beep", function(object, state) {       var value = object.value;       var enabled = grp.getvalue('32/1/21');       // Enable for testing       //enabled = true;       clearInterval(interval);       if (state == 'value' && value == 1 && enabled) {         Play_Audio("/scada/resources/img/beep.mp3");         interval = setInterval(function() {           Play_Audio("/scada/resources/img/beep.mp3");         }, 2000);       }     }, true);   } });

[gdimaria]

This should work:

Code:

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115

// Closing current script section to add elements </script> <audio id="SE_Audio" style="display: none;"></audio> <script type="text/javascript"> // Starting new script section after adding elements  $(function(){            var ctx = new(window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.oAudioContext || window.msAudioContext), request = new XMLHttpRequest();   var snd = document.getElementById("SE_Audio");     function getMobileOperatingSystem() {     var userAgent = navigator.userAgent || navigator.vendor || window.opera;     //console.log(userAgent)     if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {       return 'iOS';     } else if ( userAgent.match(/Android/i)) {       return 'Android';     } else if ( userAgent.match(/iKonWebTouch/i)) {       return 'U.Motion';     } else {       return 'PC';     }   }   var OS_Version = getMobileOperatingSystem();     // Fix iOS Audio Context   (function() {     var fixAudioContext = function (e) {       if (ctx) {         // Create empty buffer         var buffer = ctx.createBuffer(1, 1, 22050);         var source = ctx.createBufferSource();         source.buffer = buffer;         // Connect to output         source.connect(ctx.destination);         // Play sound         if (source.start) {           source.start(0);         } else if (source.play) {           source.play(0);         } else if (source.noteOn) {           source.noteOn(0);         }       }       // Check if document is loaded in iframe       if (window.frameElement){         // Remove event listeners from parent         var thisparent = window.parent;         thisparent.document.removeEventListener('touchstart', fixAudioContext);         thisparent.document.removeEventListener('touchend', fixAudioContext);       }       // Remove events       document.removeEventListener('touchstart', fixAudioContext);       document.removeEventListener('touchend', fixAudioContext);     };     // Check if document is loaded in iframe     if (window.frameElement){       // Add event listeners to parent       var thisparent = window.parent;       // Event listener for iOS 6-8 (was previous touchstart event)       thisparent.document.addEventListener('touchstart', fixAudioContext);       // Event listener for iOS 9+ (is now touchend event)       thisparent.document.addEventListener('touchend', fixAudioContext);     }     // Event listener for iOS 6-8 (was previous touchstart event)     document.addEventListener('touchstart', fixAudioContext);     // Event listener for iOS 9+ (is now touchend event)     document.addEventListener('touchend', fixAudioContext);   })();   var interval;     // Function to play audio by URL   function Play_Audio(url){     //console.log('play activated')     if (OS_Version === 'Android' || OS_Version === 'U.Motion' ){       snd.src = url;         snd.pause();         sndcurrentTime = 0;       snd.play();     } else {       request.open("GET", url, true);       request.responseType = "arraybuffer";       request.onload = function(){          ctx.decodeAudioData(request.response, onDecoded);       }       function onDecoded(buffer){           var bufferSource = ctx.createBufferSource();           bufferSource.buffer = buffer;           bufferSource.connect(ctx.destination);           bufferSource.start();       }       request.send();     }   };   // Make event listener to object   if (typeof grp != 'undefined') {     grp.taglisten("beep", function(object, state) {       var value = object.value;       var enabled = grp.getvalue('32/1/21');       // Enable for testing       //enabled = true;       clearInterval(interval);       if (state == 'value' && value == 1 && enabled) {         Play_Audio("/scada/resources/img/beep.mp3");         interval = setInterval(function() {           Play_Audio("/scada/resources/img/beep.mp3");         }, 2000);       }     }, true);   } });

Ok, sorry... I re-tested it..  now it's working fine!

Thank you so much!

Peppe

[AngelesTR]

HI:
I'm trying to use this function but no sound is reproduced.
If I try to execute the file in the explorer edge iI see only text not sound. The same file in my PC I do.
"ID3#TSSELavf58.76.100ÿó`Ĉ±ð
IH2ᶈ ‚‚dé
…A
!pL7!@¡0@11Z=Q
;t£º08àA؁Òïƒáöâpp
ŸXñþƒù@AØ!ð@p 8>} ‡L‡åÃõƒàÌ¸>ƒàø 
…
*h¤*„D†1l‹¢Ööa!qòždX#åFäk „ÿóbÄ 'ZÎ_h;TÀ(:wƒO‚BH Ðd*A¸C£,¦É›‚-`¬†!#ôÏ¢K’ã€Ol@„Ü SDÜú&é‰QØ–$L‡2TÊY7CðRÖ0¥æ šÍWÿÿ/šh¤Èº¹‚Ó¹’*uÿÿöDù¢‚Ïê. 4Oÿÿôâ•­Ä€$“»×"  "“‚ÿób..... it is like this

What is the reason?
thanks in advance.