个人案例
场景零售
场景零售
场景零售扫码体验
问下这个问题解决的吗？
如何调用navigator.mediaDevices.getUserMedia？当前协议：https 设备版本：（微信8.0.42&安卓13）、（微信8.0.42&ios17.03） 输出navigator.mediaDevices.getUserMedia时，返回undefined pc端可以调用到，移动端显示没有这个方法，所以无法调用
2024-11-29您好我这边遇到了同样的问题，请问解决了么？
微信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>
2024-11-27您好我这边遇到了同样的问题，请问解决了么？
企业微信加载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
2024-11-27ios系统H5页面MediaSource无法播放啊
小程序有没有类似原生MediaSource功能?需求:websocket协议下 连续接受和播放Mp3文件流,并且实现自动播放 遇到的问题: 小程序环境下文件流片段衔接处播放卡顿.h5环境下无法实现自动播放 采用的协议: websocket 实现过程: 服务器将MP3格式的音频流通过websocket的方式转发至小程序端.小程序端没有类似MediaSource媒体源来保存和追加文件流.只能将文件片段一段一段塞进队列.然后再按顺序播放.这种方式须监听上一个片段播放结束事件然后再启动下一个片段的播放. 结果: 能播放,并且能够实现自动播放但整段语音听起来在衔接处不流畅,有卡顿. 想通过webview内嵌H5的方式实现,因为有MediaSource,可以实现一边播一遍往后面append接收到的流,能流畅播放,但是由于浏览器限制,无法做到自动播放,只能pass 诉求:小程序有没有类似MediaSource的功能,赋值给video源的同时还能不断追加文件流?或者根据代码片段,有没有其他更好的方式,来消除衔接处的卡顿?
2024-11-21遇到同样的问题，怎么解决啊？
刚挂断微信语音 再进小程序使用 createInnerAudioContext 播放MP3声音很小?刚挂断微信语音 再进小程序使用 createInnerAudioContext 播放MP3声音很小? 听不清楚 安卓正常 ios系统声音过小 请问下有没有解决方案
2024-10-24怎么去掉啊？
在微信浏览器H5页面上，唤起的键盘右上角会有个完成按钮，请问各位彦祖怎么去掉啊？[图片]
2024-09-04有解决方案吗？
公众号语音转文字下线，开发者寻找什么替代方案呢？目前想到两个替代方案，但是都不太可行： 微信AI接口转文字准确率太低，百度语音识别，上传微信自己的amr文件，无法识别，但是上传百度语音识别amr格式的demo可以，所以应该是微信语音amr的音频参数不可以导致的所以 这个下线后，开发者寻找什么替代方案呢？ @微信团队 @微信团队 @微信团队 @微信团队 @微信团队 @微信团队
2024-08-12有调用QPS限制吗？
微信网页开发 JSSDK中 识别音频并返回识别结果接口有没有调用QPS限制？*** 不会用到下载语音接口 wx.translateVoice({ localId: '', // 需要识别的音频的本地Id，由录音相关接口获得 isShowProgressTips: 1, // 默认为1，显示进度提示 success: function (res) { alert(res.translateResult); // 语音识别的结果 } });
2024-08-11小程序音频流下载完才能播放吗？
微信小程序可以播放二进制音频流吗？在项目中开发中，遇到这样的需求：有一段文字，需要通过后台接口转成语音传到前端进行播放。 因为文字是实时生成的，为保证实时性，需要在生成文字的过程中，转为一段一段的音频流通过websocket传递到前端，前端拿到音频流后立即开始播放，接收到后续的音频流后追加到播放音频里继续播放，达到实时生成文字，实时转换音频流，前端实时播放的效果。 类似于腾讯元宝小程序。这个怎么实现
2024-07-09同样问题+1
小程序录音组件onFrameRecorded 分片arraybuffer 单独播放播放不了？小程序录音组件onFrameRecorded回调的分片arraybuffer 传给后台，后台接收后播放不了，前端单独处理arraybuffer播放不了，整合成一个也播放不了，转成base64也不行，求大佬给个思路
2024-07-09