石头制贴讲座之六(音乐合辑的三种做法)

来源: 石头弟弟 2010-03-30 11:53:31 [] [博客] [旧帖] [给我悄悄话] 本文已被阅读: 次 (12171 bytes)
本文内容已被 [ 石头弟弟 ] 在 2010-03-31 11:03:15 编辑过。如有问题,请报告版主或论坛管理删除.
怎么感觉搞这种讲座就像是“魔术大揭秘”,再搞下去人家制贴高手们该有意见了。呵呵,本讲座是最后一次,就俺这半瓶子水以后就不出来逛荡了。

看见红尘热心的给大家做专辑,所以也想说几句。其实把多首歌合起来作为一个合辑播放,方法有很多。今天只介绍三种简单常见的方法。
分别是M3U法,XML法,和外挂法。
我选了小小的三首歌,来作个合辑,小小曾经问过我红尘的播放器怎么做的,这里一并解答。
首先找到小小的三首歌的链接:
http://space.wenxuecity.com/media/201003/30/1231300635.mp3
http://space.wenxuecity.com/media/201003/30/1200257656.mp3
http://space.wenxuecity.com/media/201003/30/1204845766.mp3

下面来看看怎么做。


(一) M3U格式的序列播放器
这个比较简单,首先找一个空白的文件夹,点击鼠标右键创建一个新的文本文件,如下图:




然后在这个文件里面把那三首歌的链接写上去,copy和paste就好了。写完了以后点击文件---另存为任何一个文件名,后缀是”.m3u”就好了。例如我这个名字是:xiaoxiao.m3u

如下图:




这样在你的文件夹里就出现了一个m3u文件,它是一个music list,用windows自带的media player也可以播放的。好,现在就把这个m3u文件象上传音乐一样的上传文学城空间,你就拿到了一个m3u的文件链接。这是我拿到的链接:(具体如何上传请参照新手初次上贴指南)
http://space.wenxuecity.com/media/201003/30/1269750295.m3u
很简单,现在就把它象贴mp3音乐各式一样的贴出来就好了。如下就是贴出来的样子:



上面的播放器我把autostart设置成了false,默认的应该是true的。
这种m3u格式的文件不但可以坐专辑用,还可以解决空间容量问题。因为文学城上传文件有限制,大于8M的文件不能上传,如果你的歌曲,朗诵或小品节目大于8M的话,你就可以把它分成两到三个小文件分别上传,再制作成m3u文件上传。m3u文件很小,它就是来调用其他的音乐链接。

(二) XML格式的flash播放器
这是一种比较流行的播放器,透明的,动态的,效果很好而且不但可以作专辑,也可以单独放一首歌时使用。
它的代码由一个swf文件和两个xml文件组成。
首先这个swf的flash文件是一个flash播放器,但是这个播放器需要playlist来支持。

这个播放器的地址是:http://space.wenxuecity.com/media/201003/30/1234581326.swf 你可以点击打开看看哦。

第二个是一个控制器文件:
http://space.wenxuecity.com/media/201003/30/1256330890.xml 它是控制播放器的显示状态,颜色,音量等等的一个xml文件。什么是xml呢?XML与HTML的设计区别是:XML是用来存储数据的,重在数据本身。而HTML是用来定义数据的,重在数据的显示模式。我们不管那么多,知道怎么用就好了。
打开它你可以看到这样的内容:


红色的中文字是我后来加上的,告诉你这个文件控制的内容。你可以把这个文件下载后放到自己的文件夹里备用。你可以修改上面的参数根据你自己的帖子的背景修改你播放器的颜色,字体颜色等等。使用notepad打开修改再保存就好了。

再给大家提供几个其他颜色的播放控制文件,用着方便:
红色的字:http://space.wenxuecity.com/media/201003/30/1253864634.xml
蓝色的字:http://space.wenxuecity.com/media/201003/30/1234585189.xml
绿色的字:http://space.wenxuecity.com/media/201003/30/1234824478.xml
黄色的字:http://space.wenxuecity.com/media/201003/30/1248878682.xml

最后一个xml文件是playlist,就是你要播放的内容。它的内容如下,你可以copy这些东西再paste到一个文本文件里面。这里面有歌曲链接,还有annotation是在歌曲列表里面显示的歌名。你都可以修改的。

<?xml version='1.0' encoding='UTF-8' ?> <playlist version='1' xmlns='http://xspf.org/ns/0/'> <title>Sample PHP Generated Playlist</title> <info>http://www.jeroenwijering.com/</info> <trackList> <track><location>http://space.wenxuecity.com/media/201003/30/1231300635.mp3</location><annotation>01微风细雨 </annotation><info>blank</info></track> <track><location>http://space.wenxuecity.com/media/201003/30/1200257656.mp3</location><annotation> 02假如我是真的 </annotation><info>blank</info></track> <track><location>http://space.wenxuecity.com/media/201003/30/1204845766.mp3</location><annotation>03千言万语</annotation><info>blank</info></track> </trackList> </playlist>
好,把以上东西拷贝到一个notepad里面,如下图:




弄好后,再另存为一个后缀为xml的文件。注意save as type是all file,Encoding是UTF-8就好了。如下图:



现在你就有了自己的playlist,你可以修改这个playlist放上你自己想要放的歌曲链接和歌曲名称。

我把这个文件上传后拿到了这个链接:http://space.wenxuecity.com/media/201003/30/1269755220.xml
有了这三个链接就把他们放到如下code里面就好了,把下面的这个模块就当作一个贴子里面的模块,用div来定义它的大小和位置,就想使用任何一个flash一样。


最后的效果是这样的:




(三) 外挂播放器

很多网站可以提供可调用的播放器代码,到这个网站看看http://www.myflashfetish.com,这里你要先注册(免费),然后我们选一个播放器试一下:




然后在add music那个地方写上歌曲链接和歌名什么的:




你可以选颜色:




然后给自己的playlist写上个名字,再按绿色按钮搞到代码:




下图显示给你提供的代码,把它们copy下来:




我们把刚刚搞到的代码放到代码放到“加贴编辑助手” http://docs.wenxuecity.com/tools/hyperadd.php里面看一下,预览一下,就是如下效果。你可以看到播放器下面的小广告啊什么的:



怎么去掉小广告呢?我们回到代码看看,我们知道”br”是换行命令,找到br,那么在它以后的东东都是垃圾,删掉!下图所示的蓝色highlight部分删掉。



最后的效果就是这样的,同样我把自动播放设置成关闭了,默认格式是自动开的:



它可以作为一个模块嵌入你的帖子,最大的好处是,你可以随意修改你的播放器和里面的歌曲,你的帖子代码永远不变,这一点是以上两种方式作不到的。

请参考我的其他制贴讲座:
石头制贴讲座之一(HTML基础及模版一号)
石头制贴讲座之二(Flash定位及模版二号)
石头制贴讲座之三(边框底图和滚动图片/字幕)
石头制贴讲座之四(闪字和水波纹的制作)
石头制贴讲座之五(会动的字)


请阅读更多我的博客文章>>>
  • Wonderful Tonight
  • 山寨明星秀晚会合辑
  • 【情思情愁,花语叶韵】石头歌曲专辑,制贴:红尘
  • 樱花三月
  • 石头制贴讲座之五(会动的文字)
  • 所有跟帖: 

    辛苦了。受了, 慢慢看。 -律叶成音- 给 律叶成音 发送悄悄话 律叶成音 的博客首页 (0 bytes) () 03/30/2010 postreply 11:56:02

    感谢石班的诲人不倦!这个讲座太好了! -潇洒走红尘- 给 潇洒走红尘 发送悄悄话 潇洒走红尘 的博客首页 (0 bytes) () 03/30/2010 postreply 12:10:42

    石班开班讲座,笔记做好哩 -咬一口就跑- 给 咬一口就跑 发送悄悄话 (0 bytes) () 03/30/2010 postreply 12:21:47

    正想学呢,石斑斑真是大好人! -偶尔不发呆- 给 偶尔不发呆 发送悄悄话 (0 bytes) () 03/30/2010 postreply 12:21:50

    谢石班辛苦!好东西真多,讲得是太好了! -琴悠- 给 琴悠 发送悄悄话 琴悠 的博客首页 (0 bytes) () 03/30/2010 postreply 13:01:40

    谢谢石班! -big-guy- 给 big-guy 发送悄悄话 big-guy 的博客首页 (0 bytes) () 03/30/2010 postreply 13:01:51

    太感谢了,这个不顶不行!石斑斑真是大好银~~~~ -以梦- 给 以梦 发送悄悄话 以梦 的博客首页 (0 bytes) () 03/30/2010 postreply 13:56:55

    昨晚研究了很久,这贴帮助好大,收藏了,非常感谢石班班~ -林韵- 给 林韵 发送悄悄话 林韵 的博客首页 (0 bytes) () 03/30/2010 postreply 14:05:01

    嫩真好! -偶尔灿烂- 给 偶尔灿烂 发送悄悄话 (0 bytes) () 03/30/2010 postreply 14:36:12

    谢班长。以后肯定用得着。 -依然楚天舒- 给 依然楚天舒 发送悄悄话 (0 bytes) () 03/30/2010 postreply 14:42:32

    希望这位班长 -cheerleaders- 给 cheerleaders 发送悄悄话 cheerleaders 的博客首页 (61 bytes) () 03/30/2010 postreply 15:20:15

    你觉得做的过来吗?做贴是最花时间的,要不你试试? -潇洒走红尘- 给 潇洒走红尘 发送悄悄话 潇洒走红尘 的博客首页 (42 bytes) () 03/30/2010 postreply 15:42:04

    好,需要我做贴的话,给我个悄悄话就行了。 -石头弟弟- 给 石头弟弟 发送悄悄话 石头弟弟 的博客首页 (106 bytes) () 03/30/2010 postreply 16:09:06

    非常感谢石头班长,受益匪浅! -姗姗2008- 给 姗姗2008 发送悄悄话 (134 bytes) () 03/30/2010 postreply 18:31:39

    石头的制贴技术没得说,最难能可贵的是能用心无私地和大家分享。感谢石头把好的东西拿出来, -Shakesbeer- 给 Shakesbeer 发送悄悄话 Shakesbeer 的博客首页 (62 bytes) () 03/30/2010 postreply 19:13:49

    公平的说,如果不是石斑这样掰开揉碎了的劳神,相信很多象我这样对 -琴悠- 给 琴悠 发送悄悄话 琴悠 的博客首页 (95 bytes) () 03/30/2010 postreply 16:39:10

    凭良心说,石头班长一片热心,这些知识对很多像我这样文盲来说是很有用的。 -williamzou- 给 williamzou 发送悄悄话 williamzou 的博客首页 (0 bytes) () 03/30/2010 postreply 18:50:43

    再谢班长。以后肯定用得着。 -楚天舒89- 给 楚天舒89 发送悄悄话 (0 bytes) () 03/30/2010 postreply 16:25:35

    这个要马上试试,谢谢! -DingZhuang- 给 DingZhuang 发送悄悄话 DingZhuang 的博客首页 (0 bytes) () 03/30/2010 postreply 16:38:47

    做好一个了,哈哈 -丁庄秀园- 给 丁庄秀园 发送悄悄话 丁庄秀园 的博客首页 (0 bytes) () 03/30/2010 postreply 20:29:52

    石头班长辛苦了!我还在学模板二呢,先珍藏起来, -栗米- 给 栗米 发送悄悄话 (0 bytes) () 03/30/2010 postreply 17:06:52

    谢谢石班,收藏啦。 -贴心宝贝- 给 贴心宝贝 发送悄悄话 贴心宝贝 的博客首页 (0 bytes) () 03/30/2010 postreply 18:06:54

    这么复杂呀,有点晕~~ -红帽- 给 红帽 发送悄悄话 红帽 的博客首页 (0 bytes) () 03/30/2010 postreply 18:27:25

    谢谢石头制贴讲座!有空好好学习! -原版远方- 给 原版远方 发送悄悄话 原版远方 的博客首页 (0 bytes) () 03/30/2010 postreply 19:05:30

    谢谢,谢谢石班!太及时雨了,正想做合辑呢! -寒江雪~- 给 寒江雪~ 发送悄悄话 寒江雪~ 的博客首页 (0 bytes) () 03/30/2010 postreply 19:39:34

    感谢石头教会尘尘,额届样滴笨银受益最大!谢石头油菜! -阿卡卡- 给 阿卡卡 发送悄悄话 阿卡卡 的博客首页 (0 bytes) () 03/30/2010 postreply 19:57:13

    石斑真是一位好心人,花了这么多的精力做无私奉献,感动感谢! 收藏了! -飘铃格格- 给 飘铃格格 发送悄悄话 飘铃格格 的博客首页 (0 bytes) () 03/30/2010 postreply 20:06:34

    石班奉献的时间,精神,心思,无论帮制帖,讲座,是无可厚非的,我要说出我的心里话, -雯静- 给 雯静 发送悄悄话 雯静 的博客首页 (224 bytes) () 03/30/2010 postreply 21:33:13

    千斤顶石头的诲人不倦,说心里话 -xiaomeipi- 给 xiaomeipi 发送悄悄话 xiaomeipi 的博客首页 (645 bytes) () 03/31/2010 postreply 06:35:31

    说的真好!千斤顶!~~ -潇洒走红尘- 给 潇洒走红尘 发送悄悄话 潇洒走红尘 的博客首页 (0 bytes) () 03/31/2010 postreply 06:57:13

    万斤顶石头的辛勤劳动和小美的心里话,句句都说出俺心声! -潜伏人间的天蓬仙女- 给 潜伏人间的天蓬仙女 发送悄悄话 潜伏人间的天蓬仙女 的博客首页 (0 bytes) () 03/31/2010 postreply 07:15:59

    千斤顶石班!我还没做过帖,这个绝对大有帮助!收藏好了! -飞雪飘花- 给 飞雪飘花 发送悄悄话 飞雪飘花 的博客首页 (0 bytes) () 03/31/2010 postreply 07:28:49

    石头辛苦了,赞赞! -可乐雪碧- 给 可乐雪碧 发送悄悄话 可乐雪碧 的博客首页 (0 bytes) () 03/31/2010 postreply 09:40:28

    谢谢石头!受益匪浅!辛苦了! -碗叮当- 给 碗叮当 发送悄悄话 碗叮当 的博客首页 (0 bytes) () 03/31/2010 postreply 10:24:06

    感谢石头弟弟的系列讲座,非常棒,有空慢慢学。。 -善和- 给 善和 发送悄悄话 善和 的博客首页 (0 bytes) () 03/31/2010 postreply 11:18:18

    多谢石斑! 收藏了. -humm- 给 humm 发送悄悄话 humm 的博客首页 (0 bytes) () 03/31/2010 postreply 11:22:37

    石头辛苦了,收藏了,谢谢. -高歌低吟- 给 高歌低吟 发送悄悄话 高歌低吟 的博客首页 (0 bytes) () 03/31/2010 postreply 11:39:21

    石老师大大的辛苦啦!你的讲座全部精心收藏,谢谢!! -紫秋- 给 紫秋 发送悄悄话 紫秋 的博客首页 (0 bytes) () 03/31/2010 postreply 17:41:49

    请您先登陆,再发跟帖!