http://zhidian.wuute.com/html5dev/ 2026-07-29T03:20:11+09:00 http://zhidian.wuute.com/html5dev/ http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2017-04-19T11:12:35+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/36/audio?rev=1492567955&do=diff 音频 在过去，想要在网页上构建有声web只能借助Flash等插件，自从web步入HTML5时代后，除插件机制外，我们还可以运用HTML5提供的原生API来实现这一需求。 本节我们就来探究一下这些原生API。 text/html 2017-04-26T23:28:07+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/36/image?rev=1493216887&do=diff 图像 概述 图像处理API是通过Image对象来提供的。 如上图所示，Image是一个封装了HTMLImageElement接口的构造器，和document.createElement('img')一样，返回一个 HTMLImageElement 实例。 代码示例 图像预加载 text/html 2017-04-23T16:52:37+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/36/start?rev=1492933957&do=diff 多媒体 定义 多媒体（Multimedia）指得是多种媒体，包括文本，声音和图像等多种媒体形式。 在这里,我们并不拘泥于一定是多种媒体的综合这种形式,把图像,音频和视频的处理皆归属为这个范畴。 text/html 2017-04-23T17:00:07+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/36/video?rev=1492934407&do=diff 视频 在HTML5 Web中我们可以很方便的使用原生API来操作视频文件。 示例 播放视频 首先来看一下视频的例子 <video width="640" height="480" poster="video.jpg" controls autoplay preload loop tabindex="0"> <source src="video.webm" type="video/webm"> <source src="video.ogv" type="video/ogg"> <source src="video.mp4" type="video/mp4"> <track src="video.vtt" kind="subtitles" srclang="en" label="English" default> </video>