在 vue2 中获取视频帧率可以通过 元素的 onloadedmetadata 事件，具体步骤包括：创建 元素，定义 onloadedmetadata 事件处理函数，计算帧率（通过视频宽度与高度之比），记录帧率（如存储在 vuex 存储中）。
Vue2 中获取视频帧率
在 Vue2 中，可以使用 <video></video> 元素的 onloadedmetadata 事件来获取视频的帧率。
步骤：
-
创建
video元素：立即学习“前端免费学习笔记（深入）”；
<code class="html"><template> <video id="video" @loadedmetadata="onLoadedMetadata"></video> </template></code>
-
定义
onLoadedMetadata事件处理函数：<code class="js">export default { methods: { onLoadedMetadata() { const video = this.$refs.video; console.log("帧率：", video.videoWidth / video.videoHeight); }, }, };</code> -
计算帧率：
帧率通常通过视频的宽度和高度之比来计算。例如，对于分辨率为 1920x1080 的视频，帧率为 1920 / 1080 = 1.77。 -
记录帧率：
获取的帧率可以存储在 Vuex 存储或本地存储中，以便在整个应用程序中使用。
