在 vue2 中獲取視頻幀率可以通過 元素的 onloadedmetadata 事件,具體步驟包括:創(chuàng)建 元素,定義 onloadedmetadata 事件處理函數(shù),計(jì)算幀率(通過視頻寬度與高度之比),記錄幀率(如存儲(chǔ)在 vuex 存儲(chǔ)中)。
Vue2 中獲取視頻幀率
在 Vue2 中,可以使用
步驟:
創(chuàng)建 video 元素:
<template><video id="video"></video></template>
登錄后復(fù)制
定義 onLoadedMetadata 事件處理函數(shù):
export default {
methods: {
onLoadedMetadata() {
const video = this.$refs.video;
console.log("幀率:", video.videoWidth / video.videoHeight);
},
},
};
登錄后復(fù)制
計(jì)算幀率:
幀率通常通過視頻的寬度和高度之比來計(jì)算。例如,對(duì)于分辨率為 1920×1080 的視頻,幀率為 1920 / 1080 = 1.77。
記錄幀率:
獲取的幀率可以存儲(chǔ)在 Vuex 存儲(chǔ)或本地存儲(chǔ)中,以便在整個(gè)應(yīng)用程序中使用。






