1、ltinput type=quotfilequot accept=quotvideo*capture=camcorderquotltinput type=quotfilequot accept=quotaudio*capture=microphonequot之前做过微信的一些项目，在ios上使用这个file域是可以实现拍照和选择相册的 但是由于安卓机的兼容性非常糟糕，有些安卓机是可以的，有些就是不行，需要用一些app控件才可以；1实现头的方法代码2编写CSS样式的方法代码3html上传代码4JS处理方法代码5测试结果如下注意事项JavaScript是一种网络脚本语言，在web应用开发中得到了广泛的应用，它经常被用来为网页添加各种动态功能，为用户提供更加流畅美观的浏览效果，通常JavaScript脚本被嵌入到HTML中来实现自己的；inputtype=quotfilequotaccept=quotvideo*capture=camcorderquotltinputtype=quotfilequotaccept=quotaudio*capture=microphonequotltinputtype=quotfilequotaccept=quotimage*capture=cameraquot直接调用相机ltinputtype=quotfilequotaccept=quotimage*quot调用相机图片或者相册还是要根据手机的类型来说，有些手机只能调相机，有些手机只能调；1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变3输入backgroundsize coverwebkitbackgroundsize c。

2、html5调用手机摄像头，可以参考如下代码lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitleInsert title herelttitleltheadltbodyltvideo id=quotvideoquot autoplay=quotquotstyle=#39width640pxheight480px#39ltvideoltdivltbutton id=#39picture#39 style=quotwidth 100%quotPICTUREltbuttonlt；如何制作html5手机页面1学习html5然后自己编程如果你有html的基础，也不会太难2去html5页面制作平台，比如vxplo，wix，makaim，就可以制作html5移动页面但是，wix现在没有中文网站Vxplo功能齐全，但同时操作非常复杂，一般人不会用Makaim是用模板组合，加上图文制作而成，适合初学者；方法documentaddEventListenerquotdevicereadyquot， onDeviceReady， falsefunction onDeviceReady pictureSource = destinationType = 相册 function fromCamera var source = pictureSourcePHOTOLIBRARYfun；H5海报是一种带有交互性质的海报这类作品可将H5页面上的多个元素，包括图片幻灯序列帧等合成在一张图片上，进而形成一份专属的定制海报用户可长按手机屏幕将海报保存到手机相册，以便分享给朋友或发送到朋友圈文字表述可能不太容易理解，你可以到意派Epub360平台上找一些合成海报H5案例来看看，看。

3、1获取视频流 添加一个HTML5的Video标签，并将从摄像头获得视频作为这个标签的输入来源 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图像转为img图片 imgsrc = canvastoDataURLquotimagepngquotltscript ltbody lthtml；手机下载文件的存储路径与您使用的下载方式有关，若您使用的是自带浏览器下载的文件，默认保存到我的文件Download文件夹中；html5页面加入这段 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1，minimumscale=1，maximumscale=2，userscalable=noquot maximumscale=2 表示页面最大放大2倍，这样你只要双击图片就可以实现放大了，如果是要js来实现的话 那就得写拖动插件了 原理先改变图片那个div的。

4、这位网友你好，个人意见仅供参考图标一般比较小，用实际像素就可以，图片用百分比，字体的话感觉不用设置，因为手机自带的字体会覆盖掉你的字体你可以参考一下百度淘宝等网站的手机版网站，可以用开发者工具来看例如chrome浏览器右击审查元素；里面有很多免费的模板4可以在模板中心选择一个自己需要的点击，直接套用模板，也可以选择自己创建一个空白页面5进入后就可以根据自己的需要，将模板里面的文字图片和音乐替换成自己需要的即可，如图所示6还可以给自己的手机网页添加背景音乐，动画效果，跳转链接，特效组件等等；首先我们先打开自己的DreamWeaver软件，新建一个html5页面，然后命名，保存然后我们先进行简单的页面布局在body部分加入一个div，里面添加ul和li的嵌套我们在li标签中添加部分内容，并设置其宽度为100%，即充满整个屏幕，高度为固定值然后我们找到已经做好的图片，注意图片尽量选择正方形的，大小为30；HTML5是没有这个功能的，可以使用浏览器的内置发送到桌面图标功能，以下以UC为例1进入UC浏览器首页后，点击所示的图标 2会看到书签历史点击它 3进入书签后，随后长按几秒你想发送到手机桌面的书签网址 4接着会弹出后台打开删除书签编辑书签加入导航发送至桌面五个操作按钮。