iOS 上需要用代码手动执行 video.play(),可看 https://dragonir.github.io/h5-scan-qrcode/#/ 这个 h5扫码功能,也是用的 webrtc 拉起摄像头。
小程序 IOS版本 web-view 不支持WebRTC?微信大大好! 最近公司在做小程序AR项目,查询小程序并没有AR相关解决方案及组件。所以降级采用的是webAR方案来实现,已经实现的效果:https://webar.easyar.cn/webar/?targetId=direct 但是出现几个问题,Android版本的小程序渲染效果还满意,IOS出现背景黑色,查询相关文档及原因发现IOS版本 并不支持webRTC造成背景黑色问题。 我们是技术服务商希望能在微信的生态圈里面打造更多更好的场景。 也希望微信大大能够尽快支持一下,让我们能够更好的服务客户。 ------------------------------------------------------------------------------ 不知道有没有类似的开发者遇到相同的问题。如果有更好的解决方案可以一起探讨。
2022-02-16iOS 上需要用代码手动执行 video.play(),可看 https://dragonir.github.io/h5-scan-qrcode/#/ 这个 h5扫码功能,也是用的 webrtc 拉起摄像头。
请问小程序是否在web-view里支持webRTC我尝试编写了一个html (假设为https://xxx.xxx.com/a.html)以web-view的方式插入到我的小程序中,在我的a.html里面,我尝试调用: navigator.mediaDevices.getUserMedia 得到的记过是在开发者工具中,能够获取到笔记本的摄像头,但是在手机里预览运行是,没有任何结果,似乎也没有任何错误。 请问微信小程序是否在web-view里支持webRTC,改如何正确调用? 谢谢!
2022-02-16iOS 上需要用代码手动执行 video.play(),可看 https://dragonir.github.io/h5-scan-qrcode/#/ 这个 h5扫码功能,也是用的 webrtc 拉起摄像头。
iOS 14.3 ,微信屏蔽了 WebRTC 调用?iOS 版本:14.3、14.4 微信版本:8.0.1 iOS 14.3 为WKWebView 增加WebRTC 支持:https://blog.bitsrc.io/ios-14-3-brings-webrtc-to-wkwebview-closing-gap-on-ios-accessibility-90a83fa6bda2 其它app可以成功调用,但是微信就不行。 调用的Demo:https://webrtc.github.io/samples/src/content/getusermedia/gum/ [图片] [图片] [图片] [图片]
2022-02-16测试机型:iOS 8、iOS 14.6、微信版本 8.0.16、weChatLib 2.21.0
在iOS 上,wx.chooseImage 拍完照后, canvas 不知道为什么有时候会绘制失败?场景:使用 we-cropper 来裁剪图片。以下 cavas 指旧的 canvas API。 bug1 描述: 在 iOS 上,wx.chooseImage 拍完照后, canvas 有时候绘制图片失败,查看传入 drawImage 的参数没有发现问题。 bug2 描述: 在 iOS 上,wx.chooseImage 拍完照后, 有时候 canvas 绘制成功,但是触摸没反应。 调试:如果在 wx.chooseImage 拍完照后,延时 1 秒再进入裁剪页面,基本上不会重现这两个 bug,延时 200 毫秒,则有时候可以重现。如果 wx.chooseImage 是从相册选取图片,再直接进入裁剪页面,没有出现过上面两个 bug。所以怀疑是 canvas 或者拍照导致的。 复现:可以使用 we-cropper 作者提供的裁剪头像小程序来复现。 [图片]
2021-11-22我用的 we-cropper 裁剪图片也出现 iOS 拍完照有时候 canvas 绘制不出来,从相册选图则没有问题,不知道是不是同样的问题
小程序拍照完毕后,使用canvas在照片上加水印出错?4.25号之前还正常,但今天上班有好多人反馈,拍完照片后,一直处于画水印的状态 排查不出来具体问题,canvas使用也没问题,之前为了适配不同的场景,canvas的type使用了“2d”和“2D”,分别写了两个不同的自定义水印组件
2021-11-22https://developers.weixin.qq.com/community/develop/article/doc/0008c83aebc56873929bdbeaa5f413 用 readPixels 可以 webgl 截图,可以看上面的代码片段,iOS 上 antialias 需要设置为 false。
iOS真机上使用canvas.toDataURL()方法,返回数据是data为什么不是base64?使用three.js 渲染模型,需要获取canvas的图 <canvas type="webgl" id="webgl" style="width:200rpx; height: 200rpx; position:absolute;" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd"></canvas> this.renderer.getContext().canvas.toDataURL("image/png",0.1); 在安卓手机和模拟机都可以拿到base 64的数据 用iOS 真机上使用 canvas.toDataURL("image/png",0.5) 获取到的数据是"data;" 为什么呢?怎么解决呢? 手机型号版本: [图片]
2021-11-10楼主后来解决了吗,我这边用华为也不行
安卓8.0.6版本canvas的touch事件不响应?如题,安卓8.0.6版本微信的小程序,canvas标签上的touchstart、touchmove、touchend事件都无法触发。ios和之前版本的安卓都无此问题,希望官方尽快解决!
2021-11-05+1
报错:“Error: errCode: -1 | errMsg: systerm error.”?刚才还好好的,突然就报错:Error: errCode: -1 | errMsg: systerm error.,是怎么回事? [图片]
2020-08-21+1,这个问题有人解决了吗?我在坚果pro2s和荣耀6上面都遇到了,object-fit 写死 contain,第一次进去是对的,后面进去视频页,object-fit 就不起作用了,视频都拉伸了
video组件安卓端object-fit: contain的显示效果为fill页面view比video视频实际宽度宽,在安卓端播放视频会被拉伸;在苹果端下是正常的效果。object-fit的设置为默认的contain。
2020-05-08还有问题的可以试下这个代码,我是从 threeJS 源码拿出来的,在几台安卓机器上都可以透明,不加则不透明。webGLCanvasId 设置你们的ID。如果用 threeJS,canvas 和 glContext 要传到 threeJS 里面。 wx.createSelectorQuery() .select(`#${webGLCanvasId}`) .node() .exec((res) => { const canvas = res[0].node; const glContext = canvas.getContext('webgl', { alpha: true, depth: true, stencil: true, antialias: true, premultipliedAlpha: true, preserveDrawingBuffer: false, powerPreference: 'default', failIfMajorPerformanceCaveat: false, xrCompatible: true }); // 安卓手机需要调用这个来设置透明 glContext.clearColor(0, 0, 0, 0); glContext.clear(glContext.COLOR_BUFFER_BIT); });
小程序Canvas WebGL 在安卓机型上背景黑色,无法透明?小程序Canvas WebGL 在安卓机型上背景黑色,无法透明,请问有解决方案吗?不透明无法实现摄像头AR效果。编辑器里透明,和真机差距那么多,太坑了
2019-12-27