vue3中Aliplayer获取视频总时长
时间: 2023-10-19 18:05:10 浏览: 228
cesium视频投影功能,视频投放,m3u8视频流接入投放
在Vue3中,可以通过以下代码获取Aliplayer实例的视频总时长:
```javascript
import { ref, onMounted } from 'vue';
import Aliplayer from 'aliplayer';
export default {
setup() {
const player = ref(null);
const duration = ref(0);
onMounted(() => {
const options = {
source: 'your_video_url',
autoplay: true,
width: '100%',
height: 'auto',
vid: 'your_video_id',
};
player.value = new Aliplayer(options);
player.value.on('ready', () => {
duration.value = player.value.getDuration();
});
});
return { player, duration };
},
};
```
在上述代码中,使用了Vue3的`ref`和`onMounted`函数,通过`ref`引用Aliplayer实例,然后在`onMounted`生命周期钩子中监听`ready`事件,获取视频总时长,并将其存储在`duration`变量中。最后将`player`和`duration`变量返回给组件。
阅读全文