在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安全错误
数据库的锁怎样保障安全
王者内测服服务器未响应
神武4服务器开等级时间
淮安无线网络技术来电咨询
网络安全漫画人民网
软件开发前端要干什么
学生会数据库php
服务器报错SEL1514
数据库导入导出mysql
手机一直提示没有服务器
华三杯网络技术大赛成绩
sql收缩数据库日志
网络技术基地实验报告
数据库实体和实例是什么意思
app开发流程 软件开发
去年软件开发上市公司几家
信息网络安全协议
华为服务器账号密码管理
西安有网络安全技术培训班吗
中国x86服务器行业市场
易语言例程数据库
关系数据库中的数据表( )
推动网络安全法的发展
小黄鸭软件开发能买原始股么
mc手游服务器怎么做boss
金士顿recc服务器内存
基础数据库开发是什么意思
多台服务器一台显示器
广西桂红互联网科技有限公司
河南省大学生网络安全竞赛
技术参考数据库