006_Buzz属性和组

最新推荐文章于 2022-06-14 12:43:39 发布

自由与束缚JavaJavaScript

最新推荐文章于 2022-06-14 12:43:39 发布

阅读量589

点赞数

分类专栏： html5游戏文章标签： xhtml web前端

本文链接：https://blog.youkuaiyun.com/aihiao/article/details/109250473

版权

html5游戏专栏收录该内容

11 篇文章

订阅专栏

1. Buzz的默认属性有以下几个

2. preload属性

2.1. preload属性是html的audio标签自带属性

<audio preload="load" />

2.2. preload属性规定是否在页面加载后载入音频。如果设置了autoplay属性, 则忽略该属性。

2.3. preload属性值有以下几个

3. loop属性

3.1. loop属性是html的audio标签自带属性

<audio loop="loop" />

3.2. loop属性可以设置为true, 代表循环播放音乐; 设置为false, 播放一次音乐。

4. formats属性

4.1. formats属性设置音频文件的后缀

buzz.defaults.formats = [ 'ogg', 'mp3', 'aac', 'wav' ];

5. 实例化一组音频

var boom = new buzz.sound("sounds/boom", { formats: [ "ogg", "mp3" ], preload: 'auto', loop: true });
var over = new buzz.sound("sounds/over", { formats: [ "ogg", "mp3" ], preload: 'auto', loop: true });
var splatter = new buzz.sound("sounds/splatter", { formats: [ "ogg", "mp3" ], preload: 'auto', loop: true });
buzz.all().play();

6. 组数组构造函数

var myGroup = new buzz.group([new buzz.sound("sounds/boom.mp3"), new buzz.sound("sounds/over.mp3"), new buzz.sound("sounds/splatter.mp3")]);
myGroup.play();

7. 组构造函数

var myGroup = new buzz.group(new buzz.sound("sounds/boom.mp3"), new buzz.sound("sounds/over.mp3"), new buzz.sound("sounds/splatter.mp3"));
myGroup.play();

8. 例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Buzz属性和组</title>

		<script type="text/javascript" src="buzz.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			function group (){
				var boom = new buzz.sound("sounds/boom", { formats: [ "ogg", "mp3" ], preload: 'auto', loop: true });
				var over = new buzz.sound("sounds/over", { formats: [ "ogg", "mp3" ], preload: 'auto', loop: true });
				var splatter = new buzz.sound("sounds/splatter", { formats: [ "ogg", "mp3" ], preload: 'auto', loop: true });
				buzz.all().play();
			}

			function groupArrayConstructor (){
				var myGroup = new buzz.group([new buzz.sound("sounds/boom.mp3"), new buzz.sound("sounds/over.mp3"), new buzz.sound("sounds/splatter.mp3")]);
				myGroup.play();
			}

			function groupConstructor (){
				var myGroup = new buzz.group(new buzz.sound("sounds/boom.mp3"), new buzz.sound("sounds/over.mp3"), new buzz.sound("sounds/splatter.mp3"));
				myGroup.play();
			}
		</script>

		<button onclick="group()">实例化一组音频</button>
		<button onclick="groupArrayConstructor()">组数组构造函数</button>
		<button onclick="groupConstructor()">组构造函数</button>
	</body>
</html>