A simple, light and blazingly fast web component for visualising audio.
- Copy the CDN link in your head tag as a module script.
<head>
<script
type="module"
src="https://cdn.jsdelivr.net/gh/Kandreas9/user-avatar@main/dist/user-avatar.js"
></script>
</head>- You can now use the
<audio-visualiser></audio-visualiser>tag
<body>
<audio-visualiser></audio-visualiser>
</body>audio-type
- video (default)
- audio
audio-src - A link or path to your file. (YTB doesnt work)
visualiser-color - Any type of color you want hex or whatever.
visualiser-bar-count - The amount of bars the visualiser will have. (default is 50)
controls-color - Color for the controls (default is black)
default-classes - Set of premade classes with colors and gradients
- neon
<head>
<script
type="module"
src="https://cdn.jsdelivr.net/gh/Kandreas9/user-avatar@main/dist/user-avatar.js"
></script>
</head>
<body>
<audio-visualiser
audio-type="video"
audio-src="path/to/file"
controls-color="white"
default-classes="neon"
></audio-visualiser>
</body>