Skapa din egen Google Call Screening baserad på Voximplant och Dialogflow

Du kanske har hört eller läst om funktionen Call Screening som Google lanserade för sina Pixel-telefoner i USA. Idén är fantastisk – när du får ett inkommande samtal, börjar den virtuella assistenten att kommunicera, medan du ser denna konversation i form av en chatt och kan när som helst börja prata istället för assistenten. Detta är mycket användbart idag, när nästan hälften av samtalen är skräppost, men du vill samtidigt inte missa viktiga samtal från någon som inte finns i din kontaktlista. Den enda nackdelen är att denna funktionalitet endast är tillgänglig på Pixel-telefonen och endast i USA. Nåväl, hinder finns för att övervinnas, eller hur? Därför har vi beslutat att berätta hur man kan uppnå något liknande med hjälp av Voximplant och Dialogflow. Vänligen fortsätt läsa.

Arkitektur

Jag föreslår att vi inte slösar tid på att förklara hur Voximplant och Dialogflow fungerar, om du vill kan du lätt hitta information på internet. Så låt oss bekanta oss med själva konceptet av vår Call Screening.

Anta att du redan har ett telefonnummer som du använder dagligen och till vilket du får viktiga samtal. I så fall kommer vi att behöva ett andra nummer, som kommer att anges överallt – i e-posten, på visitkortet, när du fyller i onlineformulär etc. Detta nummer kommer att anslutas till ett system för naturlig språkbehandling (i vårt fall är det Dialogflow) och vidarebefordra samtal till ditt huvudnummer, men bara om du vill. I diagramform ser detta ut så här (bilder är klickbara):

När vi förstår arkitekturen kan vi ta oss an implementeringen, men med en förutsättning: vi kommer inte att skapa en mobil app för att visa dialog mellan Dialogflow och den inkommande abonnenten, vi kommer att skapa en enkel webb-applikation med dialogrendering för att tydligt visa principen för Call Screening. I denna applikation kommer det finnas en knapp för Intervene, som när den trycks på kopplar Voximplant den inkommande abonnenten med den uppringda abonnenten, om den senare vill prata själv.

Implementering

Logga in på ditt Voximplant-konto och skapa en ny applikation, till exempel screening:

Öppna sektionen "Nummer" och köp ett nummer som kommer att fungera som en mellanhand:

Gå sedan in i screening-applikationen, i avsnittet "Nummer", fliken "Tillgängliga". Här ser du det nyligen köpta numret. Koppla det till applikationen med hjälp av knappen "Koppla" – i det som dyker upp, lämna alla standardvärden och klicka på "Koppla".

När du är inne i applikationen, gå till fliken "Scenarier" och skapa scenariot myscreening – här använder vi koden från artikeln How to use Dialogflow Connector. Koden kommer att ändras något eftersom vi behöver "se" dialogen mellan den som ringer och assistenten; hela koden kan tas här.

VÄNLIGEN NOTERA: du behöver ändra värdet av variabeln server till namnet på din ngrok-server (mer information om ngrok kommer längre ner). Sätt också in dina värden på rad 31, där your phone number är ditt huvudsakliga nummer (exempelvis ett personligt mobilnummer), medan voximplant number är numret som du nyligen köpte.

outbound_call = VoxEngine.callPSTN(“DITT TELEFONNUMMER”, “VOXIMPLANT NUMMER”)

Anropet callPSTN kommer att ske när du bestämmer dig för att hoppa in i samtalet och prata direkt med den inkommande abonnenten.

Efter att du har sparat scenariot behöver du koppla det till det köpta numret. För att göra detta, medan du fortfarande är inne i din applikation, gå till fliken "Routing" för att skapa en ny regel – knappen "Ny regel" i det övre högra hörnet. Ange ett namn (till exempel, allcalls), lämna mönstret som standard (.* – vilket betyder att alla inkommande samtal kommer att hanteras av de scenarier som valts för denna regel) och ange scenariot myscreening.

Spara regeln.

Numret är nu kopplat till scenariot. Det sista som behövs är att koppla boten till applikationen. För detta, gå till fliken "Dialogflow-koppling", klicka på knappen "Lägg till Dialogflow-agent" i det övre högra hörnet och ladda upp JSON-filen för din Dialogflow-agent.

Om du behöver en agent för exempel/testning kan du ta vår från denna länk: github.com/aylarov/callscreening/tree/master/dialogflow. Men förvänta dig inte för mycket av den, det är bara ett exempel som du fritt kan omarbeta hur du vill och gärna dela resultaten 🙂

En enkel backend på NodeJS

Låt oss sätta upp en enkel backend på Node, till exempel så här:
github.com/aylarov/callscreening/tree/master/nodejs

Det här är en vanlig applikation som kräver bara två kommandon för att starta:

npm install
node index.js

Servern startar på port 3000 på din maskin, så för att koppla den till Voximplant-molnet använder vi verktyget ngrok. När du har installerat ngrok, kör det med kommandot:

ngrok http 3000

Du kommer att se det domännamn som ngrok genererade för din lokala server – kopiera det och sätt in det i variabeln server.

Klient

Klientapplikationen ser ut som en enkel chatt som du kan hämta härifrån.

Kopiera helt enkelt alla filer till en valfri katalog på din webbserver så kommer det att fungera. I filen script.js, ändra värdet på variabeln server till ngroks domännamn, och värdet på variabeln callee till numret du köpte. Spara filen och starta applikationen i webbläsaren. Om allt är i ordning, kommer du att se WebSocket-anslutningen i utvecklarkonsolen.

Demo

Du kan se applikationen i aktion i den här videon:

P. S. Om du trycker på knappen Intervene, kommer den som ringer att dirigeras till mitt telefonnummer, och om du trycker på Disconnect – ja, samtalet kommer att... ? Rätt, samtalet kommer att brytas.

Källa: habr.com