• Post category:StudyBullet-5
  • Reading time:5 mins read


What you will learn

Take the first step in your Web Audio API journey

Understand difference between analog and digital sounds

Understand characteristics of sound

Explore on capturing and playing audio sound using Web Audio API

How to processing captured sound by changing volume or filtering frequencies

How to visualize audio on browser

Description

The Web Audio API provides a powerful and versatile system for controlling audio on the Web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.

This course is more focused on how to capture or play audio from audio sources, how to apply multiple filters (low pass filter, high pass filter, bandpass filter), how to delay the sound and create an echo effect and also focus on how to change the volume of capture sound.

For web developers, this course can understand the audio concepts effectively and how to create digital audio workstation applications in web applications using Web Audio API without knowing the complex digital signal processing algorithm like convolution, Fast Fourier Transform (FFT).

For the audio engineer, this course is the opportunity to understand how to convert desktop-based audio processing applications into web-based applications using Web Audio API.

This course also covers the basics of audio and audio properties like frequency and amplitude.

This course is divided into 3 Parts.


Get Instant Notification of New Courses on our Telegram channel.


 

  1. Audio Player HTML Element and Object

  2. Web Audio API – Audio Sources

    • Audio Source Generator – Oscillator

    • Live Input Capture – Microphone Input

  3. Web Audio API – Modification Node.

    1. GainNode

    2. DelayNode

    3. BiQuardFilters

Join me in this course if you’re ready to dive into Web Audio API. You won’t be disappointed!

English
language

Content

HTML 5 Audio Player

History of Audio on Web
Selection of Code Editor
Basic HTML Page Setup
Audio Player using HTML5 Audio Element
Properties of HTML5 Audio Element
How to handle unknown audio file formats in HTML5 Audio Element
Audio Player using HTML5 Audio Object
Limitations of HTML5 Audio Element and Audio Object

Web Audio API – Audio Sources

Introduction to Web Audio API and Audio Context
OscillatorNode
OscillatorNode Types
Audio Context Property – CurrentTime
Frequency Basics
Audio Params
Live (Microphone) Input
AudioBuffer and AudioBufferSourceNode
Audio Sampling Rate
AudioBufferNode – Hands-on session

Web Audio API – Modification Nodes

Introduction About Modifications Nodes
GainNode – Introduction
GainNode – Hands-On
Delay Node
DelayNode – Echo Effect
BiQuadFilterNode – Introduction
AudioBufferNode – Store Audio File
BiQuadFilter – Low Pass Filter Hands On
BiQuadFilter – High Pass Filter Introduction
BiQuadFilter – High Pass Filter Hands-On
BiQuadFIlter – Properties – Q Factor
BiQuadFilter – Band Pass Filter Hands-On
Types of BiQuadFilter
ConvolverNode Intro
ConvolverNode – Hands-on