Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/amazon-web-services/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
上传的mp4视频无法播放HTML5播放器_Html_Amazon Web Services_Video_Amazon S3_Ionic Framework - Fatal编程技术网

上传的mp4视频无法播放HTML5播放器

上传的mp4视频无法播放HTML5播放器,html,amazon-web-services,video,amazon-s3,ionic-framework,Html,Amazon Web Services,Video,Amazon S3,Ionic Framework,我已经在我的爱奥尼亚移动应用程序中使用(aws sdk)上传了mp4视频。 这就是代码的和平 $cordovaFile.readAsDataUrl(first, file).then(function(success) { AWS.config.region = 'eu-west-1'; AWS.config.update({ accessKeyId: '', secretAccessKey: '' })

我已经在我的爱奥尼亚移动应用程序中使用(aws sdk)上传了mp4视频。 这就是代码的和平

$cordovaFile.readAsDataUrl(first, file).then(function(success) {
    AWS.config.region = 'eu-west-1';
    AWS.config.update({
                 accessKeyId: '',
                 secretAccessKey: ''
    });

    var bucket = new AWS.S3({
                     params: {
                         Bucket: 'www.bucket-new'
                     }
                 });

    var params = {
                  Key: "test.mp4",
                  ContentEncoding: 'base64',
                  ContentType: 'video/mp4', 
                  Body: success
                };

    bucket.upload(params).on('httpUploadProgress', function(evt) {
                  console.log('sucess');
                  $scope.uploading = true;
                  $scope.progress = parseInt((evt.loaded * 100) / evt.total) + '%';
                  console.log("Uploaded :: " + $scope.progress);
                  $scope.$apply();
                }).send(function(err, data) {
                  $scope.uploading = false;
                  $scope.$apply();
                });
})
视频已成功上载。但上传的视频无法在html5播放器上播放

<video controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"><source src="https://s3-eu-west-1.amazonaws.com/www.test-uploads/test.mp4" type="video/mp4"/></video>


使用aws s3 dashbord上载视频时,是否在此播放机上成功播放了该视频?通过应用程序(使用aws sdk)上传视频时有什么问题?

我这里有cordova文件上传插件的问题

$cordovaFile.readAsDataURL(路径,文件)

readAsDataURL函数是受支持的,但Chrome中的mediatype取决于条目名称扩展,IE中的mediatype总是空的(根据规范与纯文本相同),Firefox中的mediatype总是
application/octet stream
。例如,如果内容是abcdefg,那么Firefox返回
data:application/octet-stream;base64,ywjzgvmzw=
,即返回
数据:;base64,ywjzgvmzw=
,Chrome返回
数据:;base64,ywjzgvmzw===

更多

然后上传文件id base64编码

对于上载文件,请使用此方法。 然后你可以上传视频的二进制数据

$cordovaFile.readAsArrayBuffer(first, file)
        .then(function(success) {

---Code---

})

试图直接访问视频,错误显示bucket
www.test-uploads
不存在。如果您有bucket不存在的消息,请检查您的权限…@offbeat权限是否正确。我可以成功上传。biut上传的文件编码为Base64您在这里使用什么插件上传s3?$cordovafile和$cordovafile.readAsDataURL(路径,文件)