谱谱风

标题: 如何在谱谱风论坛上传自制的音乐播放器_A Step-By-Step Tutorial Course [打印本页]
作者: zpshencn    时间: 2014-10-21 10:16
标题: 如何在谱谱风论坛上传自制的音乐播放器_A Step-By-Step Tutorial Course
本帖最后由 zpshencn 于 2014-12-9 22:46 编辑

http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4MTh8MjAxOTNjMTNlYmFlOTJiNjY2OTMxZWZlZDRlZDJiNjZ8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4MTZ8NjllMTk1YzVhYWE2YTdjYmVjNDk1ZDdkMjA1YjkzNmR8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf

本页文字内容已删除






作者: 小鸟一人    时间: 2014-10-21 10:35
沈老师又在辛苦做教程了啊。致敬！

那天问了一下虫子老师，她说在本论坛上传这播放器在是“贵宾”和“管理”才行的。　

我以前上传和flash都是网上搜的免费网站，几天就失效不能听了。
作者: CHIANG    时间: 2014-10-21 11:36
影音檔案大
建議外連
不要直接傳到 QM
否則 QM 會受不了吧
作者: 小鸟一人    时间: 2014-10-21 13:59
小鸟一人 发表于 2014-10-21 10:35
沈老师又在辛苦做教程了啊。致敬！

那天问了一下虫子老师，她说在本论坛上传这播放器在是“贵宾”和“管 ...

好的。几年前我也学过一点flash制作，自从玩上简谱就不做那了，又快忘干净了。
作者: 小鸟一人    时间: 2014-10-21 15:32
本帖最后由 小鸟一人 于 2014-10-21 15:35 编辑

听沈老师这么一说我又下载了软件，把按钮都弄好了。添加动作代码难住了。起初就是因为代码难弄才放弃的。不过那时这些是能做好的，可是现在都忘干净了。 　（汗）　还是等沈老师弄好教程再重新学吧。
(, 下载次数: 86)

作者: 小鸟一人    时间: 2014-10-21 17:09
其实这样也不错，只把mp3导入进去，传到网上就行。如下：
点开就能听。
http://dogbw.com/flashxs/upload/20141021165843-19891030.swf
作者: 小鸟一人    时间: 2014-10-21 17:19
沈老师，普通会员是不能传这个格式的，即使能上传还有文件大小也太大。　请看图片：

(, 下载次数: 445)

作者: zpshencn    时间: 2014-10-21 17:53
本帖最后由 zpshencn 于 2014-10-21 17:56 编辑

http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4NDV8MDlhM2Q3NDk5NjQ4YWUyZjg3M2MwNzExNWYyNjI3Yzh8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.mp3

很遗憾，经小鸟测试，普通会员不能上传。

却又发现高级会员竟然可以直接上传mp3的。
作者: 小鸟一人    时间: 2014-10-21 19:13
本帖最后由 小鸟一人 于 2014-10-24 15:55 编辑

(, 下载次数: 11)
沈老师我试做了一个。你传上来试一下，是否成功。比歌曲小那么多。

可以的，加一个步骤，不要一出来就开始，要点开始按钮才开始才好。
另外，你做的停不下来，循环在播放，要做可以停下来的。
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ5MTR8ZTFmODNjNjBiZjlmYTJmN2Y4MDhjM2NlYjA3YjcwYjh8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf



作者: 小鸟一人    时间: 2014-10-21 19:25
zpshencn 发表于 2014-10-21 17:53
很遗憾，经小鸟测试，普通会员不能上传。

却又发现高级会员竟然可以直接上传mp3的。

沈老师，高级会员是管理员吧？贵宾级　可以上传SWF格式，可不可以开放这个功能呢？
作者: 小鸟一人    时间: 2014-10-21 20:09
可以的，加一个步骤，不要一出来就开始，要点开始按钮才开始才好。
====================================
细查了一下。落下了（13）步了。现在好了。谢谢沈老师。
作者: 原上草0    时间: 2014-10-21 20:32
本帖最后由 zpshencn 于 2014-10-21 20:54 编辑

沈老师的播放器按钮怎么不起作用？

http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4NDl8MjIzZjg5MWQzNzQ2Y2UwM2ZkZTMxNDFiNzBlOWRhYjZ8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf
作者: 原上草0    时间: 2014-10-21 21:22
zpshencn 发表于 2014-10-21 17:53
很遗憾，经小鸟测试，普通会员不能上传。

却又发现高级会员竟然可以直接上传mp3的。

zpshencn  楼顶两个播放器都调试好的，没有问题。

没注意到是两个播放器，上一个播放，我去点击下一个的按钮，当然不起作用了^_^
作者: yayaon    时间: 2014-10-23 04:33
本帖最后由 yayaon 于 2014-10-23 23:07 编辑

越玩越高端了，哈哈，都到自制swf播放器的程度了，厉害啊！
看了沈老师做的图文教程，过程基本上是清晰明了也简单易学，很好！！

下面来提意见，以及一个变通的解决方案：

沈老师1楼做的播放器除了播放器的部分还带有很大的空白部分，也就是说swf的宽高与实际显示是不对应的，这应该是制作和输出Swf时候应该注意的问题，希望进一步完善，作出与实际界面等宽高的swf播放器。

另外论坛限制不允许普通会员上传swf或mp3文件，可以通过变通的方式处理，将文件扩展名改为允许上传的文件类型，然后用论坛提供的播放器代码来调用此文件即可。下面举例以zip文件上传，用论坛代码解析为正常显示的播放器：

（提示：由于文件加载完才会显示或播放，网速慢请耐心等待...）

(, 下载次数: 144)
(, 下载次数: 110)
代码：[flash=200,40]attach://*****.swf[/flash]
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ5MDF8NjVjNDU2MmRmNWUwOWM4MTU1ZTNmZDZjNTcyOWVhZDd8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf

(, 下载次数: 102)
代码：[media=mp3,500,50]attach://*****.mp3[/media]
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4OTl8OWRiMjMyOTYyMTVlYzJlOGVkMjllYjgzNzc0NzJkNTF8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.mp3

此方法只解决文件格式限制，上传文件数和文件大小仍以实际用户组限制为准。
作者: zpshencn    时间: 2014-10-23 09:30
沈老师1楼做的播放器除了播放器的部分还带有很大的空白部分，也就是说swf的宽高与实际显示是不对应的，这应该是制作和输出Swf时候应该注意的问题，希望进一步完善，作出与实际界面等宽高的swf播放器。
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

做的时候就发现有这个问题，设置了舞台与播放器大小和位置一样，想是可以了，但上传到论坛一试，播放器显示很大，不好看，又改回来。此后因为发现普通会员不能用，而高级会员又可以直接上传mp3，也不需要我这个播放器，此制作方法完全失去了意义，所以放弃了进一步调试。现亚亚指出可以修改后缀曲线上传，这样普通会员就可以用了，普通会员上传文件大小限制在1000以内，一般几分钟的歌曲没有问题，如果歌曲时间很长，还可以调低比特率有效地缩小文件，（牺牲一定的播音质量。）
作者: zpshencn    时间: 2014-10-23 11:19
本帖最后由 zpshencn 于 2014-10-24 15:42 编辑

(, 下载次数: 26)

直接上传就行了。

(, 下载次数: 145)


我上面用了“高级会员”的措辞，原先我不知道这个级别要高到什么程度，现在明白是版主以上。

作者: zpshencn    时间: 2014-10-23 11:26
上面小鸟试做的这个播放器有一个问题，打开页面，播放器直接放音了，这是一大忌，论坛上常有这样的情况，深更半夜，突然响声大作吓死人，赶快制止都来不及。没遇到过？
作者: zpshencn    时间: 2014-10-23 11:58
本帖最后由 zpshencn 于 2014-10-23 12:01 编辑

用亚亚的方法上传成功，普通会员可以试试，请小鸟试一试，如能行，解决大问题了。

(, 下载次数: 104)
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4NzR8MjY2NWQwODQyYWE3YThhODQyMGUxN2U5YzI0ODdjYmZ8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.zip

作者: wangqinmin    时间: 2014-10-23 12:07
本帖最后由 wangqinmin 于 2014-10-23 13:50 编辑
zpshencn 发表于 2014-10-23 11:19
直接上传就行了。


   沈老师还是没有说明白，MP3上传以后还有那些步骤，为什么我上传以后只有图标而不能播放，还请沈老师把步骤附图上来。



添加附件媒体播放代码，和王老师多次上传的flash一样加的。
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4NzZ8MTdkZjlhYzYxMGM0OWRkMGI5NmVmZGI4NmFjMWRiOGJ8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.mp3
作者: yayaon    时间: 2014-10-23 20:17
本帖最后由 yayaon 于 2014-10-23 20:36 编辑
zpshencn 发表于 2014-10-23 09:30
沈老师1楼做的播放器除了播放器的部分还带有很大的空白部分，也就是说swf的宽高与实际显示是不对应的，这应 ...
但上传到论坛一试，播放器显示很大，不好看，又改回来。

不知道沈老师所说的“大”是怎么回事，是被拉伸放大了吗？如果是，在代码中写入swf的宽高像素应该可以解决，如：[flash=200,50]1.swf['/flash]（不写时默认为550x400）

效果：
[flash]默认宽高550x400.swf['/flash]http://sucai.flashline.cn/flash2/clock/shuzi/5.swf

[flash=200,50]手动宽高200x50.swf['/flash]http://sucai.flashline.cn/flash2/clock/shuzi/5.swf

温馨提示：这个宽高设置建议与制作Swf输出时舞台的宽高像素一致，否则容易出现变形或模糊不清。
作者: zpshencn    时间: 2014-10-23 20:24
本帖最后由 zpshencn 于 2014-10-23 20:29 编辑
yayaon 发表于 2014-10-23 20:17
不知道沈老师所说的“大”是怎么回事，是被拉伸放大了吗？如果是，在代码中写入swf的宽高像素应该可以 ...
大就是这样：
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4ODl8Mjc5MTVlMTlhNGU2MWUzMTAzN2ZjY2VmODQxOGM1ZmN8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf
作者: zpshencn    时间: 2014-10-23 20:26
本帖最后由 zpshencn 于 2014-10-23 21:37 编辑

按亚亚的提示，可以改小的：
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4OTB8ZGI2MmJlODc0Mjc0ZWUzM2Y3ZjBjYTJiMDZmZmZkZTZ8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf
成功！这样就好了。

换一个皮肤：
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ4OTF8NWY0YmFmYjQ1NzZkMTU4OTQyYmMwOTRlYTkyZTkwZjh8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf

按亚亚提示，设置与舞台宽高一致。





作者: yayaon    时间: 2014-10-23 20:53
本帖最后由 yayaon 于 2014-10-25 01:25 编辑

不知道沈老师发此贴的目的是什么，是解决音频上传本站试听的问题吗？

如果是的话，还是应该寻找更简单的第三方平台解决，一方面是易用性（制作swf毕竟还是相当麻烦），另一方面服务器空间有限，附件数量和大小有限制，音质也无法保证。

下面举例测试，希望能更容易解决沈老师所想为大家解决的上传音频试听的问题。

测试：利用第三方音频上传平台uploadmusic.org做外链解决。点击播放↗http://www.uploadmusic.org/musicplayer.swf?song_url=http://www.uploadmusic.org/MUSIC/810431414072328.mp3&autoplay=false

http://www.uploadmusic.org/MUSIC/810431414072328.mp3

http://www.uploadmusic.org/MUSIC/810431414072328.mp3
作者: 小鸟一人    时间: 2014-10-24 15:12
本帖最后由 小鸟一人 于 2014-10-24 15:33 编辑

http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ5MTR8ZTFmODNjNjBiZjlmYTJmN2Y4MDhjM2NlYjA3YjcwYjh8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf
(, 下载次数: 110)




作者: foolishbug    时间: 2014-10-24 15:33
本帖最后由 foolishbug 于 2014-10-24 15:34 编辑

问题是PPF服务器资源貌似有限，所以一直不能开放支持大家上传稍微大一点的文件。

我也没有直接发MP3的权限，普通上传文件不能超过2M，即便是SWF也是在制作的时候插入MP3转换出来的，要作很大的压缩，不用要求那么多，凑合着吧。
作者: 小鸟一人    时间: 2014-10-24 15:44
yayaon 发表于 2014-10-23 20:53
不知道沈老师发此贴的目的是什么，是解决音频上传本站试听的问题吗？

如果是的话，还是应该寻找更简单的 ...

1，只要真心想发曲谱和音频不是灌水的，就不怕麻烦，按这步骤做几次就会了。
2，如果发的帖子，时间过去很久，在一定的时间后可以清理掉。及少有帖子在很久以后还会有人进行讨论。就目前回复老帖子的都是灌水的。就这个帖子的讨论来看，就明白了。
作者: 小鸟一人    时间: 2014-10-24 15:58
本帖最后由 小鸟一人 于 2014-10-24 16:06 编辑

试一下亚亚老师说的方法：

<a href="http://www.uploadmusic.org"><object type="application/x-shockwave-flash" width="17"
height="17"data="http://www.uploadmusic.org/musicplayer.swf?song_url=http://www.uploadmusic.org/MUSIC/5314131414137740.MP3&autoplay=false">
<param  name="movie"value="http://www.uploadmusic.org/musicplayer.swf?song_url=http://www.uploadmusic.org/MUSIC/5314131414137740.MP3&song_title=uploadmusic.org&autoplay=false"
/></object><img src="http://www.uploadmusic.org/smallplayer.gif" border="0">
<br>Upload Music</a>
============

<a href="http://www.uploadmusic.org"><object type="application/x-shockwave-flash" width="17"
height="17"data="http://www.uploadmusic.org/musicplayer.swf?song_url=http://www.uploadmusic.org/MUSIC/5314131414137740.MP3&autoplay=true"><param  name="movie"value="http://www.uploadmusic.org/musicplayer.swf?song_url=http://www.uploadmusic.org/MUSIC/5314131414137740.MP3&song_title=uploadmusic.org&autoplay=true"
/></object><img src="http://www.uploadmusic.org/smallplayer.gif" border="0">
<br>Upload Music</a>



http://www.uploadmusic.org/MUSIC/5314131414137740.MP3

点击下边歌曲名字，在新的页面打开播放。
最好的一站




作者: 小鸟一人    时间: 2014-10-24 16:08
外链网站　一搜有好多，可是有的过不了几天就失效了。
作者: zpshencn    时间: 2014-10-24 16:46
本帖最后由 zpshencn 于 2014-10-25 08:30 编辑

就谱普风目前的条件看，少数有需要上传乐谱并配mp3便于点评的会员，学会制作和使用这个播放器，是现实的。普通会员用亚亚介绍的变通方法即能成功上传。如果文件太大不能上传可在发布设置中把音频流适当调小即可有有效地缩小文件，因为目的是配合上传的乐谱，缩小的文件在音质上显然会差一些，但完全能满足要求。这是一个最简单的播放器，只设置了三个按钮，并未加入滚动条，制作相对简单，有志上传mp3的会员都能学会。

作者: wujixiang2515    时间: 2014-10-24 20:20
学习，学习，真的不错。
作者: zpshencn    时间: 2014-10-24 22:16
本帖最后由 zpshencn 于 2014-10-24 22:56 编辑


(, 下载次数: 35)

实例：
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzQ5Mjd8M2EzNTU5YjdkYWYxMDFlOGZiY2IwZmI2ZmUyOWE4YWV8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf

作者: yayaon    时间: 2014-10-25 01:29
小鸟一人 发表于 2014-10-24 15:58
试一下亚亚老师说的方法：

由于你的问题较分散，我在此一起回复了，先回复你的点评：
[size=11.875px]小鸟一人  现在可以了。刚才我是粘贴你的代码，一直不可以，发表出现一堆英文了。我重新手写了一遍可以了，不知道哪里的问题，  [color=#999999 !important]发表于 昨天 15:36

[size=11.875px]
小鸟一人  请亚亚老师看楼下。您说的方法也不特呢，还是我做的方法不正确？我把你那个星号改上了上传论坛后的代码和中文都不行的。也许普通会员还是不可以的。  [color=#999999 !important]发表于 昨天 15:28
显示不成功的原因在于“复制粘贴”或“编辑过程”，由于代码在此过程中容易被自动加上一些字体字号字色等描述代码，造成系统无法正确识别帖子中的播放代码并解析。你可以通过将代码复制到系统记事本中再重新从记事本中复制到帖子中来避免这一问题。检查此问题的方法还可以通过发帖界面右上角的“纯文本”复选框，勾选后在纯文本模式下查看播放代码中间是否被添加了其它代码，如果存在则无法正常显示。

再回复你的测试结果：
至于第三方网站的方法，可以将其中mp3或swf地址部分截取出来，通过论坛播放器代码调用即可。由于音频特别是音乐文件普遍具有版权性限制，目前网络正在逐步规范化，所以目前的相关平台都不稳定。
作者: 王宁    时间: 2014-10-31 21:12
提示: 作者被禁止或删除 内容自动屏蔽
作者: 王宁    时间: 2014-10-31 21:38
提示: 作者被禁止或删除 内容自动屏蔽
作者: sfkl0417    时间: 2014-11-1 13:02
本帖最后由 sfkl0417 于 2014-11-30 20:09 编辑
zipzpshencn 发表于 2014-10-24 22:16
实例：


刚才仔细看了老师们在此论坛发表的指导意见，我来按沈老师在31楼教的方法尝试一下看行不？
http://mail.ppfeng.com/forum.php?mod=attachment&aid=MzUwNzV8YmU2NzFhN2Y2Y2FjYzFkYzY1ZTY2N2ZiNGRjNmZhODJ8MTcxNTg1NzA3Mg%3D%3D&request=yes&_f=.swf看来是失败了。还是用老办法播放歌曲MP3大概不会有什么问题吧？
（千百惠-依然爱你）
http://qzone.haoduoge.com/music2/2014-10-29/1414551505.mp3
（亲亲茉莉花-李丹阳）
http://fuliqu.com/player/cmp.swf?url=&lists=&context_menu=2&src=http%3A%2F%2Fqzone.haoduoge.com%2Fmusic2%2F2014-10-30%2F1414639178.mp3&skin=skins%2Fmini%2Fmoko.zip&.swf



作者: 咬仙犬    时间: 2014-11-1 16:58
向老师学习！普通会员能上传就好了
作者: tinghaode    时间: 2014-11-3 18:49
打印时什么格式好呀，求解答
作者: 王宁    时间: 2014-11-3 22:17
提示: 作者被禁止或删除 内容自动屏蔽
作者: tinghaode    时间: 2014-11-4 19:49
咬仙犬 发表于 2014-11-1 16:58
向老师学习！普通会员能上传就好了

好吧，，，，，，，，，，
作者: rengang    时间: 2014-11-6 02:51
咬仙犬 发表于 2014-11-1 16:58
向老师学习！普通会员能上传就好了

沈老师好，我把音乐传到土豆网，然后获取地址，贴到论坛上了，可以听，不知道对不对。
http://www.ppfeng.com/thread-51925-2-1.html
作者: lixc99    时间: 2014-11-15 10:53
沈老师你好！我一直想学好自制播放器，但是每次都遇到想不到的问题。今天好不容易下载安装了flash cs6.但是，在使用时，第二步就行不通。导入软件就通不过。是什么问题？特请教！谢谢！
作者: zpshencn    时间: 2014-11-15 12:46
本帖最后由 zpshencn 于 2014-11-15 19:08 编辑
lixc99 发表于 2014-11-15 10:53
沈老师你好！我一直想学好自制播放器，但是每次都遇到想不到的问题。今天好不容易下载安装了flash cs6.但是 ...


李老师你好。你遇到的问题有两个可能。
1. 有些mp3文件由于不知道什么原因的确不能导入，我遇到过的，你可换另外一个mp3试试，大多数mp3都可以导入的。
2.  如果试过几个mp3都不能导入，就有可能你下载的cs6不一定能用，网上下载的软件常常不好用。下面这个是我在用的，可以正常用。


我的十几个步骤经我多次测试，可以走到最后成功。因为 flash 本身比较难掌握，我介绍了最简单的方法和过程，一步一步走，不必知道为什么，最后做成一个最简单的播放器，但美观上和实用性都还过得去，论坛上配合评谱完全够用了。

文件过大，无法上传，李老师你的cs6如果多次试用都不能行的话，在网上另外找一个下载，或请你留下邮箱号我从邮箱发给你。

作者: lixc99    时间: 2014-11-15 18:30
zpshencn 发表于 2014-11-15 12:46
李老师你好。你遇到的问题有两个可能。
1. 有些mp3文件由于不知道什么原因的确不能导入，我遇到过的， ...

谢谢沈老师。的确网上有多个相同的该软件地址。麻烦你了。我的qq邮箱号是614148243；另一个邮箱是cqfllxc@sina.com
作者: lixc99    时间: 2014-11-16 06:33
lixc99 发表于 2014-11-15 18:30
谢谢沈老师。的确网上有多个相同的该软件地址。麻烦你了。我的qq邮箱号是614148243；另一个邮箱是cqfllxc ...

谢谢沈老师。我试一试后再请教。
作者: zgma    时间: 2014-11-16 18:09
小鸟一人 发表于 2014-10-21 19:25
沈老师，高级会员是管理员吧？贵宾级　可以上传SWF格式，可不可以开放这个功能呢？

      会员级别是管理员后台设置的。高级会员是普通会员，发帖到一定数量就能自动达到。版主和管理员是管理人员，是论坛创建人后台设置的，与发帖量无关。
作者: birdwasill    时间: 2014-11-16 20:26
这个好复杂，我看我还是学不会，放弃了。
作者: jinzhiniulang    时间: 2014-11-19 06:30
才看到沈老师的这个教程，佩服！
作者: shanhn1234567    时间: 2014-11-19 14:49
真好听，这是怎样做出来的神曲。
作者: 余老先生    时间: 2014-11-26 19:48
学习学习用flash cs6做音频播放器。
作者: 香香木子    时间: 2024-4-15 12:17
感谢老师们的分享和研究。。。。。。。



欢迎光临 谱谱风 (http://mail.ppfeng.com/) Powered by Discuz! X3.3