😪 🔝 ☪️ पावेल 2.0: जेएस पर रेप्टिलॉइड सलाहकार, सॉकेट्स और टेलीफोनी के साथ नोड। जेएस 🌋 ☸️ 😥

इसलिए हमारे INTERCOM'18 की प्राथमिकता और व्यावसायिक मामलों के साथ मृत्यु हो गई। हमेशा की तरह, सम्मेलन के प्रवेश द्वार का भुगतान किया गया था: जो लोग पूरी कीमत पर टाइमपैड के लिए टिकट खरीद सकते थे, या ... साइट पर एक सरीसृप सलाहकार से छूट प्राप्त कर सकते हैं । पिछले साल, इसने एक परिचित कॉलबैक की तरह काम किया: आप फोन को एक विशेष रूप में छोड़ देते हैं, पावेल आपको एक मिनट में कॉल करता है और प्रश्न पूछता है; अधिक सही उत्तर, उच्च छूट। इस बार हमने यांत्रिकी को बदलने का फैसला किया, जिससे यह तकनीकी रूप से और मुद्दों के संदर्भ में और अधिक कठिन हो गया। कटौती के तहत - वर्तमान नोड और वेब सॉकेट के साथ पावलिक 2.0 हिम्मत, खोलने से पहले चौग़ा पहनना न भूलें।

प्रतियोगिता यांत्रिकी

आप एक डेस्कटॉप ब्राउज़र से intercomconf.com पर जाते हैं, निचले दाएं कोने में पावलिक चैट के रूप में "उठता है" और गेम खेलने की पेशकश करता है। नंबर दर्ज करें, "यहां मेरा नंबर है" पर क्लिक करें - इसके बाद, पावेल आपके ब्राउज़र और हमारे बैकएंड के बीच एक सत्र को लिफ्ट करता है।

यदि सब कुछ सफलतापूर्वक बढ़ गया है और आपके नंबर ने अभी तक ड्रॉ में भाग नहीं लिया है, तो पॉल 8-800 कॉल करने की पेशकश करेगा। यहाँ Voximplant बादल प्रवेश करता है और प्रश्नोत्तरी शुरू होती है:

उत्तर: समय सीमा / समय सीमा। मेम के आधार पर यह ठीक है ।

हां, पहेलियां कुछ इस तरह थीं। प्रत्येक प्रश्न के लिए तीन प्रयास किए गए थे: पहले एक "जटिल" चित्र था, फिर यह सरल था और अंत में सबसे सरल था। पहले प्रयासों ने सबसे अधिक अंक दिए; 5 पहेलियों के बाद, पावेल ने अंक गिना और या तो मुफ्त टिकट या 10% -30% की छूट दी।

उसी समय, हमारा रेप्टिलॉइड काफी स्मार्ट है: इसने त्रुटि संदेश जारी किए (यदि आपने फोन नंबर गलत तरीके से दर्ज किया है, उदाहरण के लिए), यह निर्धारित किया कि संख्या पहले ही ड्राइंग में भाग ले चुकी थी ("मुझे अपने गैर-मौजूद मोबाइल की स्क्रीन पर एक परिचित संख्या दिखाई देती है। एक हाथ में एक प्रयास - ये नियम हैं। ") और, सबसे महत्वपूर्ण बात, ब्राउज़र और क्लाउड को सहसंबद्ध किया। यह साहसी आईवीआर कैसे काम करता है?

जबड़े में पागलपन Reptilians

उत्तर: कॉल सेंटर नफ ने कहा।

इसे सूखने के लिए, पॉल 2.0 हमारे बादल में चल रहा एक आईवीआर है। इसलिए, सभी रेप्टिलॉइड तर्क को एक जेएस स्क्रिप्ट में वर्तनी दी जानी चाहिए, है ना? हां, लेकिन नहीं।

पावेल का दूसरा संस्करण क्लाइंट के ब्राउज़र के साथ सिंक्रनाइज़ किया गया है: साइट पर, पावेल पुन: प्रदर्शन करता है, और फोन पर वह आपके उत्तर सुनता है, जिसके आधार पर चित्र बदलते हैं और परिणाम प्रदर्शित होता है। पहली नज़र में, यह इंटरैक्शन हमारे HTTP एपीआई का उपयोग करके लागू किया जा सकता है :

सबसे पहले, ब्राउज़र StartScenarios विधि का उपयोग करके स्क्रिप्ट चलाएगा । प्रतिक्रिया में, विधि क्रमशः मीडिया_session_access_url और media_session_access_secure_url रिटर्न देती है जिसमें क्रमशः HTTP और HTTPS के लिए URL होते हैं;
कोई प्राप्त URL का उपयोग करके स्क्रिप्ट चलाने के साथ संवाद कर सकता है;
स्क्रिप्ट ब्राउज़र को बताएगा कि httpRequestAsync विधि का उपयोग करके स्कोर का उपयोग करने और अपडेट करने के लिए कौन सी छवियां हैं।

लेकिन कैसे एक कस्टम ब्राउज़र को "पकड़ने" के लिए? वास्तव में, httpRequestAsync में आपको एक अद्वितीय URL पास करना होगा। और हाँ, चित्र - उन्हें भी कहीं संग्रहीत करने की आवश्यकता है।

इसलिए, क्लाउड जेएस स्क्रिप्ट के अलावा, हमने एक्सप्रेस पर अपने बैकेंड का उपयोग किया। सॉकेट के साथ युग्मित। jio : जब विज़िटर ने नंबर दर्ज किया, तो ब्राउज़र ने http के माध्यम से बैकएंड को यह नंबर दिया, जिसके बाद http सत्र वेब सॉकेट में एक सत्र में बदल गया। नतीजतन, स्क्रिप्ट ने लगातार HTTP के माध्यम से बैकएंड के साथ संचार किया, और बैकएंड ने पहले से ही वेब सॉकेट्स का उपयोग किया ताकि जल्दी से चित्र और गणना किए गए अंकों को ब्राउज़र में फेंक सकें।

वेब सॉकेट की तरफ, बैकएंड इस तरह दिखता था:

'use strict';
const express = require('express');
const request = require('request');
const low = require('lowdb');
const FileSync = require('lowdb/adapters/FileSync');
var app = express();
var http = require('http');
var server = http.createServer(app);
var io = require('socket.io')(http).listen(server);
var session = require('express-session')({
secret: 'secret',
resave: true,
saveUninitialized: true
});
var sharedsession = require('express-socket.io-session');
var sockets = {};
var PORT = process.env.PORT || 3001;
app.use(session);
io.use(sharedsession(session));
io.on('connection', function (socket) {
if (socket[socket.handshake.session.caller_id] === undefined &&
socket.handshake.session.caller_id !== undefined) {
sockets[socket.handshake.session.caller_id] = socket
}
});
app.use((req, res, next) => {
let allowedOrigins = [
// allowed hosts
];
let origin = req.headers.origin;
if (allowedOrigins.indexOf(origin) > -1) {
res.setHeader('Access-Control-Allow-Origin', origin);
}
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH,OPTIONS');
res.header('Access-Control-Allow-Credentials', true);
if (req.method === 'OPTIONS') {
res.sendStatus(200);
} else {
next();
}
})

view raw pavel-backend.js hosted with ❤ by GitHub

लेकिन फिर भी, अधिकांश तर्क स्क्रिप्ट में संग्रहीत थे। इस ओर एक रेप्टिलॉइड पर विचार करें ...

स्क्रिप्ट का पालन करें

उत्तर: मशीन लर्निंग। खुद इंस्टाग्राम अरनी से लिया गया।

स्पष्ट से: आपको निश्चित रूप से एएसआर मान्यता मॉड्यूल को जोड़ने की आवश्यकता है।

require(Modules.ASR);

दिलचस्प से:

स्क्रिप्ट में सभी उत्तरों और .jpg फ़ाइल नामों के साथ एक प्रश्न ऑब्जेक्ट था;
हर बार जब स्क्रिप्ट चलती थी, तो फेरबदल सहायक समारोह का उपयोग करते हुए प्रश्नों को हल किया गया था:

शो कोड
function shuffle(a) {
var j, x, i;
for (i = a.length - 1; i > 0; i--) {
j = Math.floor(Math.random() * (i + 1));
x = a[i];
a[i] = a[j];
a[j] = x;
}
return a;
}
view raw shuffle.js hosted with ❤ by GitHub

इनकमिंग कॉल ( CallAlerting ) के लिए "टॉप-लेवल" हैंडलर अद्वितीयता के लिए फोन की जांच करता है, और कॉल को जोड़ने और समाप्त करने के लिए हैंडलर भी होता है। बस ऑनकॉलकनेक्टेड के अंदर बैकएंड पर कॉल है (पढ़ें, सॉकेटियो के लिए):

शो कोड

VoxEngine.addEventListener(AppEvents.CallAlerting, async (e) => {
call.addEventListener(CallEvents.Connected, onCallConnected);
call.addEventListener(CallEvents.Disconnected, onCallDisconnected);
// ...
})
function onCallConnected(e) {
call.say(" , ! : , , <say-as stress='2'></say-as>." +
" , . . ??? !",
Language.RU_RUSSIAN_MALE);
call.addEventListener(CallEvents.PlaybackFinished, startGame);
call.record({
stereo: true
});
call.addEventListener(CallEvents.RecordStarted, async (rec) => {
let res = await Net.httpRequestAsync(ws + '/urlResult?caller_id=' + encodeURIComponent(caller_id) + '&url=' +
encodeURIComponent(rec.url))
});
}

view raw onCallConnected.js hosted with ❤ by GitHub

बस ऊपर का नाम दिखाई दे रहा है , इसमें सिर्फ सवाल मिश्रित हैं, काटे गए हैं और चित्र सूचकांक के साथ बैकएंड पर भेजे गए हैं:

शो कोड

async function startGame() {
call.removeEventListener(CallEvents.PlaybackFinished);
shuffle(questions);
questions = questions.slice(0, 5);
let res = await Net.httpRequestAsync(ws + '/voxResult?caller_id=' + encodeURIComponent(caller_id) + '&data=' +
encodeURIComponent(JSON.stringify({
action: "start",
// qIndex attempts = 0
data: questions[qIndex].pics[attempts],
points: points
})));
try {
res = JSON.parse(res.text);
} catch (err) {
Logger.write(err);
}
if (res.result === true) {
Logger.write("===--- The Game has started! ---===");
startASR(); //
wireCall(); // ASR
}
}

view raw startGame.js hosted with ❤ by GitHub

startASR एक ASR उदाहरण बनाता है और पसंदीदा मान्यता शब्दकोश को इंगित करता है। जब खिलाड़ी जवाब बोलता है, तो फ़ंक्शन ASR को रोक देता है और सुनाई की प्रक्रिया शुरू कर देता है - onRecognitionResult ;

onRecognitionResult उत्तर से अतिरिक्त हटा देता है:

 let rr = e[0].replace(" ", "").replace(" ", "").replace("  ", "").replace("  ", ""); rr = rr.replace(/ /g, '');

और फिर यह प्रयास, अंक गिनना शुरू कर देता है, और रास्ते में टिप्पणियों की आवाज़ भी देता है:

शो कोड

let found = questions[qIndex].answers.some(r => rr.indexOf(r) >= 0);
Logger.write("FOUND: " + found);
if (found) {
if (attempts == 0) {
points += 5;
call.say("<say-as stress='3'></say-as>! !", Language.RU_RUSSIAN_MALE);
} else if (attempts == 1) {
points += 3;
call.say("! .", Language.RU_RUSSIAN_MALE);
} else if (attempts == 2) {
points += 1;
call.say(" … . .", Language.RU_RUSSIAN_MALE);
}

view raw onRecognitionResult.js hosted with ❤ by GitHub

यह फ़ंक्शन अगले प्रश्न पर स्विच करने या गेम को समाप्त करने के लिए प्रयास और प्रश्न संख्या के साथ चर भी बढ़ाता है;

अंतिम गेमफिनिश्ड फ़ंक्शन किसी व्यक्ति को प्रचार कोड जीतने पर अंकों की राशि का बैकएंड देता है - यह ब्राउज़र में देखा जा सकता है और फोन पर सुना जा सकता है, क्योंकि पावलिक ने जीत की आवाज़ दी; उसके बाद हैंगअप किया जाता है।

स्क्रिप्ट की सामान्य सूची 300 लाइनों तक पहुंचती है, सबसे बड़ा टुकड़ा पहचान परिणाम, onRecognitionResult के प्रसंस्करण है।

जीवाश्म बात कर रहे हैं

उत्तर: फ़ायरफ़ॉक्स। हमारे पास सब कुछ है।

पावेल एक डायनासोर है, लेकिन वह अद्यतित रहता है: यह साल-दर-साल विकसित होता है और फिर भी मज़ाक करना पसंद करता है। हमें उम्मीद है कि आप हमारे रेप्टिलॉइड के दूसरे संस्करण को लाइव और कार्यान्वयन के संदर्भ में मूल्यांकन करेंगे। टिप्पणियों में अपनी राय साझा करें, स्वस्थ रहें और याद रखें - पॉल आपसे प्यार करता है!

	'use strict';
	const express = require('express');
	const request = require('request');
	const low = require('lowdb');
	const FileSync = require('lowdb/adapters/FileSync');

	var app = express();
	var http = require('http');
	var server = http.createServer(app);
	var io = require('socket.io')(http).listen(server);
	var session = require('express-session')({
	secret: 'secret',
	resave: true,
	saveUninitialized: true
	});
	var sharedsession = require('express-socket.io-session');

	var sockets = {};
	var PORT = process.env.PORT \|\| 3001;

	app.use(session);

	io.use(sharedsession(session));

	io.on('connection', function (socket) {
	if (socket[socket.handshake.session.caller_id] === undefined &&
	socket.handshake.session.caller_id !== undefined) {
	sockets[socket.handshake.session.caller_id] = socket
	}
	});

	app.use((req, res, next) => {
	let allowedOrigins = [
	// allowed hosts
	];
	let origin = req.headers.origin;
	if (allowedOrigins.indexOf(origin) > -1) {
	res.setHeader('Access-Control-Allow-Origin', origin);
	}
	res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
	res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH,OPTIONS');
	res.header('Access-Control-Allow-Credentials', true);
	if (req.method === 'OPTIONS') {
	res.sendStatus(200);
	} else {
	next();
	}
	})

	function shuffle(a) {
	var j, x, i;
	for (i = a.length - 1; i > 0; i--) {
	j = Math.floor(Math.random() * (i + 1));
	x = a[i];
	a[i] = a[j];
	a[j] = x;
	}
	return a;
	}

	VoxEngine.addEventListener(AppEvents.CallAlerting, async (e) => {
	call.addEventListener(CallEvents.Connected, onCallConnected);
	call.addEventListener(CallEvents.Disconnected, onCallDisconnected);
	// ...
	})

	function onCallConnected(e) {
	call.say(" , ! : , , <say-as stress='2'></say-as>." +
	" , . . ??? !",
	Language.RU_RUSSIAN_MALE);
	call.addEventListener(CallEvents.PlaybackFinished, startGame);
	call.record({
	stereo: true
	});
	call.addEventListener(CallEvents.RecordStarted, async (rec) => {
	let res = await Net.httpRequestAsync(ws + '/urlResult?caller_id=' + encodeURIComponent(caller_id) + '&url=' +
	encodeURIComponent(rec.url))
	});
	}

	async function startGame() {
	call.removeEventListener(CallEvents.PlaybackFinished);
	shuffle(questions);
	questions = questions.slice(0, 5);
	let res = await Net.httpRequestAsync(ws + '/voxResult?caller_id=' + encodeURIComponent(caller_id) + '&data=' +
	encodeURIComponent(JSON.stringify({
	action: "start",
	// qIndex attempts = 0
	data: questions[qIndex].pics[attempts],
	points: points
	})));
	try {
	res = JSON.parse(res.text);
	} catch (err) {
	Logger.write(err);
	}
	if (res.result === true) {
	Logger.write("===--- The Game has started! ---===");
	startASR(); //
	wireCall(); // ASR
	}
	}

	let found = questions[qIndex].answers.some(r => rr.indexOf(r) >= 0);
	Logger.write("FOUND: " + found);
	if (found) {
	if (attempts == 0) {
	points += 5;
	call.say("<say-as stress='3'></say-as>! !", Language.RU_RUSSIAN_MALE);
	} else if (attempts == 1) {
	points += 3;
	call.say("! .", Language.RU_RUSSIAN_MALE);
	} else if (attempts == 2) {
	points += 1;
	call.say(" … . .", Language.RU_RUSSIAN_MALE);
	}

पावेल 2.0: जेएस पर रेप्टिलॉइड सलाहकार, सॉकेट्स और टेलीफोनी के साथ नोड। जेएस

प्रतियोगिता यांत्रिकी

जबड़े में पागलपन Reptilians

स्क्रिप्ट का पालन करें

जीवाश्म बात कर रहे हैं

More articles: