Audio visualisation with the Web Audio API and React
The Web Audio API is a powerful browser API for creating, manipulating and analysing audio. I'm no musician, so I'll leave the creating and manipulating to the experts. Instead, in this post we're going look at analysing audio. To make things extra interesting, we're going to see how to visualise the audio in a React component with
When we're done we'll have a React application that can listen to the microphone on your computer and show a waveform to visualise the data.
- Clone or download the repo from GitHub
git clone -b getting-started https://github.com/philnash/react-web-audio.git
- Change into the directory and install the dependencies with npm
cd react-web-audio npm install
- Start the application
npm start ...
How to Capture Call Tracking Metrics in Google Analytics with Twilio Programmable Voice
Call tracking involves saving a phone number and recording related the information about the calls made by that number. The metrics can then be used to measure the impact of marketing efforts on lead generation and sales.
Say that you are an entrepreneur or the marketing head of an organization and your main source of leads are phone calls. To spend your marketing dollars wisely, you will have to know which of your campaigns generate the maximum number of calls. This can be done using a call tracking system.
Call tracking systems used to be very expensive and cumbersome. However, in this blog post we will create an easy call tracking system that combines the powers of Twilio and Google Analytics to give you a very detailed picture of the calls and locations of these calls.
Configuring Google Analytics
Start by logging into your Google Analytics account or signing up ...
What is Public Key Cryptography?
From TLS to authentication, “crypto” is used for a lot more than just currencies. In 2018, security should be part of every developer's toolkit and cryptography a fundamental building block for the libraries and tools we use to protect our data and applications. This post will dive into modern cryptography, an overview of how it works, and its everyday use cases — including how Twilio uses public-key crypto in our Authy application and to secure our API.
Let's start with some context and history.
Meet Alice and Bob
Alice and Bob have a history of illicit dealings. We're not really sure what they're up to, but they don't want us, or the ever-curious Eve, to know. Before the internet, Alice and Bob could pass secret messages by encrypting text with an agreed upon cipher. Maybe that was through letter substitution or shifting or other sophisticated methods. They agreed on the method ...
Why We're Never Done Fighting for an Open Internet
tl;dr Call or text California Governor Jerry Brown at 1-833-288-4404 to let him know you support open internet legislation.
We can’t sugar coat the disappointing and controversial decision by FCC Chairman Ajit Pai to roll back the strong net neutrality protections of the 2015 Open Internet Order. Predictably, since the December 2017 FCC vote, internet service providers and wireless carrier companies have acted against the best interests of consumers with increased impunity: both through blocking and throttling consumers communications and introducing steep price increases.
It would be understandable if net neutrality advocates got frustrated, packed up, and moved on -- but that hasn’t happened because there’s simply too much at stake. We’re heartened that supporters are rallying efforts to protect net neutrality at multiple levels of government. There are important efforts taking place across a range of venues: in the courts, at federal ...
Extending Python and Flask Web Applications with APIs
Application Programming Interfaces (APIs) can be a great way to programmatically gather or distribute data. API creation really distills down to creating a set of routes that receive requests and return useful data. For example, visiting this page may be easy for a person to read, but it’s harder for a computer program to extract the information it may need. An API can return just the information a program needs.
The site is organized by sections the user can visit to learn about different topics. For this API, we’ll create an endpoint so that when a user pings it with a topic they want to get content resources for, it returns a list of resources.
Before we start coding ...
How to Build A Twilio-Hosted Group Messaging Service with Sync, Functions and SMS
With Twilio’s services you can manage your own group SMS application for Scheduling business meetings, planning wedding activities, parties, or a dinner get together. A friend of mine uses group SMS for family communications among his siblings and parents.
Don’t like Facebook? Or someone you want to include in your group doesn’t use Facebook or WhatsApp? No worries, use SMS. Yes, everyone with a mobile phone has an SMS app because your phone comes with an SMS app. You’re Group SMS app ready for group messaging.
The blog, How To: Set Up SMS Broadcasts in Five Minutes, says, “SMS messages are opened 98% of the time within minutes of being received. When you need to reach your constituents quickly and consistently, there’s no better medium than SMS.”
This blog gives you the configuration steps to communicate quickly and effectively with your friends, colleagues or customers ...
Translator via SMS with C# and Azure Functions
What you’ll need:
- A Twilio account (sign up for a free Twilio account here)
- An SMS enabled Twilio number (find one here)
- An Azure account (sign up for a free Azure account here)
- Optional: pieces o' eight!
Azure Functions allow you to write code without having to worry about infrastructure or servers, so they are perfect for setting up a simple webhook for an incoming SMS or call from Twilio.
Create an Azure Function
From the Azure portal, click the Create a resource button, found at the top of the menu on the left. Search for a Serverless Function App and then click on the matching result.
Give your app a name, I called mine
twilio-sms-translator, create or reuse ...
Working with iOS View Animations and Transitions in Swift
If you use an Apple device, you’ve probably seen a bunch of animations from third-party apps or Apple’s stock apps. If you ever wished you knew how to do that, but thought it looked too complicated, your wish is about to come true. Follow along with me and you’ll discover that creating animations in iOS is not only uncomplicated, but also fun.
Animations grab a user’s attention and allow them to focus on what’s important on the screen. Animations also highlight changes on the screen and can help a user learn to navigate your app. But who are we kidding, everyone loves animations. They’re just so cool.
Tools You’ll Need
To follow along with this tutorial, assuming you are an iOS developer looking to explore the world of animations, you will need a couple of prerequisites:
- A Mac running the latest point release ...
Build Your Own Smart Auto Response Bot with Python, Flask, Twilio SMS and the CleverBot API
If you are looking for a beginner Twilio project or a new texting buddy, this tutorial is for you! Using the Twilio and CleverBot APIs you will make a Flask app that texts CleverBot, which is an AI you can chat with that learns from its conversations.
You will need a Twilio account with a phone number that can send and receive SMS. In the console navigate to the "Buy a Number" page. Make sure to check off SMS under capabilities and then hit the search button. Any number will do, so feel free to pick one that speaks to you!
You will also need a CleverBot API key. You will have to input payment information to use the API. Luckily, the first month is free! Just remember to cancel your subscription if you don't plan on using it after this project.
Next, you have to ...
What is an eSIM?
This week Apple announced two new flagship phones with eSIM support. This has raised many questions on what an eSIM actually is and why it is so important for the industry. Remember that our work is primarily on M2M (Machine to Machine) or IoT (Internet of Things) connectivity rather than consumer mobile but we hope this post will give you more clarity.
The concept of the eSIM is complicated.
A common misconception is that eSIM refers only to embedded SIM hardware - the MFF2 SIM card form factor is shown below.
This isn’t true. eSIM refers to eUICC or embedded UICC. The embedded UICC software can be deployed on embedded SIM hardware like MFF2, or removable plastic SIM cards like 4FF. We don't know the exact embedded hardware that Apple is using for its eSIM support - it could be the standard MFF2, or something even more miniaturized.
With eSIM, you ...