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

高山流水only

所有文字 皆于个人感情无关

 
 
 

日志

 
 

【转载】我制作的音乐视频播放器【原创】  

2013-12-17 05:31:50|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

      好长时间就想制作一款关于音乐的视频播放器,近日静下心来选了7首歌和3曲轻音乐,试做了这款音乐视频播放器,现将制作过程分享给喜爱音乐的朋友们。

 


一、准备素材

1、首先复制好优酷视频代理的前缀http://apps.202030.com/1/flv.php?id

2、打开优酷网 http://www.youku.com,选择你喜爱的歌曲或音乐,得到网址。如莎拉布莱曼的“斯卡波罗集市”网址是http://v.youku.com/v_show/id_XMjA4Mzk4ODY0.html 

3、形成FLV视频地址:

   优酷视频代理的前缀http://apps.202030.com/1/flv.php?id加上 = ”,再加上歌曲音乐的地址后缀,如“斯卡波罗集市”地址后缀XMjA4Mzk4ODY0,后缀后面再加上“ =.flv ”即可。

如:歌曲“斯卡波罗集市”FLV的完整地址就是:http://apps.202030.com/1/flv.php?id=XMjA4Mzk4ODY0=.flv 

二、制作视频播放器

 

1、点 “开始制作播放器”按钮,进入制作界面;

2、将复制的FLV或MP4地址粘贴到“输入视频地址”栏,如歌曲“斯卡波罗集市”的地址http://apps.202030.com/1/flv.php?id=XMjA4Mzk4ODY0=.flv 

   再把复制的视频名称如“斯卡波罗集市”粘贴到“输入视频名称”栏;

3、 做完一个视频网址和视频名称粘贴后,点“试看”,出现“此视频地址可用”并颁发流畅后按“第1片视频确定”,接着做第二个、第三个……所有视频输入结束后,选择播放方式:自动播放将数字改为1,多个视频随机播放将数字改为0;

4、选择三种款式播放器的一款:

  (1)“边框按钮默认”款式播放器操作:

   预览播放器后,点击“生成代码”出现显示代码画面,显示的代码已经自动复制到您的电脑系统的粘贴板上了。登入您的博客“写日志”→点击“<>”→按鼠标右键→选“粘贴”→再点“<>”预览可行后发表日志。

   我制作的这款音乐视频播放器就选择的这款播放器,比较简单实用。

  (2)“无边框无按钮”款式播放器操作:

    确定您的播放器(即视频)的大小:修改视频的宽度的数字。视频的高度随宽度自动按比例缩放。然后,点击“生成代码”出现显示代码画面,操作如上(1)

  (3)“自定义视频”款式播放器操作:

   这是一款通用、用户自定义的视频播放器。用户可以自由决定视频的大小、使用的背景(边框)、按钮、文字颜色等并可安排播放器各部件的位置,使视频播放器更具特色。

   A.、舞台边框视频设置

这部分决定舞台的大小,背景(边框)的式样、视频的位置。具体操作《“视频播放器”生成器》中有“操作说明”。

   B、按钮设置

这部分决定按钮的大小、式样、排列方式、位置。具体操作《“视频播放器”生成器》中有“操作说明”。

   C、进度条等设置

   进度条:大小、下载进度条、播放进度条的颜色、位置

   时间显示:大小、总时间、当前播放时间的颜色、位置、总时间和当前播放时间的间隔视频名称:大小、颜色、位置

   音量控制:大小(水平、垂直缩放)、颜色(底色、边框、拉动条)、位置

   清单显示:高度、颜色(当前播放、未播放、已播放)、背景颜色、背景透明度(透明度=0即清单无背景)。

      D、预览设置效果

  实时观察(1)(2)(3)设置的效果,以便进一步调整设置。

  E、生成代码

  点击“生成代码”出现显示代码画面,操作如上(1)

  对于以上三种播放器的边框问题,本人认为不如自己另外做一个,嘿嘿,玩笑了。

  做完这四步,就完成了您自己的音乐视频播放器。当然你也可以制作不是歌曲音乐的其它视频播放器,方法完全相同,不再赘述。

漫步家园点击查看自己用边框 - 网易博客 更多精彩

  评论这张
 
阅读(24)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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