小程序嵌套h5页面,使用navigator.mediaDevices.getUserMedia的坑点

这篇具有很好参考价值的文章主要介绍了小程序嵌套h5页面,使用navigator.mediaDevices.getUserMedia的坑点。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

基本上在使用这个方法的时候,网上都是全部做好兼容性考虑的,直接复制即可,但是如果微信小程序嵌套了页面就会出现问题;

if (navigator.mediaDevices.getUserMedia) {
            //最新标准API
            //mediaDevices
            navigator.mediaDevices.getUserMedia(constrains).then(success).catch(error);
          } else if (navigator.webkitGetUserMedia) {
            //webkit内核浏览器
            navigator.webkitGetUserMedia(constrains).then(success).catch(error);
          } else if (navigator.mozGetUserMedia) {
            //Firefox浏览器
            navigator.mozGetUserMedia(constrains).then(success).catch(error);
          } else if (navigator.getUserMedia) {
            //旧版API
            navigator.getUserMedia(constrains).then(success).catch(error);
          } else {
            this.scanTip = "你的浏览器不支持访问用户媒体设备"
          }

当苹果手机用户使用时,如果ios版本低于14.3的时候就会提示报错:undefned is not an object (evaluating navigator.mediaDevices.getUserMedia')

这个时由于iOS webkit 不支持文章来源地址https://www.toymoban.com/news/detail-777683.html

到了这里,关于小程序嵌套h5页面,使用navigator.mediaDevices.getUserMedia的坑点的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序嵌套的H5使用小程序分享(分享微信好友或朋友圈)

    嵌套在微信小程序中的H5想要使用小程序自带分享功能,分享H5的页面给微信好友或朋友圈 H5中可使用wx.miniProgram.postMessage向小程序的webview发送消息,会触发组件的message事件,在小程序webview页面onShareAppMessage,onShareTimeline中进行使用。

    2024年02月13日
    浏览(37)
  • 小程序使用webview嵌套H5中使用iframe真机无法跳转 wx.miniProgram.navigateTo等失效问题

    小程序使用webview嵌套H5真机无法跳转 wx.miniProgram.getEnv、wx.miniProgram.navigateTo等失效无响应问题分享 原因分析:由于页面使用了iframe导致在子页面中真机无法准确获取页面运行环境(开发者工具中无影响); 解决方案:在调用方法前加一个 parent. 在父页面中调用方法即可正常运

    2024年02月03日
    浏览(33)
  • 小程序嵌套H5

    在微信小程序中内嵌H5页面是一种常见的需求,因为H5页面具有灵活性和跨平台性,可以弥补小程序原生代码的不足。 微信小程序自带的 web-view 组件相当于 HTML页面中的 iframe ,方便我们在微信小程序中打开一个 H5 页面;从微信小程序基础库1.6.4开始,我们就可以在小程序内放

    2024年02月03日
    浏览(27)
  • 小程序嵌套 h5 并分享给朋友

    1.先准备一个https地址,用于在微信公众平台/小程序中/开发管理/开发设置/业务域名 中设置 主要是后续要用到 web-view 组件 2.在小程序中设置跳转信息 task/index.vue this.graceJS.navigate(“/pagesA/task/sharePage?path=yeshouseName=”+houseName+“typeName=”+typeName) ?path=yeshouseName=“+houseName+”typeN

    2024年02月13日
    浏览(26)
  • uniapp小程序使用web-view承载的html页面是uniapp H5时,H5与小程序通讯

    最近在小程序项目用到web-view,需要web-view承载的H5和小程序通讯,碰到个大坑,所以写一下实现过程及怎么避坑。 一、小程序向web-view承载的H5传递参数,直接在url后接参数即可(xxxxx.com) 二、H5向小程序发送消息 在uniapp项目根目录创建 模板html 2、然后在模板html里引入微信

    2024年02月13日
    浏览(35)
  • 小程序嵌套H5跳转(web-view)问题解决

    项目场景:小程序内嵌h5页面时,点击某处需要跳转进去对应的页面,进行之后的业务逻辑。贴图两张:第一张为pc端小程序模拟器点击跳转时的截图,第二张为手机端测试接收的入参截图(第二张我是拿alert断点去查入参的) 但是目前你会发现,拿微信开发者工具测的时候就会

    2024年02月11日
    浏览(36)
  • uniapp使用webview将页面转换成图片支持h5、app、小程序

    在uniapp项目中新建主页和webview页面 index.vue代码 webview代码 实现效果

    2024年02月05日
    浏览(32)
  • 小程序web-view中嵌套H5如何跳转其他小程序

    首先web-view中H5是无法跳转到其他小程序的 只能通过H5跳转回小程序,再让小程序跳转到其他小程序 H5跳转回小程序使用wx.miniProgram.navigateTo() 小程序跳转小程序使用wx.navigateToMiniProgram(),官方文档有示例,用法很简单,只需要传入appid,还有path(可选参数,不是必须的,不传则默认

    2024年02月08日
    浏览(34)
  • 微信小程序使用webview内嵌h5页面 wx.miniProgram.getEnv失效问题

    背景 最近接到一个h5需求,和普通的h5不一样,这个h5页面是嵌入到小程序中使用的,需求简单来说就是展示一个跳转按钮,判断如果是小程序环境下就进行跳转到其他小程序页面。 实现思路 核心逻辑其实就是判断小程序环境这一块,我们可以直接使用wxsdk来进行判断小程序

    2024年02月09日
    浏览(43)
  • 小程序使用web-view无法打开该H5页面不支持打开的解决方法

    我在 正式上线版 小程序使用  web-view  组件测试时提示:“无法打开该页面,不支持打开 https://xxxxxx,请在“小程序右上角更多-反馈与投诉”中和开发者反馈。” 奇怪的是,“ 真机调试”、“开发模式 ”都可以使用  web-view  组件访问我需要的路径。只有“体验版”、“线

    2024年02月04日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包