织梦CMS - 轻松建站从此开始!

圣道-文化大观园

MP3音频文件网页代码

时间:2018-12-23 18:11来源:搜集整理 作者:电脑编辑 点击:
2、HTML歌曲链接 怎么在HTML中加入MP3链接?把如下代码加入 区域中 2、使用 将这段代码插入到 后即可。 3、HTML中如何添加背景音乐 解释:其中 width=100 height=40 中的数字分别表示播放器的
    1、MP3音频文件网页代码
<embed height="100" width="100" src="http://9369.net/music/horse.mp3"></embed>
 
    2、HTML歌曲链接
    怎么在HTML中加入MP3链接?把如下代码加入<body>区域中
<object ID="nsPlayer" classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A">
<PARAM NAME="FileName" VALUE="http://9369.net/music/20020808.mp3">
<PARAM NAME="AutoStart" VALUE="-1">
<PARAM NAME="ShowDisplay" VALUE="0">
</OBJECT>
<script for=nsPlayer event=StateChange>
var arr=new Array("Stopped","Paused","Playing")
alert(arr[nsPlayer.CurrentState])
</script>
 
    2、使用
 <object ID="nsPlayer" classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A"> <PARAM NAME="FileName" VALUE="这个是音乐的地址"> <PARAM NAME="AutoStart" VALUE="-1"> <PARAM NAME="ShowDisplay" VALUE="0"> </OBJECT> <script for=nsPlayer event=StateChange> var arr=new Array("Stopped","Paused","Playing") alert(arr[nsPlayer.CurrentState]) </script>
    将这段代码插入到<body>后即可。
 
    3、HTML中如何添加背景音乐
<EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>
解释:其中 width=100 height=40 中的数字分别表示播放器的宽度和高度,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放)
autostart="true"中true或1表示自动播放,false或0表示手动播放
loop="true" 中的true或1表示重复播放,false或0表示只播放一次
src=音乐地址 这里的“音乐地址”,修改为找到的网络上的音乐地址
 
    4、网站添加背景音乐的HTML5代码
方式一(这种方式会显示播放器):
<video controls="" autoplay="" name="media"><source src="音乐" type="audio/mpeg"></video>
方式二(这个方式主要是支持的播放器多。一定程度上解决了浏览器兼容的问题):
<embed src="music/We Don't Talk Anymore.mp3" autostart="true" loop="true" hidden="true"></embed>
方式三(这个不显示播放器):
<audio autoplay="" loop=""><source src="http://9369.net/music/Letter_Song.mp3"></audio>
方式四(背景音乐链接地址):
<bgsound src= loop=-1>
方式五:
<audio src="music/We Don't Talk Anymore.mp3" id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>
 
    5、普通的HTML页面连音乐做为背景音乐,切换页面就会没音乐了。使用IFRAME框架就可以解决这个问题
首页将<body></body>去掉,加入这个<frameset rows="100%,0" frameborder="NO" border="0" framespacing="0">
<frame src="index.htm" name="mainFrame"> 这个是导向真正显示的页面,更改src就可以了。
<frame src="myBgSound.htm" name="bottomFrame" scrolling="NO" noresize> 这个是链接背景音乐的页面
</frameset> 然后在背景音乐页面<html>
<head>
<title></title>
<SCRIPT language=JavaScript>
<!--
var sound1="music/01.mp3"
var sound2="music/02.mp3"
var sound3="music/03.mp3"
var sound4="music/04.mp3"
var sound5="music/05.mp3"
var sound6="music/06.mp3"
var sound7="music/07.mp3"
var sound8="music/08.mp3"
var sound9="music/09.mp3"
var sound10="music/10.mp3"
var x=Math.round(Math.random()*9)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
//if (navigator.appName=="Microsoft Internet Explorer")
//document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')
//else
document.write('<embed src='+'"'+x+'"'+'hidden="true" autostart="true" loop="true" Volume="50">')//-->
</SCRIPT>
</head>
<body>
</body>
</html> 
    将代码全部加入网页就可以了,可以实现随机播放音乐,修改var sound1="音乐所在位置";记得是相对路径哟。
 
(责任编辑:望穿时空)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容