search

mediacms-io / mediacms

MediaCMS is a modern, fully featured open source video and media CMS, written in Python/Django and React, featuring a REST API.
https://mediacms.io
GNU Affero General Public License v3.0
2.71k stars 500 forks source link

[Feature] integrate an audio visualizer #109

Closed mgogoulos closed 1 year ago

mgogoulos commented 3 years ago

What audio library could be added to make audio streaming more interesting?

Eg https://github.com/katspaugh/wavesurfer.js

yashm1 commented 3 years ago

I can do some research on this and suggest a few.

mgogoulos commented 3 years ago

I can do some research on this and suggest a few.

please do, and write back findings!

yashm1 commented 3 years ago
  1. https://github.com/samuveljohns/Wave.js: Minimal wave visualizer for javascript from wave.js Visual audio from element or microphone stream
  2. https://github.com/chrisweb/waveform-visualizer#readme: Waveform created using data that got generated using the waveform data generator
  3. https://github.com/theanam/webaudio-oscilloscope: A highly customizable oscilloscope for web Audio that supports any source supported by the browser, and renders on an HTML5 canvas.
  4. https://github.com/VladislavPetyukevich/audio-visualizer Audio visualizer generator for Node.js with a simple configuration. Supports PNG, JPG for images and MP3, WAV for audio.
  5. https://github.com/cbrandolino/local-audio-visualizer Drag an audio file to the browser window. It will be played directly from your hard disk, and you'll have a neat spectrum visualization.

I found a few libraries you can have a look. Let me know if you need more

yashm1 commented 3 years ago

Hello Sir, Please let me know if you need more findings

Dan1ell commented 3 years ago

I was thinking, an audio visualizer that can show subtitles would be very useful. Podcasts, interviews. If it could work with the same web vtt files we use for videos, that would be awesome!

yashm1 commented 3 years ago

Yes, that's a great idea. We can use Audio to text libraries to do it.

Megidd commented 2 years ago

Considering the fact that MediaCMS is using Video.js to play media, it makes sense to use a Video.js plugin like this one:

https://github.com/collab-project/videojs-wavesurfer