用HTML5 capture=“捕获”限制视频上传长度的最简单方法
用HTML5 capture=“捕获”限制视频上传长度的最简单方法
提问于 2018-08-25 20:43:51
我正在建设一个网站，用户可以通过他们的手机捕捉图片和视频。在HTML5和一些javascript中，一切都运行得很好。但是我想限制视频的最大长度，而不需要用户首先捕获视频，并且在收到视频太长的警告之后。，这是我正在成功使用的当前视频上传形式。
<input type="file" accept="image/*;capture=camera" id="FileUpload" name="FileUpload" capture="capture">任何有解决方案/黑客的人都会在视频超过10秒时自动停止捕获吗？
和往常一样，谢谢你的智慧。
回答 1
Stack Overflow用户
发布于 2018-12-04 19:55:24
我也需要使用MediaStream / MediaSource API来完成这个任务。
最后，我屈服于使用countdown timer，并在您想要的范围内停止录制。
快速ES6 + TypeScript示例：
startRecording(): void {
// ... record logic
// ... countdown logic
if (countdownTimer === maxSeconds) {
this.stopRecording();
}
}
stopRecording(): void {
this.mediaRecorder.stop();
this.isRecording = false;
const blobPropertyBag: BlobPropertyBag = {
type: 'video/webm'
};
this.fileBlob = new Blob(this.recordedBlobs, blobPropertyBag);
this.stream.getTracks().forEach((track: MediaStreamTrack) => {
track.stop();
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52021081
复制相关文章
相似问题
腾讯云开发者
