1.背景

因为当时需要做视频播放,后台存放视频文件又不现实。所以,做了一个能解析腾讯视频地址的并播放视频的小程序。

2.介绍

小程序里的解析腾讯视频地址的代码是参考了一个开源项目you-get写的,把里面的腾讯视频下载的python代码写成了JS代码。

3.腾讯视频ID从哪获取

1.一般播放一个腾讯视频的时候播放地址为https://v.qq.com/x/page/w0647n5294g.html
.html到最后一个/之间的字符串即为腾讯视频id。如https://v.qq.com/x/page/w0647n5294g.html的id为w0647n5294g

4.获取腾讯视频真实播放地址

分为以下两步

  • 1 获取视频信息
    把腾讯视频ID传入以下函数
getVideoInfo: function (vid) {
    var that = this;
    var urlString = \'https://vv.video.qq.com/getinfo?otype=json&appver=3.2.19.333&platform=11&defnpayver=1&vid=\' + vid;
    wx.request({
      url: urlString, 
      success: function (res) {
        var dataJson = res.data.replace(/QZOutputJson=/, \'\') + "qwe";
        var dataJson1 = dataJson.replace(/;qwe/, \'\');
        var data = JSON.parse(dataJson1);
        var fn_pre = data.vl.vi[0].lnk
        host = data[\'vl\'][\'vi\'][0][\'ul\'][\'ui\'][0][\'url\']
        var streams = data[\'fl\'][\'fi\']
        var seg_cnt = data[\'vl\'][\'vi\'][0][\'cl\'][\'fc\']
        if (parseInt(seg_cnt) == 0) {
          seg_cnt = 1
        }
        var best_quality = streams[streams.length - 1][\'name\']
        var part_format_id = streams[streams.length - 1][\'id\']

        for (var i = 1; i < (seg_cnt + 1); i++) {
          var filename = fn_pre + \'.p\' + (part_format_id % 10000) + \'.\' + i + \'.mp4\';
          console.log(filename);
          pageArr.push(i);
          that.requestVideoUrls(part_format_id, vid, filename, \'index\' + i);

        }

      }
    })
  },

 

  • 2 根据视频信息解析视频真正的播放地址
requestVideoUrls: function (part_format_id, vid, fileName, index) {
    var keyApi = "https://vv.video.qq.com/getkey?otype=json&platform=11&format=" + part_format_id + "&vid=" + vid + "&filename=" + fileName + "&appver=3.2.19.333"
    var that = this;
    wx.request({
      url: keyApi,
      success: function (res) {
        var dataJson = res.data.replace(/QZOutputJson=/, \'\') + "qwe";
        var dataJson1 = dataJson.replace(/;qwe/, \'\');
        var data = JSON.parse(dataJson1);
        if (data.key != undefined) {
          var vkey = data[\'key\']
          var url = host + fileName + \'?vkey=\' + vkey;
          part_urls[index] = String(url)
          that.setData({
            videoUrl: part_urls.index1
          });
        }
      }
    })
  },

该函数里面的part_urls.index1,即为腾讯视频的真实地址。把这个地址放到小程序的video组件的src中,即可播放腾讯上的视频。
最后放上demo:weChatVideoPlay

版权声明:本文为popper123原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/popper123/p/9011710.html