图片音乐自动循环播放

金俊枚的收藏 2015-02-10

展开全文

网易博客自带播放器个性制作说明

我们在日志编辑过程中，常常为背景音乐而烦恼，网易博客虽然有自带的两种播放器，一是博客音乐盒内的音乐，播放器为两头半圆形，二是搜索音乐播放器，由于网易博客与网易云音乐链接，所以一般需要的音乐歌曲均能搜索到，选此播放的居多，但是这两款播放都不太好看。为此，现将搜索播放器稍作美化，既可做日志背景音乐，又可作为日志签名来使用，也为博客初学者提供一些方便。假如你对代码很熟悉，本方法为你提供思路，可将背景做成视频和动态相册，如果你对代码不熟悉也没关系，我会详细介绍，制作成你自己个性的播放和图片展示，具体制作详见如下，

一、歌曲地址查找

1、在日志文字编辑下，点击工具栏“音乐”，在出现的下拉中“通过歌曲、歌手名称进行搜索”栏内输入你要找的歌曲，点击你要的歌名，点击确定，在日志里出现播放器，记住歌名和歌手，再进入代码编辑下，复制你要的歌曲地址，如：下面黄色部分即为歌曲地址，复制粘贴到代码中指定的位置。

url=http://m1.music.126.net/_-rRVltiNNVzdbJ-okT_Mw==/5638295627329032.mp3

2、播放代码已改成自动循环播放，只需按代码中的中文提示粘贴地址、歌名、歌手。

二、图片播放

1、本图片播放不受图片的数量限制，尽可能选取宽版图片，尺寸不要小于宽300，如果只用单张博客头像亦可。使用动态相册和视频，注意尺寸不要超过音乐播放器的宽度257.

2、图片上传博客后，将地址逐一粘贴于代码中提示的位置，粘贴一张后加竖线符号，最后一张不用加竖线。加竖线是先按键盘回车键下面“朝上箭头键”不放，再按朝上键上面的“：\ ”键，竖线“ | ”就出来了。

三、播放移动与签名修改

1、如果不需要左右移动，将全部代码最末尾的 </MARQUEE> 这个代码去掉即可。移动宽度如需修改。将代码第二行700改为你需要的数值，最大不要超过870.

2、签名改成你自己的博客名，注意字数不能太多，视效果自己决定，博客地址链接采用点击弹出新窗口，注意要粘贴两处你博客地址。博客名与地址字的颜色可修改#号后面的代码，方法是在博客文字编辑下，随意输入任何几个文字，拉篮，工具栏点A选点颜色，直到文字颜色效果满意后，再回到代码编辑下，取#号后的代码。

四、个性播放源代码

复制代码，请将鼠标点住代码第一行第一个字前往下拉，不要松手，直至全部拉篮，右键复制。

个性播放代码

五、本案代码

悠悠岁月个性播放代码

<DIV align=center>
<MARQUEE style="HEIGHT: 350px; WIDTH: 700px" behavior=alternate width="100%" scrollAmount=1 scrollDelay=10 border="0">
<TABLE style="HEIGHT: 250px; WIDTH: 257px" cellSpacing=0 cellPadding=0 align=center background=http://image59.360doc.com/DownloadImg/2013/03/3122/31327848_31.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><EMBED type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer height=220 width=257 src=http://st.blog.163.com/bin/pixviewer.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="pics=http://img2.ph.126.net/Moj1xDsNV_izkRuElPRYUQ==/6619445927793223175.jpg|http://img2.ph.126.net/z0NeblGJsDfvIoYa3q9-zg==/6608909307864606263.jpg|http://img0.ph.126.net/rO0BCkNLOZewFvK1gFanYw==/6619282100560684524.jpg|http://img2.ph.126.net/jqwgJX-sc0TIJjIxMfZ4Dw==/6619527291653677595.jpg|http://img0.ph.126.net/sVU8mRKBbRsfC63ceMmgEA==/6608731186980906333.jpg|http://img0.ph.126.net/jsLowXljuBD42Jjg1bUWTg==/6608472801748379010.jpg|http://img1.ph.126.net/XUgS_XRtUVSZFuaoWNXDeA==/6608559663166973569.jpg|http://img0.ph.126.net/v8gcpi43fmLkal82-tqIqw==/6608731186980906342.jpg|http://img2.ph.126.net/Tdzi-pEzqDzIiMeYiWNp8g==/6608637728492546153.jpg|http://img1.ph.126.net/Oai0W1STq5EhaT4Aeq6Z0A==/6619176547444416526.jpg&links=0&texts=0&borderwidth=257&borderheight=220&textheight=0" allowNetworking="internal"></DIV>
<P align=center><EMBED type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer height=34 width=257 src=http://s1.music.126.net/style/swf/LofterMusicPlayer.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="always" flashvars="loop=true&autoPlay=true&url=http://m1.music.126.net/_-rRVltiNNVzdbJ-okT_Mw==/5638295627329032.mp3&trackId=289124&trackName=%E7%AA%81%E7%84%B6%E7%9A%84%E8%87%AA%E6%88%91&artistName=苏曼" allowNetworking="all"></P>
<DIV align=center>
<P><FONT color=#ff0000 face=微软雅黑><FONT color=#ff9900> 悠悠岁月网易博客</FONT><BR><A href="http://gjw8000.blog.163.com/" target=_blank><FONT color=#99cc00 size=1>http://gjw8000.blog.163.com/</FONT></A></FONT></P>
<P><WBR></P>
<DIV style="MARGIN-LEFT: 0px; MARGIN-TOP: -95px"><EMBED type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer height=80 width=200 src=http://yun./s/53060.swf wmode="transparent" invokeurls="false" loop="false" allowScriptAccess="never" allowNetworking="internal"></DIV></DIV></TD></TR></TBODY></TABLE></MARQUEE></DIV>

六、