web_music_mihoyo

• 网页课程设计的作品
• 内容采用js生成，数据使用json格式
• html+css+JavaScript
• 异步加载字体包
  
  数据样例

var gydeta1 = [
    {
        title:"蒙德城繁忙的午后 Bustling Afternoon of Mondstadt",
        text:"作曲 : 陈致逸 Yu-Peng Chen(HOYO-MiX)  指挥 Conductor:Robert Ziegler 乐队 Orchestra:伦敦爱乐乐团 London Philharmonic Orchestra 出品 Produced:HOYO-MiX",
        asrc:"audio/md/陈致逸,HOYO-MiX - 蒙德城繁忙的午后 Bustling Afternoon of Mondstadt.mp3",
        img_src:"img/mde.png"
    },
    {
        title:"皎洁的笑颜 Moonlike Smile",
        text:"作曲 : 陈致逸 Yu-Peng Chen (HOYO-MiX)  乐队配器 Orchestrator:陈致逸 Yu-Peng Chen (HOYO-MiX)  钢琴 Piano:陈致逸 Yu-Peng Chen(HOYO-MiX)",
        asrc:"audio/md/陈致逸,HOYO-MiX - 皎洁的笑颜 Moonlike Smile.mp3",
        img_src:"img/ljxs.png"
    }
]

示例网页