00:00
好的,我们继续啊,那我们把这个总时长的动态的形式出来,那接下来呢,我们去把这个也做一做。啊,那这个实时播放的时间呢,是随着音乐的播放实现什么动态改变的呀。啊,那这样的话呢,我们就要能接听到我们音乐实时的播放进度,对不对啊,那这个时候呢,我们还是来到官网啊,来到官网在这个背景音频的实例这里面呢,我们往下找找一个东西啊。来,在它的下面呢,有一个阶梯叫all time。Update,那这个呢,是监听我们背景音频播放进度的更新世界。那它呢,是只在小程序前台的时候会调用啊,说明小程序后台的时候,这哥们不执行它的回调。接听不到。哎,只不过小程序啊,真的在后台的时候,那个时候你比如我们手机锁屏了,我们光看到任务栏这儿,对吧,有这个音乐在播放,但是呢,其实在任务栏是没有时间显示的。
01:00
啊,这个时候接听不到也无所谓。对吧,等到你点击进小程序,我立马进行到给你把时间一更新就好了。哎,那知道了,这个可以监听啊,那接下来来到我们的代码里面,我们在想我们在哪去接听。那我们在哪去接听?那这个监听的动作呢,还是啊发生一次啊,所以呢,我们可以把它放到我们的load里边,跟之前监听这个音乐啊播播放暂停这呢放到一起啊,那这个呢,是我们去接听我们音乐啊实时啊播放到什么呀,进度,嗯,还是用到这个背景音频的实例,然后呢去啊调这个绑定这个接听。好的,那么在这个监听里边我们要干嘛,我们是不是还得去知道我们实时播放的时间呀。哎,那这个时候呢,我们再回到官网。来啊,来到这个实力身上啊,来到这个实力身上,Src这些呢,我们用过了,那么我们再往下看啊,再往下看。
02:06
在他的身上呢,还有这么两个属性。一个叫duration,一个叫current time,哎,它呢表示是。当前音频的长度,也就是说走时长。而current time代表的是实时的时间,就是当前的时间。哎,那有了这两个,这不就是我们想要的吗?尤其是这个实时的时间,那这个时候呢,大家要注意啊,它的单位是秒。那为了让大家看的清楚一点啊,过来。那么在这个里面,我们如何去拿到这个时间呢?我给啊,那实力是不是有就是它呗。对吧,那这个时候呢,我给大家做一个打印输出啊cons啊,那这个呢,是啊我们的总时长,嗯,我们把这个输出一下啊。你就raise their background啊什么呀,叫duration对吧,那我们看官网这写的就是duration呗,然后呢,再把这个啊也给它输出一下。
03:09
啊,Current time啊,那这个呢,就是实时的时间,实时的时长吧,嗯,好的,我们看一眼,第一个呢,是看他能不能监听得到,第二呢,第二个呢,是看我们拿到的时间对还是不对。来,来到我们当前的项目。啊,在练习这里边啊进来。好的,那这个时候大家看着啊,我点击播放。好的,我暂停一下。嗯,看着他是吧,随着音乐的播放呢,一直在输出。音乐暂停,它停止打印了说明,监听结束。对吧,呃,在这里面呢,你看总时长。260啊,这个单位呢,其实是秒。实时播放的时间一秒多也是秒,而且呢,官方也说了啊,它的单位是不是秒呀,哎没有问题,那也就是说在这里呢,我们能够拿到这个实时的时间。
04:04
对吧,但是你别忘了,我们页面上最终要显示的不是这个格式呀,所以嗯,我们还得去干嘛啊,去格式化这个实时的活时间啊,我let一个。Current time等于什么呢?还是用这个moment。第二,I format。去格式化一下,那么我们要格式的目标呢,就是实时的。时间呗,那这个时候你要注意啊,上节课呢,我们说过啊,这个moment里边格式的时候呢,啊,它要传的单位是什么呀,我们之前在这里。写过啊,它的单位是不是毫秒呀。所以啊,在这呢,我们要将这个秒给人家转换成什么,转换成诶毫秒。我们去乘以一个1000呗。啊,转换成毫秒啊,那这个呢,就是最终格式化的实时时间,那你别忘了啊,我们还要做一件事情,就是更新到我们的data中,这样的话是不是才能在我们的页面上去给人家显示出来呀。
05:12
来,那这个时候呢,我们再来看啊。嗯,好的,我们还是看这个练习来过来。在这里面啊,默认时间为零,没有问题,来我们播放一下走。大家看看这儿的时间是不是动态的了。嗯,一直在走,没有问题,我暂停,来这边也就停了。好的,那说明我们写的没有问题啊,那这两个打印我们就给它做掉了。好,那这节课呢,我们主要是利用了这个监听,在监听音乐实时播放的时候呢,是不是去实时的去格式化,哎,去计算它这个最新的时间呀,对没有问题啊,那这节课呢,我们先讲到这里。
我来说两句