个人案例
场景零售
场景零售
场景零售扫码体验
现在是每次进入都需要重新授权弹窗
网页内调用麦克风录音（H5页面） 获取麦克风权限之后有效期能持续多久 下次进入不询问是否授权https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
04-06遇到同样问题怎么解决啊？
sse流式输出requestTask.abort()没效果？微信小程序流式输出 终止输出 使用requestTask.abort()无效
03-05怎么解决啊？遇到同样问题
微信小程序中requestTask.abort()为什么不生效？API名称：requestTask.abort()
03-04补充描述下：调用了音频录制权限时，用户取消了授权，后面再次打开无法打开设置重现进行授权
wx.openSetting,pc版微信小程序怎么打开权限设置页面?wx.openSetting,pc版微信小程序怎么打开权限设置页面?小程序后台设置里更新用户隐私协议，也勾选采集用户信息。
01-02同样问题解决了吗？
webview 组件 加载的h5 不显示video封面？一整块video 显示空白webview 组件 加载的h5 不显示video封面 ，在浏览器打开是正常的，在模拟器打开也是正常的 [图片]
2024-12-29请问下问题解决了吗？
wx.previewFile 安卓正常，iOS预览失败？<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 调用wx.previewFile，iOS显示文件加载失败，请检查网络后重试 if (isPicture(fileType)) { window.wx.previewImage({ current: `${FILELOAD_HOST}${filePath}`, // 当前显示图片的http链接 urls: [`${FILELOAD_HOST}${filePath}`], // 需要预览的图片http链接列表 }) } else { window.wx.previewFile({ url: `${FILELOAD_HOST}${filePath}`, // 需要预览文件的地址(必填，可以使用相对路径) name: fileName, // 需要预览文件的文件名(不填的话取url的最后部分) size: attachFilesize || 111, // 需要预览文件的字节大小(必填) success: function (res) { console.log('成功打开附件API', res) }, fail: function (res) { // 用户取消分享后执行的回调函数 console.log('打开附件API失败', res) }, }) 这两个链接，上面那个无法预览，下面这个能正常预览，在安卓上不存在这种情况。 [图片]
2024-12-27同问
webview 支持使用webRTC吗？webview 支持使用webRTC吗？
2024-12-10问下这个问题解决的吗？
如何调用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-27ios系统H5页面MediaSource无法播放啊
小程序有没有类似原生MediaSource功能?需求:websocket协议下 连续接受和播放Mp3文件流,并且实现自动播放 遇到的问题: 小程序环境下文件流片段衔接处播放卡顿.h5环境下无法实现自动播放 采用的协议: websocket 实现过程: 服务器将MP3格式的音频流通过websocket的方式转发至小程序端.小程序端没有类似MediaSource媒体源来保存和追加文件流.只能将文件片段一段一段塞进队列.然后再按顺序播放.这种方式须监听上一个片段播放结束事件然后再启动下一个片段的播放. 结果: 能播放,并且能够实现自动播放但整段语音听起来在衔接处不流畅,有卡顿. 想通过webview内嵌H5的方式实现,因为有MediaSource,可以实现一边播一遍往后面append接收到的流,能流畅播放,但是由于浏览器限制,无法做到自动播放,只能pass 诉求:小程序有没有类似MediaSource的功能,赋值给video源的同时还能不断追加文件流?或者根据代码片段,有没有其他更好的方式,来消除衔接处的卡顿?
2024-11-21