...
項目中遇到上傳視頻功能,需要有預覽和獲取視頻時長功能,因之前使用upload 有需要的話可以參考下我之前的文章 ,這里就不贅述,直接用來上傳視頻,不過在上傳之前和上傳成功后的鈎子里,獲取不到時長: 沒有時長怎么辦呢,只能用原生JS來獲取: 上傳成功以后,將成功的路徑綁定給video 使用js獲取duration並賦給時間參數 這時你會發現,你得到的值是NaN 視頻還未加載下來,無法同步獲取到,使用 ...
2018-07-24 14:28 0 19828 推薦指數:
...
參考資料:js獲取上傳音視頻文件的時長 直接通過element-ui自帶的上傳組件結合js即可,代碼如下: HTML: 得加一個中間字段,用於保存視頻時長的值,因為在監聽器里面不能直接使用vue頁面定義的全局變量: js: ...
js 獲取視頻的總時長: 轉自:https://stackoverflow.com/questions/40763057/trying-to-get-full-video-duration-but-returning-as-nan ...
目錄 安裝 引入 使用 參考文檔 環境: vue 2.0+ element ui (這里的代碼用了elmentui的按鈕樣式,可以不用elment ui的樣式) 安裝 在項目中安裝 video.js。 引入 ...
獲取上傳視頻路徑,將該路徑放入video標簽,獲取視頻時長 方式一:隱藏一個音頻標簽,播放獲取。 廣州vi設計公司http://www.maiqicn.com 辦公資源網站大全 https://www.wode007.com 方式二;通過new Audio的方式獲取: 說明 ...
后台管理中經常會有一些視頻上傳的需求,在列表中,往往需要用到視頻預覽 1:安裝 2:引用:在main.js中引用 3:使用(結合你使用框架的dialog即對話框,我使用的是vuetify中的遮罩層,效果一致,便沒有使用dialog) < ...
getDuration(file) { let url = this.getSrc(file); let ...
利用ffmpeg只能獲取到本地視頻的信息。 如果是線上視頻,可通過先下載到本地,獲取到信息后再刪除。 ...