Products
Features
YouTube Video Summarizer
Summarize YouTube videos
Web & PDF Highlighter
Highlight web pages & PDFs
Chat with PDF
Ask any PDF questions with AI
Ask AI Clone
Chat with your highlights & memories
Audio Transcriber
Transcribe audio files to text
Glasp Reader
Read and highlight articles
Kindle Highlight Export
Export your Kindle highlights
Idea Hatch
Hatch ideas from your highlights
Integrations
Obsidian Plugin
Notion Integration
Pocket Integration
Instapaper Integration
Medium Integration
Readwise Integration
Snipd Integration
Hypothesis Integration
Apps & Extensions
Chrome Extension
Safari Extension
Edge Add-ons
Firefox Add-ons
iOS App
Android App
Discover
Discover
Ideas
Discover new ideas and insights
Articles
Curated articles and insights
Books
Book recommendations by great minds
Posts
Essays and notes from readers
Quotes
Inspiring quotes collection
Videos
Curated videos and summaries
Explore Glasp
Glasp Newsletter
Weekly insights and updates
Glasp Talk
Interview series with great minds
Glasp Blog
Latest news and articles
Glasp Use Cases
Learn how others use Glasp
Build & Support
Glasp API
Access Glasp's API for developers
MCP Connector
Connect Glasp to Claude & ChatGPT
Community
Glasp Reddit Community
Students
Student discount and benefits
FAQs
Frequently Asked Questions
AboutPricing
DashboardLog inSign up

17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

275.4K views
•
October 19, 2016
by
The Coding Train
YouTube video player
17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

TL;DR

Learn how to use the FFT (Fast Fourier Transform) algorithm in P5 to analyze sound and visualize its frequency spectrum.

Transcript

hello in this video I'm going to take what I did previously which is uh drawing a kind of graph of the volume of song um and instead of drawing the volume of the song the amplitude of the song across all frequencies I'm going to use an object in P5 called the fft object to analyze the sound in a way that I can get the amplitude for low frequency so... Read More

Key Insights

  • 👂 Using the FFT algorithm, we can analyze the amplitude of sound across different frequencies, providing valuable insights into its frequency spectrum.
  • 👂 The P5 sound library simplifies the process of FFT analysis by providing the FFT object, which can be easily integrated into P5 projects.
  • 💓 By visualizing the frequency spectrum, we can create graphic equalizers or perform more sophisticated analysis tasks like beat detection.
  • 👂 The FFT algorithm allows for the extraction of meaningful information from raw sound data, making it a powerful tool in sound analysis.
  • ⌛ Smoothing can be applied to FFT analysis results to create more visually pleasing and smoother amplitude values over time.
  • 🧡 The range of amplitude values returned by the FFT object is typically from 0 to 255, but this can be adjusted based on the desired visualization.
  • 🫥 Mapping FFT values to create visual effects, such as drawing lines or rectangles, offers creative possibilities for representing sound data.

Install to Summarize YouTube Videos and Get Transcripts

Explore YouTube Video Summarizer or Get YouTube Transcript Extractor

Questions & Answers

Q: What is the purpose of using the FFT algorithm in sound analysis?

The FFT algorithm allows us to analyze the different frequency components of a sound, giving us insights into its frequency spectrum and enabling us to perform tasks like beat detection or identifying specific sounds based on their frequency.

Q: How does the P5 FFT object work in analyzing sound?

The P5 FFT object takes in sound data and computes the amplitude values along the frequency domain. It provides an array of values, where each index corresponds to a specific frequency from low to high.

Q: What is the difference between using the FFT object and the amplitude object in P5?

While the amplitude object gives a single value representing the overall volume of the sound, the FFT object provides a detailed frequency analysis, allowing us to see the amplitude at different frequency levels.

Q: Can the FFT analysis be customized in terms of frequency resolution and level of detail?

Yes, by specifying the number of frequency bands in the FFT analysis, you can control the level of detail and resolution in your analysis. Generally, using powers of two for the number of bands is a common practice.

Summary & Key Takeaways

  • The video demonstrates how to use the P5 FFT object to analyze the amplitude of low and high-frequency sounds and create a graph of the frequency spectrum.

  • FFT (Fast Fourier Transform) is an algorithm used to process and analyze raw sound data to extract relevant information.

  • The P5 sound library, built on top of the Web Audio API, provides a convenient way to perform FFT analysis and obtain frequency data.


Read in Other Languages (beta)

English

Share This Summary 📚

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Explore More Summaries from The Coding Train 📚

Coding Challenge #116: Lissajous Curve Table thumbnail
Coding Challenge #116: Lissajous Curve Table
The Coding Train
Computer Mouse Conference Demos! (node.js + tensorflow.js) thumbnail
Computer Mouse Conference Demos! (node.js + tensorflow.js)
The Coding Train
8.1: Fractals - The Nature of Code thumbnail
8.1: Fractals - The Nature of Code
The Coding Train
Classifying Poses with ml5.js Part 2 thumbnail
Classifying Poses with ml5.js Part 2
The Coding Train
9.4: Genetic Algorithm: Looking at Code - The Nature of Code thumbnail
9.4: Genetic Algorithm: Looking at Code - The Nature of Code
The Coding Train
Coding Challenge #126: Toothpicks thumbnail
Coding Challenge #126: Toothpicks
The Coding Train

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Apps & Extensions

  • Chrome Extension
  • Safari Extension
  • Edge Add-ons
  • Firefox Add-ons
  • iOS App
  • Android App

Key Features

  • YouTube Video Summarizer
  • Web & PDF Summarizer
  • Web & PDF Highlighter
  • Chat with PDF
  • Ask AI Clone
  • Audio Transcriber
  • Glasp Reader
  • Kindle Highlight Export
  • Idea Hatch

Integrations

  • Obsidian Plugin
  • Notion Integration
  • Pocket Integration
  • Instapaper Integration
  • Medium Integration
  • Readwise Integration
  • Snipd Integration
  • Hypothesis Integration

More Features

  • APIs
  • MCP Connector
  • Blog & Post
  • Embed Links
  • Image Highlight
  • Personality Test
  • Quote Shots

Company

  • About us
  • Blog
  • Community
  • FAQs
  • Job Board
  • Newsletter
  • Pricing
Terms

•

Privacy

•

Guidelines

© 2026 Glasp Inc. All rights reserved.