Skip to content

dalabdgw/Sound_Visualization_Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 

Repository files navigation

Django-AI-Project

Django research in university




Introduce


#1. Data analyze & Visualization


Visualization of sound source data using javascript module

image image image



alphaBars - When set to true each bar's amplitude affects its opacity, i.e., higher bars are rendered more opaque while shorter bars are more transparent. This is similar to the lumiBars effect, but bars' amplitudes are preserved and it also works on discrete mode and radial spectrum. For effect priority when combined with other settings, see isAlphaBars. Defaults to false.



ansiBands - When set to true, ANSI/IEC preferred frequencies are used to generate the bands for octave bands modes (see mode). The preferred base-10 scale is used to compute the center and bandedge frequencies, as specified in the ANSI S1.11-2004 standard. When false, bands are based on the equal-tempered scale, so that in 1/12 octave bands the center of each band is perfectly tuned to a musical note.



ledBars - True to activate the LED bars effect for frequency bands modes (see mode). This effect can be customized via setLedParams() method. For effect priority when combined with other settings, see isLedBars. See also trueLeds. Defaults to false.



lumiBars - This is only effective for frequency bands modes (see mode). When set to true all analyzer bars will be displayed at full height with varying luminance (opacity, actually) instead. lumiBars takes precedence over alphaBars and outlineBars, except on radial spectrum. For effect priority when combined with other settings, see isLumiBars. Defaults to false.



noteLabels - When set to true displays musical note labels instead of frequency values, in the x axis (when showScaleX is also set to true). For best visualization in octave bands modes, make sure frequencyScale is set to 'log' and ansiBands is set to false, so bands are tuned to the equal temperament musical scale. Defaults to false.



outlineBars - When true and mode is set to one of the bands modes, analyzer bars are rendered outlined, with customizable fillAlpha and lineWidth. For effect priority when combined with other settings, see isOutlineBars. Defaults to false.



loRes - True for low resolution mode. Defaults to false. Low resolution mode halves the effective pixel ratio, resulting in four times less pixels to render. This may improve performance significantly, especially in 4K+ monitors. If you want to allow users to interactively toggle low resolution mode, you may need to set a fixed size for the canvas via css.

like so:

canvas { display: block; width: 100%; }

This will prevent the canvas size from changing, when switching the low resolution mode on and off.



splitGradient - When set to true and channelLayout is dual-vertical, the gradient will be split between channels. When false, both channels will use the full gradient. The effect is illustrated below, using the 'classic' gradient.



showBgColor - Determines whether the canvas background should be painted. If true, the background color defined by the current gradient will be used. Opacity can be adjusted via bgAlpha property, when overlay is true. If false, the canvas background will be painted black when overlay is false, or transparent when overlay is true. See also registerGradient(). Defaults to true.



showFPS - True to display the current frame rate. Defaults to false.



showPeaks - True to show amplitude peaks. Defaults to true.



showScaleX - True to display scale labels on the x axis. See also noteLabels. Defaults to true.



showScaleY - True to display the level/amplitude scale on the y axis. This option has no effect when radial or lumiBars are set to true. When linearAmplitude is set to false (default), labels are shown in decibels (dB), otherwise, values represent a percentage (0-100%) of the maximum amplitude. See also minDecibels and maxDecibels. Defaults to false.




Time - Amplitude chart

The x-axis represents time and the y-axis represents amplitude. The amplitude change corresponding to the time of the sound data is visualized and shown. You can also move the scrollbar below to cut and view only the information on the desired section. The graph has several colored regions, which represent a specific amplitude range.

Red: 6000
Blue: 4500-6000
Orange: 3000-4500
Yellow: 1500-3000
Green: 0-1500




Code - Pitch chart

The x-axis represents the scale, and the y-axis represents the pitch of the scale. It is a chart that analyzes and shows the pitch of scales appearing in sound data. The analysis information can be viewed by enlarging the desired part through drag, and the analysis chart can be stored as an image. For example, the pitch of "D₄" is about 400, while that of "G₅" is close to 800.







#2. AI Tech

To be developed





#3. Django & AI research website

Development of django and ai tech synthetic services

- Environment -


Python 3.8
Django framework
Echart
Bootstrap 5.1.3
HTML/CSS/JS vanilla

- Module -


Librosa
PIL
Pyscript
Scipy
Numpy
Matplotlib

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published