| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> HTML教程 -> HTML 音频(Audio) -> 正文阅读 |
|
[HTML教程]HTML 音频(Audio) |
HTML 音频(Audio)声音在HTML中可以以不同的方式播放. 问题以及解决方法在 HTML 中播放音频并不容易! 您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。 在本章,菜鸟教程为您总结了问题和解决方法。 使用插件浏览器插件是一种扩展浏览器标准功能的小型计算机程序。 插件可以使用 <object> 标签 或者 <embed> 标签添加在页面上.? 这些标签定义资源(通常非 HTML 资源)的容器,根据类型,它们即会由浏览器显示,也会由外部插件显示。 使用 <embed> 元素<embed>标签定义外部(非 HTML)内容的容器。(这是一个 HTML5 标签,在 HTML4 中是非法的,但是所有浏览器中都有效)。 下面的代码片段能够显示嵌入网页中的 MP3 文件: 问题:
使用 <object> 元素<object tag> 标签也可以定义外部(非 HTML)内容的容器。 下面的代码片段能够显示嵌入网页中的 MP3 文件: 问题:
使用 HTML5 <audio> 元素HTML5 <audio> 元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。 The <audio> element works in all modern browsers. 浏览器兼容格中的数字表示支持该属性的第一个浏览器版本号。
以下我们将使用 <audio> 标签来描述 MP3 文件(Internet Explorer、Chrome 以及 Safari 中是有效的), 同样添加了一个 OGG 类型文件(Firefox 和 Opera浏览器中有效).如果失败,它会显示一个错误文本信息: 实例
<audio controls>
? <source src="horse.mp3" type="audio/mpeg"> ? <source src="horse.ogg" type="audio/ogg"> ? Your browser does not support this audio format. </audio> 尝试一下 ? 问题:
最好的 HTML 解决方法下面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。 实例
<audio controls height="100" width="100">
? <source src="horse.mp3" type="audio/mpeg"> ? <source src="horse.ogg" type="audio/ogg"> ? <embed height="50" width="100" src="horse.mp3"> </audio> 尝试一下 ? 问题:
使用超链接如果网页包含指向媒体文件的超链接,大多数浏览器会使用"辅助应用程序"来播放文件。 以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接,浏览器会启动"辅助应用程序"来播放该文件: 内联的声音说明当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音。 如果您打算在 web 应用程序中使用内联声音,您需要意识到很多人都觉得内联声音令人恼火。同时请注意,用户可能已经关闭了浏览器中的内联声音选项。 我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是,在用户需要听到录音并点击某个链接时,会打开页面然后播放录音。 HTML 多媒体标签New?: HTML5 新标签
|
|
HTML教程 最新文章 |
HTML 实例 |
HTML 视频(Video)播放 |
HTML 音频(Audio) |
HTML 插件 |
HTML 媒体(Media) |
HTML(5) 代码规范 |
HTML5 Web 存储 |
HTML 音频(Audio) |
HTML 基础 |
HTML5 WebSocketWebSocket |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 | -2024/12/25 2:39:07- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |
数据统计 |