前  言

创新互联凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势，提供专业的网站策划、成都网站建设、网站设计、网站优化、软件开发、网站改版等服务，在成都十年的网站建设设计经验，为成都上千多家中小型企业策划设计了网站。

最近在复习JS，觉得音乐播放器是个挺有意思的东西，今天就来用我们最原生的JS写一个小小的音乐播放器~

主要功能：

       1、支持循环、随机播放

　　2、在播放的同时支持图片的旋转

       3、支持点击进度条调整播放的位置，以及调整音量

       4、显示音乐的播放时间

       5、支持切歌：上一首、下一首、点击歌名切歌；暂停播放等~

添加音乐有两种方式：

①可以用一个audo标签，这样应该把音乐的地址存放到一个数组中；

②第二种方式是，有几首歌就添加几个audo标签，然后获取所有的背景音乐(示例中我们先添加三首音乐，放到一个数组中，当然，大家可以挑选自己喜欢的任何歌曲）。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文标题：原生JS实现小小的音乐播放器-创新互联
浏览路径：http://ybzwz.com/article/gcjoo.html