發(fā)布時間：2018-06-22 05:44

  本文選題：媒體查詢 + 流動布局　； 參考：《現(xiàn)代電子技術(shù)》2016年24期

【摘要】：針對電腦版網(wǎng)頁中視頻元素直接顯示在移動設(shè)備上時視頻比例無法自動伸縮、遠(yuǎn)程視頻無法播放等缺點,提出基于自適應(yīng)網(wǎng)頁設(shè)計技術(shù)的視頻自適應(yīng)方法。依據(jù)本地視頻和遠(yuǎn)程視頻的各自特點,設(shè)計不同的自適應(yīng)方案:本地視頻的自適應(yīng)分別采用媒體查詢技術(shù)和流動布局技術(shù)實現(xiàn);遠(yuǎn)程視頻的自適應(yīng)則分別采用FitVids插件和流動布局技術(shù)實現(xiàn)。分別對頁面布局效果和頁面加載時間進(jìn)行了測試:通過在Chrome瀏覽器下使用擴(kuò)展程序Window Resizer對頁面布局效果進(jìn)行測試,結(jié)果表明,相比非自適應(yīng)網(wǎng)頁,自適應(yīng)網(wǎng)頁在不同分辨率下頁面內(nèi)容顯示更合理;采用WebPagetest對頁面加載時間進(jìn)行了測試,結(jié)果表明,與非自適應(yīng)網(wǎng)頁相比,自適應(yīng)網(wǎng)頁的頁面加載時間更短,頁面響應(yīng)速度更快。
[Abstract]:In view of the disadvantages of the video elements in the computer version of the web page being displayed directly on the mobile device, the proportion of video can not be automatically scaled and the remote video can not be played, a video adaptive method based on adaptive web page design technology is proposed. According to the characteristics of local video and remote video, different adaptive schemes are designed: the adaptation of local video is implemented by media query technology and flow layout technology respectively; The adaptation of remote video is realized by FitVids plug-in and flow layout technology respectively. The page layout effect and page loading time are tested respectively. The page layout effect is tested by using window Resizer, an extender in Chrome browser. The results show that, compared with non-adaptive web pages, The results show that the page loading time of adaptive web pages is shorter than that of non-adaptive web pages, and the page response speed is faster than that of non-adaptive web pages.
【作者單位】： 西安交通大學(xué)數(shù)據(jù)與信息中心;
【基金】：教育部科技發(fā)展中心專項(2011jybkjfz01)
【分類號】：TP393.092

【參考文獻(xiàn)】

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

1 畢劍;劉曉艷;張禹;;使用響應(yīng)式網(wǎng)頁設(shè)計構(gòu)建圖書館移動門戶網(wǎng)站——以云南大學(xué)圖書館為例[J];現(xiàn)代圖書情報技術(shù);2015年02期

【共引文獻(xiàn)】

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

1 馮興利;洪丹丹;羅軍鋒;鎖志海;;視頻自適應(yīng)技術(shù)在網(wǎng)頁設(shè)計中的實現(xiàn)[J];現(xiàn)代電子技術(shù);2016年24期

2 孫榮;;移動校園平臺支持下的高校移動圖書館建設(shè)研究——以微哨平臺為例[J];現(xiàn)代圖書情報技術(shù);2016年09期

3 姬廣永;張蕊;;響應(yīng)式在線教育平臺開發(fā)技術(shù)研究[J];軟件;2016年07期

4 馮興利;洪丹丹;羅軍鋒;鎖志海;;自適應(yīng)網(wǎng)頁設(shè)計中的關(guān)鍵技術(shù)[J];計算機(jī)應(yīng)用;2016年S1期

5 王sチ，

本文編號：2051824