hi,
I have an app where I need to be able to play an error sound or an success sound based on whether I am able to successfully read an NFC Tag.
How do I play success / error notification sounds? Like for example there is error.wav in windows....or the exclamation sound.
Just playing Beeps won't do as it will sound the same - for success and failure.
Thanks,
M&M
hi,
I think I can use the Cordova Local-Notification Plugin for playing the sounds as well.
Thanks,
M&M
oops I cannot just play the sound without displaying the notification :-O
So this question is still open ",)
Any tips will be helpful
Cheers,
M&M
Hi M&M,
You can use HTML5 audio tag for it.
Following solution is how to add it dynamically(via JS code) and how to start/stop play the sound:
Add new JS asset. And populate it with following js code:
precode
var onLoad = function() {
var audioText = '<audio id="yourAudio" controls=""><source src="http://demos.w3avenue.com/html5-unleashed-tips-tricks-and-techniques/demo-audio.ogg"><source></audio>';
var audio = jQuery(audioText);
jQuery("body").append(audio);
console.log("load");
};
jQuery(window).bind("load", onLoad);
function PlayTrack(src) {
var au = jQuery("#yourAudio");
au.attr("src", src);
if (au[0] && au[0].play) au[0].play();
};
function StopPlayTrack() {
var au = jQuery("#yourAudio");
if (au[0] && au[0].play) au[0].pause();
};
/code/pre
When you need to play new sound use following JS code:
pre
PlayTrack("http://demos.w3avenue.com/html5-unleashed-tips-tricks-and-techniques/demo-audio.mp3")
/pre
To stop current played track you can use following JS code:
pre
StopPlayTrack();
/pre
Regards.
This works GREAT!!
Thanks.
For local sound files.
In the SOURCE View. Upload your sound file (eg. Bell.mp3) into say.
WEB_RESOURCES -files -resources
Change the onLoad = function() to.
code
var onLoad = function() {
var audioText = '<audio id="yourAudio" controls=""><source src="files/resources/Bell.mp3"><source></audio>';
var audio = jQuery(audioText);
jQuery("body").append(audio);
console.log("load");
};
/code
And Play sound by calling like this.
code
PlayTrack("files/resources/Bell.mp3");
/code
Works in App and Browser Tester.