這篇文章主要介紹了微信小程序中播放騰訊視頻的實現(xiàn)方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
為武陵等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及武陵網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、武陵網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!1.背景
因為當時需要做視頻播放,后臺存放視頻文件又不現(xiàn)實。所以,做了一個能解析騰訊視頻地址的并播放視頻的小程序。
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傳入以下函數(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,即為騰訊視頻的真實地址。把這個地址放到小程序的video組件的src中,即可播放騰訊上的視頻。
最后放上demo:weChatVideoPlay
感謝你能夠認真閱讀完這篇文章,希望小編分享的“微信小程序中播放騰訊視頻的實現(xiàn)方法”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
網(wǎng)頁名稱:微信小程序中播放騰訊視頻的實現(xiàn)方法-創(chuàng)新互聯(lián)
文章分享:http://redsoil1982.com.cn/article18/cogegp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站改版、全網(wǎng)營銷推廣、面包屑導(dǎo)航、Google、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容