https://github.com/alexadam/img-encode

Encode an image to sound and view it as a spectrogram - turn your images into music
https://github.com/alexadam/img-encode

audio audio-effect audio-processing audio-visualizer encoding image-to-sound javascript sound sound-effects sound-processing spectrogram spectrum visualization wav

Last synced: about 2 months ago
JSON representation

Encode an image to sound and view it as a spectrogram - turn your images into music

• Host: GitHub
• URL: https://github.com/alexadam/img-encode
• Owner: alexadam
• License: mit
• Created: 2013-06-20T17:47:45.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2020-08-26T14:50:49.000Z (almost 5 years ago)
• Last Synced: 2025-03-24T10:54:05.587Z (3 months ago)
• Topics: audio, audio-effect, audio-processing, audio-visualizer, encoding, image-to-sound, javascript, sound, sound-effects, sound-processing, spectrogram, spectrum, visualization, wav
• Language: JavaScript
• Homepage: https://alexadam.github.io/demos/img-encode/index.html
• Size: 5.48 MB
• Stars: 278
• Watchers: 15
• Forks: 46
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
img-encode

==========

Convert an image to sound spectrogram

## Demo

https://alexadam.github.io/demos/img-encode/index.html

![alt result](https://github.com/alexadam/img-encode/blob/master/ui.jpg?raw=true "ui.jpg")

---

 Open the generated 'result.wav' file with 'Sonic Visualizer', click on 'Layer -> add Spectrogram'. The result:

![alt result](https://github.com/alexadam/img-encode/blob/master/spec6.png?raw=true "spec6.png")

## Other examples

![alt result](https://github.com/alexadam/img-encode/blob/master/spec1.png?raw=true "spec1.png")

![alt result](https://github.com/alexadam/img-encode/blob/master/spec2.png?raw=true "spec2.png")

![alt result](https://github.com/alexadam/img-encode/blob/master/spec3.png?raw=true "spec3.png")

![alt result](https://github.com/alexadam/img-encode/blob/master/spec4.png?raw=true "spec4.png")

![alt result](https://github.com/alexadam/img-encode/blob/master/spec5.png?raw=true "spec5.png")

## Credits

http://www.ohmpie.com/imageencode/

http://www.codebase.es/riffwave/

https://github.com/eligrey/FileSaver.js