Audio的使用(1)--最简单的音频播放
来源：互联网 发布：知乎日报 api 编辑：程序博客网 时间：2024/06/16 02:54
向网页中添加音频的主要方法是使用 audio 元素。 与大部分新的 HTML5 支持一样，如果用户的浏览器不支持 HTML5audio 元素（旧的浏览器会出现此情况），则 audio 元素允许您使用错误消息或其他播放技术进行回滚。 您可以在 audio标记间放置一条错误消息（如以下示例所示），也可以为外部播放器控件（例如，Silverlight浏览器插件）插入代码。下面的代码示例演示了一个播放音频文件的简单网页。
<!doctype html>
<html>
<head>
<title>Audio ElementSample</title>
<!-- Uncomment the following meta tag if you haveissues rendering this page on an intranet site.-->
<!-- <metahttp-equiv="X-UA-Compatible" content="IE=9"/>-->
</head>
<body>
<h1>Audio ElementSample</h1>
<!-- Display the audio player with control buttons.-->
<audio src="demo.mp3" controls autoplayloop>
HTML5 audio not supported
</audio>
</body>
</html>
将 audio 元素直接添加到 HTML 代码中，这将使用 src 属性指定要播放的音频文件，并使用 controls特性以使用内置的播放器控件。 如果您使用的是浏览器的内部播放器，则无需其他脚本。各个浏览器中的内部播放器可能会在样式或功能上有所不同。
在 Windows Internet Explorer 9 中，audio元素将显示一个简单播放器，其中包含基本的播放、暂停、位置滑块和音量控制。 该播放器还显示文件的播放时间和剩余时间。如果您将鼠标指针悬停在时间显示上，则可快进或快退 30 秒。
Internet Explorer 9 中的 HTML5 音频播放器的图片
Internet Explorer 9 中的 audio 元素还支持两个特性，即 autoplay 和 loop。autoplay将告知 Windows Internet Explorer，在加载完 audio 对象后立即加载并播放音频文件。 这与使用bgsound HTML 元素类似。 与 bgsound 不同，pause 和 play 控制允许网页用户关闭声音。 loop特性会持续从头开始重新播放声音文件。 如果您不需要任何内部控件，则不使用特性。
在该示例中，文件 "demo.mp3" 是您自己的文件的占位符。 如果音频文件位于网页的源代码所在的目录，则只需指定文件名即可。如果音频文件位于其他目录中，则包括路径（例如，"music\demo.mp3"）。如果该文件位于其他网站中，则使用完全限定的域和路径（例如，"http:\\www.contoso.com\music\demo.mp3"）。
可在 HTML 中单独实现 audio 元素时，利用脚本，您可通过使用自己的按钮、创建播放列表或将状态添加到播放中来改进您的网页。有关对 audio 元素编写脚本的更多信息
<!doctype html>
<html>
<head>
<title>Audio ElementSample</title>
<!-- Uncomment the following meta tag if you haveissues rendering this page on an intranet site.-->
<!-- <metahttp-equiv="X-UA-Compatible" content="IE=9"/>-->
</head>
<body>
<h1>Audio ElementSample</h1>
<!-- Display the audio player with control buttons.-->
<audio src="demo.mp3" controls autoplayloop>
HTML5 audio not supported
</audio>
</body>
</html>
将 audio 元素直接添加到 HTML 代码中，这将使用 src 属性指定要播放的音频文件，并使用 controls特性以使用内置的播放器控件。 如果您使用的是浏览器的内部播放器，则无需其他脚本。各个浏览器中的内部播放器可能会在样式或功能上有所不同。
在 Windows Internet Explorer 9 中，audio元素将显示一个简单播放器，其中包含基本的播放、暂停、位置滑块和音量控制。 该播放器还显示文件的播放时间和剩余时间。如果您将鼠标指针悬停在时间显示上，则可快进或快退 30 秒。
Internet Explorer 9 中的 HTML5 音频播放器的图片
Internet Explorer 9 中的 audio 元素还支持两个特性，即 autoplay 和 loop。autoplay将告知 Windows Internet Explorer，在加载完 audio 对象后立即加载并播放音频文件。 这与使用bgsound HTML 元素类似。 与 bgsound 不同，pause 和 play 控制允许网页用户关闭声音。 loop特性会持续从头开始重新播放声音文件。 如果您不需要任何内部控件，则不使用特性。
在该示例中，文件 "demo.mp3" 是您自己的文件的占位符。 如果音频文件位于网页的源代码所在的目录，则只需指定文件名即可。如果音频文件位于其他目录中，则包括路径（例如，"music\demo.mp3"）。如果该文件位于其他网站中，则使用完全限定的域和路径（例如，"http:\\www.contoso.com\music\demo.mp3"）。
可在 HTML 中单独实现 audio 元素时，利用脚本，您可通过使用自己的按钮、创建播放列表或将状态添加到播放中来改进您的网页。有关对 audio 元素编写脚本的更多信息
- Audio的使用(1)--最简单的音频播放
- HTML5用audio标签做一个最简单的音频播放器
- 【audio play音频】 android 简单的MP3播放器代码
- ios最简单的播放音频程序
- 使用HTML5的Audio标签打造WEB音频播放器
- HTML5使用JavaScript控制＜audio>音频的播放
- 最简单的视音频播放示例1：总述
- 最简单的视音频播放示例1：总述
- 最简单的视音频播放示例1：总述
- 最简单的视音频播放示例6：OpenGL播放YUV420P（通过Texture，使用Shader）
- 最简单的视音频播放示例6：OpenGL播放YUV420P（通过Texture，使用Shader）
- 最简单的视音频播放示例6：OpenGL播放YUV420P（通过Texture，使用Shader）
- 最简单的视音频播放示例6：OpenGL播放YUV420P（通过Texture，使用Shader）
- 最简单的视音频播放示例6：OpenGL播放YUV420P（通过Texture，使用Shader）
- HTML5 - 使用<audio>播放音频
- 最简单的基于FFMPEG+SDL的音频播放器
- 最简单的基于FFMPEG+SDL的音频播放器
- 最简单的基于FFMPEG+SDL的音频播放器
- 临时表 DML 产生redo 问题说明
- Oracle alter 用法
- oracel alter 用法
- Gjs编程及调用底层库原理
- Oracle 数据块 Block 说明
- Audio的使用(1)--最简单的音频播放
- Concurrent Processing - CMCLEAN.SQL - Non Destructive Script to Clean Concurrent Manager Tables [ID
- C#通过com端口获取sap数据(sharepoint)
- Oracle 用户 对 表空间 配额（quota ） 说明
- Audio的使用(2)--使用 JavaScript 控制 Audio 对象
- PHP遍历文件夹的方法
- c#工厂模式与抽象工厂模式
- Intent跳转到新的Activity
- Scrum 迭代式增量软件开发过程，通常用于敏捷软件开发
