按照使用Waveform.js和SoundCloud生成波形的说明后,它看起来很棒。问题是当流开始颜色改变时,特别是波形的背景变得透明。我无法弄清楚如何防止这种情况或如何控制播放颜色。
以下是一个示例,我将容器的背景更改为红色,以便您可以看到它。我试图避免操纵容器来实现这一点。
以下是它开始播放时会发生的事情。我希望播放状态不改变颜色并控制它(改变缓冲区的颜色和播放)。除了使用不允许操纵波形的自定义播放器之外的任何想法?
设置waveform
的代码SC.get("/tracks/132744204", function (track)
{
var waveform = new Waveform({
container: topPlayer.get(0),
height: "50",
innerColor: "#eee",
outerColor: '#000'
});
waveform.dataFromSoundCloudTrack(track);
var streamOptions = waveform.optionsForSyncedStream();
SC.stream(track.uri, streamOptions, function (stream)
{
topPlayer.stream = stream
topPlayer.stream.play();
});
});
答案 0 :(得分:3)
在搜索了wave.js的源代码后,管理播放选项的方法如下:
var streamOptions = waveform.optionsForSyncedStream({
playedColor: '#f00',
loadedColor: '#f00',
defaultColor: '#00f'
});
这在任何地方都没有记录,所以如果其他人想控制这些颜色,你可以在streamOptions上设置它们。