uniapp实现h5录音功能

前段时间有个需求是将小程序转换成h5,然后uni.getRecorderManager()就自然而然的不能用了,最后通过网上忘了是哪找的文章加上自己修修改改的使用navigator解决了这个问题

附代码:

<template>
  <view class="recorder"> </view>
</template>

<script>
export default {
  data() {
    return {
      isUserMedia: false, //false 代表初始化失败 true 成功
      stream: null,
      audio: null,
      recorder: null,
      chunks: [],
      startTime: 0,
    };
  },
  //判断兼容问题和https并初始化
  mounted() {
    /**
     * 	error 事件的返回状态
     * 	100: 请在HTTPS环境中使用
     * 	101: 浏览器不支持
     *  201: 用户拒绝授权
     *  500: 未知错误
     * */
    if (window.location.origin.indexOf("https") === -1) {
      this.$emit("error", "100");
      throw "请在 https 环境中使用本插件。";
    }
    // 老的浏览器可能根本没有实现 mediaDevices,所以我们可以先设置一个空的对象
    if (navigator.mediaDevices === undefined) {
      navigator.mediaDevices = {};
    }

    // 一些浏览器
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值