";
str += "
";
str += hideMessageBubble ?
` ![](\"${imgAgent}")
${nameAgent}` :
"";
str += " ";
try {
audio.play();
} catch (excep) {}
str += hideMessageBubble ?
`
` :
`
`;
if (attach == "" || attach == null) {
str += "";
} else if (validateExtensionAudio(attach) || validateBase64Audio(attach)) {
str += "
";
} else {
str += "
";
str += "
";
$(".chat-logs").append(str);
$("#cm-msg-" + INDEX).hide().fadeIn(300);
$(".chat-logs").stop().animate({ scrollTop: $(".chat-logs")[0].scrollHeight }, 1000);
// Verificar si el mensaje contiene una etiqueta
con id='autoRedirectSurvey' y hacer click automático
if (msg && msg.indexOf("$1');
replacePattern2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
replacedText = replacedText.replace(replacePattern2, '$1
$2');
replacePattern3 = /(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim;
replacedText = replacedText.replace(replacePattern3, '
$1');
return replacedText;
}
function NOW() {
var date = new Date();
var aaaa = date.getFullYear();
var gg = date.getDate();
var mm = (date.getMonth() + 1);
if (gg < 10)
gg = "0" + gg;
if (mm < 10)
mm = "0" + mm;
var cur_day = aaaa + "-" + mm + "-" + gg;
var hours = date.getHours()
var minutes = date.getMinutes()
var seconds = date.getSeconds();
if (hours < 10)
hours = "0" + hours;
if (minutes < 10)
minutes = "0" + minutes;
if (seconds < 10)
seconds = "0" + seconds;
return cur_day + " " + hours + ":" + minutes + ":" + seconds;
}
var startTime;
var timerInterval;
var animationId;
function startRecording() {
navigator.mediaDevices.getUserMedia({ audio: true })
.then(function(stream) {
mediaRecorder = new MediaRecorder(stream);
mediaRecorder.start();
startTime = new Date();
// Evento que se dispara cada vez que se graba un fragmento de audio
mediaRecorder.addEventListener('dataavailable', function(e) {
chunks.push(e.data);
});
$('#divWaveAudio').css('display', 'inline-block');
resetAnimation();
var AudioContext = (window.AudioContext || window.webkitAudioContext)
var audioContent = new AudioContext();
var streamSource = audioContent.createMediaStreamSource(stream);
obj.analyser = audioContent.createAnalyser();
streamSource.connect(obj.analyser);
obj.analyser.fftSize = 512;
obj.frequencyArray = new Float32Array(obj.analyser.fftSize);
init()
loop()
timerInterval = setInterval(updateTimer, 1000);
updateTimer();
})
.catch(function(err) {
$('#record-submit').show()
$('#stop-record-submit').hide()
$('#cancel-record-submit').hide()
$('#divWaveAudio').hide()
$('#custom-file-upload').show()
$('#divInputChat').show()
});
// Actualizar la visualización de los botones
$('#record-submit').hide()
$('#custom-file-upload').hide()
$('#divInputChat').hide()
$('#stop-record-submit').css('display', 'inline-block');
$('#cancel-record-submit').css('display', 'inline-block');
}
function stopRecording() {
mediaRecorder.stop();
// Actualizar la visualización de los botones
$('#record-submit').show()
$('#stop-record-submit').hide()
$('#cancel-record-submit').hide()
$('#divWaveAudio').hide()
$('#custom-file-upload').show()
$('#divInputChat').show()
resetAnimation();
// Crear el archivo WAV con los fragmentos grabados
mediaRecorder.addEventListener('stop', function() {
const blob = new Blob(chunks, { type: 'audio/wav' });
const audioUrl = URL.createObjectURL(blob);
const audio = new Audio(audioUrl);
blobToBase64(blob)
$("#record-submit").fadeOut(1, function () {
$("#loading-record").fadeIn(1);
});
audio.controls = true;
document.body.appendChild(audio);
});
// Reiniciar las variables
chunks = [];
mediaRecorder = null;
clearInterval(timerInterval);
}
function cancelRecording(){
mediaRecorder.stop()
chunks = [];
mediaRecorder = null;
clearInterval(timerInterval);
$('#record-submit').show()
$('#stop-record-submit').hide()
$('#cancel-record-submit').hide()
$('#divWaveAudio').hide()
$('#custom-file-upload').show()
$('#divInputChat').show()
resetAnimation();
}
function blobToBase64(blob) {
var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function() {
var base64 = reader.result;
var replaceBase64 = reader.result;
base64 = base64.substr(base64.indexOf(',')+1)
sendAudio(base64, replaceBase64)
}
}
function sendAudio(replaceBase64, base64) {
var idsession_ = $("#idsession").val();
var operation_ = $("#idcliente").val();
var skill_ = $("#skill").val();
var formData1 = new FormData();
formData1.append("audio", replaceBase64);
formData1.append("idsession", idsession_);
formData1.append("operation", operation_);
formData1.append("skill", skill_);
$.ajax({
url: "querys/enviarAudio.php",
data: formData1,
type: "POST",
dataType: "json",
processData: false,
contentType: false,
success: function (response) {
sendMsgType = response.sendMsgType;
$("#loading-record").fadeOut(1, function () {
$("#record-submit").fadeIn(1);
});
if(response.etiqueta){
generate_message(response.etiqueta, "self");
if (response.sendMsgType == 1 ) {
$msg = response.bucketUrl;
$idcliente = $idcliente.replace(" ","");
$skill = $skill.replace(" ","");
chatbotmsg($text1,$text2,$text3,$text4,$text5,$text6,$idsession,$idcliente,$skill,$msg,"","");
}
}
},
error: function (xhr) {
$("#loading-record").fadeOut(1, function () {
$("#record-submit").fadeIn(1);
});
},
});
}
function validateExtensionAudio(url) {
var extension = url.split('.').pop().toLowerCase();
var extensions = ['mp3', 'wav', 'ogg']; // Lista de extensiones válidas
if (extensions.includes(extension)) {
return true;
} else {
return false;
}
}
function validateBase64Audio(url) {
// Obtener el tipo de contenido desde la URL base64
var contentType = url.split(';')[0].split(':')[1];
// Lista de tipos de contenido de audio válidos
var validAudioTypes = ['audio/mp3', 'audio/wav', 'audio/ogg'];
// Verificar si el tipo de contenido está en la lista de tipos de audio válidos
if (validAudioTypes.includes(contentType)) {
return true;
} else {
return false;
}
}
function updateTimer() {
var currentTime = new Date();
var elapsedTime = Math.floor((currentTime - startTime) / 1000); // Tiempo transcurrido en segundos
if (elapsedTime >= 60) {
stopRecording(); // Pausar la grabación si se alcanza el minuto
}
// Actualizar el contador en tu interfaz (por ejemplo, en un elemento con el id "timer")
document.getElementById('div-timer-record').textContent = formatTime(elapsedTime);
}
function formatTime(seconds) {
var minutes = Math.floor(seconds / 60);
var remainingSeconds = seconds % 60;
// Agregar ceros iniciales si es necesario
var formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
var formattedSeconds = remainingSeconds < 10 ? '0' + remainingSeconds : remainingSeconds;
return formattedMinutes + ':' + formattedSeconds;
}
obj = {}
function init () {
obj.canvas = document.getElementById('canvasWave');
let container = document.getElementById('divWaveAudio');
obj.ctx = obj.canvas.getContext('2d');
obj.width = container.clientWidth;
obj.height = container.clientHeight * 0.9;
obj.canvas.width = obj.width * window.devicePixelRatio;
obj.canvas.height = obj.height * window.devicePixelRatio;
obj.canvas.style.width = obj.width + 'px';
obj.canvas.style.height = obj.height + 'px';
obj.ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
}
function randomInteger(max = 256){
return Math.floor(Math.random()*max);
}
let timeOffset = 100;
let now = parseInt(performance.now()) / timeOffset;
function loop () {
obj.ctx.clearRect(0, 0, obj.canvas.width, obj.canvas.height);
let max = 0;
if (parseInt(performance.now()/ timeOffset) > now) {
now = parseInt(performance.now() / timeOffset);
obj.analyser.getFloatTimeDomainData(obj.frequencyArray)
for (var i = 0; i< obj.frequencyArray.length; i++) {
if(obj.frequencyArray[i] > max) {
max = obj.frequencyArray[i];
}
}
var freq = Math.floor(max * 650);
obj.bars.push({
x: obj.width,
y: (obj.height / 2) - (freq / 2),
height: (freq == 0) ? 3:freq+3,
width: 3
});
}
draw();
animationId = requestAnimationFrame(loop);
}
obj.bars = [];
function draw() {
for (i=0; i< obj.bars.length ; i++) {
const bar = obj.bars[i];
obj.ctx.fillRect(bar.x,bar.y,bar.width,bar.height);
bar.x = bar.x - 1;
if (bar.x < 1) {
obj.bars.splice(i,1)
}
}
}
function resetAnimation() {
cancelAnimationFrame(animationId);
obj.bars = [];
now = parseInt(performance.now()) / timeOffset;
}
/*console.clear();*/
![](\""+imgAgent+"\")
";
str += " "+nameAgent+"";
str += " ![](\""+avatar+"\")
";
str += " <\/span>";
}
}
str += " <\/span>";
if (type == 'user') {
try
{
audio.play();
}
catch(excep)
{
}
str += hideMessageBubble
? ' 