【Javascript】开发自己的网页音乐播放器

在我们开发播放器之前，应该对需要的播放器功能，开发流程要做详细的规划记录，每个样式、功能，都要规划设计好，然后在一步一步开发实现。这样才能按时、按需开发，不至于开发过程中丢三落四，然后再补充，这样会很麻烦，增加开发难度。

一、基本功能。

这个播放器的功能主要由以下几点功能：一是顺序播放；二是单曲循环；三是随机播放；四是播放进度条显示及调节；五是音量显示及调节；六是播放列表功能；七是歌曲切换、播放、暂停功能。

二、开发流程主要如下图所示：

三、播放器页面设计及切图

先看一下播放器的全貌。这个界面是根据功能需求，借鉴别的播放器，设计的一个播放器界面。我的美工是业余，大家凑合这看吧，重点讲解开发的东西。

图1：播放器界面

1.界面设计

首先我先用PS设计出如图1的播放器界面。详细设计步骤不再表述，这是美工的主要工作，下面我主要讲解一下切图工作，这部分工作我认为还是自己动手比较合适，美工不知道我们的需求，也不知道怎么切割符合我们的要求，所以要亲自动手。掌握一些图片设计工具还是十分有必要的，我