apicloud七牛云视频上传并截取第一帧js实现

目录：
1、apicloud新手总结
2、apicloud同原生app与h5的数据交互
3、apicloud七牛云视频上传并截取第一帧js实现
功能：视频上传七牛云并截取第一帧保存为封面图
具体逻辑与运行视频，源代码请访问：https://community.apicloud.com/bbs/thread-141103-1-1.html

    
        
         
        
        
        
    
    
    
    
        

      
      

        上传视频
        
        

            

            

          

            
            

                

                  
                  {{item.jindu}}
                  {{item.size}}
                
                
                
            
          
        

        
        

            
            
        
      

        
    
    
    
      /*不记得这两个js文件到底有没有用了，可以去七牛云官方文档上看一下*/
    
    

    
    

// 截取视频第一帧为图片
function createIMG(name) {
    var scale = 0.25,
    video = $api.dom("#video video"),
    canvas = document.createElement("canvas"),
    canvasFill = canvas.getContext('2d');
    canvas.width = video.videoWidth * scale;
    canvas.height = video.videoHeight * scale;
    canvasFill.drawImage(video, 0, 0, canvas.width, canvas.height);
    var src = canvas.toDataURL("image/jpeg");
    api.ajax({
        url : "",    //图片上传地址，此处传递的为base64图片
        method : 'post',
        // dataType : 'json',
        data : {
            values: {
                image: src
            }
        }
    },function(res) {
        if(res.code) {
            vm.lastimg = res.info.file_url;     //用作最后一个封面图
        }
    });
}

注意：根据自己的实际需要修改代码