用HTML就可以做简单的听音乐网页

话不多说，看下面

用zplayer在html页面做个简单的听音乐的页面

 

 只需要以上三个文件就行，除去页面文件，其实只要zplayer的css和js文件

然后在html页面写一下js脚本，然后调用就可以了

var zp = new zplayer({
        element: document.getElementById("player2"),
        lrcStart: 1,
        musics: [{
            title: "天外来物",
            author: "薛之谦",
            url: "http://music.163.com/song/media/outer/url?id=1463165983.mp3",
            pic:"http://p1.music.126.net/jOrfzq4tB9ENWQVWLhi3Ag==/109951165591010361.jpg?        
                 param=300x300",
            lrc: "[00:00.00]天外来物 - 薛之谦黑\n" +
                "[00:02.02]词：薛之谦\n" +
                "[00:02.14]曲：罗小黑\n" +
                "[00:18.09]你降落的 太突然了\n" +
                "[00:25.18]我刚好呢 又路过了\n" +
                "[00:32.59]机会难得 又主观觉得\n" +
                "[00:39.11]想明抢 又碰不得\n" +
                "[00:46.26]你带来了 我的快乐\n" +
                "[00:53.18]让这世界 有点颜色\n" +
                "[01:00.32]我好想指责 你太随意了\n" +
                "[01:07.39]宝物该有人捧着 你是不是我的\n" +
                "[01:17.59]你像 天外来物一样 求之不得\n" +
                "[01:24.57]你在世俗里的名字 不重要了\n" +
                "[01:31.86]正好 我隐藏的人格是契而不舍\n" +
                "[01:38.72]直到蜂拥而至的人都透明了\n" +
                "[01:46.13]我在 不近又不远处\n" +
                "[01:50.03]用明天换你 靠近我\n" +
                "[02:07.51]你占领了 我的快乐\n" +
                "[02:14.59]和这世界 已没有瓜\n" +
                "[02:21.89]任事物干渴 都褪去颜色 \n" +
                "[02:28.58]只有你是天蓝色 我开始找你了\n" +
                "[02:40.80]会像 天外来物一样 失而复得\n" +
                "[02:47.98]你在世俗里的名字 被人用了\n" +
                "[02:54.81]反正 我隐藏的人格是契而不舍\n" +
                "[03:02.01]直到蜂拥而至的人都透明了\n" +
                "[03:08.90]我在 不近又不远处\n" +
                "[03:13.13]用明天换你 靠近我\n" +
                "[03:19.41]你就像 天外来物一样 求之不得\n" +
                "[03:26.68]我在世俗里的描写被取笑了\n" +
                "[03:33.77]反正我隐藏的人格是非你不可\n" +
                "[03:40.82]直到别有用心的人都透明了\n" +
                "[03:47.93]我在 不近又不远处\n" +
                "[03:52.21]用明天换你 靠近我\n" +
                "[03:57.97]制作人：周以力/郑伟\n" +
                "[03:58.73]编曲：周以力\n" +
                "[03:58.91]吉他：张淞\n" +
                "[03:59.04]大提琴：郎\n" +
                "[03:59.56]鼓：褚伟明\n" +
                "[04:00.28]bass：努而德柯\n" +
                "[04:01.24]人声录制：郑伟/夏之炜/吴身宝\n" +
                "[04:01.69]人声编辑：郑伟\n" +
                "[04:01.90]人声录音棚：上海广播大厦200studio\n" +
                "[04:02.30]乐器录音棚：soundhub studio\n" +
                "[04:02.52]混音：全相彦 @OK master studio\n" +
                "[04:02.79]母带：全相彦 @OK master studio\n"
        }]
    })

lcr歌词网上一般都可以搜到，然后粘贴上就好了