下面是比较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更新: