自定义soundcloud播放器，更改波形png颜色？答案

【问题标题】：Custom soundcloud player, change waveform png colour?自定义soundcloud播放器，更改波形png颜色？
【发布时间】：2016-07-30 05:07:51
【问题描述】：

我正在从 soundcloud js api (http://developers.soundcloud.com/docs/custom-player) 创建一个自定义播放器/皮肤。

一切都很好，除了我似乎无法找到改变波形 png 的颜色的方法（例如 http://w1.sndcdn.com/ek9l31pY98LB_m.png ）......这甚至可能吗？

谢谢

:: 埃德

【问题讨论】：

【解决方案1】：

您可以在 CSS 文件中更改波形的填充，只需找到

.sc-scrubber .sc-played {
    background-color: #333;
    opacity: 0.4;
}

并将颜色更改为您喜欢的任何颜色。

不知道这是不是你想要的

【讨论】：

【解决方案2】：

您可以使用后端处理（例如：对于 PHP、GD 或 ImageMagick 库），甚至在前端，使用 Javascript 和 <canvas> 以您喜欢的任何样式重新创建波形，但正如 Paul 所说，没有适合您的预打包解决方案。

【讨论】：

【解决方案3】：

有一个 JS 库可以为您处理这个问题：http://waveformjs.org/。

它使用网络服务来分析波形、返回峰值并为您绘制它们，因此它仅适用于支持 Canvas 的浏览器。

【讨论】：

【解决方案4】：

抱歉，我们的 API 不提供任何更改波形颜色的机制。

【讨论】：

【解决方案5】：

是的，这绝对是可能的。

正如其他人建议使用服务器端脚本重新着色它，我已经构建了一个解决方案，它执行以下操作：

【讨论】：