现今，计算机网络早已普及，媒体技术的发展也越来越迅速，多媒体技术开发成为IT行业的大热门。由于高清图像、音频以及视频等的信息量过大，很大程度上受到硬件条件的限制，如果从硬件上解决播放问题，将会花费极高的成本，而在软件上优化不仅成本低，而且提升空间大。但现今一些流行的多媒体播放器或支持的播放格式有限，或占系统资源多，或所占空间大，解决这些问题就迫在眉睫。在线的多媒体播放器能获得更多的青睐，原因在于它不需要下载专门的APP，并且有着良好的交互性。HTML5引进了许多强大的新特性，这使得其成为了开发在线多媒体播放器的热门选择[2]。

纵观以上因素，设计并实现一款HTML5在线多媒体播放器，符合当下媒体播放器的发展趋势。

1。2HTML5媒体播放器研究现状

1。2。1发展概况

1。2。2目前存在的问题

1。3本文的主要内容

本文的主要内容是介绍一款基于SVG的在线多媒体播放器的设计与实现，使用HTML5、CSS3、JavaScript设计一款多媒体播放器，利用PHP和数据库技术实现媒体文件的在线播放。其主要内容如下：

第一章简单介绍了选题的背景与研究意义，以及该项目的研究发展现状。

第二章主要介绍课题研究所使用的相关技术以及工具，并阐述了运行环境的配置。

第三章详细讲述了媒体播放器的可行性研究、需求分析工作，介绍了播放器的总体设计以及相关数据库的建立。

第四章阐述了媒体播放器的详细设计与实现。这一章将分为两个部分进行讲解，第一部分详细介绍了多媒体播放器的各分类模块，包括电影、电视剧、动漫、音乐、综艺。第二部分将通过图文结合的方式，讲解播放器的设计与实现，包括数据库的建立与连接、媒体文件的查找与播放等。

第五章则是播放器的测试和维护，阐述了测试方案以及测试结果。

最后一部分，总结研究开发过程，结合由于本课题的研究所得到的结论，分析尚存的问题，并进一步研究，得出解决方案。

第二章 相关技术以及环境配置

在正式进行播放器的开发前，必须先搭建好运行环境，熟悉并掌握相关开发工具的使用，了解相关的技术。本章将介绍用于实现播放器框架搭建的HTML5、JavaScript以及CSS3技术，用于实现播放器相应功能的PHP技术，以及用于运行的相关环境配置，这些技术和工具用来实现播放器框架的搭建以及播放器的播放功能。

2。1 相关技术简介

JavaScript技术是实现HTML5多媒体功能的核心。在本课题中，HTML5用于搭建静态页面的框架，而页面的布局依靠CSS3来实现，播放、暂停、快进 、音量的调节等都依赖于JavaScript，页面的跳转、各子功能的实现及代码的重用就都依赖于PHP。

2。1。1 PHP简介

PHP（超级文本预处理语言）是一种常用的在服务器端执行的开源脚本语言，它吸收了Java、Perl和C语言的特点，再加之其自创的语法，混合形成了它独特的语法。这造成了它能够更快地执行动态网页——PHP通过将代码嵌入到HTML5文档中，其执行效率要远远高于完全生成HTML标记的CGI。

而由于PHP解释器的源代码公开以及其运行环境的使用免费，不仅使得用它进行网页开发的成本低，而且在所有的操作系统平台上都能够非常稳定地运行[5]。

2。1。2 SVG图标

SVG是基于XML语言定义的矢量图形语法，是一种用来描述二维矢量及栅格图形的图形格式。SVG提供了3种类型的图形对象：矢量图形（vector graphic shape）、图像（image）、文本（text）。SVG是一种可交互的动态图形，它提供了目前GIF和JPEG格式无法具备的优势：可以任意的放大或缩小图形显示，却不会改变图像质量；平均来讲，SVG格式的文件要远小于JPEG和GIF格式的文件，因而下载很快。因此，我们有理由相信，SVG的开发将会为Web提供新的图像标准[6]。