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
  • .mpg
  • .mpeg
MPEG (Moving Pictures Expert Group) 格式是因特网上最流行的格式。它是跨平台的,得到了所有最流行的浏览器的支持。
QuickTime .mov QuickTime 格式是由苹果公司开发的。QuickTime 是因特网上常见的格式,但是 QuickTime 电影不能在没有安装额外的(免费)组件的 Windows 计算机上播放。
RealVideo
  • .rm
  • .ram
RealVideo 格式是由 Real Media 针对因特网开发的。该格式允许低带宽条件下(在线视频、网络电视)的视频流。由于是低带宽优先的,质量常会降低。
Flash
  • .swf
  • .flv
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
  • .mid
  • .midi

MIDI (Musical Instrument Digital Interface) 是一种针对电子音乐设备(比如合成器和声卡)的格式。MIDI 文件不含有声音,但包含可被电子产品(比如声卡)播放的数字音乐指令。

点击这里播放 The Beatles

因为 MIDI 格式仅包含指令,所以 MIDI 文件极其小巧。上面的例子只有 23k 的大小,但却能播放将近 5 分钟。MIDI 得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持 MIDI。

RealAudio
  • .rm
  • .ram
RealAudio 格式是由 Real Media 针对因特网开发的。该格式也支持视频。该格式允许低带宽条件下的音频流(在线音乐、网络音乐)。由于是低带宽优先的,质量常会降低。
Wave .wav Wave (waveform) 格式是由 IBM 和微软开发的。所有运行 Windows 的计算机和所有网络浏览器(除了 Google Chrome)都支持它。
WMA .wma WMA 格式 (Windows Media Audio),质量优于 MP3,兼容大多数播放器,除了 iPod。WMA 文件可作为连续的数据流来传输,这使它对于网络电台或在线音乐很实用。
MP3
  • .mp3
  • .mpga
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

html19-----视频,音乐的插入

<!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标签

html19-----视频,音乐的插入

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

html19-----视频,音乐的插入

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

html19-----视频,音乐的插入html19-----视频,音乐的插入

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

html19-----视频,音乐的插入

html19-----视频,音乐的插入

html19-----视频,音乐的插入

上一篇:第15月第22天 libz.dylib


下一篇:AndroidのUI体验之ImmersiveMode沉浸模式