HTML 5 音频Audio

在HTML5标准网页里面,我们能够运用audio标签来完毕我们对声音的调用及播放。

下面是最常常见到的运用HTML5三种基本格式:

1.最少的代码

<audio src="song.ogg" controls="controls"></audio>

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

<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>

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

<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

HTML5音频格式

当前,HTML5 Audio标签支持三种格式的音频,各自是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 5 Audio属性

  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标签来指定源。
时间: 2024-10-07 20:14:29

HTML 5 音频Audio的相关文章

HTML5之音频audio知识

HTML总结(二)[HTML5之音频] HTML5重点知识之音频 audio标签兼容性: Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <audio> 标签. 注释:Internet Explorer 8 以及更早的版本不支持 <audio> 标签. audio的常用属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 dura

Nubia Z5S官方4.4 UI2.0音频Audio部分简单分析(也适用于其他8974/8064机型)以及减少破音出现几率的方法

转载请注明出处和网址链接: http://blog.csdn.net/syhost/article/details/31419749 此篇本是在Z5S的官方4.4内测版出来时写的, 主要是看到其在audio的配置文件里没有es325的相关配置, 因此断定不支持z5sn的一些audio特性,本想喷一下, 结果第二天官方自己写了.. 本人先前在安智论坛也发过一篇通过修改snd_soc_msm的audio配置文件来调整一些音量的方法, 但本人4月之后编译的Z5S的Android4.4的ROM已经采用了

HTML5音频audio元素

一.音频文件格式.ogg/.mp3/.wav/.aac/.mp4/.opus,最后一种新的音频文件格式,在本书写作之时只有 Firefox 支持.对于音频,最好的两种格式是 Ogg 和 MP3. 二.在网页中添加带控件的单个音频文件<audio src="my-audio.ext" autoplay controls muted loop preload></audio>注意,包含 autoplay 属性会覆盖 preload 属性的设置,因为只有加载音频文件才

HTML5 音频 &lt;audio&gt;

HTML5 提供了播放音频的标准. 一.Web 上的音频 直到现在,仍然不存在一项旨在网页上播放音频的标准. 今天,大多数音频是通过插件(比如 Flash)来播放的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定了一种通过 audio 元素来包含音频的标准方法. audio 元素能够播放声音文件或者音频流. 二.使用audio标签 <audio src="song.ogg" controls="controls"> </audio>

HTML5 音频audio 和视频video实用基础教程

1.音频(audio)<audio controls="controls"><source src="这里面放入音频文件路径"></source></audio>2.视频(video) <video controls="controls" loop="loop" autoplay="autoplay" id="video">&l

html5 的&lt;audio&gt; 音频 audio的“坑”

<audio>标签是html5的一个非常有意义的特性.告别的flash的时代.它的属性有: autoplay:音频就绪后马上播放 controls:出现该属性,向用户显示播放的控件. loop:是否在音频结束时候从新播放 preload:如果出现该属性,则在页面加载时候进行加载. src:要播放的音频的URL. 方法有: load():从新加载资源. play():开始播放. pause() :暂停播放. 这些都是基础的知识点.如果我们需要让音频自动播放的时候.在iphone中,我们发现是无法

HTML5视频Video 音频Audio

视频协议 视频格式 Flash HTML5 HTTP flv HTTP f4v HTTP mp4 HTTP m3u8 HTTP webm HTTP ogg RTMP flv RTMP f4v RTMP mp4 RTMP 直播流 万能播放插件js ckplayerhttp://www.ckplayer.com/ m3u8是m3u的一种,是utf-8格式的,Apple 为了提高流播效率开发的技术,特点是将流媒体切分为若干 TS 片段(比如每10秒一段),然后通过一个扩展的 m3u 列表文件将这些 T

HTML5——音频audio与视频video

文件日志地址  http://blog.csdn.net/q1056843325/article/details/60336226 音频与视频现在已经变得越来越流行 各个网站为了保证跨浏览器的兼容性 仍然选择使用flash (源码截自优酷) 多媒体标签 使用 HTML5增加了audio与video两个多媒体标签 兼容性还不错,低版本IE不支持 可以使我们不需要使用任何浏览器插件就能够插入音频与视频控件 而且非常的简单 (源码截自Bilibili) 元素用法如下 1 <audio src="

加载音频Audio

var cameraAudio = new Audio();         cameraAudio.src = 'camera.wav'; // 设置音频对象的属性,预加载视频          var options_audio = {             preload  : 'auto'         }         for(var key in options_audio){             if(options_audio.hasOwnProperty(key) &