這篇文章主要介紹了微信小程序中播放騰訊視頻的實現方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

為武陵等地區用戶提供了全套網頁設計制作服務，及武陵網站建設行業解決方案。主營業務為成都做網站、網站建設、外貿營銷網站建設、武陵網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

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

感謝你能夠認真閱讀完這篇文章，希望小編分享的“微信小程序中播放騰訊視頻的實現方法”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

網頁名稱：微信小程序中播放騰訊視頻的實現方法-創新互聯
文章分享：http://m.newbst.com/article18/cogegp.html

成都網站建設公司_創新互聯，為您提供網站制作、網站改版、全網營銷推廣、面包屑導航、Google、定制網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯