1.背景

因?yàn)楫?dāng)時(shí)需要做視頻播放，后臺(tái)存放視頻文件又不現(xiàn)實(shí)。所以，做了一個(gè)能解析騰訊視頻地址的并播放視頻的小程序。

2.介紹

小程序里的解析騰訊視頻地址的代碼是參考了一個(gè)開源項(xiàng)目you-get寫的，把里面的騰訊視頻下載的python代碼寫成了JS代碼。

3.騰訊視頻ID從哪獲取

1.一般播放一個(gè)騰訊視頻的時(shí)候播放地址為https://v.qq.com/x/page/w0647n5294g.html。
.html到最后一個(gè)/之間的字符串即為騰訊視頻id。如https://v.qq.com/x/page/w0647n5294g.html的id為w0647n5294g。

4.獲取騰訊視頻真實(shí)播放地址

分為以下兩步

• 1 獲取視頻信息
  把騰訊視頻ID傳入以下函數(shù)

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 根據(jù)視頻信息解析視頻真正的播放地址

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
          });
        }
      }
    })
  },

該函數(shù)里面的part_urls.index1，即為騰訊視頻的真實(shí)地址。把這個(gè)地址放到小程序的video組件的src中，即可播放騰訊上的視頻。

最后

已將這段代碼進(jìn)行封裝，對JS不熟悉的同學(xué)，可以按照以下步驟進(jìn)行集成使用:
1.把demo的utils文件夾的qqVideo.js文件導(dǎo)入你自己的項(xiàng)目的utils文件夾中
2.在需要播放視頻界面的js文件里導(dǎo)入qqVideo.js文件：import qqVideo from "../../utils/qqVideo.js"
3.調(diào)用獲取視頻列表的方法

//vid是需要傳的視頻id
//返回值 response為返回的播放列表
 qqVideo.getVideoes(vid).then(function (response) {
      })

demo地址:weChatVideoPlay。
好用的話，希望能給個(gè)star，謝謝?。?/p>