HTML多媒体---(音频/视频)
多媒体格式
视频格式
AVI【.avi】:所有运行windows的计算机都支持,非windows的不一定
WMV【.wmv】:需要安装额外的(免费)组件
MPEG【.mpg .mpeg】:所有浏览器都支持
QuickTime【.mov】:需要安装额外的(免费)插件
RealVideo【.rm .ram】
Flash【.swf .flv】:需要安装额外组件,(但是该组件会预装到FireFox或IE之类的浏览器上)
MPEG-1【.mp4】 :HTML5,flash播放器以及优酷等视频网站均支持
声音格式
MIDI【.mid .midi】
RealAudio【.rm .ram】
Wave【.wav】:所有运行Windows的计算机和所有网络浏览器(除Chrome外)都支持
WMA【.wma】
MP3【.mp3 .mpga】
HTML音频
可使用<object>或<embed>标签将插件添加到HTML页面
这些标签定义资源(通常非 HTML 资源)的容器,根据类型,它们即会由浏览器显示,也会由外部插件显示
①使用<embed>元素(这是一个 HTML5 标签,在 HTML4 中是非法的,但是所有浏览器中都有效)
<embed height="100" width="100" src="song.mp3" />
②使用<object>元素
<object height="100" width="100" data="song.mp3"></object>
③使用<audio>元素(这是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效)
<audio controls="controls"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> Your browser does not support this audio format. </audio>
为了使这段音频在 Firefox 和 Opera 中同样有效,添加了一个 ogg 类型的文件。如果失败,会显示错误消息
向网站添加音频的简单方法
使用雅虎播放器
它能播放 mp3 以及一系列其他格式。通过一行简单的代码,可以把它添加到网页中,将 HTML 页面转变为专业的播放列表。
<a href="song.mp3">Play Sound</a> <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"> </script>
注:雅虎媒体播放器为您的用户提供的是一个小型的播放按钮,而不是完整的播放器。
不过,当您点击该按钮,会弹出完整的播放器,这个播放器始终停靠在窗框底部。只需点击它,就可将其滑出
使用超链接
如果网页包含指向媒体文件的超链接,大多数浏览器会使用“辅助应用程序”来播放文件。
以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接,浏览器会启动“辅助应用程序”来播放该文件:
<a href="song.mp3">Play the sound</a>
--
内联的声音
当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音

浙公网安备 33010602011771号