zoukankan      html  css  js  c++  java
  • 【uniapp】audio.onTimeUpdate在微信小程序上面的问题

    1、h5的audio.onTimeUpdate是多个都会执行,微信小程序会覆盖,只执行最新一个。

    方法1:给audio对象添加一个属性,进度更新监听要执行的方法数组audio.onTimeUpdateList。然后在需要启动监听的地方执行监听,比如在播放事件onPlay中。再加个属性onTimeUpdateExist,避免h5重复监听

    //声明进度更新事件
                    that.audio.onTimeUpdateList=[{name:that.modelName+"-audio",func:function(){
                        console.log("onTimeUpdate1");
                        // console.log("onTimeUpdate");
                        if (!that.seek) {
                            that.current = that.audio.currentTime
                        }
                        if (!that.duration) {
                            that.duration = that.audio.duration
                        }
                    }}];
    //音频播放事件
                    that.audio.onPlay(() => {
                        console.log("onPlay");
                        
                        //实现进度监听事件//h5的audio.onTimeUpdate多个都会执行,微信小程序会覆盖,只执行最新一个。
                        if(!that.audio.onTimeUpdateExist && that.audio.onTimeUpdateList){
                            that.audio.onTimeUpdateExist=true;
                            //进度更新事件
                            that.audio.onTimeUpdate(() => {
                                for (var i = 0; i < that.audio.onTimeUpdateList.length; i++) {
                                    that.audio.onTimeUpdateList[i].func();
                                }
                            })
                        }
                    }) 

    2、在微信小程序使用audio.seek后,audio.onTimeUpdate监听失效,在onSeeked使用audio的属性例如paused、duration后恢复。

    方法1:在完成进度设置事件onSeeked中或onCanplay事件中使用audio.paused。

    //音频完成更改进度事件
                        audioBottomInfo.audio.onSeeked(() => {
                            console.log("onSeeked:"+audioBottomInfo.audio.paused); that.seek = false; })
  • 相关阅读:
    python同时继承多个类且方法相同
    django扩展用户继承AbstractUser
    python中单下划线和双下划线
    django扩展用户一对一关联
    django拓展用户proxy代理
    django 内置User对象基本使用
    selenium+pthon之二----了解浏览器的相关操作方法
    最近很燥,决心沉下心来学习!
    selenium+pthon之一----环境搭建与脚本实例
    Fiddler入门三
  • 原文地址:https://www.cnblogs.com/lanofsky/p/13986217.html
Copyright © 2011-2022 走看看