网页音乐播放器
下面是比较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正式上线!
作者:习惯沉淀
如果文中有误或对本文有不同的见解,欢迎在评论区留言。
如果觉得文章对你有帮助,请点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
扫码关注一线码农的学习见闻与思考。
回复"大数据","微服务","架构师","面试总结",获取更多学习资源!