..


赞助商链接

媒体HTML5视频和音频标签

由Stefano Cancedda写文章
第1 2

其中有消息称,“HTML 5比以前的版本的功能,有可能直接通过标签调用专用的多媒体内容。
此前,这一类型的内容包含在HTML页面需要在大多数情况下,外部文件的使用,例如Adobe的Flash(不规范)。 到闪存的替代是受到高度限制的条件就多媒体,今天的条件不适合,以满足对Web 2.0(想想,比如,YouTube)的许多服务所要求的最低规格。

随着这些功能的出现都融入了HTML5的语言。 而所相关的多媒体主要标签:

  • <audio>
  • <video>
在谈到参考W3C的官方说明这些标签riferrimento做,也为实际例子,使用。

标签<audio>

标签<audio>定义一切,要与声音做,例如,音乐或其他声音。

除了 ​​(名单很容易在网上可在网站上的例子,标准属性w3cschools.com )的音频标签支持以下具体内容:

  • 自动播放:如果这个属性存在,游戏将自动播放的音频文件;
  • 控制:如果宣布,将显示如播放停止按钮控制;
  • 循环:如果使用,决定了音乐文件循环(重复)完成后;
  • 预压:如果存在,音频文件将被预装在页面加载时,以准备发挥不期望。 如果 autoPlay属性声明, 预紧被忽略;
  • src:指定的音频文件的URL播放。





 <audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



您的浏览器不支持HTML5管理音频。







 </音频>



标签还支持<audio>能够管理多个源,在这种情况下的src属性被忽略,并在<audio>标签潜伏,标签的<source>这样的:





 <audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



您的浏览器不支持HTML5管理音频。







 </音频>



注:目前支持的音频格式有MP3,WAVOGG。

下面是用Firefox做了截图:

在同一类...
电子学习
CSS(课程) CSS(课程)
网页设计和辅助功能根据W3C CSS和XHTML。 起价29€。
HTML(课程) HTML(课程)
为从29€Web标记语言。
网页设计(课程) 网页设计(课程)
使用HTML,CSS和动态HTML设计网站。 从39€。
赞助商链接