yaudio实现带频谱可拖拽列表音乐播放器代码-html代码-BFW代码库

yaudio实现带频谱可拖拽列表音乐播放器代码

代码语言：html

所属分类：多媒体

代码描述：yaudio实现带频谱可拖拽列表音乐播放器代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/yaudio.css">
    <style>
        html,body{background:#fff}.yAudio{width:820px;margin:100px auto}.toLus{display:block;position:absolute;top:0;left:0}.toLus img{display:block;width:40px;height:40px}.github{display:block;width:100%;text-align:center}
    </style>
</head>

<body>
    <div class="yAudio" id="yAudio1"></div>
    <div class="yAudio" id="yAudio2"></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/yaudio.js"></script>
    <script>
    
    let songlist=[{"title":"特别的人","author":"方大同","url":"\/\/repo.bfw.wiki\/bfwrepo\/sound\/5c89fd22dea6948307.mp3","pic":"\/\/repo.bfw.wiki\/bfwrepo\/image\/5ef9ef9fbf5b0.png","lrc":"[00:00.000] 作词 : 方大同\n[00:01.000] 作曲 : 方大同\n[00:02.000] 编曲 : Benjamin Wright\n[00:15.39]爱一个人或许要慷慨\n[00:20.43]若只想要被爱\n[00:22.58]最后没有了对白\n[00:27.11]必须有你我的情真\n[00:31.74]不求计分的平等\n[00:34.57]总有幸福有心疼\n[00:38.16]生命的起伏要认可\n[00:42.85]懂一个人也许要忍耐\n[00:47.79]要经过了意外\n[00:50.06]才了解所谓的爱\n[00:54.52]今后的岁月\n[00:56.95]让我们一起了解\n[01:00.45]多少天长地久\n[01:03.46]有几回细水长流\n[01:08.21]我们是对方 特别的人\n[01:15.41]奋不顾身难舍难分\n[01:18.76]不是一般人的认真\n[01:22.17]若只有一天 爱一个人\n[01:29.15]让那时间每一刻在倒退\n[01:33.35]生命中有万事的可能\n[01:38.36]你就是我要遇见的\n[01:41.96]特别的人\n[01:47.97]懂一个人也许要忍耐\n[01:53.16]要经过了意外\n[01:55.20]才了解所谓的爱\n[01:59.59]今后的岁月\n[02:02.16]让我们一起了解\n[02:05.57]多少天长地久\n[02:08.44]有几回细水长流\n[02:13.3.........完整代码请登录后点击上方下载按钮下载查看