- 浏览: 2613708 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
HTML5 <audio>标签
------定义声音,比如音乐或其他音频流。
<audio src=""></audio>
属性:
- autoplay ---autoplay 就绪后马上播放
- controls ---controls 向用户显示控件
- loop --- loop 音频结束后重新播放
- preload --- preload 在页面加载的时候进行加载,并预备播放
- src --- url 要播放的url
发表评论
-
style新的属性 scoped
2013-12-14 17:33 2421本文收录一个style的新属性:scoped ... -
html5 form的novalidate属性
2013-12-13 21:31 957HTML5 form的 novalidate属 ... -
main元素
2013-08-03 11:52 1319main元素: 来自:HT ... -
link之dns-prefetch
2013-07-08 13:40 1439先看一段代码: <link re ... -
丢弃shiv的外链依赖吧
2013-05-20 20:08 1320很久之前,我们都是直接采用shiv来规避低版 ... -
html5之dialog标签
2013-04-17 15:14 2125前言: 本文部分内容来自w ... -
html5之meter标签
2013-04-17 15:14 1459前言: 本文部分内容来自w3sc ... -
html5之datalist标签
2013-04-17 15:14 1499前言: 本文部分内容来自w3sc ... -
html5之bdi标签
2013-04-17 15:15 1593前言: 本文内容部分来自w3sc ... -
fullScreen API
2013-04-11 11:42 1359本文只是贴出一下兼容列表: ... -
html5 button的form属性
2013-04-11 11:35 1317本文来自:http://www.w3schoo ... -
Data URI
2013-03-05 18:13 1544前言: 本文部分内容来自 《随网之舞 ... -
在线检测相关
2013-03-05 14:16 1318如何判断当前浏览器的在线或离线状态? // ... -
离线存储 application cache
2013-03-05 10:57 1827离线与缓存: 网页缓存依赖网络的存 ... -
html5 右键菜单案例
2013-03-04 13:05 4377contextmenu属性 html ... -
html5 之menu标签
2013-03-04 12:10 2036HTML5 menu标签 定义菜 ... -
设置type="range"为vertical
2013-02-21 16:56 1412如何设置type=“range”为vertical ... -
ios5新特性部分整理
2013-02-21 16:56 1295本文整理一下ios5对HTML5的支持情况: ... -
IE10支持HTML5的输入类型
2013-02-20 11:47 1349IE10对部分输入控件进行了触控优化: ... -
pageshow与pagehide
2013-02-19 16:18 1836本文部分内容来自《Javascript高级程序设计》,个人 ...
相关推荐
同时为其他浏览要素提供了新的功能,通过一个标准接口,如<audio>和<video>标记。[3] 一些过时的HTML 4标记将取消,其中包括纯粹用作显示效果的标记,如<font>和<center>,因为它们已经被CSS取代。还有一些透过DOM...
《HTML5中的audio标签详解及案例分析》 HTML5作为现代网页开发的重要标准,极大地丰富了网页的多媒体体验。其中,`<audio>`标签是HTML5引入的一个核心特性,用于在网页中嵌入音频内容,使得开发者能够轻松地实现...
在网页开发中,HTML5引入了`<audio>`标签,使得在浏览器中直接播放音频文件变得简单易行。本文将详细讲解如何使用`<audio>`标签来播放不同格式的音频文件,包括mp3, amrnb和wav,并讨论可能遇到的兼容性问题以及解决...
这个功能通常涉及HTML5的`<audio>`标签、JavaScript编程以及可能的CSS样式设计。下面将详细介绍如何利用这些技术来创建一个具备自动换歌功能的音乐播放列表。 首先,`<audio>`标签是HTML5引入的新特性,它允许我们...
HTML5的`<audio>`标签是网页开发中用于嵌入音频内容的重要元素,它使得音频在网页中的集成变得更加标准化和简单。以下是对`<audio>`标签的详细解释: 1. **音频标签格式**: `<audio>`标签允许开发者在HTML5文档中...
HTML5参考手册中还包含了许多其他标签的说明,例如用于定义代码的<code>,定义表格的<caption>、<table>、<th>、<tr>和<td>,定义区块的<div>,以及定义无序和有序列表的<ul>、<ol>和<li>等。 这份参考手册是学习和...
1. HTML5 Audio元素:HTML5引入了`<audio>`标签,使得在网页中内嵌音频内容变得非常简单。`<audio>`元素允许我们直接在网页中播放音频文件,无需借助Flash或其他插件。基本结构如下: ```html <audio controls> ...
本主题主要关注HTML5中的`<video>`和`<audio>`标签,它们使得在网页中嵌入音频和视频变得简单直接。 一、HTML5 `<video>` 标签 1. `<video>` 标签的基本结构: `<video src="movie.mp4" width="320" height="240" ...
<audio>标签用于嵌入音频内容,它支持不同格式的音频文件,比如mp3, wav, ogg等。 <b>标签用于定义粗体文本,主要用于视觉上的加粗效果,而不带有任何额外的重要性含义。 <body>标签包含了HTML文档的主体内容,...
- **HTML 5**: `<audio>`标签用于内嵌音频文件,可以直接在网页中播放音频,无需额外插件。 - **HTML 4**: HTML 4中使用`<object>`标签,语法更为复杂,且兼容性受限。 #### 4. `<canvas>`标签 - **HTML 5**: `...
与audio标签类似,video标签也需要source标签来指定视频文件的路径,例如<video><source src="your-video-file.mp4" type="video/mp4"></video>。 HTML5还引入了一些用于定义页面不同部分的结构化元素:<header>、...
本教程聚焦于HTML5中的`<video>`和`<audio>`标签,这两个标签使得在网页中集成多媒体内容变得简单且标准化。它们的引入,极大地提升了用户体验,使网页不仅仅是文字和图片的结合,而是可以包含音频和视频的互动平台...
HTML5中新增了一些标签,如`<article>`、`<aside>`、`<audio>`、`<canvas>`、`<video>`等,同时也废弃了一些标签,如`<applet>`、`<basefont>`等。 HTML标签是网页开发的基础,熟悉这些标签的用途和功能是开发网页...
例如,<p>标签用于定义段落,<h1>至<h6>标签则用于创建不同级别的标题,<a>标签用于创建超链接,<img>标签插入图像,<table>标签用于创建表格,<tr>、<td>和<th>标签则分别定义表格的行、单元格和表头单元格。...
其中,<audio>和<video>标签是HTML5的核心特性,它们为网页提供了原生的音频和视频播放能力,无需依赖像Flash这样的外部插件。 在网页中嵌入视频,我们可以使用<video>标签。基础的用法如下: ```html <video src=...
HTML5引入了许多新标签,如<header>、<footer>、<nav>、<section>、<article>等,增强了网页的语义性。同时,新增的<video>和<audio>标签支持视频和音频播放。 以上只是HTML标签的一小部分,实际使用中还有更多...
总结来说,“简单的音乐播放器基于HTML5 Audio标签”是一个利用HTML5的`<audio>`标签和相关API实现的网页音乐播放器示例,涵盖了音频播放、控制、事件监听等基本功能,并可能涉及到了样式定制和跨浏览器兼容性处理。...