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>
--

内联的声音

当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音

 

posted @ 2020-07-26 15:11  -清影-  阅读(180)  评论(0)    收藏  举报