源码街-提供最新免费网站源码下载！
首页HTML5音乐播放器-超酷的外观
HTML5音乐播放器-超酷的外观
软件类别：
运行环境： htm5
更新时间：
演示地址：
下载地址：
享一款外观更酷的音乐播放器，该播放器是环形的，背景图片非常漂亮，可以控制播放、调整音量等播放器常用的功能。
本文固定链接:
下载地址：&&&&提取码：rd5f）
提示：压缩包密码www.codejie.net &&&&&
您还感兴趣的文章
Copyright & 源码街 - Codejie.Net 渝ICP备号-2(jsp/html)网页上嵌入播放器(常用播放器代码整理)
字体：[ ] 类型：转载 时间：
网页上嵌入播放器，只要在HTML上添加以上代码就OK了，下面整理了一些常用的播放器代码，总有一款适合你，感兴趣的朋友可以参考下哈，希望对你有所帮助
这个其实很简单，只要在HTML上添加以上代码就OK了，前提是你的电脑上已经安装了播放器，如RealPlay。
代码如下: &embed src="C:/mp3/10.19/画心.mp3" width="480" height="100"02. loop="false" autostart="false"& &/embed&
还有更多的的播放器和设置可供选择： 页面插入REAL播放器代码：
代码如下: &object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=60 id=video1 style=LEFT:0TOP:0px width=209& &param name=_ExtentX value=5530& &param name=_ExtentY value=1588& &param name=AUTOSTART value=1& &param name=SHUFFLE value=0& &param name=PREFETCH value=0& &param name=NOLABELS value=0& &param name=SRC value=RM.RAM.RA等音乐文件绝对地址& &param name=CONTROLS value=StatusBar,ControlPanel& &param name=CONSOLE value=RAPLAYER& &param name=LOOP value=0& &param name=NUMLOOP value=0& &param name=CENTER value=0& &param name=MAINTAINASPECT value=0& &param name=BACKGROUNDCOLOR value=#000000& &/object&
页面插入Media Player播放器代码：
代码如下: &OBJECT id=mPlayer1 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6 width=220 height=64 type='application/x-oleobject"'& &PARAM NAME="URL" VALUE="WMA音乐文件绝对地址"& &PARAM NAME="rate" VALUE="1"& &PARAM NAME="balance" VALUE="0"& &PARAM NAME="currentPosition" VALUE="0"& &PARAM NAME="defaultFrame" VALUE=""& &PARAM NAME="playCount" VALUE="100"& &PARAM NAME="autoStart" VALUE="-1"& &PARAM NAME="currentMarker" VALUE="0"& &PARAM NAME="invokeURLs" VALUE="-1"& &PARAM NAME="baseURL" VALUE=""& &PARAM NAME="volume" VALUE="100"& &PARAM NAME="mute" VALUE="0"& &PARAM NAME="uiMode" VALUE="full"& &PARAM NAME="stretchToFit" VALUE="0"& &PARAM NAME="windowlessVideo" VALUE="0"& &PARAM NAME="enabled" VALUE="-1"& &PARAM NAME="enableContextMenu" VALUE="0"& &PARAM NAME="fullScreen" VALUE="0"& &PARAM NAME="SAMIStyle" VALUE=""& &PARAM NAME="SAMILang" VALUE=""& &PARAM NAME="SAMIFilename" VALUE=""& &PARAM NAME="captioningID" VALUE=""& &/OBJECT&
页面插入Media Player(视频)播放器代码：
代码如下: &object classid="clsid:22D6F312-B0F6-11D0-94AB-E95" id="MediaPlayer1" height=260 width=320& &param name="Filename" value="MTV视频文件绝对地址"& &param name="PlayCount" value="0"& &param name="AutoStart" value="1"& &param name="ClickToPlay" value="1"& &param name="EnableFullScreen Controls" value="1"& &param name="ShowAudio Controls" value="1"& &param name="EnableContext Menu" value="1"& &param name="ShowDisplay" value="0"& &/object&
BLOG中插入音乐播放器 进入控制面板，点击“首页内容维护”，在“自定义空白面板”中，新增一个空白面板， 勾选“源代码”后，粘贴以下代码：
代码如下: &embed src=http://163.20.114.1/~t120/bug.mp3 width=200 height=45 type=audio/mpeg loop="false" autostart="false"&
或者用这个代码：
代码如下: &object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=180 height=170 codebase=/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject& &param name='URL' value='/UploadFile/2005-6/和父亲跳舞.wma___223885.wma'& &PARAM NAME='UIMode' value='full'&&PARAM NAME='AutoStart' value='true'& &PARAM NAME='Enabled' value='true'& &PARAM NAME='enableContextMenu' value='false'& &param name='WindowlessVideo' value='true'&&/object&
上面这个长，但比较实用，能自动调网上的插件，几乎的音乐视频都播 注意:http://后面的是歌曲的URL地址.在这我随便写的,你可以换成你喜欢的音乐, 但必须是URL,就是搜索音乐后点右键看它的属性.把属性粘贴过来就ok了. 播放器宽度和高度width=200 height=50 你根据需要设置,宽度和高度设为0的话， 就成为了背景音乐，访客就看不到播放器就不能随意开启和关闭它。 (设置完就会有播放器出现,你可以随便改变自己喜欢的音乐.换链接地址就行) loop="true"为连续循环播放,loop="false"为不循环播放.你自由控制. autostart="true"为自动播放,autostart="false"为不自动播放.你自由控制. loop="2",就是音乐循环播放2次。3,4,5---以次类推. 支持的音乐格式: wma　mp3　rm　ra　ram　asf　mid. 做完保存后就点左边的"定制我的首页"----"添加模块"---钩选你刚才保存的空白面板--- 确定,登陆看看,你就可以听到音乐了. 试几次就成了,习惯就简单了. 对了,歌曲的URL地址与width=200 height=50 之间要留有一空格距离,否则歌曲将无法播放. 如何贴rm,ra,ram类型的音乐，代码如下：
代码如下: &embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="/uploads/01.rm";&
如何贴midi,asf,wma,asx类型的音乐，代码如下：
代码如下: &embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="/uploads/01.mid";&
只需要把整段代码copy复制到文章中(编辑文章的时请先点击HTML代码模式再粘贴代码，否则这段代码会以文本形式显示出来，不能被执行)，用你喜欢及可用的音乐文件的URL(网址)代替上面白色显示的音乐地址代码就可以了。 造成音乐不能成功播放的大多数原因： A：音乐文件错误，有可能这个文件本身就不是音乐的文件，只是一个普通的HTML页面。 B：音乐文件地址错误，这个音乐文件根本不存在。 C：没有安装相关的播放软件。 测试的办法：请把音乐文件地址在IE栏输入，如果提示你保存，保存的文件类型是rm、ram、midi等的文件即是音乐文件。如果打开这个文件是自动播放音乐或显示其他内容的，则不是。 添加带音乐的flash，然后在弹出窗口输入你的FLASH地址，注意后戳名为：http://xxxxx.xxxx.swf，大小可以调整为，1*1，这样可以在不显示FALSH的情况下播放音乐，但是记住要为自动播放的，不要找那种需要按开始的FLASH 加入一段在线音乐播放代码，推荐使用：&IFRAME marginHeight=0 src="/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25& 将此代码放入网站合适地方，将24小时不间断放歌，次代码由清风网络电台提供 以下是简单的代码：首先打开我的文章，进入编辑状态，选择HTML格式然后就可以输入了，下面我们来看代码，首先来看第一种，比较简单的： &bgsound src=”url” loop=-1& “url”依然是路径名,loop表示循环数，-1表示始终循环 来看第二种： &EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k"& 其中各个属性的含义如下： SRC：音乐文件路径 （以下可选） AUTOSTART：音乐文件上传完后自动播放，TRUE为播放，FALSE为否 LOOP：设置循环TRUE为自动循环，FALSE为不循环，数值为次数 WIDTH，HEIGHT为播放控制面板的宽和高， 其余的属性有： volume：取值范围为"0-100"，设置音量，默认为系统本身的音量 starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10秒开始播放 endtime： "分：秒"，设置歌曲结束播放的时间 controls ：控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever" ·console 正常大小的面板 ·smallconsole 较小的面板 ·playbutton 显示播放按钮 ·pausebutton 显示暂停按钮 ·stopbutton 显示停止按钮 ·volumelever 显示音量调节按钮 hidden： 为true时可以隐藏面板 背景音乐代码精简 1、&embed src="背景音乐网址" hidden="true" autostart="true" loop="true"& --------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。 -------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false" 即可... ------ loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了 2、&embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" & -----------loop="-1" 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop="2" ---------controls="ControlPanel"这个控制选项可省略 --------width="0" height="0"表示隐藏播放，和前面的一样。 若欲设置播放器的外观，则替换为具体的数值就可以了，比如width="123" height="100" -------------------------------------------------- 其实要说最简化的播放背景音乐的代码，则下面的代码是最简单的了---& &embed src="背景音乐网址" & ----------------------------------------------------- 另外:bgsound src="背景音乐路径" loop="-1"& 这个只支持IE浏览器，而且是完全下载完后才开始播放，不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~ &bgsound src="背景音乐路径" loop="-1"&这个随浏览器的打开而播放，当最小化窗口时即停止播放，当最大化窗口时又开始播放。 而，&embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" &常用于mid，,wav,mp3类型的音乐类型. 这个则不管是否最小化窗口都始终播放，直至关闭当前窗口为止~~ 支持的音乐文件类型：只支持MP播放器所支持的音乐格式，比如mp3,asf,wma,asx等等. 不支持rm,ram.... 视频文件的插入方法也和上面所说的一样，设置好合适的 音乐代码解释 &embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="/uploads/01.mid"& 解释一下: AUTOSTART="TRUE / FALSE" 是否要在音乐档传完之后，就自动播放音乐。 TRUE 是要　 FALSE 是不要，内定值是不要。 LOOP="TRUE / FALSE / 整数" 设定是否要自动反覆播放，LOOP=2 表示重复两次，若要无限次重复可用 LOOP="TRUE"　 WIDTH 和 HIGH="整数" 设定控制面版的宽度和高度　 CONTROLS="CONSOLE / SMALLCONSOLE / PLAYBUTTON / PAUSEBUTTON / STOPBUTTON / VOLUMELEVER" 设定控制面板的样子，预设值是 CONSOLE　 　　 CONSOLE 一般正常的面板 　　 SMALLCONSOLE 较小的面板 　　 PLAYBUTTON 只显示播放按钮 　　 PAUSEBUTTON 只显示暂停按钮 　　 STOPBUTTON 只显示停止按钮 　　 VOLUMELEVER 只显示音量调整钮 ◆◆◆◆◆MTV代码 &embed id="MediaPlayer963" src="MTV的地址" width="305" height="250" type="video/x-msvideo" autostart="true" loop="false" align="left"& ◆◆◆◆◆不用播放器也能无限放歌曲代码 &iframe name="I1" src="/wz/test/Edikongjian_yinyue.htm" width="1" height="1"& ◆◆◆◆◆背景音乐代码(写在日记标题里) 显示播放器代码: &embed src=http://你的音乐地址& 不显示播放器代码: (由于日记标题有字数限制，所以请大家选择较短的音乐地址，否则背景音乐将失效) &embed src=http://你的音乐地址 width="0" height="0" loop="999"& 代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址 ◆◆◆◆◆视频MTV代码(写在日记内容里) &embed src= http://你的视频文件地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124 width=180 autostart=true loop=true& 代码中的视频文件地址就是网上以.rm结尾的网址。播放器的大小可以自己调整代码中 的数值，只需改height =“高度”，width =“宽度” ◆◆◆◆◆电台代码(写在日记内容里) &embed src= http://你的电台地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124 width=180 autostart=true loop=true& 代码中的电台地址就是网上以.asp结尾的网址 ◆◆◆◆◆音乐播放代码 &iframe src=音乐地址 frameborder=0 width=100% height=34& ◆◆◆◆◆全能播放器代码 &img src="javascript:document.getElementById('Mlogo').innerHTML+='&div style=/'position:top:0;left:0;/'&&iFRAME name=I1 src=/'http://tf1000./mp3/top.htm/' frameBorder=/'0/' width=/'975/' scrolling=/'no/' height=/'21/'&&/div&';"& ◆◆◆◆◆一款很酷的嵌入式播放器代码 &img src="javascript :Mlogo.＆#105;nnerHTML+='&div id=MVPlayer style=position:top:0;left:0;width:925;height:655;&&/div&';MVPlayer ＆#105;nnerHTML='&＆#105;frame src=http://wonzone./qzone/mvp/mvp.htm? mvx=700＆mvy=445＆mvw=225＆mvh=180＆mvlst=http://wonzone./qzon e/test.js＆ctrlp=true＆lstmd=1＆dd8h=445＆ctrlpx=49＆ctrlpy=625＆rndp=true allowTransparency=true width=925 height=655 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no name=MVP&&/＆#105;frame&'" style=display:none& 用记事本把代码中的＆全部替换成半角&，否则无效. ◆◆◆◆◆音乐播放器代码(支持多种格式) &img src="javascript:document.getElementById('Mlogo').innerHTML+='&div style=/'position:top:0;left:0;/'&&iFRAME name=I1 src="//'http://tf1000./mp3/top.htm"/' frameBorder=/'0/' width=/'975/' scrolling=/'no/' height=/'21/'&&/div&';"& 全能播放器:支持rm、mp3、wma、wmv、wav、midi、asf、mpeg、mpg、avi等格式 ◆◆◆◆◆5种超酷MP3播放器随意放代码 &content&&img src="javascript:document.getElementById('Mlogo').innerHTML+='&div style=/'position:top:0;left:0;/'&&iFRAME name=I1 src=/'http://218.80.220.26/QQZONE//files/music/music5.htm /' frameBorder=/'0/' width=/'930/' scrolling=/'no/' height=/'33/'&&/div&';"&&/content& top:0;left:0 表示距离上面和左边的距离,可以修改 ◆◆◆◆◆家庭影院代码 &div id="layer25" style="padding:0 LEFT: 2 OVERFLOW: WIDTH: 634 POSITION: TOP: 0 HEIGHT: 530 zindex: 90" resiziable="true"& &img oncontextmenu="return false" title="" height="529" src="/cgi-bin/load_pic? verify=qi4PbOWvS%2FBcyd7oL7ik%2Fg%3D%3D" width="707" align="middle" border="0"&&/div& &div id="layer23" style="left: 229 overflow: width: 262 position: top: 128 height: 210 zindex: 200; padding: 0px" resiziable="true"& &embed id="MediaPlayer963" src="你的视频地址" width="303" height="300" type="video/x-msvideo" autostart="true" loop="false" align="left"&&/div& ◆◆◆◆◆顶部MTV代码 &img src="javascript:var s=document.createElement('script');s.src='http://wonzone./qzon e/public/mtv_top.js';document.body.appendChild(s);" style=display:none&&/img& ◆◆◆◆◆一款超酷FLASH滚动播放器代码(本人推荐使用) &EMBED src=/MusicBYSEA.swf width=460 height=650 type=application/x-shockwave-flash&&DIV&&/DIV& ◆◆◆◆◆插入视频代码(代码生成器生成的) ..只播放一遍需要手动打开的视频播放代码 &/textarea&&embed src=视频地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=420 width=640 autostart=False loop=False& ..循环播放的视频播放代码 &/textarea&&embed src=视频地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=420 width=640 autostart=False loop=True& ..自动播放的视频播放代码 &/textarea&&embed src=视频地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=420 width=640 autostart=False loop=False& ..自动播放+循环播放代码 &/textarea&&embed src=视频地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=420 width=640 autostart=True loop=True& ◆◆◆◆◆插入音乐代码(代码生成器生成的) ..只播放一遍需要手动打开的音乐播放代码 &/textarea&&embed src=音乐地址 width=2 height=2 autostart=False loop=False& ..循环播放的音乐播放代码 &/textarea&&embed src=音乐地址 width=2 height=2 autostart=True loop=False& ..循环播放+自动音乐播放代码 &/textarea&&embed src=音乐地址 width=2 height=2 autostart=True loop=True& ..循环播放+自动音乐播放+隐藏播放器代码 &/textarea&&embed src=音乐地址 width=0 height=0 autostart=True loop=True& ..自动音乐播放代码 &/textarea&&embed src=音乐地址 width=2 height=2 autostart=False loop=True& ..隐藏播放器代码 &/textarea&&embed src=音乐地址 width=0 height=0 autostart=False loop=False& ..循环播放+自动播放+播放器代码 &img src="javascript:document.getElementById('Mlogo').innerHTML+='&div style=/'position:top:;left:;/'&&iFRAME name=I1 src=/'音乐地址 /' frameBorder=/'0/' width=/'/' scrolling=/'no/' height=/'/'&&/div&';"&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具内容字号：
段落设置：
字体设置：
精准搜索请尝试：
7款高颜值HTML5播放器：让你的音乐有声有色
来源：作者：小峰责编：晨风
这篇文章我们要分享一些很有个性的HTML5音乐播放器和视频播放器，它们都具有播放器的大部分功能，并以HTML5和JavaScript实现。这些HTML5播放器有着非常漂亮的外观，很多你都无需自己重新定义样式，引用相关JS即可，源代码大家都可以下载。1、HTML5笑脸样式的音乐播放器这非常有爱的HTML5音乐播放器，它的外观酷似一张笑脸，其实笑脸的样式也是通过对播放器的各项按钮进行布局而产生的。同时这款播放器的功能也是比较完整的，播放、暂停、音量控制、播放进度等。&|| 2、HTML5播放器神话卡带式古典播放器这是一款样式非常古典，但又是非常时尚的HTML5播放器，说它是古典播放器，是因为这种卡带式的HTML5播放器比较古老，说它时尚，是因为现在的HTML5播放器很少有这种样式的，非常有创意。如果你想给你的个人主要添加一款个性化的播放器，那么这款HTML5卡带式古典播放器可以选择一下，个人认为这是HTML5播放器的神话，非常经典。&|| 3、jQuery迷人音乐播放器jPlayer这是一款非常精巧的jQuery音乐播放器插件jPlayer，这款jQuery音乐播放器的外观非常迷人，可以自定义漂亮的播放器背景图片，而且播放器需要的功能它都齐全，更完美的是，这款jQuery音乐播放器还支持分享至社交网站。&|| 4、HTML5视频播放器超酷播放器UI界面这是一款UI界面非常出色HTML5视频播放器，播放器具备播放/暂停、音量调节、全拼播放等功能，应该也算是比较完善了的。我们也可以看看之前发布过的HTML5视频播放器，像HTML5播放器API集合轻松学会HTML5播放器开发，也非常酷。&|| 5、HTML5环形音乐播放器这是一款外观更酷的HTML5音乐播放器，该播放器是环形的，背景图片非常漂亮，可以控制播放、调整音量等播放器常用的功能。&|| 6、HTML5视频播放器video.Js这是一款HTML5播放器Video.Js，改HTML5视频播放器可以自己定义外观，包括整体颜色，播放按钮定制等功能。总体来说，Video.Js是一款很不错的视频播放器。&|| 7、质感炫酷的HTML5音乐播放器这款播放器的背景是黑色质感状的，看起来非常炫酷。同时这款黑色的HTML5音乐播放器具备了最基本的音乐播放器功能。&|| 我们相信随着HTML5技术和浏览器技术的不断发展，我们的网页一定会越来越酷而且实用，基于HTML5的播放器也会越来越多，我们会继续关注HTML5播放器相关资源，届时分享给大家。
大家都在买
软媒旗下软件：||||||||
IT之家，软媒旗下科技门户网站 - 爱科技，爱这里。
Copyright (C) , All Rights Reserved.
版权所有 鲁ICP备号音乐播放器源代码_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
音乐播放器源代码
上传于||文档简介
&&在​博​客​中​添​加​一​些​音​乐​和​动​画​,​是​很​美​的​,​可​以​对​观​众​有​很​强​的​吸​引​力​,​增​加​阅​读​的​舒​畅​心​情​。​可​是​很​多​人​不​知​道​怎​样​添​加​,​我​这​里​有​一​些​好​听​的​音​乐​代​码​,​或​许​能​对​读​者​有​所​帮​助​。
阅读已结束，如果下载本文需要使用2下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩12页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢mp3音乐播放器flash源码下载
flash动画预览
mp3音乐播放器、 flash动画素材、flash源码
本站保证所有软件和模板以及素材都是本地下载，每个软件资源都是手工整理，保证无毒，无插件请放心下载。如果需要解压密码，解密码为，使用 WinRAR v3.10 以上版本解压本站软件。
如果这个软件总是不能下载的请点击报告错误,谢谢合作!!
下载本站资源，如果服务器暂不能下载请过一段时间重试！
如果遇到什么问题，请到本站论坛去咨寻，我们将在那里提供更多 、更好的资源！
本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。
------分隔线----------------------------
推荐flash素材
赞助商链接
热门flash素材