JS-获取视频总时长

介绍

本文主要介绍在获取到视频的URL之后，如何通过js方法获取视频的总时长，兼容了web页面、APP内嵌h5页面、小程序内嵌h5页面~

详情参考：https://timor419.github.io/2021/11/25/JS-getVideoDuration/

适用场景：

web页面、APP内嵌h5页面、小程序内嵌h5页面

JS代码：

一、获取视频时长方法

注：其中getENVIR、checkIfIOS方法见链接：https://blog.csdn.net/weixin_43937466/article/details/121539118

getVideoDuration(url) {// IOS的微信小程序中无法触发onloadedmetadataif (this.getENVIR() === 'wxapp' && this.checkIfIOS()) {return new Promise((reslove) => {let audio = new Audio(url);audio.muted = true;audio.play().then(() => audio.pause());audio.addEventListener('loadedmetadata', function() {reslove(parseInt((audio.duration * 1000).toString(), 10));});audio.muted = false;});}return new Promise((reslove) => {let video = document.createElement('video');video.preload = 'metadata';video.src = url;video.onloadedmetadata = () => {reslove(parseInt((video.duration * 1000).toString(), 10));video = null;};});
},

二、调用方法

const duration = this.getVideoDuration('https://cdn.webuy.ai/static/lib/resource/2021/11/25/1637813076906_4250.mp4');
console.log('视频总时长：', duration);

------------- The End -------------

许可协议: 转载请保留原文链接及作者。

JS-获取视频总时长相关推荐

js 获取视频文件时长
file为上传后的file类文件类型 //获取视频时长 function FileValue(file) {var url = URL.createObjectURL(file);$("#v ...
ffprobe 获取视频每秒总帧数或视频总帧数及视频总时长
获取每秒总帧数: ffprobe -v 0 -of csv="p=0" -select_streams V:0 -show_entries stream=r_frame_rate ...
uniapp 获取当前视频播放时长，视频总时长
html代码 <video controls id="myvideo" custom-cache="false" :src="videoUrl& ...
Java获取视频的时长——日期时间处理
Problem: 如何通过Java获取视频的时长? 想通过Java来获取某文件夹(或多个文件夹)下的视频的总时长经过查询资料,发现可以通过JAVE实现:The JAVE (Java Audio Vi ...
SSM根据上传文件获取视频文件时长
一.编写前端上传文件代码 <html> <head><title>file upload</title> </head> <body& ...
ffmpeg 获取视频的时长
简单写个程序获取视频的时长,以便做视频播放器的进度条. 很简单,头文件我懒的敲了,直接复制别的,所以有些多余. 代码如下: #include <libavcodec/avcodec.h> ...
pom.xml中java-1.0.2.jar引入并获取视频的时长、大小、格式等信息百分百可行
java-1.0.2.jar引入并获取视频的时长.大小.格式等信息百分百可行前言最近因为自己在整理一个小项目(系列传送门:Spring Cloud Hoxton 版本微服务项目搭建eureka注册 ...
js获取audio语音时长
js获取audio语音时长 //获取audio语音时长function getVoiceTime() {$('ul.conversation li .outer-right audio.addVoic ...
Java使用FFmpeg（自定义cmd）系列之获取视频/音频时长（File文件方式）
ffmpeg系列 Java使用FFmpeg(自定义cmd) Java使用FFmpeg(自定义cmd)系列之获取视频/音频时长 Java使用FFmpeg(自定义cmd)系列之官方API获取视频/音频信息 ...
windows 7 下,如何统计某文件夹下视频总时长
由于项目需要,我需要给系统加权限,这真是一个让人头疼的问题,如果要每个业务方法都加上权限判断逻辑,那真的不敢想象是多么大的工作量,日后有变动的话,我会不会发疯? 所以我必须利用之前学到的AOP编程,在 ...

JS-获取视频总时长

介绍

适用场景：

JS代码：

JS-获取视频总时长相关推荐

最新文章

热门文章