我可以為 HTML5 文件上傳設置視頻長度限制嗎？

Question

通過 HTML5 輸入上傳視頻時，例如：

<input type="file" id="input">

我知道可以使用 PHP/Node.Js 設置文件大小限制。

有沒有辦法限制視頻長度，而不是文件大小？

IE：只允許用戶上傳 15 秒或更短的視頻。

Answer 1

這是我發現的：

解決方案 1：創建一個播放本地視頻文件的視頻元素，然后在其上運行 video.duration。

 var vid = document.getElementById("myVideo"); function myFunction() { alert(vid.duration); } (function localFileVideoPlayer() { 'use strict' var URL = window.URL || window.webkitURL var displayMessage = function (message, isError) { var element = document.querySelector('#message') element.innerHTML = message element.className = isError ? 'error' : 'info' } var playSelectedFile = function (event) { var file = this.files[0] var type = file.type var videoNode = document.querySelector('video') var canPlay = videoNode.canPlayType(type) if (canPlay === '') canPlay = 'no' var message = 'Can play type "' + type + '": ' + canPlay var isError = canPlay === 'no' displayMessage(message, isError) if (isError) { return } var fileURL = URL.createObjectURL(file) videoNode.src = fileURL } var inputNode = document.querySelector('input') inputNode.addEventListener('change', playSelectedFile, false) })()

 <h3>Step 1: Upload a video</h3> <h3>Step 2: Get length</h3> <h3>Step 3: ???</h3> <h3>Step 4: Profit</h3> <button onclick="myFunction()" type="button">Get video length</button> <hr> <div id="message"></div> <input type="file" accept="video/*"/> <video controls autoplay id="myVideo"></video>

解決方案2：使用mediainfo.js https://mediainfo.js.org/