声音波形如何存储然后在SoundCloud上显示？

Question

我对SoundCloud如何存储然后显示其波形特别感兴趣。当我扩展浏览器时，我注意到波形本身实际上相应地缩放，这意味着它们没有使用预烘焙图像。 JavaScript中是否有可用于呈现它们的库，如果有，它们将数据存储在哪种格式？

Answer 1

他们实际上保存了一个大的png图像。您可以使用soundcloud API获取图像。 以下是示例波形图像的链接：http://w1.sndcdn.com/xleqtH0zXSlW_m.png

  SC.get(PATH
      , function(tracks, err){
        // tracks.waveform_url is the URL to a waveform png img
        $("#img").attr("src", tracks.waveform_url);
    });

您可以在此处查看如何获取和显示波形图像的示例： http://runnable.com/UuiebAIv7aAlAAB2/get-a-tracks-waveform-on-soundcloud-in-javascript

Answer 2

波形实际存储为图像。 SoundCloud.com（以前称为“Next Soundcloud”的网站）使用从图像中提取的数据在画布上绘制波形。此转换首先在前端完成，但出于性能原因，这已转移到后端服务。