本文關(guān)鍵詞： HTML5 流媒體 Video標簽 Audio標簽 RTP協(xié)議 RTSP協(xié)議 HTML5視頻編碼解碼技術(shù)　出處：《廣東技術(shù)師范學院》2014年碩士論文　論文類型：學位論文

【摘要】：傳統(tǒng)的利用流媒體技術(shù)實現(xiàn)對視頻、音頻的播放的過程中,都需要安裝和加載Flash插件等應(yīng)用,造成了瀏覽器對于插件的依賴性。 盡管流媒體的視頻、音頻格式能夠適應(yīng)帶寬資源的利用,但是隨著網(wǎng)絡(luò)的發(fā)展,為傳輸提供更高圖像質(zhì)量、更高流暢程度、更高解碼效率的視頻、音頻已經(jīng)成為網(wǎng)絡(luò)發(fā)展的亟待解決的問題。 同時,隨著智能手機的發(fā)展以及IOS,Android,Windows Phone的平臺的興起,越來越多的應(yīng)用都已經(jīng)拓展到了移動端,傳統(tǒng)的播放器已不能適應(yīng)現(xiàn)有的平臺。 HTML5是由HTML、CSS3和Javascript等一系列技術(shù)的組合,旨在減少網(wǎng)頁對于傳統(tǒng)插件如Flash的依賴性,并依靠Javascript和CSS3強化WEB網(wǎng)頁的表現(xiàn)性能。 目前由網(wǎng)頁實現(xiàn)流媒體的傳輸和播放都需要借助Flash插件的使用。論文分析、設(shè)計、實現(xiàn)了基于HTML5的視頻、音頻播放器,并檢驗了HTML5視頻、音頻傳輸?shù)男阅?擺脫了對Flash插件和其他視頻編碼解碼器的依賴。設(shè)計和提出了利用jQuery Mobile和PhoneGap框架實現(xiàn)移動端的開發(fā)應(yīng)用,并實現(xiàn)了基于HTML5的跨平臺功能,研究了HTML5視頻、音頻傳輸過程。流媒體技術(shù)的傳輸協(xié)議為視頻、音頻的傳輸提供了可靠的基礎(chǔ),HTML5的Javascript的本地引擎功能了加速網(wǎng)頁的加載速度,提高了網(wǎng)頁傳輸?shù)男省?論文的創(chuàng)新點主要有： 1.目前主流的視頻、音頻播放器都不能實現(xiàn)跨平臺的功能。本論文利用HTML5的Video和Audio標簽,設(shè)計和實現(xiàn)了一個基于HTML5的視頻、音頻播放器,解決了傳統(tǒng)播放器所不具備的跨平臺功能。 2.目前的主流的視頻、音頻播放器的都需要加載插件,而且不同的平臺還需要安裝不同的插件,用戶體驗和效果不佳。而利用HTML5技術(shù)設(shè)計與實現(xiàn)的HTML5視頻、音頻播放器則可以利用HTML5的視頻編碼解碼器實現(xiàn)對視頻、音頻的解碼功能,而不需要在不同平臺上安裝不同的插件,使用戶擺脫插件的使用。 3.傳統(tǒng)的視頻播放器播放的視頻資源碼率較高,傳輸效率低；而幀率卻較低,圖像質(zhì)量差；即使幀率較低,但是流暢度也不佳。本論文通過與具有低碼率高質(zhì)量FLV格式實驗比較,驗證HTML5的視頻編碼解碼技術(shù)不僅降低了視頻資源的碼率,對視頻資源的流暢程度影響較小,并且提高了視頻資源的幀率,提高了視頻資源的圖像質(zhì)量。 本文利用HTML5技術(shù)實現(xiàn)了視頻、音頻的傳輸,設(shè)計與實現(xiàn)了前端視頻、音頻播放器,擺脫不同平臺插件應(yīng)用。系統(tǒng)具備跨平臺性,跨移動終端的功能。測試結(jié)果說明：HTML5格式比傳統(tǒng)的FLV格式提供了更高傳輸效率,更高傳輸質(zhì)量、更高存儲性能的視頻、音頻。
[Abstract]:In the process of video and audio playback, the traditional streaming media technology needs to install and load the Flash plug-in, which results in the browser's dependence on the plug-in. Although the video and audio formats of streaming media can adapt to the utilization of bandwidth resources, with the development of the network, video with higher image quality, higher fluency and higher decoding efficiency is provided for transmission. Audio has become an urgent problem in network development. At the same time, with the development of smart phone and the rise of OS Android Phone platform, more and more applications have been extended to the mobile side, the traditional player can not adapt to the existing platform. HTML5 is a combination of HTML CSS3 and Javascript, which aims to reduce the dependence of web pages on traditional plug-ins such as Flash, and rely on Javascript and CSS3 to enhance the performance of WEB pages. At present, the transmission and playback of streaming media by web pages need the help of Flash plug-in. This paper analyzes, designs and implements the video and audio player based on HTML5, and tests the performance of HTML5 video and audio transmission. In order to get rid of the dependence on the Flash plug-in and other video codec, this paper designs and proposes the development and application of mobile terminal using jQuery Mobile and PhoneGap framework, and realizes the cross-platform function based on HTML5, and studies the HTML5 video. The transmission protocol of streaming media technology provides a reliable basis for the transmission of video and audio. The local engine of Javascript of HTML5 accelerates the loading speed of web pages and improves the efficiency of web page transmission. The innovations of this paper are as follows:. 1. At present, the mainstream video and audio player can not realize the function of cross-platform. This paper uses the Video and Audio tags of HTML5 to design and implement a video and audio player based on HTML5. Solves the traditional player does not have the cross-platform function. 2.The current mainstream video and audio players need to load plug-ins, and different platforms also need to install different plug-ins, user experience and poor results. HTML5 video design and implementation using HTML5 technology, Audio player can use HTML5 video codec to decode video and audio without having to install different plug-ins on different platforms so that users can get rid of plug-in. 3. The traditional video player plays the video resource with high bit rate and low transmission efficiency, while the frame rate is lower and the image quality is poor, even if the frame rate is low, But the fluency is also not good. Comparing with the experiment of FLV format with low bit rate and high quality, this paper verifies that the video coding and decoding technology of HTML5 not only reduces the bit rate of video resource, but also has little effect on the fluency of video resource. The frame rate of video resource is improved and the image quality of video resource is improved. This paper uses HTML5 technology to realize video and audio transmission, design and implement front-end video, audio player, get rid of different platform plug-in applications. Test results show that the: HTML5 format offers higher transmission efficiency, higher transmission quality, and higher storage performance than the traditional FLV format.
【學位授予單位】：廣東技術(shù)師范學院
【學位級別】：碩士
【學位授予年份】：2014
【分類號】：TN919.8

【參考文獻】

相關(guān)期刊論文 前3條

1 李燁民;;基于HTML5的前端本地化存儲技術(shù)[J];成都大學學報(自然科學版);2012年01期

2 李瑞霖;曾玉珠;;基于Android的P2P手機高清視頻在線點播系統(tǒng)[J];電腦編程技巧與維護;2010年21期

3 孫丹鶴;王振;;基于HTML5的視頻網(wǎng)站播控系統(tǒng)[J];電腦知識與技術(shù);2011年36期

相關(guān)博士學位論文 前3條

1 吳杰;P2P流媒體內(nèi)容分發(fā)與服務(wù)關(guān)鍵技術(shù)研究[D];復旦大學;2008年

2 周麗娟;P2P流媒體識別方法的研究[D];華中科技大學;2008年

3 韓志杰;基于P2P的流媒體若干關(guān)鍵技術(shù)研究[D];蘇州大學;2009年

，

本文編號：1551929