HTML5 的多媒体支持
Posted by Ross Wan 于 2007/11/15
在 HTML5 规范的草案中,现在一个有用的特性被加进 WebKit,新的 HTML5 元素 <video> 和 <audio> 将提供网页嵌入视频和音频的原生支持!同时提供丰富的 script API 来控制视频音频的播放。现在,在网上嵌入一个音频或者视频,就像添加一副图片一样简单:
<video src=”sample.mov” autoplay></video>
相对于以往杂乱的 embed/object/JavaScript wrappers,现在清楚明了多!同样,添加播放/暂停的 script 也很简单:
<script> function playPause() { var myVideo = document.getElementsByTagName(‘video’)[0]; if (myVideo.paused) myVideo.play(); else myVideo.pause(); } </script> <input type=button onclick=”playPause()” value=”Play/Pause”/>
HTML5 规范(草稿)也提供一系列的事件来响应 media 的播放或者加载的状态。下面是对事件的绑定:
myVideo.addEventListener(‘ended’, function () { alert(‘video playback finished’) } );
播放音频的 JavaScript 代码也相当简单:
var audio = new Audio(“song.mp3”); audio.play();
留下评论