You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

702 lines
23 KiB
JavaScript

2 years ago
/*
* VOICE COMMAND CONFIG
* dependency: js/speech/voicecommand.js
*/
voice_command = true,
/*
* Turns on speech as soon as the page is loaded
*/
voice_command_auto = false,
/*
* Sets the language to the default 'en-US'. (supports over 50 languages
* by google)
*
* Afrikaans ['af-ZA']
* Bahasa Indonesia ['id-ID']
* Bahasa Melayu ['ms-MY']
* Català ['ca-ES']
* Čeština ['cs-CZ']
* Deutsch ['de-DE']
* English ['en-AU', 'Australia']
* ['en-CA', 'Canada']
* ['en-IN', 'India']
* ['en-NZ', 'New Zealand']
* ['en-ZA', 'South Africa']
* ['en-GB', 'United Kingdom']
* ['en-US', 'United States']
* Español ['es-AR', 'Argentina']
* ['es-BO', 'Bolivia']
* ['es-CL', 'Chile']
* ['es-CO', 'Colombia']
* ['es-CR', 'Costa Rica']
* ['es-EC', 'Ecuador']
* ['es-SV', 'El Salvador']
* ['es-ES', 'España']
* ['es-US', 'Estados Unidos']
* ['es-GT', 'Guatemala']
* ['es-HN', 'Honduras']
* ['es-MX', 'México']
* ['es-NI', 'Nicaragua']
* ['es-PA', 'Panamá']
* ['es-PY', 'Paraguay']
* ['es-PE', 'Perú']
* ['es-PR', 'Puerto Rico']
* ['es-DO', 'República Dominicana']
* ['es-UY', 'Uruguay']
* ['es-VE', 'Venezuela']
* Euskara ['eu-ES']
* Français ['fr-FR']
* Galego ['gl-ES']
* Hrvatski ['hr_HR']
* IsiZulu ['zu-ZA']
* Íslenska ['is-IS']
* Italiano ['it-IT', 'Italia']
* ['it-CH', 'Svizzera']
* Magyar ['hu-HU']
* Nederlands ['nl-NL']
* Norsk bokmål ['nb-NO']
* Polski ['pl-PL']
* Português ['pt-BR', 'Brasil']
* ['pt-PT', 'Portugal']
* Română ['ro-RO']
* Slovenčina ['sk-SK']
* Suomi ['fi-FI']
* Svenska ['sv-SE']
* Türkçe ['tr-TR']
* български ['bg-BG']
* Pусский ['ru-RU']
* Српски ['sr-RS']
* 한국어 ['ko-KR']
* 中文 ['cmn-Hans-CN', '普通话 (中国大陆)']
* ['cmn-Hans-HK', '普通话 (香港)']
* ['cmn-Hant-TW', '中文 (台灣)']
* ['yue-Hant-HK', '粵語 (香港)']
* 日本語 ['ja-JP']
* Lingua latīna ['la']
*/
voice_command_lang = 'en-US',
/*
* Use localstorage to remember on/off (best used with HTML Version
* when going from one page to the next)
*/
voice_localStorage = false;
/*
* Voice Commands
* Defines voice command variables and functions
*/
if (voice_command) {
var commands = {
'show dashboard' : function() { $('nav a[href="ajax/dashboard.html"]').trigger("click"); },
'show inbox' : function() { $('nav a[href="ajax/inbox.html"]').trigger("click"); },
'show graphs' : function() { $('nav a[href="ajax/flot.html"]').trigger("click"); },
'show flotchart' : function() { $('nav a[href="ajax/flot.html"]').trigger("click"); },
'show morris chart' : function() { $('nav a[href="ajax/morris.html"]').trigger("click"); },
'show inline chart' : function() { $('nav a[href="ajax/inline-charts.html"]').trigger("click"); },
'show dygraphs' : function() { $('nav a[href="ajax/dygraphs.html"]').trigger("click"); },
'show tables' : function() { $('nav a[href="ajax/table.html"]').trigger("click"); },
'show data table' : function() { $('nav a[href="ajax/datatables.html"]').trigger("click"); },
'show jquery grid' : function() { $('nav a[href="ajax/jqgrid.html"]').trigger("click"); },
'show form' : function() { $('nav a[href="ajax/form-elements.html"]').trigger("click"); },
'show form layouts' : function() { $('nav a[href="ajax/form-templates.html"]').trigger("click"); },
'show form validation' : function() { $('nav a[href="ajax/validation.html"]').trigger("click"); },
'show form elements' : function() { $('nav a[href="ajax/bootstrap-forms.html"]').trigger("click"); },
'show form plugins' : function() { $('nav a[href="ajax/plugins.html"]').trigger("click"); },
'show form wizards' : function() { $('nav a[href="ajax/wizards.html"]').trigger("click"); },
'show bootstrap editor' : function() { $('nav a[href="ajax/other-editors.html"]').trigger("click"); },
'show dropzone' : function() { $('nav a[href="ajax/dropzone.html"]').trigger("click"); },
'show image cropping' : function() { $('nav a[href="ajax/image-editor.html"]').trigger("click"); },
'show general elements' : function() { $('nav a[href="ajax/general-elements.html"]').trigger("click"); },
'show buttons' : function() { $('nav a[href="ajax/buttons.html"]').trigger("click"); },
'show fontawesome' : function() { $('nav a[href="ajax/fa.html"]').trigger("click"); },
'show glyph icons' : function() { $('nav a[href="ajax/glyph.html"]').trigger("click"); },
'show flags' : function() { $('nav a[href="ajax/flags.html"]').trigger("click"); },
'show grid' : function() { $('nav a[href="ajax/grid.html"]').trigger("click"); },
'show tree view' : function() { $('nav a[href="ajax/treeview.html"]').trigger("click"); },
'show nestable lists' : function() { $('nav a[href="ajax/nestable-list.html"]').trigger("click"); },
'show jquery U I' : function() { $('nav a[href="ajax/jqui.html"]').trigger("click"); },
'show typography' : function() { $('nav a[href="ajax/typography.html"]').trigger("click"); },
'show calendar' : function() { $('nav a[href="ajax/calendar.html"]').trigger("click"); },
'show widgets' : function() { $('nav a[href="ajax/widgets.html"]').trigger("click"); },
'show gallery' : function() { $('nav a[href="ajax/gallery.html"]').trigger("click"); },
'show maps' : function() { $('nav a[href="ajax/gmap-xml.html"]').trigger("click"); },
'show pricing tables' : function() { $('nav a[href="ajax/pricing-table.html"]').trigger("click"); },
'show invoice' : function() { $('nav a[href="ajax/invoice.html"]').trigger("click"); },
'show search' : function() { $('nav a[href="ajax/search.html"]').trigger("click"); },
'go back' : function() { history.back(1); },
'scroll up' : function () { $('html, body').animate({ scrollTop: 0 }, 100); },
'scroll down' : function () { $('html, body').animate({ scrollTop: $(document).height() }, 100);},
'hide navigation' : function() {
if ($.root_.hasClass("container") && !$.root_.hasClass("menu-on-top")){
$('span.minifyme').trigger("click");
} else {
$('#hide-menu > span > a').trigger("click");
}
},
'show navigation' : function() {
if ($.root_.hasClass("container") && !$.root_.hasClass("menu-on-top")){
$('span.minifyme').trigger("click");
} else {
$('#hide-menu > span > a').trigger("click");
}
},
'mute' : function() {
$.sound_on = false;
$.smallBox({
title : "MUTE",
content : "All sounds have been muted!",
color : "#a90329",
timeout: 4000,
icon : "fa fa-volume-off"
});
},
'sound on' : function() {
$.sound_on = true;
$.speechApp.playConfirmation();
$.smallBox({
title : "UNMUTE",
content : "All sounds have been turned on!",
color : "#40ac2b",
sound_file: 'voice_alert',
timeout: 5000,
icon : "fa fa-volume-up"
});
},
'stop' : function() {
smartSpeechRecognition.abort();
$.root_.removeClass("voice-command-active");
$.smallBox({
title : "VOICE COMMAND OFF",
content : "Your voice commands has been successfully turned off. Click on the <i class='fa fa-microphone fa-lg fa-fw'></i> icon to turn it back on.",
color : "#40ac2b",
sound_file: 'voice_off',
timeout: 8000,
icon : "fa fa-microphone-slash"
});
if ($('#speech-btn .popover').is(':visible')) {
$('#speech-btn .popover').fadeOut(250);
}
},
'help' : function() {
$('#voiceModal').removeData('modal').modal( { remote: "ajax/modal-content/modal-voicecommand.html", show: true } );
if ($('#speech-btn .popover').is(':visible')) {
$('#speech-btn .popover').fadeOut(250);
}
},
'got it' : function() {
$('#voiceModal').modal('hide');
},
'logout' : function() {
$.speechApp.stop();
window.location = $('#logout > span > a').attr("href");
}
};
};
/*
* SMART VOICE
* Author: MyOrange | @bootstraphunt
* http://www.myorange.ca
*/
SpeechRecognition = root.SpeechRecognition || root.webkitSpeechRecognition || root.mozSpeechRecognition || root.msSpeechRecognition || root.oSpeechRecognition;
// ref: http://updates.html5rocks.com/2013/01/Voice-Driven-Web-Apps-Introduction-to-the-Web-Speech-API
if (SpeechRecognition && voice_command) {
// commands are pulled from app.config file
// add function to button
$.root_.on('click', '[data-action="voiceCommand"]', function(e) {
if ($.root_.hasClass("voice-command-active")) {
$.speechApp.stop();
//$('#speech-btn > span > a > i').removeClass().addClass('fa fa-microphone-slash');
} else {
$.speechApp.start();
//add popover
$('#speech-btn .popover').fadeIn(350);
//$('#speech-btn > span > a > i').removeClass().addClass('fa fa-microphone')
}
e.preventDefault();
});
//remove popover
$(document).mouseup(function(e) {
if (!$('#speech-btn .popover').is(e.target) && $('#speech-btn .popover').has(e.target).length === 0) {
$('#speech-btn .popover').fadeOut(250);
}
});
// create dynamic modal instance
var modal = $('<div class="modal fade" id="voiceModal" tabindex="-1" role="dialog" aria-labelledby="remoteModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"></div></div></div>');
// attach to body
modal.appendTo("body");
//debugState
if (debugState) {
root.console.log("This browser supports Voice Command");
}
// function
$.speechApp = (function(speech) {
speech.start = function() {
// Add our commands to smartSpeechRecognition
smartSpeechRecognition.addCommands(commands);
if (smartSpeechRecognition) {
// activate plugin
smartSpeechRecognition.start();
// add btn class
$.root_.addClass("voice-command-active");
// play sound
$.speechApp.playON();
// set localStorage when switch is on manually
if (voice_localStorage) {
localStorage.setItem('sm-setautovoice', 'true');
}
} else {
// if plugin not found
alert("speech plugin not loaded");
}
};
speech.stop = function() {
if (smartSpeechRecognition) {
// deactivate plugin
smartSpeechRecognition.abort();
// remove btn class
$.root_.removeClass("voice-command-active");
// sound
$.speechApp.playOFF();
// del localStorage when switch if off manually
if (voice_localStorage) {
localStorage.setItem('sm-setautovoice', 'false');
}
// remove popover if visible
if ($('#speech-btn .popover').is(':visible')) {
$('#speech-btn .popover').fadeOut(250);
}
}
};
// play sound
speech.playON = function() {
var audioElement = document.createElement('audio');
if (navigator.userAgent.match('Firefox/'))
audioElement.setAttribute('src', $.sound_path + 'voice_on' + ".ogg");
else
audioElement.setAttribute('src', $.sound_path + 'voice_on' + ".mp3");
//$.get();
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
if ($.sound_on) {
audioElement.pause();
audioElement.play();
}
};
speech.playOFF = function() {
var audioElement = document.createElement('audio');
if (navigator.userAgent.match('Firefox/'))
audioElement.setAttribute('src', $.sound_path + 'voice_off' + ".ogg");
else
audioElement.setAttribute('src', $.sound_path + 'voice_off' + ".mp3");
$.get();
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
if ($.sound_on) {
audioElement.pause();
audioElement.play();
}
};
speech.playConfirmation = function() {
var audioElement = document.createElement('audio');
if (navigator.userAgent.match('Firefox/'))
audioElement.setAttribute('src', $.sound_path + 'voice_alert' + ".ogg");
else
audioElement.setAttribute('src', $.sound_path + 'voice_alert' + ".mp3");
$.get();
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
if ($.sound_on) {
audioElement.pause();
audioElement.play();
}
};
return speech;
})({});
} else {
$("#speech-btn").addClass("display-none");
}
/*
* SPEECH RECOGNITION ENGINE
* Copyright (c) 2013 Tal Ater
* Modified by MyOrange
* All modifications made are hereby copyright (c) 2014 MyOrange
*/
(function(undefined) {"use strict";
// Check browser support
// This is done as early as possible, to make it as fast as possible for unsupported browsers
if (!SpeechRecognition) {
root.smartSpeechRecognition = null;
return undefined;
}
var commandsList = [], recognition, callbacks = {
start : [],
error : [],
end : [],
result : [],
resultMatch : [],
resultNoMatch : [],
errorNetwork : [],
errorPermissionBlocked : [],
errorPermissionDenied : []
}, autoRestart, lastStartedAt = 0,
//debugState = false, // decleared in app.config.js
//debugStyle = 'font-weight: bold; color: #00f;', // decleared in app.config.js
// The command matching code is a modified version of Backbone.Router by Jeremy Ashkenas, under the MIT license.
optionalParam = /\s*\((.*?)\)\s*/g, optionalRegex = /(\(\?:[^)]+\))\?/g, namedParam = /(\(\?)?:\w+/g, splatParam = /\*\w+/g, escapeRegExp = /[\-{}\[\]+?.,\\\^$|#]/g, commandToRegExp = function(command) {
command = command.replace(escapeRegExp, '\\$&').replace(optionalParam, '(?:$1)?').replace(namedParam, function(match, optional) {
return optional ? match : '([^\\s]+)';
}).replace(splatParam, '(.*?)').replace(optionalRegex, '\\s*$1?\\s*');
return new RegExp('^' + command + '$', 'i');
};
// This method receives an array of callbacks to iterate over, and invokes each of them
var invokeCallbacks = function(callbacks) {
callbacks.forEach(function(callback) {
callback.callback.apply(callback.context);
});
};
var initIfNeeded = function() {
if (!isInitialized()) {
root.smartSpeechRecognition.init({}, false);
}
};
var isInitialized = function() {
return recognition !== undefined;
};
root.smartSpeechRecognition = {
// Initialize smartSpeechRecognition with a list of commands to recognize.
// e.g. smartSpeechRecognition.init({'hello :name': helloFunction})
// smartSpeechRecognition understands commands with named variables, splats, and optional words.
init : function(commands, resetCommands) {
// resetCommands defaults to true
if (resetCommands === undefined) {
resetCommands = true;
} else {
resetCommands = !!resetCommands;
}
// Abort previous instances of recognition already running
if (recognition && recognition.abort) {
recognition.abort();
}
// initiate SpeechRecognition
recognition = new SpeechRecognition();
// Set the max number of alternative transcripts to try and match with a command
recognition.maxAlternatives = 5;
recognition.continuous = true;
// Sets the language to the default 'en-US'. This can be changed with smartSpeechRecognition.setLanguage()
recognition.lang = voice_command_lang || 'en-US';
recognition.onstart = function() {
invokeCallbacks(callbacks.start);
//debugState
if (debugState) {
root.console.log('%c ✔ SUCCESS: User allowed access the microphone service to start ', debugStyle_success);
root.console.log('Language setting is set to: ' + recognition.lang, debugStyle);
}
$.root_.removeClass("service-not-allowed");
$.root_.addClass("service-allowed");
};
recognition.onerror = function(event) {
invokeCallbacks(callbacks.error);
switch (event.error) {
case 'network':
invokeCallbacks(callbacks.errorNetwork);
break;
case 'not-allowed':
case 'service-not-allowed':
// if permission to use the mic is denied, turn off auto-restart
autoRestart = false;
$.root_.removeClass("service-allowed");
$.root_.addClass("service-not-allowed");
//debugState
if (debugState) {
root.console.log('%c WARNING: Microphone was not detected (either user denied access or it is not installed properly) ', debugStyle_warning);
}
// determine if permission was denied by user or automatically.
if (new Date().getTime() - lastStartedAt < 200) {
invokeCallbacks(callbacks.errorPermissionBlocked);
} else {
invokeCallbacks(callbacks.errorPermissionDenied);
//console.log("You need your mic to be active")
}
break;
}
};
recognition.onend = function() {
invokeCallbacks(callbacks.end);
// smartSpeechRecognition will auto restart if it is closed automatically and not by user action.
if (autoRestart) {
// play nicely with the browser, and never restart smartSpeechRecognition automatically more than once per second
var timeSinceLastStart = new Date().getTime() - lastStartedAt;
if (timeSinceLastStart < 1000) {
setTimeout(root.smartSpeechRecognition.start, 1000 - timeSinceLastStart);
} else {
root.smartSpeechRecognition.start();
}
}
};
recognition.onresult = function(event) {
invokeCallbacks(callbacks.result);
var results = event.results[event.resultIndex], commandText;
// go over each of the 5 results and alternative results received (we've set maxAlternatives to 5 above)
for (var i = 0; i < results.length; i++) {
// the text recognized
commandText = results[i].transcript.trim();
if (debugState) {
root.console.log('Speech recognized: %c' + commandText, debugStyle);
}
// try and match recognized text to one of the commands on the list
for (var j = 0, l = commandsList.length; j < l; j++) {
var result = commandsList[j].command.exec(commandText);
if (result) {
var parameters = result.slice(1);
if (debugState) {
root.console.log('command matched: %c' + commandsList[j].originalPhrase, debugStyle);
if (parameters.length) {
root.console.log('with parameters', parameters);
}
}
// execute the matched command
commandsList[j].callback.apply(this, parameters);
invokeCallbacks(callbacks.resultMatch);
// for commands "sound on", "stop" and "mute" do not play sound or display message
//var myMatchedCommand = commandsList[j].originalPhrase;
var ignoreCallsFor = ["sound on", "mute", "stop"];
if (ignoreCallsFor.indexOf(commandsList[j].originalPhrase) < 0) {
// play sound when match found
$.smallBox({
title : (commandsList[j].originalPhrase),
content : "loading...",
color : "#333",
sound_file : 'voice_alert',
timeout : 2000
});
if ($('#speech-btn .popover').is(':visible')) {
$('#speech-btn .popover').fadeOut(250);
}
}// end if
return true;
}
} // end for
}// end for
invokeCallbacks(callbacks.resultNoMatch);
//console.log("no match found for: " + commandText)
$.smallBox({
title : "Error: <strong>" + ' " ' + commandText + ' " ' + "</strong> no match found!",
content : "Please speak clearly into the microphone",
color : "#a90329",
timeout : 5000,
icon : "fa fa-microphone"
});
if ($('#speech-btn .popover').is(':visible')) {
$('#speech-btn .popover').fadeOut(250);
}
return false;
};
// build commands list
if (resetCommands) {
commandsList = [];
}
if (commands.length) {
this.addCommands(commands);
}
},
// Start listening (asking for permission first, if needed).
// Call this after you've initialized smartSpeechRecognition with commands.
// Receives an optional options object:
// { autoRestart: true }
start : function(options) {
initIfNeeded();
options = options || {};
if (options.autoRestart !== undefined) {
autoRestart = !!options.autoRestart;
} else {
autoRestart = true;
}
lastStartedAt = new Date().getTime();
recognition.start();
},
// abort the listening session (aka stop)
abort : function() {
autoRestart = false;
if (isInitialized) {
recognition.abort();
}
},
// Turn on output of debug messages to the console. Ugly, but super-handy!
debug : function(newState) {
if (arguments.length > 0) {
debugState = !!newState;
} else {
debugState = true;
}
},
// Set the language the user will speak in. If not called, defaults to 'en-US'.
// e.g. 'fr-FR' (French-France), 'es-CR' (Español-Costa Rica)
setLanguage : function(language) {
initIfNeeded();
recognition.lang = language;
},
// Add additional commands that smartSpeechRecognition will respond to. Similar in syntax to smartSpeechRecognition.init()
addCommands : function(commands) {
var cb, command;
initIfNeeded();
for (var phrase in commands) {
if (commands.hasOwnProperty(phrase)) {
cb = root[commands[phrase]] || commands[phrase];
if ( typeof cb !== 'function') {
continue;
}
//convert command to regex
command = commandToRegExp(phrase);
commandsList.push({
command : command,
callback : cb,
originalPhrase : phrase
});
}
}
if (debugState) {
root.console.log('Commands successfully loaded: %c' + commandsList.length, debugStyle);
}
},
// Remove existing commands. Called with a single phrase, array of phrases, or methodically. Pass no params to remove all commands.
removeCommands : function(commandsToRemove) {
if (commandsToRemove === undefined) {
commandsList = [];
return;
}
commandsToRemove = Array.isArray(commandsToRemove) ? commandsToRemove : [commandsToRemove];
commandsList = commandsList.filter(function(command) {
for (var i = 0; i < commandsToRemove.length; i++) {
if (commandsToRemove[i] === command.originalPhrase) {
return false;
}
}
return true;
});
},
// Lets the user add a callback of one of 9 types:
// start, error, end, result, resultMatch, resultNoMatch, errorNetwork, errorPermissionBlocked, errorPermissionDenied
// Can also optionally receive a context for the callback function as the third argument
addCallback : function(type, callback, context) {
if (callbacks[type] === undefined) {
return;
}
var cb = root[callback] || callback;
if ( typeof cb !== 'function') {
return;
}
callbacks[type].push({
callback : cb,
context : context || this
});
}
};
}).call(this);
var autoStart = function() {
smartSpeechRecognition.addCommands(commands);
if (smartSpeechRecognition) {
// activate plugin
smartSpeechRecognition.start();
// add btn class
$.root_.addClass("voice-command-active");
// set localStorage when switch is on manually
if (voice_localStorage) {
localStorage.setItem('sm-setautovoice', 'true');
}
} else {
// if plugin not found
alert("speech plugin not loaded");
}
}
// if already running with localstorage
if (SpeechRecognition && voice_command && localStorage.getItem('sm-setautovoice') == 'true') {
autoStart();
}
// auto start
if (SpeechRecognition && voice_command_auto && voice_command) {
autoStart();
}