html19-----视频，音乐的插入
视频格式
MP4 格式是一种新的即将普及的因特网视频格式。HTML5 、Flash 播放器以及优酷等视频网站均支持它。
| 格式 | 文件 | 描述 |
|---|---|---|
| AVI | .avi | AVI (Audio Video Interleave) 格式是由微软开发的。所有运行 Windows 的计算机都支持 AVI 格式。它是因特网上很常见的格式，但非 Windows 计算机并不总是能够播放。 |
| WMV | .wmv | Windows Media 格式是由微软开发的。Windows Media 在因特网上很常见，但是如果未安装额外的（免费）组件，就无法播放 Windows Media 电影。一些后期的 Windows Media 电影在所有非 Windows 计算机上都无法播放，因为没有合适的播放器。 |
| MPEG |
|
MPEG (Moving Pictures Expert Group) 格式是因特网上最流行的格式。它是跨平台的，得到了所有最流行的浏览器的支持。 |
| QuickTime | .mov | QuickTime 格式是由苹果公司开发的。QuickTime 是因特网上常见的格式，但是 QuickTime 电影不能在没有安装额外的（免费）组件的 Windows 计算机上播放。 |
| RealVideo |
|
RealVideo 格式是由 Real Media 针对因特网开发的。该格式允许低带宽条件下（在线视频、网络电视）的视频流。由于是低带宽优先的，质量常会降低。 |
| Flash |
|
Flash (Shockwave) 格式是由 Macromedia 开发的。Shockwave 格式需要额外的组件来播放。但是该组件会预装到 Firefox 或 IE 之类的浏览器上。 |
| Mpeg-4 | .mp4 | Mpeg-4 (with H.264 video compression) 是一种针对因特网的新格式。事实上，YouTube 推荐使用 MP4。YouTube 接收多种格式，然后全部转换为 .flv 或 .mp4 以供分发。越来越多的视频发布者转到 MP4，将其作为 Flash 播放器和 HTML5 的因特网共享格式。 |
声音格式
| 格式 | 文件 | 描述 |
|---|---|---|
| MIDI |
|
MIDI (Musical Instrument Digital Interface) 是一种针对电子音乐设备（比如合成器和声卡）的格式。MIDI 文件不含有声音，但包含可被电子产品（比如声卡）播放的数字音乐指令。 因为 MIDI 格式仅包含指令，所以 MIDI 文件极其小巧。上面的例子只有 23k 的大小，但却能播放将近 5 分钟。MIDI 得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持 MIDI。 |
| RealAudio |
|
RealAudio 格式是由 Real Media 针对因特网开发的。该格式也支持视频。该格式允许低带宽条件下的音频流（在线音乐、网络音乐）。由于是低带宽优先的，质量常会降低。 |
| Wave | .wav | Wave (waveform) 格式是由 IBM 和微软开发的。所有运行 Windows 的计算机和所有网络浏览器（除了 Google Chrome）都支持它。 |
| WMA | .wma | WMA 格式 (Windows Media Audio)，质量优于 MP3，兼容大多数播放器，除了 iPod。WMA 文件可作为连续的数据流来传输，这使它对于网络电台或在线音乐很实用。 |
| MP3 |
|
MP3 文件实际上是 MPEG 文件的声音部分。MPEG 格式最初是由运动图像专家组开发的。MP3 是其中最受欢迎的针对音乐的声音格式。期待未来的软件系统都支持它。 |
使用哪种格式？
WAVE 是因特网上最受欢迎的无压缩声音格式，所有流行的浏览器都支持它。如果您需要未经压缩的声音（音乐或演讲），那么您应该使用 WAVE 格式。
MP3 是最新的压缩录制音乐格式。MP3 这个术语已经成为数字音乐的代名词。如果您的网址从事录制音乐，那么 MP3 是一个选项。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <p>使用 Flash 来播放 SWF 视频</p> <object width="800"> <param name="SRC" value="D:\shis.swf"> <embed src="file:///D|/shis.swf" width="400" height="40"> </embed> </object> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <embed height="255" width="433" src="file:///D|/FDownload/《笑傲江湖》 第2集[高清版]/0001.中国网络电视台-《笑傲江湖》 第2集[高清版]-0003.mp4"></embed> <br /> <p><b>注释：</b>浏览器可能需要安装插件以后，才能播放该文件。</p> <embed height="299" src="file:///D|/shis.swf"></embed> <br /> <embed height="100" src="../../Public/Music/Sample Music/Kalimba.mp3"></embed> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <!---使用插件浏览器插件是一种扩展浏览器标准功能的小型计算机程序。 插件有很多用途：播放音乐、显示地图、验证银行账号，控制输入等等。--> <!--会自动播放--> <embed src="../../Public/Music/Sample Music/Kalimba.mp3" width="364" height="100" loop="1"></embed> <br /> <!--自动播放--> <object height="216" width="389" data="../../Public/Music/Sample Music/黑豹-无地自容.mp3"> </object> <br /> <br /> <!--不自动播放,除非加上autoplay="autoplay"--> <audio controls="controls" height="200"> <source src="../../Public/Music/Sample Music/黑豹-无地自容.mp3" type="audio/mp3"/> </audio> <br /> <br /> <!---单击时播放--> <p><a href="../../Public/Music/Sample Music/汪峰一起摇摆.mp3" target="_blank">播放---汪峰</a></p> <p><a href="../Music/音乐/蔡依林 - 看我72变.mp3" target="_blank">播放蔡依林（其实也可以播放wav格式的，不过现在没有）</a></p> <br /> <p>内联的声音 当您在网页中包含声音，或者作为网页的组成部分时，它被称为内联声音。</p> <p> 如果您打算在 web 应用程序中使用内联声音，您需要意识到很多人都觉得内联声音令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联声音选项。</p> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <!--电影模式--> <embed src="file:///D|/FDownload/《笑傲江湖》 第2集[高清版]/0001.中国网络电视台-《笑傲江湖》 第2集[高清版]-0005.mp4" height="207" width="421"/> <!--HTML4 无法识别 <embed> 标签。您的页面无法通过验证。--> <br /> <object data="file:///D|/shis.swf" height="202" width="303"/> <br /> <!--video是不能和其他的视频播放器弄到一起的，否则不会显示--> <!--loop不加的时候只放一遍，要是加上之后就会无限不断循环---> <video width="320" height="240" controls="controls" loop="loop"> <!--<source src="file:///D|/FDownload/《笑傲江湖》 第2集[高清版]/0001.中国网络电视台-《笑傲江湖》 第2集[高清版]-0006.mp4"/>--> <source src="TU/movie.ogg" /> </video> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <p>在 HTML 中显示视频的最简单的方法是使用优酷等视频网站。</p> <p> 如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频：</p> <embed src="http://player.youku.com/player.php/Type/Folder/Fid/23619999/Ob/1/sid/XOTIzNzg3MTU2/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed> <br /> <h2>点击该链接来播放这个对象</h2> <p>使用超链接 如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。</p> <a href="file:///D|/FDownload/《笑傲江湖》 第2集[高清版]/0001.中国网络电视台-《笑傲江湖》 第2集[高清版]-0009.mp4">点击播放视频文件</a> <br /> <p>关于内联视频的一段注释 当视频被包含在网页中时，它被称为内联视频。</p> <p> 如果您打算在 web 应用程序中使用内联视频，您需要意识到很多人都觉得内联视频令人恼火。 同时请注意，用户可能已经关闭了浏览器中的内联视频选项。</p> <p> 我们最好的建议是只在用户希望看到内联视频的地方包含它们。一个正面的例子是，在用户需要看到视频并点击某个链接时，会打开页面然后播放视频。</p> </body> </body> </html>
