@keyframesmusicRotate{from{transform:rotate(0);}到{变换：旋转（360deg）；}}.music{宽度：500px;保证金：0自动；边界半径：15px；位置：相对；填充：30px；框大小：边框框；溢出：隐藏；&__main{显示：flex;&__cover{宽度：80px;高度：80px；溢出：隐藏；边界半径：50%；背景色：#dddddd；游标：指针；动画：musicRotate10s线性无限；动画播放状态：暂停；//暂停动画img{width:100%;高度：100%；}&.active{动画播放状态：运行；//运动动画}}&__timeBar{flex:1;显示：弹性；弹性方向：列；证明内容：空间均匀；左填充：20px；框大小：边框框；.time{显示：flex;证明内容：空格之间；颜色：#fff；span{字体大小：19px;行高：1；}}.bar{高度：8px；背景色：#fbfbfb；边界半径：8px；位置：相对；边界半径：8px；溢出：隐藏；游标：指针；&__slid{位置：绝对；左：0；顶部：0；背景色：#e24d80；高度：100%；宽度：0；过渡：宽度0.3s；}}}}&__btn{位置：绝对；右：30px；顶部：10px；我{字体大小：18px;颜色：#fff；游标：指针；}}&__mask{background-image:url('../../assets/meet.jpg');z-指数：-2；背景重复：不重复；背景尺寸：封面；背景位置：50%；过滤器：模糊（15px）；不透明度：0.5；过渡n：全部0.8s；位置：绝对；顶部：0；右：0；左：0；底部：0；&::before{位置：绝对;;z-指数：-1；内容：'';背景色：rgba(0,0,0,0.08);}}}前言公司有一个单元项目，需要读取音频文件并播放。其实在音频中引入一个播放链接就可以了。它不需要太多的功能。后来想到网站是不是也可以放个播放器小插件，就简单查了一下音频。api，也学习相关的技巧，把完整的代码分享给大家。整个代码很简单，后面也写了一些audio-api注释。html
