SOURCE

<div id="app"></div>
<script src="https://unpkg.com/wavesurfer.js"></script>
<div id="waveform"></div>

<!-- 加载 cplayer 脚本 -->
<script src="https://cdn.jsdelivr.net/npm/cplayer/dist/cplayer.min.js"></script>
<script>
  let player = new cplayer({
    element: document.getElementById('app'),
    playlist: [
      {
        src: 'https://cdn.himalaya.com/b6ad0ac40cac464da26e164628cf3a31.m4a?auth_key=4102416000-1234-0-a580220aacec4d90abcf0232d06f959e',
        poster: 'https://cdn.himalaya.com/3f50129e6fbc4083bd3d034f7944bf5c.png?x-oss-process=image/resize,w_300,h_300&auth_key=4102416000-1234-0-1481b5e97c17695ffd727d61e20738ba',
        name: '歌曲名称...',
        artist: '歌手名称...',
        lyric: '歌词...',
        sublyric: '副歌词，一般为翻译...'
      },
    ]
  });
var Spectrum=WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple'
});

Spectrum.on("ready", function(){
        // Do something when the file has been loaded
        
        // Do whatever you need to do with the player
        Spectrum.play();
        
        Spectrum.pause();
        Spectrum.stop();
    });
Spectrum.load('https://dcs.megaphone.fm/WSJ9901430126.mp3?key=abd579b406c708f9dea5a32449efd4e6');


</script>