在 vue2 中獲取視頻幀率可以通過 元素的 onloadedmetadata 事件,具體步驟包括:創(chuàng)建 元素,定義 onloadedmetadata 事件處理函數(shù),計算幀率(通過視頻寬度與高度之比),記錄幀率(如存儲在 vuex 存儲中)。
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ù)制
計算幀率:
幀率通常通過視頻的寬度和高度之比來計算。例如,對于分辨率為 1920×1080 的視頻,幀率為 1920 / 1080 = 1.77。
記錄幀率:
獲取的幀率可以存儲在 Vuex 存儲或本地存儲中,以便在整個應(yīng)用程序中使用。