Bauen mit dem Open ContactPad SDK

Einen Anruf programmatisch platzieren

<script type="text/javascript">
  VonageDialer.placeCall('+17328586962' /* optionally pass a preferred contact */
  // , { 
  //   provider: 'acme',
  //   id: '123',
  //   label: 'John Smith',
  //   type: 'contact'
  // }
  ); 
</script>

LIVE-MUSTER

  • Damit die Funktion funktioniert, muss der Benutzer beim Dialer angemeldet sein und über ein funktionierendes Software- oder Hardware-Telefon verfügen.
  • Die Funktion sollte erst aufgerufen werden, wenn die Dialer-Schnittstelle vollständig geladen ist (nachdem das VonageDialer.init(..callback function...) javascript geladen ist). Sie können dies sicherstellen, indem Sie die Funktion nach dem Initialisierungs-Callback ausführen.

Abonnieren von Interaktionsereignissen

VonageDialer.init({ /* dialer config options */ }, (dialer) => {
  dialer.setOnDialerEvent((event) => {
    switch (event.type) {
      case 'CALL_START': {
        break;
      }
      case 'CALL_ANSWER': { // available only for UC
        break;
      }
      case 'CALL_END': {
        // do something based on event.data (screen pop, store interaction, etc.)
        break;
      }
      default: {
        console.log('Unhandled event', event);
      }
   }
  });
});

LIVE-MUSTER

  • Die SDK-Architektur verwendet Ereignisse für Interaktionsereignisse und andere Operationen, die keine Antwort vom benutzerdefinierten Integrationscode erfordern, sowie Callbacks für kontrollierte Anfrage-Antwort-Operationen.
  • Weitere Informationen über Veranstaltungen von Vonage finden Sie auf der Website SDK-Datenmodell.

Zum Wählen klicken

Das SDK enthält eine eingebaute Bibliothek für Telefonanmerkungen, die den HTML-Inhalt der aktuellen Seite nach gültigen Telefonnummern durchsucht und ein Telefonsymbol in der Nähe der entdeckten Nummern platziert, um das Wählen per ClickToDial zu erleichtern.

Click to Dial
<script type="text/javascript">
  VonageDialer.enableClickToDial(true);
</script>

Ländercode einstellen

Standardmäßig kommentiert der Parser alle international formatierten Numbers (mit Ländervorwahl) und alle gültigen US-Nummern im nationalen Format. Um mit den lokalen Telefonnummern eines anderen Landes zu arbeiten, ändern Sie den Ländercode des Dialers basierend auf dem ISO 3166-1 alpha-2 Standard.

<script type="text/javascript">
  VonageDialer.setCountryCode('GB'); // work with UK local numbers
  VonageDialer.enableClickToDial(true);
</script>

LIVE-MUSTER

Weiter zu Anpassungen.