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

【问题标题】：Soundcloud and waveform background changes while playing from options从选项播放时 Soundcloud 和波形背景发生变化
【发布时间】：2014-02-08 16:03:38
【问题描述】：

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

【问题讨论】：

标签： javascript soundcloud waveform

【解决方案1】：

搜索waveform.js的源码后，管理播放选项的方法如下：

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

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

【讨论】：