网页音乐播放器代码,网页音乐播放器源码
帮我写网页音乐播放器的html代码。
!DOCTYPE?html
html
head
meta?charset="utf-8"?/
script?type="text/javascript"
????????var?audioTag?=?document.createElement('audio');
????????if?(!(!!(audioTag.canPlayType)??("no"?!=?audioTag.canPlayType("audio/mpeg"))??(""?!=?audioTag.canPlayType("audio/mpeg"))))?{
????????????AudioPlayer.embed("audioplayer_1",?{soundFile:?"your.mp3",?transparentpagebg:?"yes"});
????????????$(?'#audioplayer').hide();
?????}
????????else?
????????{
???????????$(?'#audioplayer'?).audioPlayer();
????????}
/script
title音乐播放器/title
/head
body
p?id="audioplayer_1"/p
audio?id="audioplayer"?preload="auto"?controls?style="width:?100%;"
source?src="XXXX.mp3"?type="audio/mp3"
!--?这里SRC中的就是音乐文件的名字,改成你电脑上的。音乐文件要和html文件在同一目录下--
/audio
/body
/html
网页音乐播放器代码
代码类型的免费播放器代码
javascript:window.top.space_addItem(6,42556,294,-15,0,0,0);
更多的代码:
使用方法:复制上面的代码,到你的QQ空间,单击【自定义】将代码粘贴到浏览器的地址栏(输入网址的地方)然后敲回车键,或者单击地址栏右侧的【转到】,这个时候你就能看到播放器的样式了,最后记得【保存】
这个是添加播放器的方法,下面是添加背景音乐的方法
第一步:单击【音乐盒】--【添加背景音乐】
第二步:单击【添加网络音乐】
第三步:填写你的音乐地址。提交
第四步:单击【设置为背景音乐】
这样就完成了添加背景音乐,可以添加5首背景音乐
注意:由于QQ空间对音乐的地址要求比较严格,所以音乐地址必须是能在线试听的,而且地址中不能有
=号或者........号,如果你能在线试听,不能在QQ空间播放也没关系,再换一首试试
详细的一个图文教程
网页背景音乐的HTML代码是什么?
网页背景音乐的HTML代码有三种,分别用bgsound/bgsound、embed/embed和audio/audio标签。
由于bgsound的特性是非标准的,所以请尽量不要在生产环境中使用它。下面对三者的参数进行介绍:
1、bgsound:
bgsound是IE浏览器中设置网页背景音乐的元素。
bgsound src="sound1.mid"
bgsound src="sound2.au" loop="infinite"
balance
该属性取值在-10,000到+10,000,它决定扬声器之间的音量如何分配。
loop
该属性表明音频被播放的次数,是一个数值或者关键字infinite。
2、EMBED:
embed 标签定义嵌入的内容,比如插件,插入音频和视频方式。
EMBED src="your.mid"autostart="true" loop="true" hidden="true"
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度。
3、audio:
audio 标签定义声音,比如音乐或其他音频流。
audio src="someaudio.wav"您的浏览器不支持 audio 标签。/audio
扩展资料:
html特效代码大全:
1)贴图:img src="图片地址"
2)加入连接:a href="所要连接的相关地址"写上你想写的字/a
3)在新窗口打开连接:a href="相关地址" target="_blank"写上要写的字/a
4)移动字体(走马灯):marquee写上你想写的字/marquee
5)字体加粗:b写上你想写的字/b
参考资料来源:百度百科-bgsound
参考资料来源:百度百科-embed
HTML网页中的音乐播放代码
据个人了解
网页中的音乐播放代码有以下几种:
第一种:页面代码中的head/head之间加入bgsound src="音乐url" loop="-1" 这段代码。 loop指音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
第二种:
在网页代码中的style/style标签之间加入一个“Embed”标签,其最简形式就像这样:
embed src="音乐url" autostart="true" loop="true" width="80" height="20"
不同的是,在这里我们可以设置更多内容,相信内容请看w3scholl手册!
第三种:
使用超链接
例如:a href="horse.mp3"Play the sound/a
script src=""/script
第四种:
使用 HTML5 audio 元素
audio 元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。
例子:
audio controls
source src="horse.mp3" type="audio/mpeg"
source src="horse.ogg" type="audio/ogg"
Your browser does not support this audio format.
/audio
如何在网页中加入背景音乐 在线播放器代码大全
最简单的方法是,在页面代码中的head与/head标签之间加入如下代码:bgsound src="/Home/xxx" loop="-1"
其中:“xxx”处添入你要加入的背景音乐的地址,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
另外一种方法则略微复杂一些,但可设置的参数也较多。这次我们在页面代码中的body与/body标签之间加入一个“Embed”标签,其最简形式就像这样:
EMBED src="/Home/xxx" autostart="true" loop="true" width="80" height="20"
不同的是,在这里我们可以设置更多内容,以下是具体的说明:
src 背景音乐的路径。
autostart
是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false”
loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数。
volume 设置音量,取值范围是“0-100”,默认值为系统当前音量。
starttime 设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放。
endtime 设置音乐结束播放的时间,具体格式同上。
width 设置音乐播放控制面板的宽度。
height 设置音乐播放控制面板的高度。
controls 设置音乐播放控制面板的外观,“console”为通常面板;“smallconsole”为小型面板。“playbutton”为是否显示播放按钮;“pausebutton”为是否显示暂停按钮;“stopbutton”为是否显示停止按钮;“volumelever”为是否显示音量调节按钮,例如:
controls="console/smallconsole/playbutton/
pausebutton/stopbutton/volumelever"。
hidden 设置音乐播放控制面板的显示与否,“false”为显示,“true”为隐藏。
现在,你可以试一试了。不过要注意,音乐文件的体积不要太大,否则页面已经打开了半天,音乐却还没有读出来。
第一步:首先把你喜欢的音乐上传到博客(当然也可以是其他链接地址)。
第二步:把上传的音乐地址全部粘贴到记事本中,不用加任何代码。
如:
http://链接地址
http://链接地址
第三步:把记事本另存为:music.jpg,就是图片格式文件,然后再上传到博客空间里,上传后记住上传的地址。
第四步:在发贴时,选择HTML方式,再最下面加入以下代码。
〈div align="center"〉〈embed src="音乐地址" width="180" height="50" hidden="true" type="audio/mpeg/wma" autostart="true" loop="true" /〉〈/div〉
提示: autostart="true" 自动播放选项:true 不自动播放选项:false
loop="true" 循环播放选项:true 不循环播放选项:false
hidden="true" 隐藏播放器选项:true 显示播放器选项:false