上传时获取video视频时长

本来开心的划水摸鱼，然后一个后端的卧龙过来跟我说上传需要把视频时长传递他，我当时第一反应就是你能获取吗？然后就被告知不好获取，好吧那就只能自己写咯，整体就是在页面中创建一个video 的dom 节点，然后把上传完成的视频后端给的地址赋值给这个节点，在使用loadedmetadata这个方法在视频加载完成后获取video属性中的duration属性拿到时长，单位是秒

开始的我傻傻的写了load方法结果监听不到视频加载完成干了，还好有百度，当然也是可以吧视频文件转成临时路径用URL.createObjectURL() 转成临时文件路径如果不需熟悉可以MDN:URL.createObjectURL() - Web API 接口参考 | MDN

const videoTime = ref(null);
const getVideoDuration = url => {let videoElement = document.createElement('video');console.log(videoElement);videoElement.src = url;videoElement.addEventListener('loadedmetadata', function () {// 视频时长值的获取要等到这个匿名函数执行完毕才产生videoTime.value = videoElement.duration; //得到时长为秒，小数，182.36});
};

上传时获取video视频时长相关推荐

解决阿里云oss文件上传部分MP4格式视频文件上传导致上传崩溃问题
解决阿里云oss文件上传部分MP4格式视频文件上传导致上传崩溃问题问题描述 java程序,使用阿里云oss文件上传服务,在测试时偶然发现,我用苹果手机开启高清进行摄像,将原图通过qq传到电脑上,在电 ...
Js获取上传文件的绝对路径时总是的到C:\fakepath\+文件名称解决方案
最近上传文件获取绝对路径总是获取到C:\fakepath+文件名称,可愁死我了摸索一番之后找到了解决办法: Internet选项 > 安全 > 自定义级别 > 将文件上传到服务器 ...
Java获取3gp视频时长
Java获取3gp视频时长,其他格式的好像也可以,没有全部去试 /*** 获取视频的时间长*/public static String getVideoTime(String destFile) {S ...
抖音视频上传参数不合法 video/upload/
抖音视频上传参数不合法 video/upload/ 前端通过抖音open Api,在微信小程序上传抖音视频, 在调用以下接口时一直提示参数不合法我这边将参数拼接在url后面经测试成功 /vid ...
vue在使用element时使用video视频地址切换视频动态改变
vue在使用element时使用video视频地址切换视频动态改变今天用vue在写element的table时,在table中使用video动态渲染,但是渲染上的视频地址修改后,发现之前的视频还在, ...
ipa上传到蒲公英或TestFlight时，不显示图标的解决办法
ipa上传到蒲公英或TestFlight时,不显示图标的解决办法往包里添加一个AppIcon即可
java实现MinIO文件上传，并将视频文件截图，将视频封面及视频通过MinIo上传到服务器中
java实现MinIO文件上传,并将视频文件截图,将视频封面及视频通过MinIo上传到服务器中配置完毕,接下来开始代码编写. 说明总过程分为两步. 1.配置MinIO的环境. 2.代码编写. 下面 ...
小程序wx.chooseImage和wx.chooseVideo 上传多张图片和视频
直接看代码拉,可直接赋值实现噢 <view class="upload" style="overflow:hidden;">// 展示上传的图片&l ...
服务器在线看视频无法播放,上传到服务器的视频不能在线播放怎么办？
原标题:上传到服务器的视频不能在线播放怎么办? 问题:我们在本地测试视频播放时,常常遇到这种情况,本地测试视频是可以正常播放的,但项目上传服务器后,视频就无法播放了,原因通常有以下几种,原因及解决方案 ...

上传时获取video视频时长

上传时获取video视频时长相关推荐

最新文章

热门文章