晓鸟

一直以来，有不少喜欢加入音乐播放器实现网页的背景音乐的 ，
我也不例外， 从开始的WMP直接插入到后来的套嵌网页<frameset>实现所谓的防刷新...
不过超级不喜欢把页面划分为两个部分，多出来顶部或者底部一条播放器...
不是一般的丑。。
所以一直没有放音乐播放器--直到昨天看到了小七用的皮肤 太棒的思路了
其实和<frameset>是一个道理。
只是形式上的更新。非常的不错。
添加一个index.asp 首页文件。 利用<frameset>加载播放器和博客程序
播放器是个FLASH。通过JS来控制
单独的播放器页面，把以前的长条改成了好看的FLASH播放器。
从而达到防刷新的FLASH播放器效果
播放器的JS用到了以前比较常见的exobud

[这篇文章预计要写3天]
汗。 因为没有时间写.... 本不想写的。但有点忍受不了目前长条播放器的状态！
是时候有所创新了。

我可以实现的结果 任意样子的播放器 和任意位置的放置 【当然是防刷新的了】

效果可以到http://disbird.cn 看咯 播放器我已经做了修改， 因为我本人有一个一样的IPOD 所以保持了原风格的IPOD播放器的大致样子 不过思路是对的， 可以做任意播放器了

版主，请不要删除此贴，我会尽快写的 ，要整理一下代码，我时间不多。


未完
==========
写本文的初衷 是实现任意样子的播放器 放置任意位置 实现防止刷新！
原创文章。请勿转载

==============
第1楼 写一些临时的想法
第2楼  写了些简单的方法，和思路~  有flash基础和html基础的可以分享一下~ 不知道初识网页的人是否可以看明白？
第3楼  专职 附件  如果有更新将会标注清除日期和更新内容。

慢慢的写的更加明白些，因为这个吧，不是几句可以说清楚，更不是1天两天可以看明白的[仅对初识网页的朋友来说]
去掉了255 因为计划了2号提供查看，
时间紧 只表达了思路，先看着吧~，

特别感谢  戒聊
还是特意表明一下吧
本文所用的文件包括3楼附件 均来自小七风格 My ipod
图片文件 包括JS CSS 归属原作者所有
我只是举一反三 我们可以更好的利用，做出属于自己的风格播放器
本贴文字内容版权归我了，

===================
关于MY ipod设计者：Secno
发布时间：2007-6-28
email：BrantLeo@Gmail.com
url：http://www.newbofeng.com/secno

如果不明白的 可以问我了。
本贴停止更新|抱歉~

[ 本帖最后由 晓鸟 于 2008-4-2 01 编辑 ]

晓鸟

预留位置，
增加文件 headerflash.asp  c.js   index.asp   music文件夹
说明：此处完全使用myipod 风格附带的
修改文件：header.asp  index.asp [增加的]

这些文件可以直接使用。
而我们可以做的就是修改， 修改什么？
1修改FLASH播放器的样子  而达到自己喜欢的播放器样子 来个狸猫换太子
2修改CSS来控制FLASH播放器的位置

直接用这些就可以实现防刷新了
具体原理 就是个<frame> 不用我多讲咯 懂点HTML代码的都明白

讲一下如何更改FLASH播放器的位置吧。
1，适用于非My ipod 风格 打开layout.css
添加

复制内容到剪贴板

代码:

  #flashtop{
        width:187px;
        position: absolute;
        left: 44px;
        top: 49px;
        height: 450px;

其中 width7px; 就是播放器的宽 left: 44px; 代表播放器的位置 意思是  距页面左边框为44个像素
top: 49px;  同理 代表播放器的位置 意思是  距页面顶边框为49个像素  height: 450px;为播放器的高 450像素

这样就确定了播放器的位置


下面简单讲一下 如何更改播放器的样子。
My ipod 风格提供的是 ipod的播放器外观了
我们是否可以更改为自己喜欢的呢？  答案是肯定的！
利用闪客精灵我们可以得到FLASH播放器的FLASH源文件
用FLASH8 打开FLASH源文件 会FLASH的这些就不用我说 自然会想到的。
我们以iphone 手机 来做一个演示~
已经准备好了iphone 图片
导入FLASH8里，替换里边的ipod 然后调整几个控制按钮的位置 命令几乎不用更改~



导出FLASH 传到博客上 我们看一下效果，


好了这一步就完成了任意播放器样子咯~
本来想写的更详细点 ，但时间有限...我随时补吧~。
另外 如果喜欢的 可以找我 如果我有时间的话可以为你做个自己喜欢的播放器， 前提是有喜欢的播放器的图片...

其实既然可以FLASH做播放器了，那么可以做出更多的效果...
举一反三吧  这个可以叫做 思路！
有时间再来补上 代码原理吧， 或者有明白的朋友来 互补 一起来写吧


【未完待续】

[ 本帖最后由 晓鸟 于 2008-4-2 00 编辑 ]

晓鸟

============2008年4月2日凌晨0点20分==============
附件 1.0.0

引用:

包括文件：
index.asp  
header.asp  
headerflash.asp   
c.js
---music/
  exobud.css
  exobud.htm
  exobud.js
  exobudpl.css
  exobudpl.htm
  exobudpl.js
  exobudset.js
  imgchg.js
  --img/
    6个图片

以上为my ipod风格原本 的 除了index.asp 我修改了 其他均没有更改 因为index.asp你也要修改/..
再附上一个播放器的源文件是 *.fla 格式的 需要FLASH8以上才可以打开  是没有修改过的，

==========================================附件 1.0.0 结束================================================

如果喜欢我可以发几个我修改的好的，提供部分代码问答。只要我有时间~
我博客上是个演示，不提供下载，另外，别再盗我的风格了，我也是用的别人做好的风格，只是修改成自己用的，而且还没做完。
目前也再抽空做原创风格， 会加入这个播放器效果， 提前透露下，播放器是CD盒子 应该很好看~，
将在我的博客发布， 提供下载。~

[ 本帖最后由 晓鸟 于 2008-4-2 00:44 编辑 ]

戒聊

[这篇文章预计要写3天]，好，给你三天时间。。

又一个夜猫子，精神可佳。闪了，现在是凌晨3点37分。

Rison

虽然不够创新，不过可以帮助很多人实现个性化使用音乐播放器！
期待两天后的更新！

PS：最近偶不夜战了，本子被老婆没收了！

锐风

问一下LZ, 把阅读权限设置的这么大, 是想让大家看不到这个帖子吗?

锐风

很棒的想法!

PS: 貌似我也做的出来.. 但不会asp.. 只能做到防刷新和任意定位..

晓鸟

第一个问题
  因为没编辑完 随时可能更改, 现在看了 为不知所云 到时候再做解释就难了, 所以设置了255
但你们还是看到了。. 写教程是个苦差事..



第2条
是的., 我想你也明白了里边的思路
所以可以实现 防刷新 +任意定位 + 任意样子的播放器!!
什么ipod 播放器啊  iphone的播放器啊(我做好了,没发布)
纽曼 的  所有你想到的样子 都可以放在博客上了.[这里说博课太局限了]

彻底告别长条播放器时代!...

52077

兄弟 你这不是把7的拿来研究嘛?!
至少也把别人的名字写出来吓嘛!

晓鸟

我写了吧~