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.