...
项目中遇到上传视频功能,需要有预览和获取视频时长功能,因之前使用upload 有需要的话可以参考下我之前的文章 ,这里就不赘述,直接用来上传视频,不过在上传之前和上传成功后的钩子里,获取不到时长: 没有时长怎么办呢,只能用原生JS来获取: 上传成功以后,将成功的路径绑定给video 使用js获取duration并赋给时间参数 这时你会发现,你得到的值是NaN 视频还未加载下来,无法同步获取到,使用 ...
2018-07-24 14:28 0 19828 推荐指数:
...
参考资料:js获取上传音视频文件的时长 直接通过element-ui自带的上传组件结合js即可,代码如下: HTML: 得加一个中间字段,用于保存视频时长的值,因为在监听器里面不能直接使用vue页面定义的全局变量: js: ...
js 获取视频的总时长: 转自:https://stackoverflow.com/questions/40763057/trying-to-get-full-video-duration-but-returning-as-nan ...
目录 安装 引入 使用 参考文档 环境: vue 2.0+ element ui (这里的代码用了elmentui的按钮样式,可以不用elment ui的样式) 安装 在项目中安装 video.js。 引入 ...
获取上传视频路径,将该路径放入video标签,获取视频时长 方式一:隐藏一个音频标签,播放获取。 广州vi设计公司http://www.maiqicn.com 办公资源网站大全 https://www.wode007.com 方式二;通过new Audio的方式获取: 说明 ...
后台管理中经常会有一些视频上传的需求,在列表中,往往需要用到视频预览 1:安装 2:引用:在main.js中引用 3:使用(结合你使用框架的dialog即对话框,我使用的是vuetify中的遮罩层,效果一致,便没有使用dialog) < ...
getDuration(file) { let url = this.getSrc(file); let ...
利用ffmpeg只能获取到本地视频的信息。 如果是线上视频,可通过先下载到本地,获取到信息后再删除。 ...