周曉梅+王莉莉

摘要：HTML5是W3C指定的下一代的Web應(yīng)用新標(biāo)準(zhǔn)，支持多媒體標(biāo)簽及移動(dòng)應(yīng)用跨平臺(tái)，對(duì)于傳統(tǒng)的校園媒體資產(chǎn)管理系統(tǒng)來(lái)說(shuō)，在開(kāi)發(fā)和使用中擁有很大的優(yōu)勢(shì)。通過(guò)對(duì)HTML5新特性分析，介紹音視頻元素的主要屬性，并采用HTML5標(biāo)準(zhǔn)作為客戶(hù)端主要技術(shù)架構(gòu)，探討了HTML5在基于云存儲(chǔ)的校園媒體資產(chǎn)管理系統(tǒng)的應(yīng)用，旨在為校園云媒資系統(tǒng)的開(kāi)發(fā)提供新思路，有效的解決海量多媒體資源的高效存儲(chǔ)和管理問(wèn)題。

關(guān)鍵詞：HTML5；云存儲(chǔ)；媒體資產(chǎn)管理系統(tǒng)；音視頻；.NET

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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 概述

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展和多媒體教學(xué)在校園中的逐步推廣，在教學(xué)過(guò)程中產(chǎn)生的各種資源——文字、圖片、音頻、視頻都能夠通過(guò)網(wǎng)絡(luò)展示在人們眼前。為了滿(mǎn)足學(xué)生和教師對(duì)多媒體教學(xué)文件的備份存儲(chǔ)、編目檢索及分發(fā)交流等服務(wù)，提供更豐富、更具有交互性和響應(yīng)性的用戶(hù)體驗(yàn)，如何有效、便捷的管理、發(fā)布多媒體信息，成為了當(dāng)前熱議的課題之一[1]。

基于“云存儲(chǔ)”的校園媒體資產(chǎn)管理系統(tǒng)主要針對(duì)學(xué)校里產(chǎn)生的各種多媒體數(shù)據(jù)進(jìn)行全面的管理，主要為在校師生提供一個(gè)教學(xué)文件的管理平臺(tái)，方便在校師生上傳、檢索、編輯及發(fā)布教學(xué)資源，并通過(guò)客戶(hù)端為用戶(hù)提供下載、查詢(xún)等服務(wù)[2-4]。

本文主要選用HTML5標(biāo)準(zhǔn)作為客戶(hù)端主要技術(shù)架構(gòu)，探討HTML5在校園云媒資管理系統(tǒng)中的應(yīng)用，為在校師生提供一個(gè)全方面的教學(xué)管理平臺(tái)。

2 HTML5

HTML5是下一代的HTML語(yǔ)言版本，是目前較為流行的Web客戶(hù)端技術(shù)，它包含了新的元素，屬性和行為，同時(shí)包含了一系列可以被用來(lái)讓 Web 站點(diǎn)和應(yīng)用更加多樣化，功能更強(qiáng)大的技術(shù)[5]。相對(duì)于HTML4，HTML5使網(wǎng)頁(yè)中的音頻、視頻實(shí)現(xiàn)更快捷方便。

雖然HTML5標(biāo)準(zhǔn)目前尚處于開(kāi)發(fā)階段，但是現(xiàn)在大部分的瀏覽器已經(jīng)開(kāi)始支持HTML5的新功能，并且各大瀏覽器還在繼續(xù)開(kāi)發(fā)以更全面的支持HTML5標(biāo)準(zhǔn)[6]，它將使視頻、音頻、圖像、動(dòng)畫(huà)以及與電腦的交互都被標(biāo)準(zhǔn)化。用戶(hù)不需要安裝Flash等瀏覽器插件，而是利用HTML5中的

2.1

在HTML 4標(biāo)準(zhǔn)中，如果用戶(hù)嵌入視頻則需要安裝Flash插件才能在線(xiàn)播放視頻文件，但是現(xiàn)在使用較多的智能手機(jī)、平板電腦等移動(dòng)終端卻不支持安裝Flash插件，則不能在線(xiàn)播放視頻。而HTML5的

2.2

在HTML4中，需要播放音頻文件也需要下載安裝各種插件，并且只能在插件中才能實(shí)現(xiàn)的回放、跳轉(zhuǎn)、緩沖等功能，目前HTML5的

3 基于HTML5的校園云媒資系統(tǒng)

校園云媒資管理系統(tǒng)采用公有云存儲(chǔ)提供的SDK，使用.NET為主要服務(wù)器端技術(shù)，利用C#作為與公有云存儲(chǔ)的交互語(yǔ)言。

在視頻客戶(hù)端，選用HTML5標(biāo)準(zhǔn)作為主要技術(shù)架構(gòu)。目前，支持HTML5的瀏覽器包括Firefox、IE9、Chrome、Safari、Opera等，在各種瀏覽器及設(shè)備中，都提供了對(duì)HTML5的支持?，F(xiàn)在視頻編碼有三種選擇，分別是H.264、OggTheora、VP8（WebM），每個(gè)瀏覽器有其自己的首選視頻格式。

通過(guò)在

4 結(jié)束語(yǔ)

將HTML5規(guī)范應(yīng)用于校園云媒體資產(chǎn)管理系統(tǒng)中，不僅可以實(shí)現(xiàn)多媒體數(shù)據(jù)較為流暢的播放體驗(yàn)，同時(shí)降低瀏覽器的性能消耗，極大加快了網(wǎng)頁(yè)的加載速度[8]。同時(shí)，在HTML5中不需要安裝插件就可以實(shí)現(xiàn)音視頻的在線(xiàn)播放等一系列功能，從而避免了因?yàn)榘惭b各種不同廠(chǎng)商的插件而帶來(lái)的安全性問(wèn)題。雖然HTML5目前還處于開(kāi)發(fā)階段，但其單純的標(biāo)記語(yǔ)言將成為Web開(kāi)發(fā)的有利工具。

參考文獻(xiàn)：

[1] 徐品， 李紹彬， 王玉霞. 媒體資產(chǎn)管理技術(shù)[M]. 北京： 電子工業(yè)出版社， 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的微格教學(xué)視頻標(biāo)注系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 電化教育研究， 2014（4）： 66-71.

[6] 李慧云， 楊新章， 胡文勝， 等. 基于HTML5的移動(dòng)互聯(lián)網(wǎng)應(yīng)用轉(zhuǎn)換技術(shù)[J]. 電信科學(xué)， 2013（5）： 28-32.

[7] 楊炳保. 基于A(yíng)ndroid的移動(dòng)云計(jì)算技術(shù)的研究[J]. 計(jì)算機(jī)技術(shù)與發(fā)展， 2013（8）： 52-54.

[8] 張峰， 李基亮. 校園私有云存儲(chǔ)方案的探索[J]. 華東師范大學(xué)學(xué)報(bào)： 自然科學(xué)版， 2015（z1）： 139-145.