HTML5 音频 audio

HTML5 提供了播放音频的标准。

一、Web 上的音频

直到现在，仍然不存在一项旨在网页上播放音频的标准。

今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。

HTML5 规定了一种通过 audio 元素来包含音频的标准方法。

audio 元素能够播放声音文件或者音频流。

二、使用audio标签

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

control 属性供添加播放、暂停和音量控件。

<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><div style="text-align:center;"><video id="video1" width="420" style="margin-top:55px;"><source src="img/mov_bbb.mp4" type="video/mp4" /><source src="img/mov_bbb.ogg" type="video/ogg" /> Your browser does not support HTML5 video.</video><br /><button onclick="playPause()">播放/暂停</button><button onclick="makeBig()">大</button><button onclick="makeNormal()">中</button><button onclick="makeSmall()">小</button><br/><br/><audio controls="controls"><source src="img/qiuyinong.mp3" type="audio/mpeg">Your browser does not support the audio tag.</audio></div><script type="text/javascript">var myVideo = document.getElementById("video1");function playPause() {if(myVideo.paused)myVideo.play();elsemyVideo.pause();}function makeBig() {myVideo.width = 560;}function makeSmall() {myVideo.width = 320;}function makeNormal() {myVideo.width = 420;}</script></body></html>

文件夹内容

1、chrome浏览器下：

2、IE9浏览器下：

3、IE8浏览器下测试：

转载于:https://www.cnblogs.com/chengxs/p/5869871.html

HTML5 音频 audio相关推荐

HTML5音频audio详解
直到现在,仍然不存在一项旨在网页上播放音频的标准. 目前,大多数音频是通过插件(比如 Flash)来播放的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定了一种通过 audio 元素来包含音 ...
如何改变android5.1音量进度条,HTML5音频audio属性
audio 的控制函数主要有: load() 加载音频.视频软件,通常不必调用,除非是动态生成的元素,用来在播放前预加载 play() 加载并播放音频.视频文件,除非文件已经暂停在其他位置,否则默认重 ...
HTML5 音频audio 和视频video实用基础教程
1.音频(audio) <audio controls="controls"> <source src="这里面放入音频文件路径">&l ...
html5中音频循环那个属性,HTML5音频audio属性
audio 的控制函数主要有: load() 加载音频.视频软件,通常不必调用,除非是动态生成的元素,用来在播放前预加载 play() 加载并播放音频.视频文件,除非文件已经暂停在其他位置,否则默认重 ...
html5audio音乐速率,HTML5 音频audio属性
audio 的控制函数主要有: load()加载音频.视频软件,通常不必调用,除非是动态生成的元素,用来在播放前预加载 play() 加载并播放音频.视频文件,除非文件已经暂停在其他位置,否则默认重头 ...
HTML5之音频audio知识（部分vedio）
2019独角兽企业重金招聘Python工程师标准>>> HTML总结(二)[HTML5之音频] HTML5重点知识之音频 audio标签兼容性: Internet Explorer ...
html嵌入audio格式不支持,html5中audio支持音频格式的解决方法
HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持.不是所有的浏览器都支持MP ...
html的音频播放,HTML5 音频播放 audio
众所周知,在HTML5诞生之前网页上要播放一段视频基本都是依靠flash插件,而HTML5诞生了和标签,使得在HTML5上播放视频或者音频就像显示图片那么轻松如果我们现在不需要使用浏览器内部的aud ...
java amr音频转码_jave: 音频转码工具，主要用于将微信语音 amr 格式转换为 mp3 格式以便在 html5 的 audio 标签中进行播放...
音频转码工具本工具主要用于将微信语音 amr 格式转换为 mp3 格式以便在 html5 的 audio 标签中进行播放. 支持 Linux/Windows/Mac 平台因为是基于 JAVE 项目 ...

HTML5 音频 audio

一、Web 上的音频

HTML5 音频 audio相关推荐

最新文章

热门文章