javascript - 从选项播放时 Soundcloud 和波形背景发生变化

Question

按照说明使用 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();
    });
});

Answer 1

通过查找waveform.js的源码，管理播放选项的方法如下:

 var streamOptions = waveform.optionsForSyncedStream({
   playedColor: '#f00',
   loadedColor: '#f00',
   defaultColor: '#00f'
 });

这在任何地方都没有记录，所以如果其他人想要控制这些颜色，您可以在 streamOptions 上设置它们。