在HTML语言中 怎么插入视频（代码）

第十章 多媒体页面(Alternative Inline Elements)

--------------------------------------------------------------------------------

嵌入多媒体文本(EMBED)

基本语法 <embed src=#> #=URL

本标记可以用来在主页中嵌入多媒体文本，如：

**(movie), 声音(sound), 虚拟现实语言(vrml)

体会 <embed> 标记，您需要把 plugin 安装完备。

请注意：embed attributes are different between each plugins

背景音乐

<bgsound src=#> #=WAV 文件的 URL

<bgsound loop=#> #=循环数

<bgsound src="soundwav" loop=3>

示例

插入视频剪辑

<img src="urlgif" dynsrc="urlavi">

用 urlavi 这一 AVI(Video for MS－WINDOWS) 文件来播放视频；

用 urlgif 这一 GIF 图象作为视频的封面，即：在浏览器

尚未完全读入 AVI 文件时，先在 AVI 播放区域显示该图象。

<img src="SAMPLE-SGIF" dynsrc="SAMPLE-SAVI">

何时开始播放 AVI <img start=#> #=fileopen, mouseover

缺省值是 #=fileopen，即在链接到含本标记的页面(如本页)时开始播放 AVI。

mouseover 是指您把鼠标移到 AVI 播放区域之上时才开始播放 AVI。

也可以两者同时设置：<img start=fileopen,mouseover>

另外，用鼠标在 AVI 播放区域点击一下，也将令浏览器开始播放该 AVI。

<img src="SAMPLE-SGIF" dynsrc="SAMPLE-SAVI" start=mouseover>

控制条 <img controls>

用来在视频窗口下附加 MS－WINDOWS 的 AVI 播放控制条。

<img src="SAMPLE-SGIF" dynsrc="SAMPLE-SAVI" controls>

循环播放 <img loop=#>

<loop=infinite> 将循环播放不止。

<img src="SAMPLE-SGIF" dynsrc="SAMPLE-SAVI" loop=3>

延时 <img loopdelay=#> #=毫秒数

<img src="SAMPLE-SGIF" dynsrc="SAMPLE-SAVI"

loop=3 loopdelay=250>

--------------------------------------------------------------------------------

2HTML，DHTML，VRML，XML功能分析与比较研究

摘 要：按照标记语言的发展历程，对HTML，DHTML，VRML，XML的功能和特点进行比较分析。

关键词：Internet；Web；HTML；DHTML；VRML；XML；WWW；CSS；CGI；SML

随着Internet的普及和人们对Web日异增长的需求，需要不断有新的Web标记语言产生。本文按照标记语言的发展历程，对HTML，DHTML，VRML，XML的功能和特点进行比较分析。

1 HTML语言

HTML（Hyper TextMarkup Language，超文本标记语言），或称为“多媒体文件语言”，是用于创建Web页和Web信息发布的第一个通用语言。HTML以其简单精练的语法、极易掌握的通用性与易学性，使Web网页可以亲近于每一个普通人，Internet也才得以普及发展，以至今日的辉煌。

HTML语言是一种描述文档结构而不能描述实际的语言，用HTML语言书写的页面是普通的文本文档（ASCII），不含任何与平台和程序相关的信息，可以被任何文本编辑器读取，文字和图形可以同时在同一Page中显示。HTML文档包含2种信息：一是页面本身的文本；二是表示页面元素、结构、格式和其他超文本链接的HTML标签。

现在的HTML已经进入了第四代。第一代的Web页采用HTML1．0制作，其页面中的大部分都是文字，中间部分采用了一两幅图形。第二代的Web页采用HTML2．0制作，最主要的是增加了对表格的支持，使得WWW具有了交互功能，即可以进行信息的双向交流。目前的大多数浏览器都支持HTML2．0，在其页面中可以加入一些漂亮的背景，以表格的形式组织文字，同时提供在线的顺序表单。第三代的Web页采用HTML3．2制作，该版本增加了许多重要的标签，采用了富有创造性的页面布局、色彩控制、快速图像显示、字体显示和交互式的Web页，使得主页生动活泼、富有生机，制作主页也变得非常方便。第四代的HTML4．0和以前几个版本比较起来，除了将原有的标记扩充外，其最大的变革是可以将网页上的文字和图形当作对象，并通过Script（脚本）程序来控制，这种改变对于网页内容的动态显示或控制是非常重要的。同时CGI（Common Gateway Interface）能使Web有更强的交互功能。

HTML语言的特性可总结为以下几个方面：

（1）通用性 可实现不同平台的文档共享。

（2）可扩展性 HTML的标签集合可以根据新需求而不断修正或加入有限的新标签符，为实现有限的新功能的扩展提供保障。

（3）创建的灵活性 HTML文档是纯文本文档，可以由网页编辑器以及其他文本编辑软件创建。

2 DHTML语言

在WWW中发布HTML文档，大多数信息是静态的，而且要求服务器响应用户的交互。DHTML（Dynamic HTML）的出现，使Web范例从要求服务器交互改变为创建Web站点和Web应用。由于DHTML允许HTML文档与用户交互及客户机的巨大变化，则可以创建丰富的Web应用。

DHTML并不是什么新的技术，只不过是一些现有网页技术与标准的整合，主要包括以下一些内容：

（1）HTML4．0

（2）CSS

CSS（Cascading Style sheets，级联样式表），是W3C协会为了弥补HTML在样式编排上的不足，所制定的一种扩展式标准。由于HTML标记属性非常有限，且无法通过Script程序来控制，因此CSS扩充了HTML各标记的属性设定（称为样式），是网页内容视觉化效果有更多的变化，网页内容的表现方式也更灵活，更美观。

（3）浏览器对象模型

在4．0版以后的IE或Netscape都是对象化的，浏览器本身就是由许多对象所组成，这些对象有各自的属性、方法和事件。因此，网页设计者可通过Script程序来控制或调用这些对象。目前Microsot和Netscape的浏览器对象模型都是以W3C所公布的文件对象模型（DocumentObject Modle，DOM）为基础，再加上以扩展对象而组成。

（4）Script

Script是整个DHTML的灵魂角色，在DHTML里，网页之所以能够动起来，最主要的原因在于网页中的对象必须通过Script程序来控制，进行交互式操作。在不同的浏览器中，所使用的脚本语言不同。目前，Netscape里支持的Script是JavaScript，而IE所支持的则包括了JavaScript，JScript和VBScript。

总结以上技术，DHTML的结构可以表示为：DHTML＝HTML＋浏览器对象模型结构＋CSS＋Script。

DHTML的特点可以总结为：

（1）动态内容 通过浏览器与网页文字的对象模型，网页不用下载，其内容与对象即可以动态的增加、删除和改变显示内容。

（2）动态样式 CSS除了可以扩展HTML标记的样式属性外，还可以通过Script程序来改变这些属性。传统网页的内容与样式编排，在下载到浏览器后，是固定的，相比之下，以CSS定义的样式网页，只要通过Script控制，网页就算已经下载显示来了，还是可以改变其字体、颜色，甚至是样式的编排内容。

（3）绝对定位 以前的HTML只能定位网页对象的x，y坐标，现在DHTML可以定位网页对象的x，y，z坐标，也就是说，可以在网页上建立三维的立体空间。

3 VRML语言

VRML（VirtualReality Modeling Language）是一种模型语言，用来描述一个目标对象是如何呈现在Web上的。和HTML一样，VRML也是可由浏览器解释的描述语言，只不过VRML不是描述成一个Page的格式，而是描述成3D环境和目标的布局。HTML和VRML的差别与建筑物的蓝本和他的模型的差别是同一个道理。

VRML为虚拟环境的建立提供了规范，综合了现有三维软件的景象描述语言的优点，他有基本元素、顶点、线和面的定义，坐标变换有缩放（Scaling）、旋转（Rotation）和平移（Translation），并有优化的数据结构。

VRML浏览器作为VRML的解释器，其主要功能是读入VRML代码文件，并把他解释成一个图形映象。目前VRML浏览器软件种类很多，如：Netscape公司的Live3D，Paper Software公司的WebFX，SGI和Template Graphics Software公司的WebSpace，InterVista软件公司的World View，以及Microsoft公司的VirtualExplorer等。他们基本上实现了物体的变换效果，如灯光、视角变换、模糊、裁剪、阴影、投影和碰撞等。

VRML语言具有的基本物体有：球体、锥体、柱体、立方体和文本等为创建景象提供了方便，如下面为建立一个球体的实例：

目前有许多创建VRML文件的模型软件，并且有许多软件可以把其他三维格式的文件转换成VRML文件，如3DS，RAW等。VRML的出现使得虚拟现实像多媒体和Internet一样逐渐走进我们的生活，简单地说，以VRML为基础的第二代万维网可以表示为：“多媒体＋虚拟现实＋因特网”。第一代WWW是一种访问文档的媒体，能够提供阅读的感受，使那些对Windows风格的计算机环境熟悉的人们容易使用Internet，而以VRML为核心的第二代WWW将使用户如身处真实世界，在一个三维环境里随意探索因特网上无比丰富的巨大信息资源，每个人都可以从不同的路线进入虚拟世界，和虚拟物体交互，这样控制感受的就不再是计算机，而是用户自己，人们可以以习惯、自然的方式访问各种场所，在虚拟社区中“直接”交谈和交往。事实上，目前采用VRML技术取得成功的案例已经很多，例如探路者到达火星后的信息就是利用VRML在Internet上即时发布的，网络用户可以以三维方式随探路者探索火星。

VRML在电子商务、教育、工程技术、建筑、娱乐、艺术等领域的广泛应用，将会促使他迅速发展，并成为构建虚拟现实应用系统的基础。虚拟现实作为一种全新的人机接口技术，必须研究用户和计算机之间的协调关系问题，这样一个问题只有通过大量的使用才能逐步解决，VRML以Internet作为应用平台，最有希望成为构筑虚拟现实应用的基本构架。

总之，VRML将创造一种融多媒体、三维图形、网络通讯、虚拟现实为一体的新型媒体，兼具先进性和普及性。

4 XML语言

XML（eXtensible Markup Language，扩展标记语言）是Web中的新一代标记语言，是SGML的一个简化但严格的子集，他与SGML同属元标记语言。XML继承了SGML的3个特性，同时也具有HTML的灵活性和通用性，其特性主要表现在：

①确认性；

②结构化；

③可扩展性；④通用性；

⑤灵活性。

XML在三层架构上为数据处理提供了很好的方法。数据的集成、发送、处理和显示是图1所示过程中的每一个步骤。

CSS仍然被应用于结构简单的XML数据，但是，CSS不提供与数据源结构不同的数据显示结构。使用XSL，可以产生与原来的XML数据结构完全不同的表达结构。如图2所示。

XML的一个主要目标市场是电子商务。传统EDI（电子数据交换）机制依靠不同商业之间的强大计算机系统来实现压缩的信息传输，每一条信息在传输使用、提供给用户之前都必须编码，电子商务在网上运作时，用户端每填完一个HTML的表格之后，都要把表格法还给初始的服务器处理，产品交易、谈判签约、后勤管理、税收报表等这些活动的数据处理都集中在一端。可以预测到，有了XLL所链接的行为控制机构和XSL所提供的客户端评价功能，将来的数据可以从屏幕上抓取，有必要的话可在客户端处理，在处理数据时，传输给相关用户而不必改换数据格式。

XML的应用弥补了许多HTML的缺陷，我们把他在网上的应用总结为以下几点：

（1）当网络客户必须在不同的数据库之间传递信息时的应用；

（2）当需要把大部分从网络服务器下载的数据在用户端处理时的应用；

（3）当相同的数据对于不同的用户需要有不同的界面时的应用；

（4）当网络情报供货商要把发现的信息精心裁减，并发送给不同的个人用户时的应用。

　　虚拟现实技术在园林设计方面的应用

　　内容摘要介绍了虚拟现实技术的概念以及在园林设计领域的应用情况。同时结合我国园林设计领域计算机软硬件普及的现状，探讨实现虚拟现实的方法

　　虚拟现实技术(VirtualReality，简称VR)是利用计算机技术产生的一种人为虚拟的环境，这种环境可以通过视觉甚至听觉、触觉来感知，用户通过自己的视点直接地、多角度地对环境进行观察、发生“交互”作用，使人和计算机很好地“融为一体”，给人一种“身临其境”的感觉。这种技术运用在园林景观设计上，能使我们更加直观地面对设计对象，并且形成交互式的交流。

　　1虚拟现实技术简介

　　虚拟现实技术这一名词是由美国VPL公司创建人拉尼尔（JargonLanier）在20世纪80年代初提出的，也称灵境技术或人工环境。作为一项尖端科技，虚拟现实集成了计算机图形技术、计算机仿真技术、人工智能、传感技术、显示技术、网络并行处理等技术的最新发展成果，是一种由计算机生成的高技术模拟系统，它最早源于美国军方的作战模拟系统，90年代初逐渐为各界所关注，并且在商业领域得到了进一步的发展。

　　但是在近20年的发展过程中，VR技术由于受到计算机软硬件性能、成本和技术难度等方面的制约，在实际应用上还不够广泛。

　　近几年，信息产业的急速发展使一般民用计算机的性能突飞猛进、价格不断下降，VR技术在各行业的广泛应用成为可能。

　　2虚拟现实技术在园林造景上的应用

　　21园林造景中运用虚拟现实技术的意义

　　园林造景对于环境变化的前瞻性和周围景物的关联性要求很高，因此在动工之前就必须对完工之后的环境有一个明确的、清晰的概念。通常情况下，设计者会通过沙盘、三维效果图、漫游动画等方式来展示设计效果，供决策者、设计者、工程人员以及公众来理解和感受。以上的传统展示方式都各有其不同的优缺点，但有一个缺点是共同的，即不能以人的视点深入其中，得到全方位的观察设计效果，而运用VR技术则可以很好地做到这一点。使用VR技术后，决策者、设计者、工程人员以及公众可从任意角度，实时互动真实地看到设计效果，身临其境地掌握周围环境和理解设计师的设计意图。这是传统手段所不能达到的。

　　22园林造景中运用虚拟现实技术存在的瓶颈

　　计算机创建的三维模型（Model）是由面（Face）组成的，模型的形体越复杂，所用的面也会越多，对计算机的运算速度要求也就越高。就目前相关设计领域来说，VR技术在城市规划及建筑设计方面的应用相对较成熟，这主要是因为建筑多由规则的形体构成，在计算机的模型中所用的面相对较少，实现VR较为容易。而园林景观中常用的设计要素，如植物、变化的地形、水体等都是不规则的形体，用计算机的模型表示会非常复杂，像一棵树本身就有成千上万片树叶，做成模型后所用到的面能达到百万的数量级，这对于现阶段的一般民用计算机来说，实现流畅的VR效果是不可能的。因此VR技术在园林造景中的应用研究仍处于起步阶段。

　　23目前所能采取的应对方法

　　目前计算机的速度不能满足完全建模情况下园林景观的虚拟现实，所以只能使用贴图(MAP)的方式来模拟其中的植物。使用一张处理好的树木照片，就能在VR中用1个面来表现一棵树，虽然在真实度方面会有一定的损失，但相对于完全建模所需的上百万个面来说，这种损失是值得的。

　　3园林造景中虚拟现实技术的实现方法

　　31虚拟现实技术的选择

　　经过多年的发展，虚拟现实技术的实现也派生出多种不同的方法，现在较为流行的有JAVA3D、CUTE3D、VRML等多种实现方法，它们也各有其不同的优缺点。而对于大型场景的模拟，VRML较为适合。

　　VRML（VirtualRealityModelingLanguage）是一个用于三维造型和渲染的图形描述语言。用VRML我们可以创造一个能进入、能参与的虚拟世界。VRML20的新标准被广泛地用于Internet上创建虚拟三维空间，可以随意创建任何虚拟的物体，像建筑物、城市、山脉、飞船、星体等对象，也可以在虚拟空间中添加声音、动画，使之更加生动，更接近真实[1]。同时，VRML程序所占的磁盘空间非常小，便于网络间的相互传输。

　　VRML本质上是一个网络语言，像HTML一样，需要通过编写程序代码来实现，这一点也是虚拟现实技术难以普及的一个门槛。但目前一些常用的三维图形制作软件，如3DSMAX、MAYA等都对VRML提供了一定的支持。

　　对于园林设计师来说，3DSMAX是较为常用的建模软件，而3DSMAX对VRML又有较好的支持，它不仅支持VRML程序的输出，同时还可以在VRML程序中通过选择摄像机在三维场景中进行导航设置，在场景中指定活动控件和感应器，丰富了实时浏览的内容。因此对于熟悉3DSMAX的园林设计师来说，VRML是一个很好的选择。

　　32软硬件要求

　　321硬件要求

　　基于INTELP4或AMDATHLON系列的CPU、256M以上内存、具备32M以上显存的显卡是现在设计师普遍使用的计算机配置，能满足VRML运行的需求。

　　322软件要求

　　建模软件使用3DSMAX，贴图处理使用Photoshop,浏览虚拟场景使用IE浏览器+VRML的IE插件。

　　33基本流程

　　331在3DSMAX中建立三维场景

　　首先按照设计方案制作出场景中各要素的模型，并赋上相应的材质贴图，然后加上能照亮整个场景的灯光，最后根据设定的视域和视高来确定自由摄像机（Freecamera）的镜头类型和位置。

　　可见，建立虚拟现实环境的场景与制作电脑渲染图场景的过程基本一致，但侧重点有所不同，后者需要的是静态图像的渲染效果，而前者则更关注实时浏览的流畅感和空间感，因此在创建虚拟现实场景时应做到下面几点：

　　(1)在满足视觉要求的前提下，尽量减少模型的面数。模型创建完后使用3DSMAX中的优化修改器（Optimize）进行优化，能最大限度的减少模型面数。

　　(2)使用关联复制（InstancesCopy）。Instance是对象的关联复制，当改变任何一个关联复制品的时候，所有其他的复制品都会改变。在建立虚拟场景时，关联复制是非常有用的，当使用关联复制的时候，组成关联复制的对象的面的设置只在VRML中定义一次。这样可以使用多次同样的几何图形，但不增加文件的下载时间。

　　(3)对于一些非主要物体，不要过于苛求细节，尽可能使用“模拟的”几何体。比如周围的建筑可直接采用“几何体+贴图”（box+maps）的方式制作（图1）。

　　(4)场景中所使用的贴图不需要很精细，最好全用jpg格式压缩，并缩小尺寸，这样能节省大量的下载时间。

　　(5)所有使用到的贴图必须全部放在一个目录中，因为VRML只能搜索一个指定的贴图目录。

　　(6)使用灯光。光线是场景视觉信息与视觉造型的基础，没有光线便无法体现物体的形状、质感和透视关系，这一点和做电脑渲染图是一样的。但在VRML中不能使用诸如全局光、反射光、折射光、阴影等光线效果，只能通过普通灯光的布光技巧来弥补。另外，要保证场景中任何一个角落都能被灯光照亮，因为最终浏览虚拟现实场景时，任何一个角落都有可能被浏览到。

　　(7)使用摄像机。VR场景的浏览是通过摄像机来进行的，在3DSMAX中创建自由摄像机（Freecamera）来确定视域和视高，不同的视域和视高在实时浏览时能给人以不同的感受。在3DSMAX场景中建立的不同摄像机将会由VRML浏览器列出，可以供用户在VR场景中进行选择性的导航。即使是在浏览器中导航非常缓慢的大环境，也可以通过对一系列的摄像机视图进行切换来快速选择性的浏览。使用建立的摄像机，展示最佳场景，也就是展示具有不寻常的透视效果，或是展示场景中花费了大量功夫才创建的精细部分的特写，如果把它留给客户去自由导航场景，就无法控制客户能看到什么效果了。当然，也可以只通过一个摄像机导航，让客户可以自由在VRML场景中游览而且无拘无束。

　　332虚拟场景中植物、地形等不规则要素的制作

　　（1）植物：3DSMAX的透明贴图（Opacity）是VRML所不支持的，所以不能使用常规的方法制作植物。应该先用图形处理软件（如PHOTOSHOP）将树木照片处理成无背景的GIF格式（可支持网络上的透明背景），然后直接作为贴图赋予一个平面（Plan）。尽管看起来不是很真实，但与给植物建造模型细节所付出的代价相比要小得多。（图1）

　　VRML场景的浏览是实时互动的，所以仅使用一个面的树木是不能满足多角度观察的。提供两种方法来解决这个问题：一是用关联复制将树木平面复制一份，然后互相十字交叉，这样不管在什么角度都能看到完整的树，但这种情况仅适用于左右对称的植物；第二个方法是使用摄像机对齐技术，使树木的正面始终面对摄像机，但这种方法通过3DSMAX不能直接实现，必须手动修改VRML代码来实现，这就需要一定的编程基础。

　　（2）地形：使用3DSMAX中的位移（displace）修改器制作。位移修改器通过对三维物体施加一个灰度图，使三维物体对应图上亮的地方产生凸起，而亮度的不同会导致凸起的程度不同。因此我们可以将设计的地形用Photoshop处理成一张灰度图（图2），然后在3DSMAX中作为位移修改器的贴图施加到一个平面上，就可以得到我们想要的地形了（图3）。

　　333为场景创建互动效果

　　VR技术中最令人激动的就是场景的互动性，用3DSMAX可以方便地创建出互动效果，在“创建/帮助物体（Creat/Helpers）”面板下的下拉列表框中选“VRML20”，出现一个工具面板，面板上列出了12个VRML辅助工具。其中可用于场景互动的有“锚（Anchor）”、“触动感应器（TouchSensor）”和“范围感应器（ProxSensor）”3个感应器工具。Anchor是锚触发器，当点击设置了此触发器的物体时，可以使场景切换到另一个预先指定的URL链接（类似网页文档的超级链接），或是与场景中的指定的另一个摄像机链接，类似**中的镜头切换；TouchSensor是一个触动感应器，当在场景中用鼠标点击一个指定物体时就会引发一个预定义的动作；ProxSensor则是一个范围感应器，只要接近一个指定物体时也会引发一个预定义的动作。使用它们就能创建出互动的场景。比如走到一扇门前，门会自动打开；按动按钮，喷泉就会喷出水花，等等。

　　334输出VRML文件

　　在3DSMAX中使用“file”菜单下的“export…”，将导出的格式选为“VRML20(＊WRL)”，文件存放的路径应和贴图一致，然后注意在弹出的对话框中设置“BitmapURLPrefix”，将路径设置正确。

　　335虚拟现实的浏览

　　浏览虚拟现实的最佳方式是通过头盔式显示器或三维眼镜来感受，但成本较高，故不在本文讨论范围。一种廉价的实现方法就是直接通过WINDOWS操作系统中的IE浏览器来浏览，首先需要安装专用的VRML浏览器插件，如CORTVRML、CosmoWorlds等都是较为常用的。安装完成后，直接运行做好的VRML文件就能在浏览器中浏览了。在浏览器中通过鼠标或键盘控制漫游的方向，如同身临其境。

　　4结语

　　在虚拟现实环境中，设计者置身于一个相对真实的模拟空间，使得园林设计能够突破“平面、立面、剖面”的常规模式，让设计者从各个不同的角度直观地面对设计对象，更加深入地研究环境中各设计要素及空间之间的关系和比例，设计出更加完美、更加人性化的作品。但由于园林景观设计中植物配置占很大比例这一特殊性，虚拟现实技术要想完全与其融合还有很多技术问题需要解决。我们利用现有的软硬件设备已经制作出一些园林景观的虚拟现实作品，尽管还达不到真正意义上的虚拟现实，但相信随着计算机技术的高速发展和广大园林景观设计者的积极参与，虚拟现实技术在园林景观设计上的应用必将普及。[来源:论文天下论文网lunwent