英语原文共 10 页，剩余内容已隐藏，支付完成后下载完整资料
JS工时表：当SML遇到HTML和CSS3
摘要：
在本文中，我们探索不同的在网络上发布多媒体文档的方式。我们提出一种新的解决方案，利用网络标准的新多媒体特征，即HTML5和CSS3。尽管JavaScript在处理时间，同步和用户交互方面很好，但是我们提倡由SMIL Timesheets作为补充的HTML5和CSS3的标准，这是一种更加通用，更面向文档而且可替代的主要依赖于声明的标准。这种方法被运行在浏览器上的Timesheets scheduler变成了可能。多种多样的基于此方法的应用在本文中描述出来了，从媒体注释到网络文档。
分类和主题描述
【文件和文本处理】：文件准备—标记语言，多种混合媒体，标准。
一般术语
设计，试验
关键词
声明性语言、多媒体、Web应用程序、SMIL、HTML5
引文
多媒体网站发展迅猛。HTML5到来后，网页可以无缝地由图片、声音和视频整合到一起。此外，脚本语言可以使诸如文本、图形和图片一样的内容变得更加鲜活，就像连续媒体一样。
这样的多媒体内容可以在更多的终端上出色地展示出来，从传统的台式机到最智能的手机设备。
呈现真实的多媒体网络内容变得更加容易。在web页面中嵌入视频和声音的用户体验比过去需要用插件时要更加舒适。现在的网页浏览器可以把本地的各种内容镶嵌到HTML5网页中。 此外,他们所支持的图形格式如SVG,包括它的动画功能,以及在CSS最新的特性用于处理过渡 和动画,更不用说他们操作的能力，而所有这些内容都通过强大的脚本引擎。
这些新奇的特性使新的网络应用变为可能。它们是不同的，但是在通用网络文档上它们保持着同一时间维度。时间同步的方式有很多，既可以通过连续的内容视频或者声音，也可以通过添加到离散内容的一段时间结构，还可以通过动画表现或者执行一些代码（脚本），当然也能通过把以上组合起来。这些关于时间的多媒体应用有很多，例如幻灯片，字幕视频剪辑注释，录音，图形动画,增加记录会议、互动相册、网络纪录片等等。
要实现这样的web应用程序,各种方法都可以考虑,在此进行必要的声明:
bull;纯粹的声明性方法被SMIL采用，这是第一个专为网络设计的多媒体技术。在SMIL中，文件的时间维度由一系列的层次不同的时序算子来表示。应用由解释注释性语言和播放文档的播放器来运行。(Ambulant[2], RealPlayer, X-Smiles [12]).
bull;当脚本用于处理用户交互和使文档随时间变化时，必要的方法在很多特别的应用中描述了出来，这些应用由JavaScript和ActionScript写成。
显然，这两种方法可以相互结合，许多使用声明性语言的应用都用一些脚本辅助。值得注意的是,脚本语言 也可以用于实现解释声明语言。例如SMIL Timesheets语言可以在JavaScript中应用（Timesheets JavaScript Engine [16], LimSee3 [10], FakeSmile），但是但这并不影响应用程序开发人员,他们仍以声明的方式工作。
这两种方法之间的选择应该把许多标准列入考虑。在提高内容多平台性什么样的努力是必须的？对于残疾人用户是否足够便利？什么样的用户交互是支持的？应用中的某个部分是否能够很容易的在别的应用中得到重用？维护应用的代价多大？是否能参考一下在文档中特定的内容或者特定国家？如何与连续同步内容可以实现？这些问题的答案可能会有不同而且答案很取决于办法。
在本文中，我们试图找出各自的优势做法。因此，我们提出了关于上述提出的问题的最后折中，我们建议，以帮助实现最佳权衡的工具。特别是，在HTML5和SMIL定时方面我们选择了探索建立解决方案。
本文的其余部分安排如下。 下一个节介绍各类多媒体Web应用程序。其次是在当前装置的审查可用来实施这些应用程序。第4及5提出了一种基于SMIL时间表解决方案的新途径
以改善目前的状况。第6条规定了一些例子来说明这些解决方案。最后的结论总结了本文的主要贡献和展望未来的工作。
2.多媒体应用
为清楚起见，我们把多媒体的Web应用分为两个主要类别，主要取决于的作用时间维度。
2.1 媒体驱动的应用程序
当多媒体应用中的一块连续的内容起着骨干为整个应用程序的作用时，我们把媒体驱动的应用程序称为其主要类别。在这些应用中，典型地，一个音频或视频记录构成的主要内容，并且各种元素（通常离散媒体如文本或图像）被关联到这主要内容部分进行注解。互动功能也可提供给用户在自由移动的主要内容和补充信息进行交互。这个类别是这类应用的例子如：
bull;一个标题的电影：主要内容是电影本身，以及字幕构成的相关联的内容。每个字幕的显示是精确同步与视频。除了通常的录像机控件，菜单允许用户更改字幕语言或在任何时候隐藏起来。一个非常细粒度同步可能需要时的注释是音轨的成绩单，像MIT150无限历史项目[11]。
bull;在一个网上电台归档评价方案：主链是一个音频文件，它是所记录的广播节目。有些图片和文字标注有关联与该程序的特定部分，以说明它们或提供额外的信息。常用的控件提供了暂停，播放，前进/后退，隐藏/显示更多内容。
bull;同步录像与幻灯片（见图1）：主要内容是的录像扬声器，这是辅以幻灯片（图片和/或文本）扬声器给予时使用评论。幻灯片与视频同步，并显示在它旁边。除了用于视频的通常的控制，一个交互式表格允许用户自由通过视频和序列导航的幻灯片。
图1：_录像与同步幻灯片
在所有这些应用中，主媒体对象来以其固有时钟调度整个应用。所有其他内容的时间依赖关系相对于该时钟表示。在最新的例子，每个滑动与两个日期相关联：它必须出现和消失的时间。这两个日期是相对于主时钟。以同样的方式，项内容表中的具有两个日期：相应部分中视频的开始时间和停止时间。这些日期被用来突出相关条目。在内容表中，当用户点击一个视频时，条目跳到在合适的位置。
因为这种时间的结构，它是在这种通常很容易应用叠加了一个或多个切片的结构，这个结构在主媒体对象。典型地，在以上示例中，幻灯片的两个序列和内容表扮演这个角色。滑动标题可以用于关联一系列_时间轴的标签，同时从标题内容表中添加的层次结构。这可以通过用户界面被反射：移动时沿时间轴指点设备，用户可以看到各种标签的水平，在很长的视频中，选择一个特定的部分是有利的。
这是例如在Advenueplatform采取的做法，其中标注的多个级别可关联与电影[3]。
2.2事件驱动的应用
相对于媒体驱动的应用程序，事件驱动的应用程序不是围绕一个连续的提供的主要的同步方案媒体组织的。相反，它们是由多个媒体集合的通过链接相关的对象，如时间关系或用户互动。
为了说明这个概念，让我们举个幻灯片放映的例子。每张幻灯片可以是单个图像或一块文本的，但它也可以是一个小的多媒体文件本身，具有各种（可能连续）的媒体对象和一些互动功能。幻灯片被链接在一起以限定演示所需序列。他们还提供用户的方式，使用户可以在该序列中能方便地从一个滑动到下一个/前一个。目录表（奥兰指数）是可用的，链接到每一个幻灯片，提供用户的另一种方式以任何顺序来访问幻灯片。
这种组织可以用于一个相册例如。目录中包含了所有的缩略图图片，并且每个滑动由单个照片构成，图片含有标题，注释和按钮转到下一个或以前的幻灯片或缩略图索引。相同种类的组织被用于大屏幕上显示的幻灯片期间用工具谈话，如HTML Slidy[13]。
事件驱动应用程序的种类比幻灯片放映组更多。在没有非主时间结构中，它实际上包括所有的应用程序对于文档的不同部分不同的时间的结构。可能同时发生并发的时间结构，或一些地方可能没有内在的时间维度，只有时间与其他内容部分的关系。 例如，媒体对象可在另一个之后（或同时）。这些关系通常是那些由Allen定义[1]。
3.艺术国度
3.1多媒体网页制作
多媒体内容整合到网页的问题，可以追溯到网络发展初期的历史。在初始万维网的版本中，有史以来的第一web浏览器（1990），甚至静止图像还要在单独的窗口中显示。它们被包括在文本以后（1993）中，当在NCSA-Mosaic浏览器在HTML中引入img标签。连续的媒体对象，特别是视频的整合，也遵循同样的方式，但要晚得多。在很长的一段时间里，这些对象是由独立的程序来处理（插件）并且是因此难以在文档中整合。只有当SMIL引入的视频和音频元素时，网页文件才真正地包含连续介质。 SMIL被SVG跟随着，最近则是HTML5。所有三种语言现在都支持本地音频和视频对象。
在多媒体网页内容发展的初始解决方案中，文件的时间维度并不是优先的。网页的格式已搁置同步的问题很长时间。外挂插件并没有通过标准的API让各组成部分网页的与连续媒体同步。在这个方向上的第一个步是与SML完成的，通过一个相当激进的方式：时间是构建文档的主要（几乎是唯一的）尺寸。其结果是，在分层结构提供由其他网络格式表示逻辑中组织文件难以与SMIL一起表示。
在创建多媒体内容时，使用XML的环境是集中注意力在逻辑内容的自然方式：文档以XML结构化编码其逻辑组织，和时间的关系被表示为这种结构的一部分[6]。这个选项需要一些出口机制来生产文件，使文件能具有被网页浏览器接受的格式。作者被禁止使用熟悉的网页语言（诸如HTML和CSS），而且如果他们想进行最后的格式调整，他们必须做复杂的反向转来更新源文献[15]。
转化的缺点是由声明方式的优点来平衡。作者认为，在条款一个多媒体文件，他们将有一个脚本语言编程，而不是一个多媒体应用中。因此，面向文档的（声明）方法能提供多媒体网页制作给更广泛的受众。该声明办法还从工程的观点规定优点。这使得它更易于维护和重用内容。例如，多媒体文档可以在使用文档工作流程。
3.2多媒体Web技术
在为网页开发同步多媒体文件方面有三个主要技术类型（SMIL,FLASH,HTML5）。图2基于以下条件审查这些技术：
bull;定时和同步：这是许多先进的多媒体应用程序中最复杂的一部分。因此，在这个区域中语言必须提供有效的方法来缓解Web开发者的任务。
bull;可脚本化：不管声明语言的水平如何，能够超越语种的限制都是非常重要的，这要通过使用在特殊情况下能扩展自己功能的脚本（这种需要已经被强调）。
bull;逻辑结构：网络上的文件格式通常由结构语言声明。通过描述首要的文档的逻辑组织，
他们具有便宜行，可适应性，再利用行，设备独立性和可加工性。
bull;内容/表示分离：通过保持这种在网页样式上广泛应用的原则，可以在内容和上下文中提供更灵活的运用。多亏了URI的片段标示符，用文本文件链接到特定位置成为了网络上的常见做法。定时文件的等效性是指向特定的日期或状态文件的执行。此功能允许定时文件在网络很好地集成。
bull;本地绘制在Web浏览器：浏览器是访问所有设备上的网络主要工具。为了确保网络用户可以使用多媒体应用，应用程序可以在网络中运行浏览器是很重要的。
bull;符合标准：W3C标准对于Web开发人员是众所周知的。基于这些标准的一个解决方案
更可能被它们通过。这些标准也广泛实现，在浏览器中尤其如此。应用根据W3C标准公布可满足大量的观众。
bull;设备友好：即使Web浏览器实现W3C标准，在所有设备中仍然有功能显著差异。所选择的技术应该是越兼容可能多的设备类越好。
我们使用这些标准审查用于技术显影多媒体网络应用程序（见图2）：
bull;SMILEY是为多媒体网络专应用程序。
bull;Flash是目前仍是个主要的技术用于多媒体应用程序。
bull;HTML5是用于音频/视频网络。
3.3声明解决方案
作为如图2所示，为了被认为是一个良好的网络公民Flash太多受到限制。留给 Web开发人员的只剩下SMIL和HTML5 CSS3（见图3），但两者没有完全令人满意的。
SMIL，即SMIL的最新版本3.0[4]，为了更好地应对与先进的多媒体需求，提供两个模块（SMIL国家和SMIL转换）除到中央的SMIL定时模块。这是一个声明方法多媒体内容：
bull;定时和同步功能被SMIL Timing模块定义。
bull;SMIL状态[8]和其对NCL变体[14]旨在提供声明的时间结构内变量（由气味或NCL定义），以应付必要用于控制文件的播放，但由此产生的语法是有点冗长，需要特定的SMIL实现。
bull;SMIL过渡效果，可以用来增强纯SMIL文件的用户体验。 对于HTML5对应的CSS3过渡。
最常见的方法是基于HTML，CSS和JavaScript的（参见图3右部分）：
bull;开发者的多媒体应用程序依赖于HTML5描述具有其逻辑结构的内容，并对CSS3的演示。通过这种方式，它们可以单独演示内容。
bull;正如W3C建议的，文档播放通过使用元素API和DOM事件来由JavaScript控制。
bull;开发商还是要特定的JavaScript代码来解决大多数时间和用户交互问题。
bull;在许多应用中，特别是在事件驱动的应用程序，开发和调试脚本代表开发工作的很大一部分。
King等。 [9]提出了XML语言扩展让多媒
全文共16080字，剩余内容已隐藏，支付完成后下载完整资料
资料编号：[154908]，资料为PDF文档或Word文档，PDF文档可免费转换为Word
以上是毕业论文外文翻译，课题毕业论文、任务书、文献综述、开题报告、程序设计、图纸设计等资料可联系客服协助查找。
