Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Hands-on session on Web Audio API - Part 1
Rating: 4.4 out of 5(57 ratings)
2,023 students

Hands-on session on Web Audio API - Part 1

Learn How to Use Key Web Audio API From the Ground Up Through Hands-On Demos and Detailed Use Cases!
Created byDurgaprasad Budhwani
Last updated 1/2022
English

What you'll 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

Course content

3 sections • 33 lectures • 1h 58m total length

  • History of Audio on Web1:11
  • Selection of Code Editor0:32

    Familiarize yourself with HTML and JavaScript; write code in JavaScript, and choose your preferred editor, from VS Code, Sublime Text, WebStorm, to online editors like CodePen and JSBin.

  • Basic HTML Page Setup2:29
  • Audio Player using HTML5 Audio Element1:16
  • Properties of HTML5 Audio Element3:20
  • How to handle unknown audio file formats in HTML5 Audio Element2:08

    Learn to handle unknown audio formats in HTML5 audio elements by providing multiple sources (wav, mp3, ogg) and using a fallback message when formats are unsupported.

  • Audio Player using HTML5 Audio Object3:15
  • Limitations of HTML5 Audio Element and Audio Object1:12

Requirements

  • Basic knowledge about HTML5, JavaScript and CSS.

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.


  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!

Who this course is for:

  • Any developer looking to get started with Web Audio API
  • Any audio engineering who wants to port existing music production app to web application.

Report abuse