js实现视频本地预览,一级获取播放时长

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现视频本地预览,一级获取播放时长相关的知识,希望对你有一定的参考价值。

<video style="display:none;" controls="controls" id="aa" oncanplaythrough="myFunction(this)"></video>
<input type="file" onchange="changeFile(this)" >
<script>
    function myFunction(ele) {
     //视频时长 单位秒 alert(Math
.floor(ele.duration)); } function changeFile(ele){ var video = ele.files[0]; var url = URL.createObjectURL(video); console.log(url); document.getElementById("aa").src=url; } </script>

 

以上是关于js实现视频本地预览,一级获取播放时长的主要内容,如果未能解决你的问题,请参考以下文章

java js前端请求后台去获得音频流,然后播放音乐,音乐可以控制进度,显示总时长

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

VideoView根据视频路径获取视频长度(播放前,同样适用于音频资源)

Android主流视频播放及缓存实现原理调研

js 代码实现视频进度条点到哪个位置就播放那个位置的视频。进度条是用css样式另做的。

使用 JS 从视频中获取帧