vue最长可以生成多久的视频,vue视频最多时长是多少
这篇文章主要介绍了在某视频剪辑软件项目中如何获取视频的时长,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
目录
vue获取视频时长视频播放器获取播放时间全局引用局部引用超文本标记语言方法获取播放时间
vue获取视频时长
传入参数为视频文件对象
js的代码如下:
getVideoDuration(file) {
var URL=URL。createobjecturl(文件);
var audioElement=新音频(网址);
var self=this
定义变量结果;
音频元素。addevent侦听器( loaded metadata ,function() {
//视频时长值的获取要等到这个匿名函数执行完毕才产生
结果=audioElement.duration//得到时长为秒,小数,182.36
自我。规则形式。视频时长=parse int(结果);//转为(同国际组织)国际组织值
});
}
vue-video-player获取播放时间
新公共管理安装视频播放器
全局引用
从"视频播放器"导入视频播放器
导入视频播放器/src/自定义主题。 CSS
导入video.js/dist/video-js.css的
Vue.use(视频播放器)
局部引用
导入{
放像机
}来自“呜呜——视频播放器"
导入video.js/dist/video-js.css的
导出默认值{
组件:{
放像机
}
}
html
视频播放器 class=视频播放器vjs-自定义皮肤
ref=视频播放器
:playsinline=true
:options=playerOptions
/视频播放器
methods获取播放时间
这个. nextTick(()={
setTimeout(()={
让杜=文档。getelementbyid( vjs _ video _ 3 _ html 5 _ API )//获取组件下的录像
var hour=parse int((du。持续时间)/3600);
var minute=parse int((du。持续时间% 3600)/60);
var秒=parse int(du。持续时间% 60);
让结果=
如果(0小时){
result=this.formatTimeStr(小时): this.formatTimeStr(分钟):这个。格式时间字符串(秒)
}否则{
result=this.formatTimeStr(分钟) :
this.formatTimeStr(秒)
}
返回结果//转化成分,秒
}, 200)
})
formatTimeStr(val) {
如果(值9) {
返回值
}否则{
返回"0"值
}
},
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。