网页音乐播放器

下面是比较low的播放器.仅仅用了h5的audio标签, 后期可以考虑做一个隐藏 / 展开在侧边栏, 调用各大音乐网站平台接口(http://www.buerguo.blog/9186.html). 支持可在线搜索的网页迷你音乐播放器.

js

<body>
<audio controls autoplay id="sidebar">
    <source src="http://www.buerguo.blog/wp-content/uploads/2019/01/Capo-Productions-Inspire.mp3">
</audio>
</body>

css

audio{
    z-index: 5;
    position: fixed;
    bottom: 50px;
    opacity: 0.5;
    transition: all 2s;
    background-color: red;
}
audio:hover{
    opacity: 1;
}

 

 

 ========================================================================

2019-01-29更新:

迷你音乐播放器v1.0正式上线!

 

posted @ 2019-01-29 09:12  习惯沉淀  阅读(385)  评论(0)  编辑  收藏  举报