006_Buzz属性和组
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>
006_Buzz属性和组相关推荐
- css-选择器-进阶-属性选择器-组选择器-nth选择器
考点 属性选择器,选取具有name属性的元素 [name] 选取具有某个属性的元素: [属性名] 属性选择器,选取属性target值为_blank的元素 [target=_blank] [属性名=属性 ...
- 2019年华为算法精英大赛--用户人口属性预测组比赛复盘
文章目录 比赛介绍 初次探索 缺失值填充 再次探索 提取新特征 再次提取新特征 后记 1 算法实现思路说明 1.1算法整体框架 1.2 特征提取 1.3 模型拟合 2 算法实现说明 2.1算法运行环境 ...
- 组策略脚本的趣味应用
应用场景: 某公司的办公网络工作环境是windows server 2003的域环境.公司为每个部门创建了一个组织单位(OU),每个部门的员工的域帐户都放在本部门的组织单位中.技术部有个项目需要在今年 ...
- 渐进式遗传组卷算法(大规模题库,实际可用的算法) 智能组卷系统
基本遗传算法的缺陷分析:设一套题共需5种题型,共20道题目.设每道题在题库中有100道侯选题目.那么总共的组卷空间大小大约是10020 ,假设遗传算法的种群大小为1000,叠代1000次,那么最多搜索 ...
- 【数据挖掘】决策树 分类 ( 抽取分类规则 | 过拟合 | 剪枝 | 先剪 | 后剪 | 连续数值离散化 | 最优化分点 | 增益率选择划分属性 )
文章目录 I . 决策树 分类规则抽取 II . 决策树 过拟合 与 剪枝 III . 决策树 剪枝 先剪 与 后剪 对比 IV . 连续属性 离散化处理 ( 二分法 | 最优划分点 ) V . 根据 ...
- 关于js获取radio和select的属性并控制
对于联动菜单大家都不会陌生了,但是这还是我第一次写联动的了.原理很简单,但是自己写起来就感觉还是有点难度的了. 实现目标:1.点击"匿名小组",自动跳转:成员类型"私密群 ...
- jbpm 和 drools_jBPM和Drools工作台中的用户和组管理
jbpm 和 drools 介绍 本文讨论了一项新功能,该功能允许使用集成在jBPM和Drools Workbenches中的直观友好的用户界面来管理应用程序的用户和组. 用户和组管理 在安装,设置和 ...
- jBPM和Drools工作台中的用户和组管理
介绍 本文讨论了一项新功能,该功能允许使用集成在jBPM和Drools Workbenches中的直观友好的用户界面来管理应用程序的用户和组. 用户和组管理 在安装,设置和使用此功能之前,本文讨论了一 ...
- mysql8.0创建属性_MySQL8.0新特性——资源管理
MySQL8.0--资源管理: 参考官方文档: https://dev.mysql.com/doc/refman/8.0/en/resource-groups.html MySQL支持资源组的创建和管 ...
最新文章
- WIN7下,联想A30T通过USB连接上网
- java filewriter_Java基础篇:什么是FileWriter
- java重新初始化吗_Java中为何已经重新赋值的变量在输出后会初始化?
- python一看就很厉害的代码_Python学习教程:怎么写出让人看起来就很舒服的代码?...
- 技术人员,该如何向业务和产品“砍需求”?
- 关于外部测试字段解释冲突
- 连连看.NET v1.2版下载
- 2022社交电商(众城优选)最火引流拓客新思路,微三云胡佳东
- WebView复制粘贴文本
- FCRD-P帆软考试总结
- 6月3日		徒步虎跳峡——第一日
- STM32学习笔记二、DS18B20单总线上挂载多路采集
- 吴若权——洛可可动画电影馆
- 计算机一级考试可以搜索吗,手动找回Windows7搜索功能
- altium designer 绘制pcb时如何检查漏线
- ftp打开方式更改为资源管理器方法
- [Erlang] XML处理方案
- php添加表格行列,excel表格怎么插行和列?
- Activity销毁onStop或onDestroy延时10s左右才回调
- 开源机器学习流水线(Pipeline)工具调研(MLOps)
热门文章
- Test2 unit2
- IntelliJ IDEA 的 project 和 module 区别与关系
- Linux下安装jdk1.6和tomcat
- Exchange 2007 容易理解错误的几个地方
- 关注多云安全性的7个问题
- 创建一个dynamics CRM workflow (三) - Creating Configuration Entity for Custom Workflow
- std::cout char + int
- nodejs(三) --- nodejs进程与子进程
- ORACLE的数据类型
- C语言 03-第一个C程序代码分析