教你如何用HTML代码做音乐在线试听
[原创 2007-07-17 10:00:18]
| 教你用HTML代码做音乐试听 | |
| 01、情难枕 | 试听 |
| 02、陪我度过漫漫长夜 | 试听 |
| 03、血疑主题曲 谢谢你 | 试听 |
| 04、一直很安静 | 试听 |
| 05、龚诗嘉 如果真爱我 | 试听 |
| 06、吻别 英文版 | 试听 |
| 07、移情别恋 季娜 | 试听 |
| 08、爱很简单 | 试听 |
| 09、梅兰竹菊 傲霜枝 | 试听 |
| 10、孙露 谁动了我的琴弦 | 试听 |
示例代码：
<TABLE cellSpacing=4 cellPadding=4 width=500 align=center border=0>
<TR>
<TD colSpan=2 align="center" height="50"><font color="#FF3300" size="4"><b>教你用HTML代码做音乐试听</b></font></TD>
</TR>
<TR>
<TD align="center" colSpan=2>
<EMBED id=myPlayer src=http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592059.mp3 width=500 height=50 type=audio/mpeg AutoStart="-1" EnableContextMenu="-1" PlayCount="5" ShowControls="-1" ShowStatusBar="-1" ShowDisplay="0">
</TD></TR>
<TR><TD><a href="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592059.mp3">01、情难枕 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592059.mp3">试听</a></TD>
</TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924542.mp3">02、陪我度过漫漫长夜 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924542.mp3">试听</a></TD>
</TR>
<TR><TD><a href="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592073.mp3">03、血疑主题曲 谢谢你 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592073.mp3">试听</a></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">04、一直很安静</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">05、龚诗嘉 如果真爱我 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924553.mp3">06、吻别 英文版</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924553.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic12.pic.wretch.cc/photos/26/z/ziyuyiren/1/1842798555.mp3">07、移情别恋 季娜</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic12.pic.wretch.cc/photos/26/z/ziyuyiren/1/1842798555.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic5.pic.wretch.cc/photos/26/z/zjx5046/1/1173463358.mp3">08、爱很简单</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic5.pic.wretch.cc/photos/26/z/zjx5046/1/1173463358.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic42.pic.wretch.cc/photos/16/m/muxuemeimei/1/1231245907.mp3">09、梅兰竹菊 傲霜枝 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic42.pic.wretch.cc/photos/16/m/muxuemeimei/1/1231245907.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/2/1863134470.mp3">10、孙露 谁动了我的琴弦
</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/2/1863134470.mp3">试听</A></TD>
</TR>
</TABLE>
<TABLE cellSpacing=4 cellPadding=4 width=500 align=center border=0>
<TR>
<TD colSpan=2 align="center" height="50"><font color="#FF3300" size="4"><b>教你用HTML代码做音乐试听</b></font></TD>
</TR>
<TR>
<TD align="center" colSpan=2>
<EMBED id=myPlayer src=http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592059.mp3 width=500 height=50 type=audio/mpeg AutoStart="-1" EnableContextMenu="-1" PlayCount="5" ShowControls="-1" ShowStatusBar="-1" ShowDisplay="0">
</TD></TR>
<TR><TD><a href="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592059.mp3">01、情难枕 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592059.mp3">试听</a></TD>
</TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924542.mp3">02、陪我度过漫漫长夜 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924542.mp3">试听</a></TD>
</TR>
<TR><TD><a href="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592073.mp3">03、血疑主题曲 谢谢你 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic62.pic.wretch.cc/photos/21/f/fqyy/3/1595592073.mp3">试听</a></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">04、一直很安静</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">05、龚诗嘉 如果真爱我 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924549.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924553.mp3">06、吻别 英文版</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/1/1571924553.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic12.pic.wretch.cc/photos/26/z/ziyuyiren/1/1842798555.mp3">07、移情别恋 季娜</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic12.pic.wretch.cc/photos/26/z/ziyuyiren/1/1842798555.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic5.pic.wretch.cc/photos/26/z/zjx5046/1/1173463358.mp3">08、爱很简单</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic5.pic.wretch.cc/photos/26/z/zjx5046/1/1173463358.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic42.pic.wretch.cc/photos/16/m/muxuemeimei/1/1231245907.mp3">09、梅兰竹菊 傲霜枝 </A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic42.pic.wretch.cc/photos/16/m/muxuemeimei/1/1231245907.mp3">试听</A></TD>
</TR>
<TR>
<TR><TD><a href="http://pic34.pic.wretch.cc/photos/22/m/mengdie/2/1863134470.mp3">10、孙露 谁动了我的琴弦
</A></TD>
<TD align=right><a href="#2" onclick=myPlayer.FileName=this.value value="http://pic34.pic.wretch.cc/photos/22/m/mengdie/2/1863134470.mp3">试听</A></TD>
</TR>
</TABLE>
当你发一个音乐专辑时，做一个每个曲目试听功能可以方便大家有选择的试听收藏音乐，我们可以用HTML代码来实现这个功能，具体代码格式是：
1、播放器代码：
<EMBED id=myPlayer src="默认打开帖子要播放的第一首曲目" width=600 height=50 type=audio/mpeg AutoStart="-1" EnableC PlayCount="5" ShowC ShowStatusBar="-1" ShowDisplay="0"></EMBED>
说明：width=600 height=50 是播放器的长和宽
AutoStart="-1" 是打开帖子自动开始播放音乐，这里必须设置为自动播放
PlayCount="5" 是每个曲子播放5次，你也可以设为1次
2、试听连接代码
<a href="#2" onclick=myPlayer.FileName=this.value value="音乐地址">试听</a>
说明：href="#2" 页面不会跳到顶端，如果用 href="#" 那么点击“试听”后页面会跳到顶端
需要特别注意的是播放器代码里 id=myPlayer 的myPlayer 必须和试听连接代码里 onclick=myPlayer 的myPlayer 要相同，它的作用是当你点击某个音乐试听时，把该音乐的地址传送给播放器进行播放，如果不相同就传送不了，无法播放。
1、播放器代码：
<EMBED id=myPlayer src="默认打开帖子要播放的第一首曲目" width=600 height=50 type=audio/mpeg AutoStart="-1" EnableC PlayCount="5" ShowC ShowStatusBar="-1" ShowDisplay="0"></EMBED>
说明：width=600 height=50 是播放器的长和宽
AutoStart="-1" 是打开帖子自动开始播放音乐，这里必须设置为自动播放
PlayCount="5" 是每个曲子播放5次，你也可以设为1次
2、试听连接代码
<a href="#2" onclick=myPlayer.FileName=this.value value="音乐地址">试听</a>
说明：href="#2" 页面不会跳到顶端，如果用 href="#" 那么点击“试听”后页面会跳到顶端
需要特别注意的是播放器代码里 id=myPlayer 的myPlayer 必须和试听连接代码里 onclick=myPlayer 的myPlayer 要相同，它的作用是当你点击某个音乐试听时，把该音乐的地址传送给播放器进行播放，如果不相同就传送不了，无法播放。
标签: 精品收藏 
分类: 精品收藏
本文章引用通告地址(TrackBack Ping URL)为: 
本文章尚未被引用。
下一篇: 几款新版播放器