1.概述
1.1 问题描述
设计报表的时候,如何为报表添加声音播放、背景音乐,或是实现声音预警呢?
1.2 解决思路
使用HTML5的<audio>标签
当前,audio元素支持三种音频格式:
IE9 | Firefox3.5 | Opera10.5 | Chrome3.0 | Safari3.0 | |
---|---|---|---|---|---|
Ogg Vorbis | √ | √ | √ | ||
Mp3 | √ | √ | √ | ||
Wav | √ | √ | √ |
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放 |
preload | preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放 如果使用"autoplay",则忽略该属性 |
src | src | 要播放的音频的 URL |
2. 示例
2.1 报表设计
1)在 A1 单元格添加如下代码
<audio src="http://www.w3school.com.cn/i/song.ogg" controls="controls" loop="loop"> Your browser does not support the audio element. </audio>
2)在单元格属性中使用HTML显示内容
2.2 效果预览
保存预览,效果如下(不同浏览器显示效果有所差异):注:不支持移动端。