![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端之H5
文章平均质量分 59
前端-如此如此。
人守礼,心守静。
展开
-
H5: 按钮的点击热区
手机端使用的页面按钮,很需要热区,避免用户点击困难原创 2023-12-06 11:54:21 · 365 阅读 · 0 评论 -
H5: 使用Web Audio API播放音乐
为了兼容安卓与IOS,使用AudioContext播放音乐。原创 2023-11-03 21:35:53 · 1492 阅读 · 0 评论 -
H5: div与textarea输入框的交互(聚焦、失去焦点、键盘收起)
div 与 textarea 输入框交互的聚焦、失去焦点、键盘收起、表情插入不失去焦点的需求实现原创 2023-08-17 16:41:46 · 2511 阅读 · 0 评论 -
H5:在手机上调试开发H5网址
在开发H5网址的时候,特别是手机真机上,想要查看日志即可采取当前方式。原创 2020-05-24 10:52:47 · 2282 阅读 · 3 评论 -
H5:如何将vant-uploader上传的base64图片转换为文件上传到服务器
H5中使用vant的uploader组件选择的图片,一次选择一张返回的是对象,一次选择多张返回的数组(包含一个个对象),但是这些对象都是base64的格式,不是想要的文件格式,于是需要我们转换。原创 2020-04-16 14:26:46 · 4829 阅读 · 11 评论 -
H5:获取手机媒体设备权限,如麦克风、视频等
简介H5开发中,有的项目需要获取手机设备权限,如麦克风、视频。具体实现created() { if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) { this.getUserMedi...原创 2020-04-01 16:01:54 · 10327 阅读 · 3 评论 -
JS:浏览器中获取用户手机设备权限,如语音、相机等
简介H5网页项目中有需要拍照、录音、视频等会需要获取手机设备权限。具体实现 created() { if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) { thi...原创 2020-03-26 19:33:26 · 6336 阅读 · 4 评论 -
H5:input type=“file” 在移动端页面实现调用本地相册、拍照、录音
简介用H5做一个移动端的网页时,需要上传图片,于是需要调用手机相册和相机功能。具体实现<input type="file" accept="image/*" mutiple="mutiple" capture="camera" />三个属性:accept - 规定可提交的文件类型。capture - 系统所捕获的默认设备。camera(照相机),camcorder(摄像机...原创 2020-02-14 14:59:22 · 7601 阅读 · 0 评论