网页里加入音乐播放器代码

昵称535885 2014-07-13

展开全文

用HRML代码做漂亮的音画日志

一、HRML在线编辑器地址：http://ny./editor.asp

如果你也想往自己的博客里，网页里加入音乐播放器，只要复制下面的网页音乐播放器代码，做适当的修改就可以啦！有很多播放器可以选择，不要挑花眼哦！

中true或1表示自动播放，false或0表示手动播放

loop="true" 中的true或1表示重复播放，false或0表示只播放一次
width= height= 中的数字分别表示播放器的宽度和高度 =0表示隐藏播放器

EnableContextMenu="0" 禁右键
ShowStatusBar="1" （带显示文件播放信息）

1隐藏播放器(不循环)

代码:

2.隐藏播放器(循环播放)

代码:

3.黑色皮肤播放器

代码:

4.淡蓝色播放器

代码:

5.迷幻播放器

代码:

6.带菜单的播放器

代码:

7.深黄色带菜单播放器

代码:

8.灰色播放器

代码:

9.灰白色播放器

代码:

10.带菜单的蓝色播放器

代码:

11.棕色播放器

代码:

12.带边框背景的播放器

代码:

13.带背景图片的播放器

代码:

12 13综合属性分析

background=图片地址可以更换图片地址来实现改变播放器背景

14.黄色闪光播放器

代码:

15.蓝色闪光播放器

代码:

16.带花边的播放器

代码:

17.粉色花边播放器

代码:

18.显示文件标签灰色播放器

代码:
<DIV><EMBED style="FILTER: Gray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED></div>

19显示文件标签棕色播放器
代码:
<DIV><EMBED style="FILTER: invert()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED></div>

20.显示文件标签黑色播放器
代码:
<DIV><EMBED style="FILTER: xray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED></div>

21.连放播放器

代码:

22.彩色播放器

代码:

本代码属性分析

BACKGROUND-COLOR: 00CCFF 播放器颜色代码可以更换以变换播放器颜色

23.透明播放器代码

代码:

<TBODY>

<TR>

1、字在图片上流动的代码：

<DIV> <TABLE style="WIDTH: 380px; HEIGHT: 256px" width=380 border=0> <TBODY> <TR> <TD background=图片地址 height=250> <P> <MARQUEE style="WIDTH: 365px; HEIGHT: 238px" scrollAmount=1 scrollDelay=50 direction=up width=365 height=238>图片上的文字</MARQUEE></P></TD></TR></TBODY>

背景音乐代码

2、免费播放器的加法：

</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true> (此代码不显播放器)

</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true> (此代码显播放器)

3、图片羽化代码：

圆形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

X形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

4、字体滚动代码：

<MARQUEE behavior=alternate>输入的内容</MARQUEE>

5、图片动的羽化代码：

方形<CENTER><img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>

6、多张图片滚动代码：
<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

音乐代码

一.帖歌时不隐藏播放器

1、自动播放
<embed src="网址" height="300" width="450" autostart="true" loop="true">

2、点击后播放
<embed src="网址" height="300" width="450" autostart="false">

二.帖歌时隐藏播放器且自动播放:
<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">

音乐代码解释

AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之后，就自动播放音乐。 TRUE 是要　
FALSE 是不要，内定值是不要。
LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放，LOOP=2 表示重复两次，若要无限次重复可用 LOOP="TRUE"。　
WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度。

hidden="true"表示隐藏播放，即不显示播放器的外观。相当把播放器的高度和宽度设置为0。

FLASH代码

图片代码

1.基本代码

2.给图片加边框

<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr><td><img src=图片网址 width=600 height=407></td></tr></table>
说明：
border="6" 表格边框的厚度
cellspacing="2" 表格格线的厚度
cellPadding=1　表格格线内厚度
borderColor=#841A00　边框色彩

图片朦胧效果

A.圆形效果
代码：　<IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

B.方形效果
代码：　<IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375>

C.椭圆效果

代码：　<IMG src="图片" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" width=500 height=375>

三、在边框中加上现成的图片和FLASH图片、以及写文章就跟你平时做日志是一样的。

能够很熟练的用好上面的代码，你就可以做好一篇漂亮完整的音画了。

设置静态文本框背景透明

HBRUSH C背景透明Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
    HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);

    CBrush m_brush(RGB(255,255,0));
    CRect m_rect;
    GetClientRect(m_rect);
    pDC->SelectObject(&m_brush);
    pDC->FillRect(m_rect,&m_brush);  //  将整个对话框背景设置为黄色

    if (nCtlColor==CTLCOLOR_STATIC)
    {
        if (pWnd->GetDlgCtrlID()==IDC_STATIC1)
        {
                  //将文本框IDC_STATIC1设置为透明
        pDC->SetBkMode(TRANSPARENT);
        }

        }
       return m_brush;
}