Ross Wan's World!

Python, Ajax, PHP and Linux.

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();

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

 
%d 博主赞过: