手机移动端html5、js如何实现视频上传并压缩视频质量，或者降低手机摄像头拍摄质量？

JavaScript024

手机移动端html5、js如何实现视频上传并压缩视频质量，或者降低手机摄像头拍摄质量？,第1张

你好 HTML5和javascript是不能压缩视频的，只能把视频传到服务器端，由后端来压缩视频，也不能控制相机的拍摄质量，除非你用JAVA写Android客户端才可以压缩。希望我的回答能够帮助到你，如果还有什么疑问可以继续追问。

<input type="file" accept="video/*" onChange={this.previewVideo} />

<video id="myVideo" autoPlay width="300" />

使用FileReader读取转为Data URL：

previewVideo = (file) => {

    // 建议判断下视频大小及格式，太大的可能会有问题

    const reader = new FileReader()

    reader.onload = (evt) => {

      const myVideo = document.querySelector("#myVideo")

      myVideo.src = evt.target.result

    }

    reader.readAsDataURL(file)

}