vue2获取视频时长

365怎么访问 2025-08-06 05:25:38 admin

然后,在你的Vue组件中,你可以这样使用hls.js来获取视频长度:使用HTML5的video标签和JavaScript:

使用Vue的@load事件:

使用第三方库,如video.js:

vue2怎么获取m3u8格式的视频长度

在Vue 2中,要获取m3u8格式视频的长度,通常需要使用JavaScript库来解析m3u8文件并获取相关信息。一个常用的库是hls.js,它能够处理HLS格式的视频流。首先,你需要在项目中安装hls.js:

npm install hls.js --save

然后,在你的Vue组件中,你可以这样使用hls.js来获取视频长度:

在上面的代码中,hls.js首先检查浏览器是否支持HLS视频格式,如果支持,它会加载m3u8文件,然后绑定到

请注意,你需要将'path/to/your/video.m3u8'替换为你的m3u8视频文件的实际路径。此外,你可能需要在你的服务器上正确配置HLS视频流的传输,以确保hls.js能够正确加载和播放视频。