zoukankan      html  css  js  c++  java
  • 微信浏览器中audio标签的currentTime属性适配写法

    在使用audio标签的时候,有时候我们的需求是使某首旋律从指定的时间开始播放,

    那么我们就用到了audio标签的currentTime属性,

    其中使用这个标签的h5页面在微信浏览器中都能够正常播放,但是被嵌套在app里后,只有安卓机能够正常赋值从而在指定的时间开始播放,Ios机不能够正常赋值

    So....看我如何解决,直接上代码~~~~~

    首先判断机型

    1 isAndroid: function() {
    2     const u = navigator.userAgent;
    3     if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {
    4            return true;
    5     }
    6 }

    然后就根据不同的机型,书写不同的代码

     1 upperPagecurtime () {
     2     const that = this;
     3     const oAudio = document.getElementById("audio");
     4     if (that.isAndroid()) {
     5        oAudio.currentTime = para.musicCurtime; // 安卓兼容写法
     6     } else {
     7        oAudio.addEventListener("canplay", function() {
     8        oAudio.currentTime = para.musicCurtime; // ios兼容写法
     9        });
    10     }
    11 }

    至此~~以上代码便能够兼容IOS手机,从而使audio标签在苹果app中也能够实现从指定的时间播放音乐的功能啦

  • 相关阅读:
    Django RequestContext用法
    【Django】Django命令(Manager.py)
    Django:快速搭建简单的Blog
    win7下安装Ubuntukylin-14.04双系统
    activity生命周期
    Activity(三)
    BZOJ 3944 Sum 解题报告
    BZOJ 3901 棋盘游戏 解题报告
    web框架之socket
    新式类__new__()方法
  • 原文地址:https://www.cnblogs.com/zitaIndex/p/13468828.html
Copyright © 2011-2022 走看看