kilokeith/soundcloud-soundmanager-player

How to make surrounding color of waveform png editable via CSS?

leatherboundbooks opened this issue · 2 comments

Thanks for this player first off, i believe its the only one out there right now aimed to offer compatibility with Soundclouds API out the gate like this.

Is there any way to change the surrounding color of the waveform png rather then just the waveform color itself? This poses some serious design / aesthetic issues for different layouts that require something transparent or the same color as the background of the theme/site your building....

A working example of how to achieve this would be GREATLY appreciated!

Best
Screen-Shot-2013-03-24-at-12 26 30-PM

The waveforms are pngs prerendered by Soundcloud. It's really just a mask so that you can supply the background color and color the waveform itself. So there's no way to change the color of the mask.
However, there's other ways to implement the waveforms. Read here: http://developers.soundcloud.com/blog/waveforms-let-s-talk-about-them

I have an example of using their Waveform.js as a replacement:
https://github.com/kilokeith/soundcloud-soundmanager-player#better-waveforms-w-waveformjs

Hope that helps.

Good deal Keith, I will check those out - and thanks for the quick reply!