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

时间:2014-02-08 16:03:39

标签: javascript soundcloud waveform

按照使用Waveform.js和SoundCloud生成波形的说明后,它看起来很棒。问题是当流开始颜色改变时,特别是波形的背景变得透明。我无法弄清楚如何防止这种情况或如何控制播放颜色。

以下是一个示例,我将容器的背景更改为红色,以便您可以看到它。我试图避免操纵容器来实现这一点。

enter image description here

以下是它开始播放时会发生的事情。我希望播放状态不改变颜色并控制它(改变缓冲区的颜色和播放)。除了使用不允许操纵波形的自定义播放器之外的任何想法?

enter image description here

设置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();
    });
});

1 个答案:

答案 0 :(得分:3)

在搜索了wave.js的源代码后,管理播放选项的方法如下:

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

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