在你的博客中方便的嵌入支持缓冲的mp3，flv音乐播放器

1：musicon 官网http://www.muzicons.com/

预览

嵌入方式 网页 <object width="150" height="50" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&nomuz=muzicon%20unavailable&site=http://www.muzicons.com/&icon_pic=64.png&music_file=http://music.bestwei.com/a.mp3&bg_color=ffcc00&type_of_clip=whith_bar&text_color=FFFFFF&text_message=Just+Dance%21" wmode="transparent" menu="false" quality="high"></embed></object><br/><a href='http://Muzicons.com' target='_blank' style='font-size:11px;color:ffcc00'>Muzicons.com</a>  

 

论坛

[flash=150,50,http://music.bestwei.com/musicon_v_srv_new.swf?&nomuz=muzicon%20unavailable&site=http://www.muzicons.com/&icon_pic=64.png&music_file=http://music.bestwei.com/112-jay_chou-dao_xiang-tosk.mp3&bg_color=ffcc00&type_of_clip=whith_bar&text_color=FFFFFF&text_message=Just+Dance%21]   2：豆瓣   <span class="mceItemEmbed" src="http://music.bestwei.com/swf/doubanplayer.swf?url=MP3文件URL&autoplay=0" mce_src="http://music.bestwei.com/swf/player.swf?url=MP3文件URL&autoplay=0" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30"></span>   3:谷歌的播放器 如果你还是觉得文件比较的多，只要要一个播放器和一个Flv文件就了事。那么，借用下Google的这个swf播放器googleplayer.swf，自己只需要提供flv路径就可以了，除flv外，googleplayer.swf还支持mp3文件。 具体如何使用google的这个播放器，Danger同学介绍了个： http://www.dengjie.com/weblog/comments.asp?post_id=1066 并且还提供了个在线工具 http://music.bestwei.com/google_player_cn.swf 注意谷歌官方地址失效 转换成功后把谷歌域名文件替换成music.bestwei.com http://dengjie.com/temp/google_player_cn.swf             Flv视频文件的来源   首先说下这个Flash视频，也就是Flash Video。   为什么要用这个？很显然是需要在网页中播放视频。我们都知道一般的视频文件，要不就是asf格式、wmv格式使用mediaplayer进行播放，要不就是rm格式用RealPlayer播放。   这样的问题是，格式的不同就需要选择不同的播放器，这对于本地计算机没有安装相应播放器的用户来说，这些视频根本无法收看。   并且，还由于这些文件的容量过大，下载慢，查看也不很流畅。   所以，解决播放器和容量的问题，运用Flash有个方法：将各类视频文件转换成Flash视频文件。   播放器有嵌入在浏览器中的Flash播放器，这好像每个人的机器都有的吧，解决了其它一般视频文件需要挑选播放器的问题，当然这也就是Flash的优势。   容量方面，从FlashMX2004起就支持了转换为Flash视频的功能，经过相关设置后，可缩小原有视频的容量，最终转换的文件扩展名是FLV。   一句话：最终获得的是个FLV即Flash视频文件。   那么Flv文件如何在网页中显示呢？Flv文件也只是视频文件，它的播放同样是需要播放器的，而这个播放器就是FlashPlayer。   第一种方法：   将本地Flv文件导入部署到Flash软件中，以库中元素的形式而存在，将该元素拖入场景，调整位置后，发布为swf文件即可。   注意以上文件在本地测试没有问题，但上传到网络时，其他浏览者是无法查看的，因为当前的播放器调用的是本地Flv文件。   所以，需要调整路径。首先需要将Flv文件上传到某个网络空间，并且获得其准确的路径地址。   其次，打开Flash软件，选择Flv组件，Alt+F7打开"组件检查器"，将"ContentPath"中的路径由本地地址替换为网络绝对地址       再来将该Flash发布导出swf文件。这时候才可以任意使用该swf文件，如同插入其他一般Flash文件一样。   测试： http://www.cnbruce.com/flv/13.swf   当然，此时还会有个播放器控制按钮相关的一个swf文件，记得要附带着。   第二种方式：   在第二种方式介绍之前，你有没有发觉第一种方式有点麻烦？因为我们是需要将视频插入到网页的，现在却需要先制作一个swf播放器文件，其中还有些曲折。然后再打开网页编辑器将swf文件插入。   正如我们在网页中插入Flash按钮一样，先要用Flash制作按钮，然后将该Flash插入到网页。但你有没有注意到Dreamweaver提供了直接插入Flash按钮的功能，也就是说：你不必去制作Flash按钮，直接通过DW中该途径就能很快完成自己的需要。   那么，同样，现在的Dreamweaver8支持了这一功能：插入Flash视频   你不需要去制作播放视频的swf文件，只需要提供一个Flv视频文件即可。这也就是我所要说的重点。   打开插入面板，选择常用类别，单击媒体按钮后的向下箭头，从下拉列表中选择"Flash视频"       弹出的对话框中，可使用网络上已经固定的Flv文件地址，还可以是选择浏览本地的Flv文件，但要注意该Flv文件应是你所定义的DW当前该站点中的，以获得相对路径，便于之后所有文件一起上传后，一样能寻找到该文件。   不出所料，设置完毕后，DW8自动生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制器皮肤文件。   那么，最后你上传网页时就是4个文件一起上传。       OK，调试个地址看看：http://www.cnbruce.com/flv/   第三种方式：   如果你还是觉得文件比较的多，只要要一个播放器和一个Flv文件就了事。那么，借用下Google的这个swf播放器googleplayer.swf，自己只需要提供flv路径就可以了，除flv外，googleplayer.swf还支持mp3文件。   具体如何使用google的这个播放器，Danger同学介绍了个： http://www.dengjie.com/weblog/comments.asp?post_id=1066   并且还提供了个在线工具 http://dengjie.com/temp/google_player_cn.swf   以下显示的则是通过上面的工具设置的，采用的Google的播放器。   http://video.google.com/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&playerMode=normal   当然，毕竟这个播放器是Google的，只要通过URL的参数选项即可播放相应的该视频文件。   如果能脱离第一、第二种方式，使用第三种方法又不想使用Google的播放器，那只有自己来写一个swf播放器了。Danger似乎已经完成。   我的方法则是把google的该播放器下载了下来，然后放到自己的空间里面 ，接着就来使用了 http://www.cnbruce.com/flv/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&playerMode=normal

2 Comments to “在你的博客中方便的嵌入支持缓冲的mp3，flv音乐播放器”

• 2012 年 05 月 18 日 上午 9:52
  search engine promotion services says:

  我的www.bestwei.com 留下深刻的印象，我不用說了。我真的不經常遇到的每一個教育性和娛樂性的博客，並讓我告訴你，你有腹背受敵一針見血。你的概念是優秀的，難的是一件事，沒有足夠的人都講智能有關。我很幸福，我無意中發現這方面的東西貫穿在我尋求。

  回复
• 2012 年 05 月 18 日 下午 4:59
  lean mass says:

  我一直在調查技巧，可以有什麼好處網上。感謝 http://www.bestwei.com

  回复