音频autoplay和html2canvas之间的影响

        <audio
          class="audioContainer"
          ref="audio"
          :autoplay="isAutoPlay"
          :controls="showControls"
          :height="height"
          :width="width"
          :loop="isLoop"
          @ended="ended"
          @play="playEvent"
          @pause="pauseEvent"
          @canplay="readyPlay"
        >
          <source :src="src" />Your browser does not support the audio tag.
        </audio>
  • ios手机,html2canvas会对audio产生影响,会让页面的audio重复加载,安卓,其实也有这个问题,但是安卓,只允许存在一个音频。html2canvas的回调如果有延迟,切换页面,还会触发,导致在另一个页面,开启音频。
  • 解决办法:在使用html2canvas之前,删除audio标签的autoplay属性。
	removeAutoplay() {
      this.$refs.audio && this.$refs.audio.removeAttribute('autoplay');
    },
  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值