微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

将Blob文件上传到giphy服务器

如何解决将Blob文件上传到giphy服务器

我在使用GIPHY API上传端点时遇到问题。我正在使用录制RTC录制网络摄像头,然后上传文件。除了那个库,我正在使用普通的javascript。我将用于记录,处理记录并将其上载到Giphy的整个代码在这里。事件侦听器运行正常,其功能uploadGif()无效。

如果有帮助,请参见https://developers.giphy.com/docs/api/endpoint#upload文档。我得到的响应是400,这表示其格式不正确或缺少参数。

欢迎任何帮助!!!非常感谢!

let recorder

function startRecorder() {
    captureCamera(function (camera) {
        videoWindow.muted = true;
        videoWindow.volume = 0;
        videoWindow.srcObject = camera;

        recorder = RecordRTC(camera,{
            type: 'video'
        });

        recorder.startRecording();
    })
}

document.getElementById('start').addEventListener('click',startRecorder)

//Stop the recording

function stopRecorder() {
    video.muted = true;
    video.volume = 1;
    console.log("grabacion terminada")
    processRecording()
};

// Event Listener that activates stopRecorder() and hides/shows windows
document.getElementById('ready').addEventListener('click',function () {
    this.disabled = true
    recorder.stopRecording(stopRecorder)
    let captureVideo = document.getElementById('capture')
    captureVideo.style.display = "none"
    let preview = document.getElementById("preview")
    preview.style.display = "block"
})

//Process the recording data and shows  preview
function processRecording() {
    let videoGif = document.getElementById('gif-preview')
    let blob = recorder.getBlob()
    let form = new FormData();
    form.append('file',blob,'juaniGif.gif')
    videoGif.src = URL.createObjectURL(blob); //Video tag takes as src the URL from recording
    console.log(form.get('file')) //Data from the recording logs in console
}

//Upload Gif with POST Request to GIPHY API
function uploadGif() {
    let form = new FormData();
    let blob = recorder.getBlob()
    form.append('file','juaniGif.gif')
    fetch('https://upload.giphy.com/v1/gifs?api_key=e50H7kadOO3wsBzSsJ1YpQL9cEjMglfi',{
            method: 'POST',body: form,json: true,mode: 'no-cors'
        })
        .then(response =>response.json())
}

document.getElementById('upload-btn').addEventListener('click',uploadGif);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。