老师好,想问一个关于获取视频资源总时长的问题

来源:6-5 歌手详情数据抓取

目訫

2020-03-02

老师好

现在我想用VUE提出一个视频播放器的组件,但是父组件调用这个字组件的时候,获取不到视频的总时长,想了很久一直没有解决办法,想请老师提供一下思路

在子组件中,也就是视频播放器的组件的初始化钩子里面我去获取视频总时长,但是因为视频资源需要加载,因此在父组件的初始化钩子里面获取不到

  mounted () {
    console.log('子组件加载')
    this.$refs.player.addEventListener('loadedmetadata', (e) => {
      this.duration = e.currentTarget.duration
    }, false)
  },

请老师给点思路

写回答

1回答

ustbhuangyi

2020-03-03

你可以在视频加载后获取到时长再派发一个事件出去,把时长作为参数,这样父组件就可以捕获到这个事件以及视频时长了

0
0

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程