个人案例
场景零售
场景零售
场景零售扫码体验
- wx.openSetting,pc版微信小程序怎么打开权限设置页面?
pc版微信小程序昨天突然无法授权视频和语音功能，怎么解决？
2023-11-01 - 微信小程序无法在PC端微信中打开？
微信小程序使用skyline框架，地图定位，可以在手机端正常打开，但是在windows的微信端都打不开 windows提示如下（微信版本已经更新到最新）： [图片]
2024-07-25 - ios web-view 什么时候才能支持 webRTC?
ios web-view 什么时候才能支持 webRTC?
2022-09-30 - webview 支持使用webRTC吗？
webview 支持使用webRTC吗？
2024-09-02 - 微信iOS客户端navigator.mediaDevices兼容问题
我目前在微信公众号做一个录音的功能，在通过navigator.mediaDevices获取音频时，微信iOS客户端出现了兼容问题。请问有办法解决这个兼容问题吗？[图片] 具体报错代码如下： navigator.mediaDevices.getUserMedia({audio: true, video: false}).then(function (stream) { var rec = new HZRecorder(stream, config); callback(rec); }).catch(function (error) { switch (error.code || error.name) { case 'PERMISSION_DENIED': case 'PermissionDeniedError': HZRecorder.throwError('用户拒绝提供信息。'); break; case 'NOT_SUPPORTED_ERROR': case 'NotSupportedError': HZRecorder.throwError('浏览器不支持硬件设备。'); break; case 'MANDATORY_UNSATISFIED_ERROR': case 'MandatoryUnsatisfiedError': HZRecorder.throwError('无法发现指定的硬件设备。'); break; default: HZRecorder.throwError('无法打开麦克风。异常信息:' + error.code + "信息：" + error.name + "内容：" + error.message); break; } callback(); })
2020-04-07 - navigator.mediaDevices.getUserMedia在ios内置浏览器黑屏？
navigator.mediaDevices.getUserMedia在ios内置浏览器黑屏，代码进入了then中，但是用于输出的video没有任何反应怎么解决
2024-04-09 - 如何调用navigator.mediaDevices.getUserMedia？
当前协议：https 设备版本：（微信8.0.42&安卓13）、（微信8.0.42&ios17.03） 输出navigator.mediaDevices.getUserMedia时，返回undefined pc端可以调用到，移动端显示没有这个方法，所以无法调用
2023-10-30 - 微信iOS客户端navigator.mediaDevices兼容问题
微信ios端 使用扫一扫，没法navigator.mediaDevices进行拍照，调用不了摄像头 ，android就正常使用，请问这个兼容问题怎么解决啊？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="keywords" content="test"> <meta name="description" content="test"> <link rel="shortcut icon" href="favicon.ico"> <style> #camera{ float: left; margin: 20px; } #contentHolder{ width: 300px; height: 300px; margin-bottom: 10px; } #btn_snap{ margin: 0 auto; border: 1px solid #f0f0f0; background: #5CACEE; color: #FFF; width: 100px; height: 36px; line-height: 36px; border-radius: 8px; text-align: center; cursor: pointer; cursor: pointer; /*禁止选择*/ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } #imgBoxxx{ width: 200px; margin: 60px 20px 20px; } </style> </head> <body> <div id="startPhoto"> <button> 点击此处开启摄像头 </button> </div> <div id="camera"> <div id="contentHolder"> <video id="video" width="300" height="300" autoplay playsinline="true" webkit-playsinline="true"></video> <canvas style="display:none;" id="canvas" width="300" height="300"></canvas> </div> <div id="btn_snap">确定拍照</div> </div> </body> <script> var canvas = document.getElementById("canvas"), pzBtn = document.getElementById("btn_snap"), startPhoto = document.getElementById("startPhoto"), context = canvas.getContext("2d"), video = document.getElementById("video"); // 旧版本浏览器可能根本不支持mediaDevices，我们首先设置一个空对象 if (navigator.mediaDevices === undefined) { navigator.mediaDevices = {}; } // 一些浏览器实现了部分mediaDevices，我们不能只分配一个对象 // 使用getUserMedia，因为它会覆盖现有的属性。 // 这里，如果缺少getUserMedia属性，就添加它。 if (navigator.mediaDevices.getUserMedia === undefined) { navigator.mediaDevices.getUserMedia = function (constraints) { // 首先获取现存的getUserMedia(如果存在) var getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia; // 有些浏览器不支持，会返回错误信息 // 保持接口一致 if (!getUserMedia) { return Promise.reject(new Error('getUserMedia is not implemented in this browser')); } //否则，使用Promise将调用包装到旧的navigator.getUserMedia return new Promise(function (resolve, reject) { getUserMedia.call(navigator, constraints, resolve, reject); }); } } var constraints = { audio: false, video: {width: 720,height:720} } var flag = false startPhoto.addEventListener('click', function() { navigator.mediaDevices.getUserMedia(constraints) .then(function (stream) { flag = true var video = document.querySelector('video'); // 旧的浏览器可能没有srcObject if ("srcObject" in video) { video.srcObject = stream; } else { //避免在新的浏览器中使用它，因为它正在被弃用。 video.src = window.URL.createObjectURL(stream); } video.onloadedmetadata = function (e) { video.play(); }; }) .catch(function (err) { console.log(err.name + ": " + err.message); }); }) pzBtn.addEventListener("click", function () { if(!flag) return // 点击，canvas画图 context.drawImage(video, 0, 0, 300, 300); // 获取图片base64链接 var image = canvas.toDataURL('image/png'); // 定义一个img var img = new Image(); //设置属性和src img.id = "imgBoxxx"; img.src = image; //将图片添加到页面中 document.body.appendChild(img); // base64转文件 function dataURLtoFile(dataurl, filename) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new File([u8arr], filename, {type: mime}); } console.log(dataURLtoFile(image, 'aa.png')); }); </script> <script src="//manhattan-asset-s3.didistatic.com/manhattan-fe-static-v3/static/vconsole.min.js" crossorigin="anonymous"></script><script>new VConsole()</script> </html>
2023-12-05 - 企业微信加载h5 ios提示navigator.mediaDevices is not suppor
企业微信加载h5 ios提示navigator.mediaDevices is not suppor，但安卓没有问题 <ERROR> Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 wxwork/3.1.7 MicroMessenger/7.0.1 Language/zh miniprogram isBrowserSupported: trueisWebRTCSupported: true isMediaSupported: false isH264EncodeSupported: true isVp8EncodeSupported: true isH264DecodeSupported: true isVp8DecodeSupported: true
2021-08-20 - navigator.mediaDevices.getUserMedia在ios微信浏览器无响应？
navigator.mediaDevices.getUserMedia在ios微信浏览器打不开摄像头（点允许后没反应） 后台也有显示微信在占用摄像头 在safari浏览器可以打开 问题机型：14promax ios版本 16.3.1 微信版本 8.0.48 注：14pro 17.0 微信8.0.48 微信浏览器可以打开摄像头
2024-03-27