July 2024 Summaries

Building an Server Side Rendering (SSR) server from scratch allows understanding the mechanics behind the SSR paradigm and its possible extensions. An SSR server is essentially an HTTP server that receives a request, parses a template, and returns HTML to the client. In this article, we built an SSR server using Node.js, Nuxt, and web components, learning how to render web components on the server-side without JavaScript. We added logic to handle complex components with shadow DOM and icons, optimizing our SSR mechanism for better performance and SEO ranking. The commonality among all SSRs is a rendering function that returns an HTML string sent to the client, where some HTML is hydrated later after JavaScript loads asynchronously.

The Vonage Video API and AI Studio are being used to create a smart scheduling bot that enhances customer interactions by providing face-to-face communication, fostering stronger relationships, and enabling real-time collaboration. The bot is built using the Vonage Video API and Vonage AI Studio, with features such as video conferencing, messaging, screen-sharing, and more. The bot uses WhatsApp as its primary channel for interaction, with a user-friendly interface that allows users to collect input through reply buttons, conditional logic, and webhook integration. The bot also uses entities to extract and validate data from user inputs expressed in natural language. The Vonage Video API is used to create video meetings with configurable options, such as recording options, and more. By leveraging the Video API and AI Studio, developers can effortlessly create self-service, customizable video conferencing experiences for businesses and their customers.

The Vonage Network Registry Sandbox is a secure environment that allows developers to explore the Network APIs from the beginning, ensuring user safety and CSP protection. The Sandbox uses live data and enables up to 5 test numbers with allowlisted phone numbers, while also requiring authentication codes via SMS for verification. To use the Sandbox, developers must first allowlist their desired phone numbers and then create a new application linked with the Sandbox, generating public and private key pairs for JWT creation during authentication. Once configured, developers can begin testing Vonage Network APIs in this secure environment.

I've added noise suppression to my video application using the Vonage Video JavaScript Client SDK, which allows for a basic implementation without importing external libraries. The new feature is included in the latest release of the SDK, and I've created sample applications to demonstrate its usage. With this addition, users can enable or disable noise suppression at runtime, and even pass an audio filter object with the desired type when initializing the Publisher. Additionally, there's a method to get the currently applied audio filter, and browser support is available for Media Processors like Chrome/Chromium-based browsers.

Vonage Cloud Runtime is a platform that allows developers to create, run, debug, and deploy components or full applications directly within the cloud, leveraging features such as a library of application templates and a fully featured IDE. This enables the support team to quickly reproduce problems, debug them in real-time, and find solutions, resulting in faster turnaround for support tickets and increased collaboration with customers. By utilizing this platform, developers can create test environments rapidly using pre-built templates and share working solutions directly with customers or engineering teams.

You have successfully integrated WhatsApp with Slack for customer support using Vonage's AI Studio low-code platform. You built a custom solution that allows agents to respond directly from Slack, and enables customers to send continuous messages back and forth between their phone's WhatsApp and Slack. The integration uses low-code development tools to create a seamless experience for both humans and machines. With this setup, you can now test sending message replies from Slack and receive them on the WhatsApp side. You also created slash commands for ending conversations, which allows AI Studio to know when to stop the conversation and exit the Live Agent Routing node. This integration is perfect for startups and small businesses that lack resources for full-fledged customer support solutions.

This summer is a great time to explore Network APIs through the CAMARA project, an open-source initiative within the Linux Foundation that standardizes API access to mobile operator networks. Vonage has introduced new features such as Silent Authentication, a smoother two-factor authentication method, and a Fraud Protection solution on AWS Marketplace to combat sophisticated attacks. The latest Vonage SDKs offer in-app Voice capabilities, and the Message API now supports RCS business messaging for enhanced multimedia communication. Additionally, a new version of the Vonage Video Client SDK has been released with noise suppression and advanced audio controls. The 10DLC campaign registration process has also been streamlined for better compliance and user experience. Vonage is hosting several events this summer where developers can chat with team members, including WeAreDevelopers in Berlin, KCDC in Kansas City, and more.

The Vonage Video Client SDK has been updated to v2.28.0, introducing a Noise Suppression API that allows developers to deliver higher-fidelity video communications with crystal-clear audio quality at no additional cost. The new feature utilizes a lightweight architecture and prioritizes ease of use and performance beyond what is offered by WebRTC alone. Additionally, the SDK now includes Subscriber 'auto' resolution for Web SDK, which adjusts stream resolutions based on device characteristics, optimizing bandwidth consumption. Larger Video Sessions Capacity has also been introduced, enabling single peer connections that offer improved audio and video quality, reduced operating system resource consumption, and a consistently high-quality experience for all participants. Other new features include MediaStream capabilities, Android 15 Readiness, Advanced audio controls APIs for macOS and Windows SDKs, and optimized SDK size with ML decoupling. The updated SDK is now available to Vonage Video API customers using the standard environment, with plans to roll it out to the Enterprise Environment in early August.

Vonage's AI Studio low-code platform enables startups and small businesses to build a custom, cost-effective customer experience solution tailored to their needs. The integration with WhatsApp and Slack allows for a powerful customer support system where teams can respond to customer inquiries directly from Slack. To achieve this, users need a Slack account and permission to install apps in their workspace, a Vonage API account, and set up a Node application with Express. The process involves creating a new directory, initializing a new Node.js project, installing dependencies, and setting up the server with endpoints for each functionality. Users also need to create an inbound WhatsApp chatbot, setup a live agent routing node, and initiate a Slack conversation using incoming webhooks. The integration allows for seamless communication between WhatsApp and Slack, enabling teams to manage conversations directly from Slack while maintaining proper threading and context.

The Vonage Messages API now supports RCS Business messaging, a standardized interface for sending and receiving messages via SMS, MMS, WhatsApp, Facebook Messenger, Viber, and now RCS. RCS allows larger file sizes and more interactivity than MMS, with advanced message types for displaying media and rendering buttons for suggested replies and actions. The Vonage Messages API leverages Google's RBM (RCS Business Messaging) servers and supports both outbound and inbound messaging, including custom message types such as suggested replies and suggested actions. Inbound messages contain data based on the message sent from the customer's device, while outbound messages can be structured to include various media types, such as images, videos, and files. The API also provides webhook updates for message status and context status. With the upcoming release of iOS 18, Apple will support RCS messaging natively in its built-in messaging app, expanding the reach of RCS messaging compared to specific messaging app channels.