0

我正在尝试使用 tus 协议在 vimeo 上上传视频，并且视频上传工作正常，但是如果我们暂停并继续，上传会重新开始，我可能做错了什么？这是代码。

$(document).on("click", "button", function (e) {
        var file = $(this).prop("files")[0];
        $.ajax({
            'url': 'https://api.vimeo.com/me/videos',
            'type': 'POST',
            'headers': {
                'Accept': 'application/vnd.vimeo.*+json;version=3.4',
                'Content-Type': 'application/json',
                'Authorization': 'bearer ' + 'token'
            },
            "data": JSON.stringify({
                "upload": {
                    "approach": "tus",
                    "size": file.size   
                }
            }),
            'success': function (result) {
                var upload = new tus.Upload(file, {
                    uploadUrl: result.upload.upload_link,
                    onError: function (error) {
                        console.log("Failed because: " + error)
                    },
                   
                    onProgress: function (bytesUploaded, bytesTotal) {
                        var percentage = (bytesUploaded / bytesTotal * 100).toFixed(2)
                        console.log(bytesUploaded, bytesTotal, percentage + "%")
                    },
                    onSuccess: function () {
                        console.log("Download %s from %s", upload.file.name, upload.url)
                    }
                })

                // Add listeners for the pause and unpause button
                var pauseButton = document.querySelector("#pauseButton")
                var unpauseButton = document.querySelector("#unpauseButton")
                pauseButton.addEventListener("click", function () {
                    upload.abort()
                })
                unpauseButton.addEventListener("click", function () {
                    upload.start()
                })

        // Start the upload
        upload.start()

            },
            'error': function (result) {   
            }
        });
4

1 回答 1

0

一个迟到的回应，但我自己遇到了这个问题，并认为我会分享我如何为将来偶然发现此页面的其他人修复它。

我必须在我的“new tus.Upload()”中设置 chunkSize 变量。默认情况下，chunkSize 是无限的，似乎 Vimeo 的“上传偏移”响应仅针对已完成的块，因此在上传完成之前没有已完成的块。

通过将其设置为 5000000 (5mb)，我可以成功暂停和恢复上传。恢复后，它会在最后一个完成的块处重新启动，因此对于一个小文件（例如 30mb），恢复后可能会有几个百分比的明显下降。对于 5mb 占较小百分比的较大文件，这将不太明显，或者您可以将 chunkSize 设置为 1mb，尽管 chu​​nkSize 越小，由于 http 请求数量的增加，上传速度越慢。

   var upload = new tus.Upload(file, {
            chunkSize: 5000000,
            uploadUrl: result.upload.upload_link,
            onError: function (error) {
                console.log("Failed because: " + error)
            },
               
            onProgress: function (bytesUploaded, bytesTotal) {
                var percentage = (bytesUploaded / bytesTotal * 100).toFixed(2)
                console.log(bytesUploaded, bytesTotal, percentage + "%")
            },
            onSuccess: function () {
                console.log("Download %s from %s", upload.file.name, upload.url)
            }
   })

希望这可以帮助某人。

于 2021-01-31T07:31:17.770 回答