html5音乐源码,html5 音乐

网页音乐播放器HTML源码

1、实现ASP.Net MVC网页播放音乐html代码。

2、实现控制音频播放、暂停还需要加入JS代码如下。

3、实现前台处理方法代码。

4、实现后台处理的方法代码。

5、支持HTML5浏览器效果1。

6、如果不支持HTML5浏览器效果如下。

相关问答

Q1: 网站背景音乐HTML代码

常用的背景音乐代码：

将这段代码插入到您的head/head之间

当您打开网站时即可听到背景音乐：

bgsound src=china.mid loop="-1"

这种当网页最小化之后，音乐会消失。

1、使用 embed 元素。

例如：

a、embed height="100" width="100" src="test.mp3" /

b、embed src="" quality=high pluginspage="" type="application/x-shockwave-flash" width="1" height="1"/embed

c、embed src="1.swf" quality=high pluginspage="" type="application/x-shockwave-flash" width="1" height="1"/embed

d、上面的网页背景音乐代码可以加入FLASH动画的绝对地址（或相对地址）

embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram" /embed

e、常用参数说明：

src="xxx"

设定 midi 档案及路径，可以是相对或绝对。

autostart=true

是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop="true"

是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。

HIDDEN="true"

是否完全隐藏控制画面，true 为是，no 为否 (内定)。

STARTTIME="分:秒"

设定歌曲开始播放的时间。如STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"

设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定。

WIDTH="整数" 和 HIGH="整数"

设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"

设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"

设定控制面板的外观。预设值是 console。

console 一般正常面板

smallconsole 较小的面板

playbutton 只显示播放按钮

pausecutton 只显示暂停按钮

stopbutton 只显示停止按钮

volumelever 只显示音量调节按钮

2、使用 object 元素

例如：

object height="100" width="100" data="test.mp3"/object

3、使用 HTML5 audio 元素

例如：

audio controls="controls"

source src="test.mp3" type="audio/mp3" /

source src="test.ogg" type="audio/ogg" /

/audio

4、下面这种方法可以兼容以上效果

例如：

audio controls="controls" height="100" width="100"

source src="test.mp3" type="audio/mp3" /

source src="test.ogg" type="audio/ogg" /

embed height="100" width="100" src="test.mp3" /

/audio

上面的例子使用了两个不同的音频格式。HTML5 audio 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 embed 元素。

Q2: html5网页想要加一个音乐播放器可以怎么做？

可以使用html5的audio标签来添加音乐播放器

audio controls

type:指定文件类型  

source src="horse.ogg" type="audio/ogg"

   source src="horse.mp3" type="audio/mpeg"

/audio

对应的参数属性如下图：

Q3: html5怎么设置多首背景音乐？

这是一个很容易的方法你值得试试！

下面是源码，只是很简单的。你值得拥有！

html

body style="background;color:red"

big p我的背景音乐/p   / big

embed src="音乐.mp3" autostart="true"

/body

/html

这个源码的意思是：如果一个人打开这个页面的话，指定的mp3就会自己缓冲播放出来；一直整个音乐都放完了，音乐才会停止播放播放。你若想让因为一直无限播放，那么你就可以embed中添加loop代码，loop可以决定目前的音乐可以无线播放否，true的意思是循环播放，false说明播放一次就行会马上停止，不会再有第二遍的！这个代码是很特殊的，你需要很认真的才可以把他弄明白！

embed src="bgsound.mp3" autostart="true" loop="true"

同时，可以自己来控制宽度和高度，以及一些美关的问题吧，这些问题是很有重要的问题，它可能会影响你整个画面，或许你里面有错误更可能会影响整个页面的运行！你需要一个很谨慎的态度去审核代码！

embed src="我的音乐.mp3" autostart="true" width="400" height="20"  大多数浏览器都会打破这个布局，一般的浏览器都只是会让更美观的体现给用户，但是呢我们有很好的方法使用hidden来不让浏览器识别出来，如果只是想让音乐在后台慢慢播放那么就用下面的代码！

embed src="我的音乐.mp3" autostart="true" loop="true" hidden="true"

如果你想更加深入的了解，那么去学习html就是很不错的选择，所有的网页都是通过html来实现的，之少html是所有编程的基础嘛，你值得学习！可能在以后你会有更多的需求，满足自己的生活！

而且编程是一个很需要耐心和责任心的过程，更需要你的细心！一个错误都会导致许多连续性的问题！

Q4: 求一个背景音乐播放html代码，要适用于移动设备的

HTML5自带的audio标签通用于所有的移动设备，能满足你的要求：

audio src="someaudio.wav"

    您的浏览器不支持 audio 标签。

/audio

就这样就ok啦，audio还可以设置几个属性，用于控制循环播放和自动播放。

希望我的回答对你有帮助！^o^