当前位置: 首页 > Web前端 > CSS

DIY音频播放器-自定义音频播放器样式

时间:2023-03-30 14:03:59 CSS

之前也用过音频,大概用于生日贺卡、博客音乐、语音播放等场景。场景也比较简单。给一个按钮加一点动画,然后使用AudioAPI,基本就搞定了。哦,也可能涉及自动播放。[这里]在DIY及以上场景中,我们一般看不到Audio样式,基本上是隐藏的。因为对于新时代的我们来说,还没有得到它的美。但是,如果我们要控制音频播放,直观的看到时间进度等等,那就需要显示这个东西了。世界上没有丑陋的音频,只有懒惰的音频。让我们给它化妆一下。淡妆,淡妆。【此处代码】DataHTML/Element/audioMedia_eventsUse$(selector).initAudioPlayer();//select是一个audio元素,可以初始化多个播放器。样式写在js代码中。如果需要,您可以将代码提取到CSS文件中。然后把它变成你喜欢的样子。或者你的产品经理喜欢它。DEMO这里是一个demo,PC端开启到移动端模式。用手机扫描二维码: