Explicació en Català

HTML (HyperText Markup Language)

És el llenguatge estàndard per crear pàgines web. Defineix l'estructura del contingut amb etiquetes com <h1>, <p>, <img>, etc.

CSS (Cascading Style Sheets)

S'utilitza per donar estil i format a les pàgines web, controlant colors, fonts, marges, disposició, etc.

JavaScript

És un llenguatge de programació que permet afegir interactivitat a les pàgines web, com animacions, validació de formularis, i altres funcions dinàmiques.

Bootstrap

És un framework CSS que facilita la creació de dissenys web responsius i moderns amb menys codi.

Reproductor d'àudio HTML5

El reproductor per defecte d'HTML5 permet reproduir arxius d'àudio sense necessitat de plugins externs:

plyr.io

És una biblioteca JavaScript que proporciona un reproductor multimèdia personalitzable per a àudio i vídeo. Inclou controls moderns i millores visuals:

Explicació en Català

Frequències del so

La freqüència del so mesura la quantitat de cicles per segon d'una ona sonora. Es mesura en Hertz (Hz) i determina l'altura del so (greu o agut).

FFT (Transformada Ràpida de Fourier)

És un algorisme que descompon un senyal en les seves freqüències constituents. S'utilitza per analitzar el contingut freqüencial d'un so.

So i FFT

Amb FFT i dades de so es pot visualitzar l'espectre del so, mostrant la intensitat de cada freqüència. És útil per aplicacions de música i àudio.

Freqüència mitjana del so

La freqüència mitjana és la freqüència central que representa el to predominant en un conjunt d'ones sonores.

Color RGB

El model de color RGB es basa en la combinació de llums de colors vermell (R), verd (G) i blau (B) per produir altres colors.

Color HSL

El model HSL defineix els colors mitjançant la tonalitat (H), la saturació (S) i la lluminositat (L), permetent ajustar els colors més visualment.

p5.js

p5.js és una biblioteca de JavaScript per a la creació d'art gràfic interactiu. Facilita el treball amb formes, colors, i animacions.

beginShape() en p5.js

La funció beginShape() de p5.js inicia el dibuix d'una forma personalitzada especificant els vèrtexs amb vertex(). Finalitza amb endShape().


Explanation in English

HTML (HyperText Markup Language)

It is the standard language for creating web pages. It defines the structure of the content using tags like <h1>, <p>, <img>, etc.

CSS (Cascading Style Sheets)

Used to style and format web pages, controlling colors, fonts, margins, layout, etc.

JavaScript

It is a programming language that adds interactivity to web pages, like animations, form validation, and other dynamic features.

Bootstrap

It is a CSS framework that makes it easier to build responsive and modern web designs with less code.

HTML5 Audio Player

The default HTML5 audio player allows playing audio files without external plugins:

plyr.io

It is a JavaScript library that provides a customizable media player for audio and video. It includes modern controls and visual enhancements:

Explanation in English

Sound Frequencies

Sound frequency measures the number of cycles per second of a sound wave. It is measured in Hertz (Hz) and determines the pitch (low or high).

FFT (Fast Fourier Transform)

It is an algorithm that decomposes a signal into its constituent frequencies, used to analyze the frequency content of a sound.

Sound and FFT

Using FFT and sound data, it is possible to visualize the sound spectrum, showing the intensity of each frequency. It is useful in audio and music applications.

Average Sound Frequency

The average frequency is the central frequency representing the predominant tone in a set of sound waves.

RGB Color

The RGB color model is based on combining red (R), green (G), and blue (B) lights to produce other colors.

HSL Color

The HSL model defines colors using hue (H), saturation (S), and lightness (L), allowing more intuitive color adjustments.

p5.js

p5.js is a JavaScript library for creating interactive graphic art, making it easy to work with shapes, colors, and animations.

beginShape() in p5.js

The beginShape() function in p5.js initiates the drawing of a custom shape by specifying vertices with vertex(). It is completed with endShape().