原文:vue / js使用video獲取視頻時長

項目中遇到上傳視頻功能,需要有預覽和獲取視頻時長功能,因之前使用upload 有需要的話可以參考下我之前的文章 ,這里就不贅述,直接用來上傳視頻,不過在上傳之前和上傳成功后的鈎子里,獲取不到時長: 沒有時長怎么辦呢,只能用原生JS來獲取: 上傳成功以后,將成功的路徑綁定給video 使用js獲取duration並賦給時間參數 這時你會發現,你得到的值是NaN 視頻還未加載下來,無法同步獲取到,使用 ...

2018-07-24 14:28 0 19828 推薦指數:

查看詳情

vue 獲取視頻時長

參考資料:js獲取上傳音視頻文件的時長 直接通過element-ui自帶的上傳組件結合js即可,代碼如下: HTML: 得加一個中間字段,用於保存視頻時長的值,因為在監聽器里面不能直接使用vue頁面定義的全局變量: js: ...

Tue Aug 20 17:57:00 CST 2019 0 2002
js 獲取視頻的總時長

js 獲取視頻的總時長: 轉自:https://stackoverflow.com/questions/40763057/trying-to-get-full-video-duration-but-returning-as-nan ...

Wed May 13 06:29:00 CST 2020 2 8256
vue使用 Video.js 播放視頻

目錄 安裝 引入 使用 參考文檔 環境: vue 2.0+ element ui (這里的代碼用了elmentui的按鈕樣式,可以不用elment ui的樣式) 安裝 在項目中安裝 video.js。 引入 ...

Fri Sep 03 16:39:00 CST 2021 0 173
js獲取上傳音視頻時長

獲取上傳視頻路徑,將該路徑放入video標簽,獲取視頻時長 方式一:隱藏一個音頻標簽,播放獲取。 廣州vi設計公司http://www.maiqicn.com 辦公資源網站大全 https://www.wode007.com 方式二;通過new Audio的方式獲取: 說明 ...

Wed Sep 16 18:06:00 CST 2020 0 3041
vue使用video-js預覽視頻(結合vuetify)

后台管理中經常會有一些視頻上傳的需求,在列表中,往往需要用到視頻預覽 1:安裝 2:引用:在main.js中引用 3:使用(結合你使用框架的dialog即對話框,我使用的是vuetify中的遮罩層,效果一致,便沒有使用dialog) < ...

Thu Jul 30 19:53:00 CST 2020 0 1766
php 獲取視頻時長

利用ffmpeg只能獲取到本地視頻的信息。 如果是線上視頻,可通過先下載到本地,獲取到信息后再刪除。 ...

Thu Oct 31 03:31:00 CST 2019 0 1734
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM