1、ltinput type=quotfilequot accept=quotvideo*capture=camcorderquotltinput type=quotfilequot accept=quotaudio*capture=microphonequot之前做過微信的一些項目，在ios上使用這個file域是可以實現(xiàn)拍照和選擇相冊的 但是由于安卓機(jī)的兼容性非常糟糕，有些安卓機(jī)是可以的，有些就是不行，需要用一些app控件才可以；1實現(xiàn)頭的方法代碼2編寫CSS樣式的方法代碼3html上傳代碼4JS處理方法代碼5測試結(jié)果如下注意事項JavaScript是一種網(wǎng)絡(luò)腳本語言，在web應(yīng)用開發(fā)中得到了廣泛的應(yīng)用，它經(jīng)常被用來為網(wǎng)頁添加各種動態(tài)功能，為用戶提供更加流暢美觀的瀏覽效果，通常JavaScript腳本被嵌入到HTML中來實現(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ī)圖片或者相冊還是要根據(jù)手機(jī)的類型來說，有些手機(jī)只能調(diào)相機(jī)，有些手機(jī)只能調(diào)；1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內(nèi)時，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ī)頁面1學(xué)習(xí)html5然后自己編程如果你有html的基礎(chǔ)，也不會太難2去html5頁面制作平臺，比如vxplo，wix，makaim，就可以制作html5移動頁面但是，wix現(xiàn)在沒有中文網(wǎng)站Vxplo功能齊全，但同時操作非常復(fù)雜，一般人不會用Makaim是用模板組合，加上圖文制作而成，適合初學(xué)者；方法documentaddEventListenerquotdevicereadyquot， onDeviceReady， falsefunction onDeviceReady pictureSource = destinationType = 相冊 function fromCamera var source = pictureSourcePHOTOLIBRARYfun；H5海報是一種帶有交互性質(zhì)的海報這類作品可將H5頁面上的多個元素，包括圖片幻燈序列幀等合成在一張圖片上，進(jìn)而形成一份專屬的定制海報用戶可長按手機(jī)屏幕將海報保存到手機(jī)相冊，以便分享給朋友或發(fā)送到朋友圈文字表述可能不太容易理解，你可以到意派Epub360平臺上找一些合成海報H5案例來看看，看。

3、1獲取視頻流 添加一個HTML5的Video標(biāo)簽，并將從攝像頭獲得視頻作為這個標(biāo)簽的輸入來源 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ī)下載文件的存儲路徑與您使用的下載方式有關(guān)，若您使用的是自帶瀏覽器下載的文件，默認(rèn)保存到我的文件Download文件夾中；html5頁面加入這段 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1，minimumscale=1，maximumscale=2，userscalable=noquot maximumscale=2 表示頁面最大放大2倍，這樣你只要雙擊圖片就可以實現(xiàn)放大了，如果是要js來實現(xiàn)的話 那就得寫拖動插件了 原理先改變圖片那個div的。

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