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

【摘要】：針對(duì)電腦版網(wǎng)頁(yè)中視頻元素直接顯示在移動(dòng)設(shè)備上時(shí)視頻比例無(wú)法自動(dòng)伸縮、遠(yuǎn)程視頻無(wú)法播放等缺點(diǎn),提出基于自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的視頻自適應(yīng)方法。依據(jù)本地視頻和遠(yuǎn)程視頻的各自特點(diǎn),設(shè)計(jì)不同的自適應(yīng)方案:本地視頻的自適應(yīng)分別采用媒體查詢技術(shù)和流動(dòng)布局技術(shù)實(shí)現(xiàn);遠(yuǎn)程視頻的自適應(yīng)則分別采用FitVids插件和流動(dòng)布局技術(shù)實(shí)現(xiàn)。分別對(duì)頁(yè)面布局效果和頁(yè)面加載時(shí)間進(jìn)行了測(cè)試:通過(guò)在Chrome瀏覽器下使用擴(kuò)展程序Window Resizer對(duì)頁(yè)面布局效果進(jìn)行測(cè)試,結(jié)果表明,相比非自適應(yīng)網(wǎng)頁(yè),自適應(yīng)網(wǎng)頁(yè)在不同分辨率下頁(yè)面內(nèi)容顯示更合理;采用WebPagetest對(duì)頁(yè)面加載時(shí)間進(jìn)行了測(cè)試,結(jié)果表明,與非自適應(yīng)網(wǎng)頁(yè)相比,自適應(yīng)網(wǎng)頁(yè)的頁(yè)面加載時(shí)間更短,頁(yè)面響應(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ā)展中心專項(xiàng)(2011jybkjfz01)
【分類號(hào)】：TP393.092

【參考文獻(xiàn)】

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

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

【共引文獻(xiàn)】

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

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

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

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

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

5 王sチ，

本文編號(hào)：2051824