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

项目中遇到上传视频功能,需要有预览和获取视频时长功能,因之前使用upload(有需要的话可以参考下我之前的文章),这里就不赘述,直接用来上传视频,不过在上传之前和上传成功后的钩子里,获取不到时长: 没有时长怎么办呢,只能用原生JS来获取: 上传成功以后,将成功的路径绑定给video 使用js获取duration并赋给时间参数这时你会发现,你得到的值是NaN 视频还未加载下来,无法同步获取到,使用定时器即可解决 OK了,现在可以获取到了希望本文对你有所帮助!…

vue 获取视频时长

参考资料:js获取上传音视频文件的时长直接通过element-ui自带的上传组件结合js即可,代码如下: HTML: <el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload&quo…

java 代码获取视频时长

package test; import it.sauronsoftware.jave.Encoder; import it.sauronsoftware.jave.MultimediaInfo; import java.io.File; public class ReadVideo { public static void main(String[] args){ File source = new File("E:\\马士兵Spring\\"); Encoder encoder =…

php 获取视频时长

利用ffmpeg只能获取到本地视频的信息. function video_time($file) { ob_start(); passthru(sprintf(FFMPEG_PATH, $file)); //passthru()类似exec() $info = ob_get_contents(); ob_end_clean(); // 通过使用输出缓冲,获取到ffmpeg所有输出的内容. $ret = array(); // Duration: 01:24:12.73, start: 0.000…

Swift3 根据秒数获取视频时长（转换成00:00:00时间格式）以及将时长转换成秒

直接代码了: /// 秒转换成00:00:00格式 /// /// - Parameter secounds: <#secounds description#> /// - Returns: <#return value description#> class func getFormatPlayTime(secounds:TimeInterval)->String{ if secounds.isNaN{ return "00:00" } ) let Se…

获取音、视频时长（NAudio，Shell32，FFmpeg）

参考网址:https://blog.csdn.net/u013810234/article/details/57471780 以下为本次测试用到的音.视频格式: audio :”.wav;.mp3;.wma;.ra;.mid;.ogg;.ape;.au;.aac;”; vedio :”.mp4;.mpg;.mpeg;.avi;.rm;.rmvb;.wmv;.3gp;.flv;.mkv;.swf;.asf;”; Note: 1. 测试音.视频均为对应格式的有效文件(下载自地址:包含了各种可供测试音…

Android开发获取视频中的信息(例如预览图或视频时长) MediaMetadataRetriever媒体元数据检索器

前言在Android里获取视频的信息主要依靠MediaMetadataRetriever实现获取最佳视频预览图所谓的最佳就是MediaMetadataRetriever自己计算的 /** * 获取视频缩略图 * @param vedioFile * @return */ public static Bitmap getVedioThumbnail(File vedioFile){ if (!vedioFile.exists()){ L.e("视频文件不存在"); return n…

javascript 获得以秒计的视频时长

<!DOCTYPE html> <html> <body> <h3>演示如何访问 VIDEO 元素</h3> <video id=" controls> <source src="/i/movie.mp4" type="video/mp4"> <source src="/i/movie.ogg" type="video/ogg"…

Long类型时间如何转换成视频时长？

数据库中存放的视频时长是一个Long类型的毫秒/秒时间,现在需要把这个时间转换成标准的视频时长格式,在我看来这应该是一个很常用的转化有一个很常用的转换方法工具才对,可是我百度找了许久,没有一个简单直观的工具类刚好满足我的需求,好吧,找不到更好,那我自己写一个工具类自己用,同时也方便以后大家需要,供大家参考参考! import java.util.Date; public class VideoTimeUtil { /** * 毫秒时间 * Long类型时间转换成视频时长 */ public st…

Atitit 项目界面h5化静态html化计划---vue.js 把ajax获取到的数据绑定到表格控件 v2 r33.docx

Atitit 项目界面h5化静态html化计划---vue.js 把ajax获取到的数据绑定到表格控件 v2 r33.docx 1. 场景:应用在项目列表查询场景下1 1.1. 预计初步掌握vue.js 几小时即可1 2. 绑定ajax列表数据到表格1 2.1. List.html 使用v-for循环一下1 2.2. 预览2 2.3. 使用vue.js绑定2 2.4. 效果3 2.5. 时间日期等其他字段格式化使用vue.js的 filter过滤器3 3. 其他4 3.1. 9.Vuej…

jave获取音频时长

本文转载自:http://blog.csdn.net/ntotl/article/details/50419983 下载 jave-1.0.2.jar File source =new File('d:\\test.mp3'); Encoder encoder = new Encoder(); MultimediaInfo m = encoder.getInfo(source); long ls = m.getDuration(); duration = ls/1000; System.out.…

JS的video获取时长，出现问题汇总

<video id="my_video_1" controls="controls" style=" width: 700px; height: 420px; margin: 0 auto; padding-top: 0px;"> <source src="@ViewBag.Url " type="application/x-mpegURL"> </video> 1,vi…

asp.net 获取音视频时长的方法

http://www.evernote.com/l/AHPMEDnEd65A7ot_DbEP4C47QsPDYLhYdYg/ 日志: 1.第一种方法: 调用:shell32.dll ,win7下可以,window2008 r2 服务器上不行.(原因不知道,有可能是声卡驱动没有安装?) //添加引用:COM组件的Microsoft Shell Controls And Automation 引用shell32底层接口c:windows\system32\shell32.dll,vs自动转…

利用Docker挂载Nginx-rtmp(服务器直播流分发)+FFmpeg(推流)+Vue.js结合Video.js(播放器流播放)来实现实时网络直播

原文转载自「刘悦的技术博客」https://v3u.cn/a_id_75 众所周知,在视频直播领域,有不同的商家提供各种的商业解决方案,其中比较靠谱的服务商有阿里云直播,腾讯云直播,以及又拍云和网易云的有偿直播服务,服务包括软硬件设备,摄像机,编码器,流媒体服务器等.但是其高昂的费用以及较高的准入门槛让许多个人和小型企业望而却步,本文要讲解的是如何使用nginx-rtmp搭建直播服务器,配合FFmpeg推流,在网页端vue.js作为载体利用video.js作为流播放器,打造一套可用的在线视频直播…

jave 计算音视频时长

File source = new File("视频.mp4"); Encoder encoder = new Encoder(); try { MultimediaInfo info = encoder.getInfo(source); System.out.println("dura="+info.getDuration()); Date date = new Date(info.getDuration()); SimpleDateFormat sdf = ne…

js获取video的播放时长

setTimeout(function () { var vid = document.getElementById("videoIntro"); var currentTime=vid.currentTime.toFixed(1); if(currentTime==1.2){ //触发 return false; } console.log(currentTime); getvideoprogress(); }, 1000); function getvideoprogress(…

element-ui Upload 上传获取当前选择的视频时长

<el-upload class="upload-demo" ref="vidos" :action="URL+'/api/post/file'" :data="date" :on-success="handleAvatarAUDIO" :before-upload="beforeAvatarAUDIO" //将用到此方法 :on-progress="beforeAvat…

vue.js设置、获取、删除cookie

项目需要前端获取后台返回的cookie,并以此作判断.我是在main.js入口文件下使用的具体代码: new Vue({ el: '#app', router, template: '<App/>', components: { App }, methods:{ //读取cookie,需要注意的是cookie是不能存中文的,如果需要存中文,解决方法是后端先进行编码encode(),前端取出来之后用decodeURI('string')解码.(安卓可以取中文cookie,IOS不行) g…

js通过class获取元素时的兼容性解决方案

1:::::方法代码如下:function getByClass(sClass){ var aResult=[]; var aEle=document.getElementsByTagName('*'); for(var i=0;i<aEle.length;i++){ /*当className相等时添加到数组中*/ if(aEle[i].className==sClass){ aResult.push(aEle[i]); …

debug - vue中通过ajax获取数据时,如何避免绑定的数据中出现property of undefined错误

因为获取服务器是异步的,所以 vue 先绑定数据. 如果 ??? 是通过 ajax 异步获取的,在获取之前,???是未定义的.此时在外面的标签上添加一个 v-if="???" 可以避免这样的错误…

vue在使用ajax获取数据时，两种方法（jquery和vue_resource)

@{ Layout = null;} <!DOCTYPE html> <html><head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.8.2.min.js"><…

ckplayer获取播放时长一

<div id="a1"></div> <div id="nowTime"></div> <script type="text/javascript" src="/ckplayer/6.6/ckplayer.js"></script> <script type="text/javascript"> function load…

VUE.JS 使用axios数据请求时数据绑定时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

正常情况下在data里面都有做了定义在函数里面进行赋值这时候你运行时会发现,数据可以请求到,但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是: 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定.可以看下 Stackoverflow 的解释: 解决办法: 1.用ES6箭头函数,箭头方法可以和父方法共享变量 2.在请求axios外面定义一下 var that=this 问题…

在使用Vue.js中使用axios库时，遇到415错误（不支持的媒体类型(Unsupported media type)）

知识点:vue2.0中使用axios进行(put,post请求时),遇到415错误解决办法:在axios的第三个参数config中,设置请求头信息'Content-Type': 'application/json;charset=UTF-8' 如下: updateHospital(hospital) { this.$axios.put(`http://localhost:5050/editHospital`, JSON.stringify(hospital),{ headers: { 'Con…

aliplay获取播放时长

<div id="player-con" class="frequency-pic"></div> <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" /> <script charset="utf-8" src…

vue 中通过 ajax 获取数据时，如何避免绑定的数据中出现 property of undefined 错误

参考链接:https://segmentfault.com/q/1010000008264089?_ea=1597485…

使用FFMPEG进行一些视频处理（C#）视频合并、转码、获取时长

FFMPEG的强大无需多说,举几个用到的功能,直接贴代码了还有更多命令用到时搜索即可视频转码 ) { var args = "-y -i {0} -vcodec copy {1}".Formatting("\"{0}\"".Formatting(mp4), "\"{0}\"".Formatting(strFlvPath)); string output, error; ) timeout = **; /…

以springMVC为例获取上传视频文件时长

毕设项目是一个在线学习系统,教师用户有上传视频的功能,在答辩之前赶了一个demo出来,好多功能都写死了,比如课程学习进度就是被我写死在前端的一个变量,最近导师要我把项目打包发给他,这才心慌慌赶紧把这些功能补上.不知道正规的学习网站怎么做的学习进度,根据我的理解就是用户已经观看的视频时长除以整个课程的时长,这里就涉及到获取视频的时长问题了. 除了在maven中添加文件上传所需的依赖外,获取视频时长还依赖一个jave(注意啊,不是java,我最开始就是看成了java,一脸懵逼)的jar包,这个包在m…

python 获取视频文件的大小，时长等

举例说明: import os import sys import xlwt from moviepy.editor import VideoFileClip file_dir = u"G:/视频目录/" #定义文件目录 class FileCheck(): def __init__(self): self.file_dir = file_dir def get_filesize(self,filename): u""" 获取文件大小(M: 兆) &quo…

Java获取视频的大小、时长

前端上传视频之后,根据上传的视频文件获取视频的大小和时长 1.获取视频时长 private String ReadVideoTime(File source) { Encoder encoder = new Encoder(); String length = ""; try { MultimediaInfo m = encoder.getInfo(source); long ls = m.getDuration()/1000; int hour = (int) (ls/3600);…

【vue / js使用video获取视频时长】的更多相关文章