分享

老小孩|怎样制作音乐播放器(教程)

 yipianyun1116 2014-07-15
            

怎样制作音乐播放器

美化博客是每个博友必修的功课,而音乐播放器是美化博客不可或缺的一部分。如果在你的博客音乐库内,有一款制作简单、花样百出、取之不尽的音乐播放器,它必将大大提高你的美化效率。

最近,我在新浪博客上看到一篇“制作音乐播放器”的文章,它能满足上述要求。现根据我的学习体会,把它整理成教程,与大家分享并供制作时参考。

一、 把“制作音乐播放器”工具,搬移到“我的博客”中去。

   “制作音乐播放器”是一个在线制作工具,所以,制作音乐播放器必须在网上进行,比较好的办法就是搬移到“我的博客”中去。

1、复制代码。

下面这组代码就是“制作音乐播放器”的代码,将其复制。

 

 

<EMBED height=450 type=application/x-shockwave-flash width=690 src=http://dashan.vip5./swf/FLASHsl-zzyybfq.swf QUALITY="high" WMODE="transparent" ALLOWFULLSCREEN="true"></EMBED>


 

  



2、把“代码” 搬移到“我的博客”中去。

  打开“我的博客”/ 点击“写博客”出现如下图所示界面。

          ①给博文起一个标题名称。

   ②点击“源码”。

   ③在左上角粘贴刚才复制的“代码”。

 

3、暂存“博文”到草稿箱。

①滑动“滚动条”,到“自己动手做音乐播放器”这篇博文的最下面,出现如下图所示界面:

 

            

②当点击“暂时保存到草稿箱”时,出现如下图所示界面:

 

③当点击“查看”时,出现如下图1界面:

 

到此为止,“制作音乐播放器”这个在线工具已经“落户”在“我的博客”中了,为今后的制作带来了方便。

上图“图1”,就是一个制作音乐播放器的默认的初始状态界面,你不妨可以仔细地阅读一下全文,它比较详细地介绍了制作方法、步骤以及技巧,这对你以后的制作使用是大有裨益的。

看完了初始界面的介绍之后,接下来就顺序点击“选择播放器”、“选择歌曲”、“生成代码”三个选项卡,再分别选择不同的要求,最后,再回到“我的博客”,一个精美的音乐播放器就制作成功了。

二、音乐播放器的制作步骤。

1、选择播放器。

播放器的样式共有120种,其中各式各样的花草类就有100种,只要将鼠标指向某个播放器,那么,在它旁边立即显示该播放器的实样,如果不满意,可以再另选一个,直至满意为止。(见图2

 

   点击“选择播放器”选项卡。

   拉动右侧“滚动条”,可以看到更多的播放器式样。

   选中某个播放器并点击,此时,界面会自动转入如图3所示 “播放器参数”选项卡,在这个界面中,播放器的大小、文字颜色,只要填入相应数据,都是可以改变,一般而言不作改动默认即可,“自动播放”最好是勾选。

 

2、选择歌曲。

歌曲、乐曲分九大类1600首,另外,还有一个“自选其它歌曲”类项,可以输入1600首之外的曲目,给我们带来个性化的创作空间。

需要特别指出的是,选择的歌曲可以是一首,也可以是二首以上,这样,我们的播放器就更有特色了。(见图4 

 

  点击“选择歌曲”选项卡。

  选择歌曲的类别。

  勾选所选的歌曲。

3、生成代码。

生成代码是制作播放器的钥匙,只要点击“生成代码”选项卡,在界面下部就会出现“代码”,这串代码就已经自动地复制到电脑的粘贴板上了,所以说“复制”是非常简单的,用不着像传统方法那样:“拉兰”,再右单击复制了。(见图5

 

 

4、返回到“我的博客”界面。

①使“我的博客”处于编辑状态并点击“源码”。(见图6

 

在图示位置按Ctrl+V ,代码就显示出来了。

5、再点击“源码”,则“收回”了歌曲的代码,出现“ f ”式样的方框,见图7所示。

 

6、保存博文。由于暂时还不想公开发布博文,所以 ,“文章分类”和“查看权限”的选择按图示,然后点击“确认保存”,见图8所示。

 

 

7、查看。点击“查看”(见图9),音乐播放器就出现在“我的博客”上了(见图10)。至于下一步的操作,你可以继续“修改”或“删除”或“立即发布”就随你的便了。

 

                  根据彩云归老师“图1”资料仅为初级学员编写   20120513

 


 


 

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多