html5 音频autio标签控制

<audio id="my"  controls="controls" loop="loop">
<source src="/11.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>
<input type="button" onclick="document.getElementById('my').play()" value='play'/>   <!-- 开始 -->
<input type="button" onclick="document.getElementById('my').pause()" value='pause'/>  <!-- 暂停 -->
<input type="button" onclick="document.getElementById('my').currentTime = 0.0" value='stop'/> <!-- 归零 -->

时间： 2024-08-04 21:44:06

html5 音频autio标签控制的相关文章

支持实现HTML5音频：嵌入简单的声音提示技巧

了解如何使用HTML音频元素嵌入在网页中的声音容易.在本教程中都包含大量的代码示例. 截至目前,在Web浏览器中的音频播放一直是位一个黑色的艺术.传统上,有几种方法可以嵌入在网页中的声音 -一些比别人更好的工作,和许多人只工作,如果你碰巧使用正确的浏览器,用正确的插件. 无处不在的Flash插件已经在很大程度上帮助,因为Flash可以很容易地嵌入音频的方式,与大多数浏览器.然而,这并不能帮助iPhone和iPad不支持Flash的浏览器,如Safari. 总之,这是一个有点乱. 幸运的是,HTM

HTML5新增的标签与属性

一.关于DTD HTML5 不基于 SGML,所以不需要引用 DTD(HTML 4.01 基于 SGML) 二.HTML5结构标签 <header> 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 <section> 标记定义一个区域 <aside> 标记定义页面内容部分的侧边栏 <article> 标记定义一篇文章 <hgroup> 标记定义文件中一个区块的相关信息 <figure> 标记定义一组媒体内容

移动前端不得不了解的HTML5 head 头标签

HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta,link等标签的功能属性显得非常重要.这里整理了一份 <head> 部分的清单,让大家了解每个标签及相应属性的意义,写出满足自己需求的 <head> 头部标签,可以很有效的增强页面的可用性. 注:去年整理过移动前端不得不了解的

html5的行标签与列标签

html5的标签很多,这里不一一列举.下面只将常用的一些html5的行标签和列标签进行了分类总结,方便大家学习借鉴.注意:一些标签可在css样式中进行行标签与列标签的互相转换,这里所列举的标签没有进行任何样式的设置,所有列标签和行标签经本人亲测有效.块标签: <h1>一级标题 <h2>二级标题 <h3>三级标题 <h4>四级标题 <h5>五级标题 <h6>六级标题 <ul>无序列表 <ol>有序列表 <d

html5应用程序标签

一.html5应用程序标签 (1)datalist需要数据载体 input list属性指向数据源 <input type="text" list="input_list"> $ datalist是数据源 <datalist id="input_list">    <option value="老王"></option>    <option value="老魏&

HTML5 音频视频

audio 元素能够播放声音文件或者音频流. <!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <title>HTML5 音频播放</title> </head> <body> <!-- audio(音频) control(控制器) 标签:<audio> 定义声音 <sou

【转载】HTML5 Audio/Video 标签,属性,方法,事件汇总

<audio> 标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 Html代码 <audio id=”media” src=”http://www.abc.com/test.mp3″ controls></audio> <video> 标签属性: src:视频的URL poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放

html5部分新增标签

<!--html5部分新增标签--> 结构标签结构性标签(construct tag)主要负责Web的上下文结构的定义,确保 HTML文档的完整性,这类标签包括以下几个.section.用于表达书的一部分或一章,或者一章内的一节.在Web页面应用中,该标签也可以用于区域的章节表述.hgroup 对网页或区段(section)的标题进行组合:.header.页面主体上的头部,注意区别于head标签.这里可以给初学者提供一个判断的小技巧:head标签中的内容往往是不可见的,而header标签往往在

Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)

一.在HTML5中播放音频 audio 元素 - audio元素可以实现在HTML页面中嵌入音频内容,该元素的属性可以设置是否自动播放.预加载及循环播放等 - audio元素提供了播放.暂停和音量控件来控制音频 - 使用audio元素提供三种音频格式的文件:MP3.Ogg.Wav - MP3: 采用mpeg音频解码器 - Ogg: 采用ogg音频解码器 - Wav: 采用wav音频解码器 - 语法结构 audio 属性 - audio 元素支持以下属性 - src: 指定播放文件的URL,可通过