分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

vue / js使用video获取视频时长

发布时间:2023-09-06 02:05责任编辑:顾先生关键词:js

项目中遇到上传视频功能,需要有预览和获取视频时长功能,因之前使用upload(有需要的话可以参考下我之前的文章),这里就不赘述,直接用来上传视频,不过在上传之前和上传成功后的钩子里,获取不到时长:

没有时长怎么办呢,只能用原生JS来获取:

上传成功以后,将成功的路径绑定给video

使用js获取duration并赋给时间参数

这时你会发现,你得到的值是NaN

视频还未加载下来,无法同步获取到,使用定时器即可解决

OK了,现在可以获取到了

 希望本文对你有所帮助!

vue / js使用video获取视频时长

原文地址:https://www.cnblogs.com/wangqiao170/p/9359760.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved