视频格式
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>
嵌套flash
<!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>
embed标签
<!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>
视频代码2