1、為學(xué)生進(jìn)行自主學(xué)習(xí)探究學(xué)習(xí)合作學(xué)習(xí)主題學(xué)習(xí)網(wǎng)絡(luò)學(xué)習(xí)提供支持 項(xiàng)目服務(wù)項(xiàng)目包含學(xué)校官網(wǎng)建設(shè)HTML5技術(shù)實(shí)現(xiàn)網(wǎng)站頁面自適應(yīng)各種終端設(shè)備，支持PC端手機(jī)端Pad移動(dòng)端，與微信平臺(tái)無縫整合720度校園全景展示；拍攝制作720° VR全景圖的步驟1選擇器材拍攝照片目前市面上除了百度地圖等大平臺(tái)在用全景相機(jī)拍攝VR全景圖以外，大部分的個(gè)體或從業(yè)者都是使用單反相機(jī)+廣角鏡頭或者魚眼鏡頭為需要的企業(yè)拍攝VR全景圖VR全景圖是由；需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltbutton標(biāo)簽中，加入樣式代碼style=quotwidth 200pxheight 80pxquot；制作很簡(jiǎn)單，把你拍攝的全景圖發(fā)布成HTML5格式，然后把生成的文件上傳到服務(wù)器，得到的鏈接就可以發(fā)布到微信公眾號(hào)或者朋友圈里就可以了酷雷曼全景希望可以幫到你。

2、1024*768 1280*720 1366*768 1440*960 這幾個(gè)是最常見的解析度，做網(wǎng)頁的時(shí)候要考慮 響應(yīng)式網(wǎng)頁設(shè)計(jì)和自適應(yīng)的區(qū)別 通俗的說，自適應(yīng)網(wǎng)頁設(shè)計(jì)也是響應(yīng)式網(wǎng)頁設(shè)計(jì)，響應(yīng)式網(wǎng)頁設(shè)計(jì)也是自適應(yīng)網(wǎng)頁設(shè)計(jì)但是真正的細(xì)分起來，自適應(yīng)只是響應(yīng)式；用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max；HTML5前端的選擇器一般有js選擇器和css選擇器 其中css選擇器上面的網(wǎng)友回答的很全面了使用pimg就可以了js選擇器一般使用jquery選擇器，而jquery選擇器可以通過id或者class樣式或者元素類型進(jìn)行選擇，子選擇器可以用find或者；2耗電性不同在移動(dòng)設(shè)備上，F(xiàn)lash播放器的耗電問題沒有解決，HTML5播放器的耗電較少3資源占用上不同當(dāng)在線視頻由480P逐漸升級(jí)到720P或者1080P的時(shí)候，F(xiàn)lash播放器需要安裝對(duì)應(yīng)的插件，光是播放就已經(jīng)占用相當(dāng)高的CPU。

3、1FlashYouTube上的FLV影片得通過一個(gè)SWFShockwaveFlash播放器播放，而這個(gè)播放器會(huì)呼叫FlashPlayerPlugIn來播放影片2HTML5YouTube上的M4V影片直接利用標(biāo)簽即可播放，而播放器是以JavaScript寫成，一切都以瀏覽器內(nèi)。

4、1首先打開html5編輯器，新建一個(gè)html文件，在里面寫入一個(gè)button按鈕，被button按鈕設(shè)置一個(gè)樣式，這里給它的class屬性設(shè)置為btn2在上方引入style標(biāo)簽，在里面設(shè)置btn類的樣式，這里設(shè)置寬度和高度使用width和height屬性就；HTML5 WebM HTML5Ogg 移動(dòng)設(shè)備MP4H264，“Baseline profile” 編碼，分辨率選擇 480×360 以便提供高兼容性 移動(dòng)設(shè)備MP4H264，“Main profile” 編碼，分辨率 1280×720 以便支持新的設(shè)備如 iPhone4iPad；H5的最顯著的優(yōu)勢(shì)在于跨平臺(tái)性，用H5搭建的站點(diǎn)與應(yīng)用可以兼容PC端與移動(dòng)端Windows與Linux安卓與IOS它可以輕易地移植到各種不同的開放平臺(tái)應(yīng)用平臺(tái)上，打破各自為政的局面這種強(qiáng)大的兼容性可以顯著地降低開發(fā)與運(yùn)營(yíng)；\x0d\x0a首先，引入上方這個(gè)polyfill\x0d\x0a然后，得到devicePixelRatio和backingStorePixelRatio的比例，可以使用下面的方法\x0d\x0a \x0d\x0avar getPixelRatio = functioncontext \x0d\x0a var；效果好能任意展示產(chǎn)品各個(gè)角度缺點(diǎn)是建模成本較高 2圖片拼接對(duì)產(chǎn)品進(jìn)行360度或720度拍攝，然后通過flash或其他3D自動(dòng)成像軟件合成出flashgif或html5格式動(dòng)畫優(yōu)點(diǎn)是成本低方便，缺點(diǎn)是只能360度或者720度，不能任意角度。

5、目前來說，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒有一種可以達(dá)到通吃所有瀏覽器的境界所以對(duì)于同一個(gè)視頻，至少需要兩種格式，才能在所有瀏覽器里播放首先要選擇一個(gè)被支持最多的視頻格式，那么就是 MP4 +。