在vue项目中怎么获取视频的时长
发表于:2024-10-06 作者:千家信息网编辑
千家信息网最后更新 2024年10月06日,这篇文章主要讲解了"在vue项目中怎么获取视频的时长",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"在vue项目中怎么获取视频的时长"吧!vue获取视频
千家信息网最后更新 2024年10月06日在vue项目中怎么获取视频的时长
这篇文章主要讲解了"在vue项目中怎么获取视频的时长",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"在vue项目中怎么获取视频的时长"吧!
vue获取视频时长
传入参数为视频文件对象
js的代码如下:
getVideoDuration(file) { var url = URL.createObjectURL(file); var audioElement = new Audio(url); var self = this; var result; audioElement.addEventListener("loadedmetadata", function() { // 视频时长值的获取要等到这个匿名函数执行完毕才产生 result = audioElement.duration; //得到时长为秒,小数,182.36 self.ruleForm.videoDuration = parseInt(result); //转为int值 });}
vue-video-player获取播放时间
npm install vue-video-player -S
全局引用
import VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.js/dist/video-js.css'Vue.use(VideoPlayer)
局部引用
import { videoPlayer } from 'vue-video-player' import 'video.js/dist/video-js.css' export default { components: { videoPlayer }}
html
methods 获取播放时间
this.$nextTick(() => { setTimeout(() => { let du = document.getElementById("vjs_video_3_html5_api") //获取组件下的video var hour = parseInt((du.duration) / 3600); var minute = parseInt((du.duration % 3600) / 60); var second = parseInt(du.duration % 60); let result = '' if (hour > 0) { result = this.formatTimeStr(hour) + ':' + this.formatTimeStr(minute) + ':' + this .formatTimeStr(second) } else { result = this.formatTimeStr(minute) + ':' + this.formatTimeStr(second) } return result //转化成分,秒 }, 200) }) formatTimeStr(val) { if (val > 9) { return val } else { return '0' + val } },
感谢各位的阅读,以上就是"在vue项目中怎么获取视频的时长"的内容了,经过本文的学习后,相信大家对在vue项目中怎么获取视频的时长这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!
时长
视频
项目
学习
内容
时间
代码
全局
函数
参数
对象
小数
就是
局部
思路
情况
成分
文件
文章
更多
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
产业艺术设计互联网科技
中国易学领军人物数据库
将byte写入数据库
网络安全些什么
专科计算机网络技术考试
2021年铜川市网络安全宣传
V2X蜂窝移动网络技术
我的世界坑服务器的玩家
广轻工计算机网络技术
网络安全宣传应急预案
金山杀毒使用的服务器
危害网络安全罪量刑
守护网络安全构建和谐校园儿童画
华望云服务器满员啥意思
软件开发机构宣传
数据库查询当前日期前一天
删除数据库表中的列
软件开发子模块划分
网络安全管理的基本方面
铜官区网络安全
濮阳软件开发要多少钱
sql数据库删除冗余数据
a1考勤管理数据库连接失败
广西网络技术专业
如何使用语句在数据库中
德惠有名的网络技术咨询有哪些
服务器win激活失败重启
徐州软件开发服务电话
郑州工控软件开发哪家实惠
硬件科技和工业互联网