MP3播放器代码生成器|老小孩讲述(需在编辑状态使用此文，书馆不太支持显示）
【原创】MP3播放器代码生成器字体调整： 大 | 中 | 小发表于2018年08月01号 06点 阅读 14256 评论5 点赞23 ©著作权归作者所有
请阅读《MP3播放器代码生成器使用介绍》《MP3播放器代码生成器》使用介绍《MP3播放器代码生成器》是一款在线制作MP3播放器工具，能帮助您轻松地制作独一无二的MP3播放器。彩云归欢迎您使用《MP3播放器代码生成器》。准备工作：浏览一下三个示例，然后选好要播放的歌曲网址，准备好LRC歌词，图片、视频网址和动画网址。点击右侧“开始制作”按钮一、确定歌曲点击下方的“确定歌曲”，出现“输入歌曲歌词”画面后将示例的网址删除，输入你的歌曲信息，然后按“确定”，出现歌曲列表，并播放第一首歌曲。歌曲信息：1、歌曲名称、演唱者。2、歌曲网址。3、LRC歌词例如：你要播放二首歌曲，第一首无歌词，第二首有歌词，歌曲信息如下：准备工作：浏览一下三个示例，然后选好要播放的歌曲网址，准备好LRC歌词，图片、视频网址和动画网址。点击右侧“开始制作”按钮爱开始-侃侃 →第一行歌曲名称http://yun.365.sh/s/70482.mp3 →第二行歌曲网址#ks# →歌曲之间分隔符当爱情经过的时候-童丽 →第二首歌曲名称http://yun.365.sh/s/81420.mp3 →第二首网址[offset:0] →第二首LRC歌词[00:02.83]当爱情经过的时候......[04:40.19]有谁来为我参谋建议在电脑记事本先编辑好以上歌曲信息后，复制这些歌曲信息，粘贴到“输入歌曲歌词”框内。粘贴操作：鼠标指向“输入歌曲歌词”框内，按鼠标右键，选“粘贴”另外一种输入方法：编辑好歌曲信息后,保存为UTF-8编码的文本文件(TXT)，然后将文件的后缀改为gif或直接保存后缀为gif的文件。并上传得到gif文件的网址。将您的gif文件的网址替换示例的网址。建议使用这种方法，尤其是歌曲数量多时。二、歌曲清单如果您不需要歌曲清单，点击“歌曲清单”旁方框里的钩，将“钩”取消。歌曲数量少，只有一、二首的建议选择不需要清单。如果您要歌曲清单，点击“歌曲清单”：1、确定清单位置：点击“拖动清单确定位置”旁方框，打“钩”后，就可以拖动清单到所需位置。打钩一次拖动一次。2、如果不需要清单的背景，将“清单背景透明度” 设置为0。3、打开播放器初始清单隐藏，将“初始清单显示” 设置为0。4、按提示内容设置其他参数。5、最后点击“确定”三、歌词显示如果没有歌词，跳过此步骤。点击“歌词显示”：1、选择歌词显示形式。选择一行歌词：“显示一行歌词”旁方框打钩，“显示多行歌词”旁方框去钩。选择多行歌词：“显示一行歌词”旁方框去钩，“显示多行歌词”旁方框打钩。选择一行歌词和多行歌词（默认）：“显示一行歌词”旁方框打钩，“显示多行歌词”旁方框打钩。2、确定已选择歌词位置。拖动歌词“样品”到所需位置。可多次拖动。3、按提示内容设置其他参数。4、最后点击“确定”四、控制按钮点击“控制按钮”：1、自动/手动播放：“自动播放”旁方框有钩为自动播放，去钩则手动播放。2、按钮组件隐藏：“按钮显示后定时隐藏”旁方框有钩为定时隐藏，去钩则不隐藏按钮组件。3、选择一款按钮组件样式：按钮组件样式前方框打钩，选中该样式。4、确定按钮位置：点击“拖动按钮确定位置”旁方框，打“钩”后，就可以拖动按钮到所需位置。打钩一次拖动一次。5、放大或缩小按钮组件：点击“按钮缩放”旁“＋”，点击一次放大“步长”%。点击“按钮缩放”旁“－”，点击一次缩小“步长”%。步长可修改。6、按提示内容设置其他参数。7、最后点击“确定”五、背景图片（含播放器尺寸、边框）如果不需要背景，点击“背景图片”旁方框里的钩，将“钩”取消。直接跳到以下第4步骤。无背景的播放器是透明的播放器，通过博客的定位代码可以覆盖在博客其他元素上。要背景，点击“背景图片”：背景可选择三种形式(1)纯图片背景(2)纯视频背景(3)图片视频混合1、纯图片背景（不点击输入视频网址右边“确定”）。多张图片时，以淡入淡出形式切换图片。可选择背景图片配所有歌曲或选择图片与歌曲同步，即一首歌曲对应一张或一组图片。如何输入生成器中有说明。2、纯视频背景（不点击输入图片网址右边“确定”）。多个视频按顺序播放。可选择视频配所有歌曲或选择视频与歌曲同步，即一首歌曲对应一个或一组视频。如何输入生成器中有说明。3、图片视频混合，图片为底，视频覆盖其上。视频的尺寸应小于图片尺寸。视频参数的水平移动和垂直移动打钩可使视频滚动。图片、视频网址输入按生成器中的说明。输入、修改参数好后，分别点击“确定”。4、播放器尺寸应与选择的背景尺寸一致。无背景的播放器尺寸应能将播放器其他元素在其范围之中。修改播放器尺寸时有个框，显示播放器尺寸。5、选择播放器边框，默认不要边框。如要边框，将“播放器边框”旁的方框打钩，然后修改边框的颜色。六、添加动画点击“添加动画”，将示例的动画网址删除，输入您的动画网址。一旦输入动画网址即刻显示该动画。可以增加10个动画，每个动画可以拖动到所需位置，并能缩放动画。七、效果预览在制作过程中随时可以预览你制作的效果，以便进一步修改。八、生成代码点击“生成代码”显示代码并自动将代码复制到您的电脑粘贴板。打开您的博客，在代码编辑区做个“粘贴”就可浏览您的播放器了。生成器最下面一排棕色选择框是“配合”选择。在制作过程中，为配合当前元素的制作，可以随时将已制作好的元素显示在当前元素的制作的画面中。打钩显示。去钩消除显示。