`
leiwuluan
  • 浏览: 706950 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

HTML5 audio 详解

 
阅读更多

 

 

 

W3C草案原文地址:http://www.w3.org/TR/html5/video.html

 

 

<audio> 标签属性:

  • src:音乐的URL
  • preload:预加载
  • autoplay:自动播放
  • loop:循环播放
  • controls:浏览器自带的控制条
1 < audio id = "media" src = "http://www.abc.com/test.mp3 " controls></ audio >

 

 

 

 

  • src:视频的URL
  • poster:视频封面,没有播放时显示的图片
  • preload:预加载
  • autoplay:自动播放
  • loop:循环播放
  • controls:浏览器自带的控制条
  • width:视频宽度
  • height:视频高度
1

< video id = "media" src = "http://www.abc.com/test.mp4 " controls width = "400px" heigt = "400px" ></ video >

 

 

 

 

 

 

http://www.cnblogs.com/guozhenyp/archive/2011/11/01/2231414.html

3
9
分享到:
评论

相关推荐

    HTML+5开发精要与实例详解代码清单

    二、HTML5实例详解 1. 画布动画:利用canvas元素,通过JavaScript实现动态效果,如粒子系统、旋转木马等。 2. 表单验证:利用新表单控件和内置验证规则,确保用户输入的数据格式正确。 3. 地图集成:结合...

    HTML5开发精要与实例详解 pdf

    本书“HTML5开发精要与实例详解”深入浅出地介绍了HTML5的核心概念、语法特性以及实际应用,旨在帮助读者快速掌握这一新技术。 首先,HTML5在结构元素上的改进是其一大亮点。它引入了如、、、等语义化标签,使得...

    HTML5开发精要与实例详解

    3. **多媒体支持**:HTML5原生支持音频(&lt;audio&gt;)和视频()元素,无需Flash等插件即可播放多媒体内容,且支持多种编码格式,如MP4、WebM和Ogg。 4. **Canvas绘图**:HTML5的元素提供了一个可编程的画布,开发者...

    HTML5详解 Html5实战

    HTML5的媒体元素`&lt;audio&gt;`和`&lt;video&gt;`使得在网页中内嵌音频和视频变得简单,无需依赖Flash等第三方插件。它们支持多种格式,如MP4、WebM和Ogg,且提供了APIs进行播放、暂停、音量控制等操作。 表单控件在HTML5中也...

    HTML5中的audio标签概述案例.pdf

    《HTML5中的audio标签详解及案例分析》 HTML5作为现代网页开发的重要标准,极大地丰富了网页的多媒体体验。其中,`&lt;audio&gt;`标签是HTML5引入的一个核心特性,用于在网页中嵌入音频内容,使得开发者能够轻松地实现...

    html5 实例详解

    此实例详解将深入探讨HTML5的关键特性,并通过具体代码示例来帮助理解其应用。 1. **语义化标签**:HTML5引入了新的语义化标签,如、、、和等,这些标签为网页内容提供了更明确的结构,有助于搜索引擎优化(SEO)和...

    《HTML5开发精要与实例详解》配套源码

    《HTML5开发精要与实例详解》这本书无疑是一本深入学习HTML5的优秀教程,通过配套的源码,我们可以更直观地理解并实践书中的理论知识。 首先,HTML5的新元素是其一大亮点。例如,`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`和...

    Html5新增元素详解.pptx

    Html5新增元素详解 Html5新增元素详解是 Html5 中的一些新的元素和废除的元素的介绍。Html5 中的新元素包括结构元素、行内语义元素、块级语义元素、input 元素的类型、多媒体元素和交互性元素等。 Html5 中的一些...

    html完全使用详解

    此外,还增加了离线存储、拖放功能、媒体元素(`&lt;audio&gt;`、`&lt;video&gt;`)等新功能。 六、实际应用 在实际开发中,开发者会使用HTML配合CSS和JavaScript创建复杂的网页布局、交互式表单、响应式设计等。通过学习HTML,...

    html5开发详解-PDF

    总结,"HTML5开发详解-PDF"这份文档将全面覆盖HTML5的各种特性,无论你是初学者还是经验丰富的开发者,都能从中受益。通过深入学习和实践,你可以利用HTML5的强大功能,创建出更具创新性和用户体验的网页应用。

    《HTML5 Canvas开发详解(第2版)》第二版示例代码

    《HTML5 Canvas开发详解(第2版)》的示例代码涵盖了以上所有知识点,并可能深入探讨更多高级特性,如WebGL(3D图形渲染)、离屏Canvas、Web Workers(并行计算)以及如何将Canvas与其他Web技术如SVG、Web Audio结合...

    web前端工程-html5详解.docx

    Web 前端工程 - HTML5 详解 HTML5 是当前 Web 开发的潮流技术之一,它是一种标记语言, used to create structured documents on the web. 作为一名前端工程师,掌握 HTML5 是非常必要的。下面我们将详细介绍 ...

    HTML5 开发精要与实例详解

    通过阅读《HTML5开发精要与实例详解》这本书,开发者不仅能掌握这些核心概念,还能学习到如何在实际项目中运用这些技术,提升开发效率和用户体验。书中可能涵盖了各种案例,从基础到高级,帮助读者逐步精通HTML5开发...

    HTML 5 参考手册中文详解

    2. **多媒体支持**:HTML 5 引入了 `&lt;audio&gt;` 和 `&lt;video&gt;` 标签,允许直接在网页内嵌入音频和视频内容,无需额外的插件如Flash。此外,还提供了 `&lt;source&gt;` 标签来指定不同格式的媒体源,以适应不同的浏览器支持。 ...

    HTML5开发精要与实例详解代码清单

    这个"HTML5开发精要与实例详解代码清单"提供了丰富的示例代码,帮助开发者深入理解HTML5的各项特性并实践应用。 一、HTML5的新特性 1. 新元素:HTML5引入了语义化标签,如、、、等,使网页结构更清晰,有利于搜索...

    HTML 5开发精要与实例详解 配套源码

    这本书"HTML5开发精要实例详解"通过28个实例,深入浅出地介绍了HTML5的各项关键特性,旨在帮助读者掌握这个强大的工具。 首先,我们从第一章开始,这一部分通常会介绍HTML5的基础知识,包括语法结构的更新、文档...

Global site tag (gtag.js) - Google Analytics