html5怎么设置多首背景音乐?

html5怎么设置多首背景音乐?,第1张

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

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

<html>

<body style="backgroundcolor: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是所有编程的基础嘛,你值得学习!可能在以后你会有更多的需求,满足自己的生活!

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

给个添加音效的例子

能让按钮发出声音的脚本

制作方法:

1、新建文件:DynamicAudioButton.js ,代码:

//Customize Dynamic Audio Link 自定义动态声音链接

function DynamicAudioLink(){

open("http://www.www.fly99.com/")

}

//Customize Dynamic Audio Mouse Over Color 自定义动态声音mouseover颜色

function AudioOver() {

document.Audio.button.style.background="#999999"

document.Audio.button.style.color="white"

}

//Customize Dynamic Audio Mouse Down Color 自定义动态声音mousedown颜色

function AudioDown() {

document.Audio.button.style.color="#cccccc"

}

//Customize Dynamic Audio Mouse Off Color 自定义动态声音mouseOff 颜色

function AudioOut() {

document.Audio.button.style.background="#666666"

document.Audio.button.style.color="#ffffff"

}

//Customize Dynamic Audio sound 自定义动态声音

function playHome()

{

document.all.sound.src = "bleep.wav"

}

document.write('<bgsound id="sound">')

//Customize Button Style 自定义按钮样式

document.write('<style type="text/css">'+'<!--')

document.write('.select{background:#666666border-color:"#999999"color:"#ffffff"font-family:Arial,Helvetica,Verdanafont-size:10ptfont-weight: bold}'+'-->'+'</STYLE>')

document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamic Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver()playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')

2、保存文件后,在页面相关处插入代码引用该JS文件:

<Script language="JavaScript" SRC="DynamicAudioButton.js"></script>

3、选择好音乐文件,可以是wav、mp3等,音乐文件尽量小些。

方法制作完成,用户可以使用图片等形式,当然也得修改 DynamicAudioButton.js 文件相应的代码。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11532374.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存