如何在网页中应用HTML5音频

HTML5 audio

成都创新互联专注于企业全网营销推广、网站重做改版、颍州网站定制设计、自适应品牌网站建设、H5高端网站建设电子商务商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为颍州等各大城市提供网站开发制作服务。

在HTML5标准网页里面,我们可以运用audio标签来完成我们对声音的调用及播放。以下是最经常见到的运用HTML5三种基本格式:

1.最少的代码

 
 
 
  1.    

2.带有不兼容提醒的代码

 
 
 
  1.    
  2. Your browser does not support the audio tag.    
  3.    

3.尽量兼容浏览器的写法

 
 
 
  1.    
  2.      
  3.      
  4. Your browser does not support the audio tag.    
  5.   

HTML5音频格式

当前,HTML***udio标签支持三种格式的音频,分别是wav mp3和ogg格式。而目前主流浏览器对他们的支持如下:

  IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
Ogg Vorbis    
MP3    
Wav    

IE8以及IE8以下不支持HTML5的audio标签

HTML ***udio属性

1.autoplay:***可选值为autoplay,出现autoplay属性并准确赋值时,音频将会自动播放

2.controls:***可选值为controls,出现controls属性并准确赋值时,音频播放控件将会显示,控件包括:播放、暂停、定位、音量、全屏切换、字幕(如果可用)、音轨(如果可用)。

3.loop:***可选值为loop,出现loop属性并准确赋值时,音频将会循环播放。

4.preload:可选值有auto(当页面加载后载入整个音频)、meta(当页面加载后只载入元数据)和none(当页面加载后不载入音频) 如果设置了前面的autoplay属性,那么preload将会被忽略。

5.src:指定音频URL地址,可以是相对的URL也可以是绝对的URL 当然还可以像第2和第3个例子一样,用source标签来指定源。

原文链接:http://www.itluren.com/apply-html5-audio-to-web.html


分享标题:如何在网页中应用HTML5音频
文章链接:http://gydahua.com/article/dhpccsc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流