`
leiwuluan
  • 浏览: 695488 次
  • 性别: 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+CSS 3+JavaScript讲义(第2版)+源代码

    第1章 HTML 5简介 1 1.1 HTML历史与HTML 5 2 1.2 HTML 5的优势 6 1.3 HTML 5的基本结构和语法变化 8 1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 2.1 HTML 5保留的常用元素 15 2.2 HTML 5增强的iframe...

    详解移动端HTML5音频与视频问题及解决方案

    主要介绍了详解移动端HTML5音频与视频问题及解决方案的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    HTML5新增加的功能详解

    HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能。 绘画CANVAS; 用于播放媒体的video和audio元素; 本地离线存储localstorage长期存储数据,浏览器关闭后数据不丢失;sessionstorage...

    HTML5中视频音频的使用详解

    HTML5支持的视频格式: 1、Ogg   带有Theora视频编码+Vorbis音频编码的Ogg文件   支持的浏览器:F、C、O  2、MEPG4   带有H.264视频编码+AAC音频编码的MPEG4文件   支持的浏览器: S、C  3、WebM   带有VP...

    微信小程序背景音乐开发详解

    https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html 相关代码 const bgMusic = wx.getBackgroundAudioManager() //创建背景音乐 Page({ data: { id: '',...

    程序员实用算法-高清扫描版 好书

    程序员实用算法].Andrew.Binstock....http://www.eoeandroid.com/thread-194155-1-1.html Android -ICS 全套驱动移植30页(wlan bluetootsh audio display mmc touchscreen keypad nand usb modem porting )

    疯狂Android讲义 高清扫描 有书签目录.part1

    ...http://www.eoeandroid.com/thread-194155-1-1.html Android -ICS 全套驱动移植30页(wlan bluetootsh audio display mmc touchscreen keypad nand usb modem porting )

    [深入理解计算机系统(原书第2版)] -高清扫描版

    [深入理解计算机系统(原书第2版)].(美)...http://www.eoeandroid.com/thread-194155-1-1.html Android -ICS 全套驱动移植30页(wlan bluetootsh audio display mmc touchscreen keypad nand usb modem porting )

    LINUX内核源代码导读 高清扫描有书签目录

    LINUX内核源代码导读 高清扫描有书签目录 ...http://www.eoeandroid.com/thread-194155-1-1.html Android -ICS 全套驱动移植30页(wlan bluetootsh audio display mmc touchscreen keypad nand usb modem porting )

    疯狂Android讲义 高清扫描 有书签目录-part2

    [疯狂Android讲义].李刚.高清扫描版.part2.rar ...http://www.eoeandroid.com/thread-194155-1-1.html Android -ICS 全套驱动移植30页(wlan bluetootsh audio display mmc touchscreen keypad nand usb modem porting )

    疯狂Android讲义 高清扫描 有书签目录-part3

    疯狂Android讲义 高清扫描 有书签目录-part3 ...http://www.eoeandroid.com/thread-194155-1-1.html Android -ICS 全套驱动移植30页(wlan bluetootsh audio display mmc touchscreen keypad nand usb modem porting )

    详解Howler.js Web音频播放终极解决方案

    Howler.js 是一个新的 JavaScript 库用于处理 Web 中的音频,该库最初是为一个 HTML5 游戏引擎所开发,但也可用于其他的 Web 项目,Howler.js 基于 Google 的 Web Audio API,能够帮助你快速简单全面的控制音频。...

    response.setContentType()的作用及MIME参数详解

    response.setContentType(MIME)的作用是使客户端浏览器,区分不同种类的数据,并... response.setContentType(“text/html; charset=utf-8”); html .setContentType(“text/plain; charset=utf-8”); 文本 text/javasc

    详解在网页上通过JS实现文本的语音朗读

    http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字 参数说明: lan=zh:语言是中文,如果改为lan=en,则语言是英文。 ie=UTF-8:文字格式。 spd=2:语速,可以是1-9的数字,数字越大,...

    CCF-微众银行-刘洋-联邦学习的研究及应用.pptx

    视频网址:https://dl.ccf.org.cn/audioVideo/detail.html?id=4360432544024576&_state=&_ack=1&_access_code=1c1ef48794b443bab9f74dddd16cd39b。 视频简介:联邦学习框架的优势到底是什么? 作为一个机器学习框架,...

    Delphi中英文语音朗读程序(含控件及源码)调试OK

    SpVoice详解 属性 描述 AlertBoundary 取得或设置停顿分界线。 AllowAudioOutputFormatChangesOnNextSet 设置是否允许声音自动调整到合适状态以适应其音频输出。 AudioOutput .取得或设置当前声音使用的的...

Global site tag (gtag.js) - Google Analytics