微信小程式如何播放騰訊視訊
阿新 • • 發佈:2019-01-12
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow
也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!
popper小P
微信小程式如何播放騰訊視訊?
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