首页 > 微信 > 详细

小程序开发,视频播放和下载

时间:2019-05-13 18:37:25      阅读:175      评论:0      收藏:0      [点我收藏+]

代码放在github上,页面实现的功能是,视频的播放,以及视频下载的整个流程,包括授权和保存到相册。

简单说说视频下载的整个流程吧

      wx.getSetting({ //获取用户当前的授权状况
        success: res => {
          let recordAuth = res.authSetting["scope.writePhotosAlbum"];
         if (recordAuth === true) { //1.已经授权成功,直接调用下载方法
            self.saveVideoToAlbum(); 
          } else if (recordAuth === false) { //2.申请过授权,但用户不同意,打开手机系统设置
            self.openAuth(); 
          } else if {  //3.从未授权,弹出授权窗口
            wx.authorize({
              scope: "scope.writePhotosAlbum",
              success: () => {  //授权成功
               //页面提示授权成功
              },
              fail: () => { //授权失败
                self.msg("text", "授权失败,请重试");
              }
            });
          }
        }
      });

 

在第二种状态,申请过授权,但是用户不同意,我们调用openAuth 方法,方法代码如下,

技术分享图片

    openAuth() {
      let self = this;
      wx.openSetting({
        success: function(res) {
          let recordAuth = res.authSetting["scope.writePhotosAlbum"];
          if (recordAuth == true) { //手动设置授权成功
            // self.saveVideoToAlbum(); 需不需要在这里调用下载方法,自己考虑
          }
        }
      });
    },

 

关于授权的逻辑就这么多了,接下来说说,下载保存逻辑,需要注意的是,每次在下载保存之前需要先清除本地的缓存文件,不然只有10m的缓存文件,下载不了几个视频就满了。

下载的逻辑是先调用wx.downloadFile 方法,把视频下载到本地缓存,然后再调用wx.saveVideoToPhotosAlbum方法保存;

还有清除本地缓存的方法,使用的是

FileSystemManager.readdir({Object})方法,获取缓存文件列表,
FileSystemManager.unlinkSync()方法,对列表里遍历出来的文件进行删除,
 
完整代码上传到github了,项目使用的mpvue,应该也很容易看懂
 
觉得有帮助,不妨给个赞哦~

小程序开发,视频播放和下载

原文:https://www.cnblogs.com/daisygogogo/p/10858239.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!