HTML多媒体

1.HTML多媒体：

（1）视频格式：

avi、wmv、mpeg/mpg（跨平台，所有流行浏览器支持）、mov（quicktime格式，由苹果开发）、rm/ram（realvedio低宽带优先）、swf/flv（flash/shockwave需要插件 ，一般预装到了火狐、IE，ipad、iphone不能显示flash视频）、mp4（mpeg-4）；

（html5只支持mp4\webm(google)\ogg）

（2）声音格式：

mid/midi（MIDI不含声音，但可被播放的数字音乐指令）、rm/ram（realaudio低带宽优先）、wav(wave google chrome不支持)、wma(windows media
audio 不兼容ipod，为连续的数据流传输)、mp3/mpga（mpeg文件声音部分）

（html5支持mp3/wav/ogg）

2.HTML插件：

（1）辅助应用程序/插件/助手；< object>< embed>;

（2）< object>：插入对象；

< object width=”400” height=”50” data=”hhh.jpeg”></object>

（3）< embed>：无关闭标签；指的是用html embed对象包含元素；

< embed src=”hhh.jpeg”>
<  embed width=”400” height=”100” src=”snip.swf”>

3.HTML音频：

（1）使用< embed>元素：（HTML5）

< embed width=”100” height=”100” src=”horse.mp3”>

（2）使用元素：

< object height=”100” width=”100” data=”horse.mp3”></object>

（3）使用HTML5< audio>元素：

<  audio controls>(controls中包含了音频篮底下的暂停开始进度条等！！)
< source src=”horse.mp3”
type=”audio/mpeg”>

< source src=”horce.ogg” type=”audio/ogg”>
Your
 brower does not support this audio format.(如果失败，返回错误信息)
< /audio>

（4）最好的方法：用audio以ogg/mp3，失败则尝试embed；

< audio controls>
< source src=”horse.mp3” type=”audio/mpeg”>

< source src=”horse.ogg” type=”audio/ogg”>

< embed width=”100” height=”100” src=”horse.mp3”>
< /audio>

（5）使用超链接：点击链接，启动辅助程序播放：

< a href=”horse.mp3”play the sound></a>

4.HTML视频：

（1）使用< embed>标签：

< embed height=”100” width=”100” src=”intro.swf”>

（2）使用< object>嵌入多媒体元素：

< object data=”intro.swf” height=”100”  width=”100”>< /object>

（3）使用HTML5< vedio>元素：

< vedio height=”300” width=”300” controls autoplay>加了之后视频自动播放
< source src=”movie.mp4” type=”vedio/mp4”>

< source src=”movie.webm” typr=”vedio/webm”>

< source src=”movie.ogg” type=”vedio/ogg”>
您的浏览器不支持vedio标签。
< /vedio>

（5）最好的方法：用四种格式，三种方法播放；但需要转换很多格式

<  video width="320" height="240" controls>

< source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

<source src="movie.webm" type="video/webm">

<object data="movie.mp4" width="320"  height="240">

  <embed src="movie.swf" width="320"  height="240">

</object> 

< /video> 

（6）使用超链接：

< a href=”intro.swf”>Play a vedio  file< /a>