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中，即可播放腾讯上的视频。
最后
已将这段代码进行封装，对JS不熟悉的同学，可以按照以下步骤进行集成使用:
1.把demo的utils文件夹的qqVideo.js文件导入你自己的项目的utils文件夹中
2.在需要播放视频界面的js文件里导入qqVideo.js文件：import qqVideo from "../../utils/qqVideo.js"
3.调用获取视频列表的方法
//vid是需要传的视频id
//返回值 response为返回的播放列表
qqVideo.getVideoes(vid).then(function (response) {
})
demo地址:weChatVideoPlay。
好用的话，希望能给个star，谢谢！！
