HTML5在校园云媒资管理系统中的应用

周晓梅+王莉莉

摘要：HTML5是W3C指定的下一代的Web应用新标准，支持多媒体标签及移动应用跨平台，对于传统的校园媒体资产管理系统来说，在开发和使用中拥有很大的优势。通过对HTML5新特性分析，介绍音视频元素的主要属性，并采用HTML5标准作为客户端主要技术架构，探讨了HTML5在基于云存储的校园媒体资产管理系统的应用，旨在为校园云媒资系统的开发提供新思路，有效的解决海量多媒体资源的高效存储和管理问题。

关键词：HTML5；云存储；媒体资产管理系统；音视频；.NET

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2016）08-0266-02

Abstract： HTML5 is the next generation Web application new standard designated by W3C， which supports multimedia label and cross platform of mobile applications. For traditional campus media asset management system， it has big advantage in development and use. By analyzing the new characteristics of HTML5， introducing the main attributes of the audio visual video elements and adopting HTML5 standard as the main technical structure of the client， it discusses HTML5s application in the campus media management system based on the cloud storage， in order to provide new thoughts for the campus cloud media information system， which effectively solved the issue of efficient storage and management of the massive multimedia resources.

Key words： HTML5； cloud storage； media asset management； audio video； .NET

1 概述

随着网络技术的不断发展和多媒体教学在校园中的逐步推广，在教学过程中产生的各种资源——文字、图片、音频、视频都能够通过网络展示在人们眼前。为了满足学生和教师对多媒体教学文件的备份存储、编目检索及分发交流等服务，提供更丰富、更具有交互性和响应性的用户体验，如何有效、便捷的管理、发布多媒体信息，成为了当前热议的课题之一[1]。

基于“云存储”的校园媒体资产管理系统主要针对学校里产生的各种多媒体数据进行全面的管理，主要为在校师生提供一个教学文件的管理平台，方便在校师生上传、检索、编辑及发布教学资源，并通过客户端为用户提供下载、查询等服务[2-4]。

本文主要选用HTML5标准作为客户端主要技术架构，探讨HTML5在校园云媒资管理系统中的应用，为在校师生提供一个全方面的教学管理平台。

2 HTML5

HTML5是下一代的HTML语言版本，是目前较为流行的Web客户端技术，它包含了新的元素，属性和行为，同时包含了一系列可以被用来让 Web 站点和应用更加多样化，功能更强大的技术[5]。相对于HTML4，HTML5使网页中的音频、视频实现更快捷方便。

虽然HTML5标准目前尚处于开发阶段，但是现在大部分的浏览器已经开始支持HTML5的新功能，并且各大浏览器还在继续开发以更全面的支持HTML5标准[6]，它将使视频、音频、图像、动画以及与电脑的交互都被标准化。用户不需要安装Flash等浏览器插件，而是利用HTML5中的

2.1

在HTML 4标准中，如果用户嵌入视频则需要安装Flash插件才能在线播放视频文件，但是现在使用较多的智能手机、平板电脑等移动终端却不支持安装Flash插件，则不能在线播放视频。而HTML5的

2.2

在HTML4中，需要播放音频文件也需要下载安装各种插件，并且只能在插件中才能实现的回放、跳转、缓冲等功能，目前HTML5的

3 基于HTML5的校园云媒资系统

校园云媒资管理系统采用公有云存储提供的SDK，使用.NET为主要服务器端技术，利用C#作为与公有云存储的交互语言。

在视频客户端，选用HTML5标准作为主要技术架构。目前，支持HTML5的浏览器包括Firefox、IE9、Chrome、Safari、Opera等，在各种浏览器及设备中，都提供了对HTML5的支持。现在视频编码有三种选择，分别是H.264、OggTheora、VP8（WebM），每个浏览器有其自己的首选视频格式。

通过在

4 结束语

将HTML5规范应用于校园云媒体资产管理系统中，不仅可以实现多媒体数据较为流畅的播放体验，同时降低浏览器的性能消耗，极大加快了网页的加载速度[8]。同时，在HTML5中不需要安装插件就可以实现音视频的在线播放等一系列功能，从而避免了因为安装各种不同厂商的插件而带来的安全性问题。虽然HTML5目前还处于开发阶段，但其单纯的标记语言将成为Web开发的有利工具。

参考文献：

[1] 徐品， 李绍彬， 王玉霞. 媒体资产管理技术[M]. 北京： 电子工业出版社， 2012： 109-116.

[2] Drago I，Bocchi E，Mellia M，et al.Benchmarking personal cloud storage[C]//Proceedings of the 2013 conference on Internet measurement conference. ACM， 2013： 205-212.

[3] Drago I，Mellia M，M Munafo M，et al.Inside dropbox： understanding personal cloud storage services[C]//Proceedings of the 2012 ACM conference on Internet measurement conference. ACM， 2012： 481-494.

[4] Wei Y， Jianpeng Z， Junmao Z， et al.Design and implementation of security cloud storage framework[C]//Proceedingsof 2012 Second International Conference on Instrumentation， Measurement， Computer， Communication and Control （IMCCC）. NewYork： IEEE， 2012： 323-326.

[5] 黄予， 莫永华， 何良泉， 等. 基于HTML5的微格教学视频标注系统的设计与实现[J]. 电化教育研究， 2014（4）： 66-71.

[6] 李慧云， 杨新章， 胡文胜， 等. 基于HTML5的移动互联网应用转换技术[J]. 电信科学， 2013（5）： 28-32.

[7] 杨炳保. 基于Android的移动云计算技术的研究[J]. 计算机技术与发展， 2013（8）： 52-54.

[8] 张峰， 李基亮. 校园私有云存储方案的探索[J]. 华东师范大学学报： 自然科学版， 2015（z1）： 139-145.