音乐播放器有许许多多，数不胜数，按照制作方法的不同，分为两大类，一类是flash音乐播放器，一类是代码音乐播放器。这里，我们只讨论代码音乐播放器，它的特点是：方便，快捷，易于学习和掌握，适于用在音画中。
代码音乐播放器又可以分为有控件的和无控件的两种，前面我们介绍的隐形音乐播放器，小型音乐播放器，以及可以显示同步歌词的音乐播放器，都归在无控件之列。从本集开始，我们讨论有控件的音乐播放器 。
有控件音乐播放器画面有以下特征：
①控件。有：播放、暂停、停止、上曲、下曲、快进、快退、菜单（列表）、字幕、复制。
②动态装饰。有：频谱、画线、进度条、进度条闪动背景、时间进度、唱片、可移动的配文。
③其它。签字或留言。
上述这些内容，并不是所有播放器都具备，不同网址的播放器有各自的特点，各种设置不尽相同，例如：同一参数中多个值的分隔，就有 | , ! # 四种符号之别，还有不少参数代码也是不一样的，也就是说，不完全通用。唯独，不同参数分隔代码是一样的，即：&Amp; （要注意！实际使用这个代码时，要把 A 改为 a ）
无论制作音画，或是制作音乐播放器，都少不了歌曲音乐和图片或视频，如果不是采用简单的背景音乐和简单的背景图片，一般情况下，都会用到音乐播放器和图片（视频）浏览器。为了便于说明，我们把音乐播放器的网址称作“播曲网址”，在我后面的代码展示中用绿色显示。我们把图片（视频）浏览器的网址称作“播图网址”，在我后面的代码展示中用橙色显示。另外，针对图片或视频款式变化的代码及编号用闪烁字显示。
仅仅讨论音乐播放器（纯代码制作）是很枯燥的，不管控件等因素多么的千变万化，也不过如此。制作得再多也往往是一副面孔，换了一首歌而已，换了一张图而已，逃不脱“千篇一律”。其实，很多朋友看帖，并不是青睐其中的歌曲有多么好听，也不是很专心的品味其中的图影有多么美艳。我说的不错的话，是对新的创意更感兴趣，尤其是好学的朋友，对新东西一定会如获至宝，喜闻乐见。
出于上述考虑，也为了初学的朋友套用代码方便，我后面编制和展示的内容遵循三个原则。一、侭可能全样化。也就是说，什么样式的控件都展示出来。既使是很平常，很一般，没有什么出奇而又引人入胜的地方，只要是它有一点点独特，我们都不让它缺席。二、多样化。也就是说，画面要丰富多彩，例如：有单图背景，多图背景，视频背景，各种切换图片效果，不同的视频显示，添加特效，引入css等等。三、详细解析代码。只有了解了代码，才会使用代码，才会尽情的发挥，制作出别具一格更加新颖的东西来，对于初学代码者尤为重要。因此，在后面的每一集里，无论是音乐播放器还是图片（视频）浏览器，对它们的参数都会有详细注释或说明。
对于lrc同步歌词来说，重复唱的歌词可以“一词多轴”的归在一起。例如：把 [01:57.61]大海呀大海 [02:35.81]大海呀大海 可以写成 [01:57.61][02:35.81]大海呀大海 ，这样的“合并同类项”，其目的只是为了简化（省地方）。在这里我要提醒朋友了：不是所有的网址都允许这样做，有的网址是不买这个账的（哪句歌词前有两个或两个以上的时间轴，哪句歌词就不会出现）。
没有必要长篇（尤其是多曲）的显示歌词，所以，在显示的代码当中，我把歌词都略去了，以便突出代码。
音乐离不开图片与视频，介绍音乐播放器的同时，也会介绍图片浏览器。
发表于 2021-10-4 15:39
发表于 2021-10-4 19:09
