1、ltinput type=quotfilequot accept=quotvideo*capture=camcorderquotltinput type=quotfilequot accept=quotaudio*capture=microphonequot之前做過(guò)微信的一些項(xiàng)目，在ios上使用這個(gè)file域是可以實(shí)現(xiàn)拍照和選擇相冊(cè)的 但是由于安卓機(jī)的兼容性非常糟糕，有些安卓機(jī)是可以的，有些就是不行，需要用一些app控件才可以；1實(shí)現(xiàn)頭的方法代碼2編寫CSS樣式的方法代碼3html上傳代碼4JS處理方法代碼5測(cè)試結(jié)果如下注意事項(xiàng)JavaScript是一種網(wǎng)絡(luò)腳本語(yǔ)言，在web應(yīng)用開發(fā)中得到了廣泛的應(yīng)用，它經(jīng)常被用來(lái)為網(wǎng)頁(yè)添加各種動(dòng)態(tài)功能，為用戶提供更加流暢美觀的瀏覽效果，通常JavaScript腳本被嵌入到HTML中來(lái)實(shí)現(xiàn)自己的；inputtype=quotfilequotaccept=quotvideo*capture=camcorderquotltinputtype=quotfilequotaccept=quotaudio*capture=microphonequotltinputtype=quotfilequotaccept=quotimage*capture=cameraquot直接調(diào)用相機(jī)ltinputtype=quotfilequotaccept=quotimage*quot調(diào)用相機(jī)圖片或者相冊(cè)還是要根據(jù)手機(jī)的類型來(lái)說(shuō)，有些手機(jī)只能調(diào)相機(jī)，有些手機(jī)只能調(diào)；1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)，div的大小保持不變3輸入backgroundsize coverwebkitbackgroundsize c。

2、html5調(diào)用手機(jī)攝像頭，可以參考如下代碼lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitleInsert title herelttitleltheadltbodyltvideo id=quotvideoquot autoplay=quotquotstyle=#39width640pxheight480px#39ltvideoltdivltbutton id=#39picture#39 style=quotwidth 100%quotPICTUREltbuttonlt；如何制作html5手機(jī)頁(yè)面1學(xué)習(xí)html5然后自己編程如果你有html的基礎(chǔ)，也不會(huì)太難2去html5頁(yè)面制作平臺(tái)，比如vxplo，wix，makaim，就可以制作html5移動(dòng)頁(yè)面但是，wix現(xiàn)在沒(méi)有中文網(wǎng)站Vxplo功能齊全，但同時(shí)操作非常復(fù)雜，一般人不會(huì)用Makaim是用模板組合，加上圖文制作而成，適合初學(xué)者；方法documentaddEventListenerquotdevicereadyquot， onDeviceReady， falsefunction onDeviceReady pictureSource = destinationType = 相冊(cè) function fromCamera var source = pictureSourcePHOTOLIBRARYfun；H5海報(bào)是一種帶有交互性質(zhì)的海報(bào)這類作品可將H5頁(yè)面上的多個(gè)元素，包括圖片幻燈序列幀等合成在一張圖片上，進(jìn)而形成一份專屬的定制海報(bào)用戶可長(zhǎng)按手機(jī)屏幕將海報(bào)保存到手機(jī)相冊(cè)，以便分享給朋友或發(fā)送到朋友圈文字表述可能不太容易理解，你可以到意派Epub360平臺(tái)上找一些合成海報(bào)H5案例來(lái)看看，看。

3、1獲取視頻流 添加一個(gè)HTML5的Video標(biāo)簽，并將從攝像頭獲得視頻作為這個(gè)標(biāo)簽的輸入來(lái)源 var video = documentgetElementByIdx_x_xquotvideoquotnavigatorgetUserMediavideotrue， function stream videosrc = stream， function error alerterror；error errorcode consolelogerrorsnapaddEventListener#39click#39， function 繪制canvas圖形 canvasgetContext#392d#39drawImagevideo， 0， 0， 400， 300把canvas圖像轉(zhuǎn)為img圖片 imgsrc = canvastoDataURLquotimagepngquotltscript ltbody lthtml；手機(jī)下載文件的存儲(chǔ)路徑與您使用的下載方式有關(guān)，若您使用的是自帶瀏覽器下載的文件，默認(rèn)保存到我的文件Download文件夾中；html5頁(yè)面加入這段 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1，minimumscale=1，maximumscale=2，userscalable=noquot maximumscale=2 表示頁(yè)面最大放大2倍，這樣你只要雙擊圖片就可以實(shí)現(xiàn)放大了，如果是要js來(lái)實(shí)現(xiàn)的話 那就得寫拖動(dòng)插件了 原理先改變圖片那個(gè)div的。

4、這位網(wǎng)友你好，個(gè)人意見(jiàn)僅供參考圖標(biāo)一般比較小，用實(shí)際像素就可以，圖片用百分比，字體的話感覺(jué)不用設(shè)置，因?yàn)槭謾C(jī)自帶的字體會(huì)覆蓋掉你的字體你可以參考一下百度淘寶等網(wǎng)站的手機(jī)版網(wǎng)站，可以用開發(fā)者工具來(lái)看例如chrome瀏覽器右擊審查元素；里面有很多免費(fèi)的模板4可以在模板中心選擇一個(gè)自己需要的點(diǎn)擊，直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁(yè)面5進(jìn)入后就可以根據(jù)自己的需要，將模板里面的文字圖片和音樂(lè)替換成自己需要的即可，如圖所示6還可以給自己的手機(jī)網(wǎng)頁(yè)添加背景音樂(lè)，動(dòng)畫效果，跳轉(zhuǎn)鏈接，特效組件等等；首先我們先打開自己的DreamWeaver軟件，新建一個(gè)html5頁(yè)面，然后命名，保存然后我們先進(jìn)行簡(jiǎn)單的頁(yè)面布局在body部分加入一個(gè)div，里面添加ul和li的嵌套我們?cè)趌i標(biāo)簽中添加部分內(nèi)容，并設(shè)置其寬度為100%，即充滿整個(gè)屏幕，高度為固定值然后我們找到已經(jīng)做好的圖片，注意圖片盡量選擇正方形的，大小為30；HTML5是沒(méi)有這個(gè)功能的，可以使用瀏覽器的內(nèi)置發(fā)送到桌面圖標(biāo)功能，以下以UC為例1進(jìn)入U(xiǎn)C瀏覽器首頁(yè)后，點(diǎn)擊所示的圖標(biāo) 2會(huì)看到書簽歷史點(diǎn)擊它 3進(jìn)入書簽后，隨后長(zhǎng)按幾秒你想發(fā)送到手機(jī)桌面的書簽網(wǎng)址 4接著會(huì)彈出后臺(tái)打開刪除書簽編輯書簽加入導(dǎo)航發(fā)送至桌面五個(gè)操作按鈕。