如何使用视频js和精细上传器保存视频和音频

Question

我试图上传视频(audio+video)使用以下代码。在本地，我可以记录和查看视频，但它没有上传到服务器。以下是我的密码。

// initialize Fine Uploader
var uploader = new qq.FineUploaderBasic({
    debug: true,
    autoUpload:true,
    request: {
        endpoint: 'https://192.168.0.104/rrtc/save.php'
    },
    validation: {
        allowedExtensions: ['webm']
    }
});
// setup videojs-record
var player = videojs('myAudio',
    {
        controls: true,
        width: 600,
        height: 300,
        plugins: {
            wavesurfer: {
                src: 'live',
                waveColor: 'black',
                progressColor: '#2E732D',
                cursorWidth: 1,
                msDisplayMax: 20,
                hideScrollbar: true
            },
            record: {
                audio: true,
                video: true,
                maxLength: 5,
                debug: true
            }
        }
    });

// player error handling
player.on('deviceError', function()
{
    console.warn('device error:', player.deviceErrorCode);
});
player.on('error', function(error)
{
    console.log('error:', error);
});

// data is available
player.on('finishRecord', function()
{
    // the blob object contains the audio data
    var audioFile = player.recordedData;

    console.log('finished recording: ', audioFile);

    // upload data to server
    var filesList = [audioFile];
    console.log("F Lengh :"+filesList.length);
    uploader.addFiles(filesList);
});

如果我将任何1选项从记录插件(音频和视频)更改为false，那么我就可以将文件上传到服务器。但如果我尝试两个真正的选项，即视频:真，音频:真，那么它没有上传。控制台的屏幕截图被添加到post。会有什么问题？

Chrome控制台输出

编辑1：

-Please从我使用的地方引用此链接作为原始源。

-Video标签<video id="myAudio" class="video-js vjs-default-skin"></video>

Answer 1

根据控制台输出，您将向addFiles传递一个数组，该数组包含一个本身包含video属性(即Blob )的对象。几件事：

1. 如果只向addFiles添加一个文件，则不需要传递数组。
2. 根据您的控制台输出，您没有传递一个Blob。相反，您要将包含Blob的对象作为其属性之一传递。因此，您应该将audioFile.audio (我假设)或videoFile.video传递给addFiles。