注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

林泉隐者的博客

撷趣江湾坐 擎竿望静流 未思寻酒菜 只想钓清幽

 
 
 

日志

 
 

【转载】MP3播放器代码生成器  

2015-05-30 08:21:32|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


本文转载自火力光波《MP3播放器代码生成器》


地址:http://dashan.gotoip1.com/bfq/mp3bfqscq-wy.swf 

     这是一款在线制作MP3播放器工具,歌曲数量多时可通过编写gif格式的歌曲列表,所制作的MP3播放器能播放歌曲、复制歌曲网址、歌词。
生成器使用介绍
     准备工作:浏览一下三个示例,然后选好要播放的歌曲网址,准备好LRC歌词,图片、视频网址和动画网址。点击右侧“开始制作”按钮。
一、确定歌曲
  点击下方的“确定歌曲”,出现“输入歌曲歌词”画面后将示例的网址删除,输入你的歌曲信息,然后按“确定”,出现歌曲列表,并播放第一首歌曲。歌曲信息:1、歌曲名称、演唱者。2、歌曲网址。3、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文件的网址替换示例的网址。建议使用这种方法,尤其是歌曲数量多时。如,http://yun.365.sh/share/4835/jx20.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个动画,每个动画可以拖动到所需位置,并能缩放动画。

七、效果预览
  在制作过程中随时可以预览你制作的效果,以便进一步修改。

八、生成代码
  点击“生成代码”显示代码并自动将代码复制到您的电脑粘贴板。打开您的博客,在代码编辑区做个“粘贴”就可浏览您的播放器了。
  生成器最下面一排棕色选择框是“配合”选择。在制作过程中,为配合当前元素的制作,可以随时将已制作好的元素显示在当前元素的制作的画面中。打钩显示。去钩消除显示。

来源:新浪网易1 、

href="http://cygbk.blog.163.com/blog/static/2354441102014111914152/" target=_blank>网易2 、


  评论这张
 
阅读(12)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017