微信小程序如何播放腾讯视频的实现
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){
varthat=this;
varurlString='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){
vardataJson=res.data.replace(/QZOutputJson=/,'')+"qwe";
vardataJson1=dataJson.replace(/;qwe/,'');
vardata=JSON.parse(dataJson1);
varfn_pre=data.vl.vi[0].lnk
host=data['vl']['vi'][0]['ul']['ui'][0]['url']
varstreams=data['fl']['fi']
varseg_cnt=data['vl']['vi'][0]['cl']['fc']
if(parseInt(seg_cnt)==0){
seg_cnt=1
}
varbest_quality=streams[streams.length-1]['name']
varpart_format_id=streams[streams.length-1]['id']
for(vari=1;i<(seg_cnt+1);i++){
varfilename=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){
varkeyApi="https://vv.video.qq.com/getkey?otype=json&platform=11&format="+part_format_id+"&vid="+vid+"&filename="+fileName+"&appver=3.2.19.333"
varthat=this;
wx.request({
url:keyApi,
success:function(res){
vardataJson=res.data.replace(/QZOutputJson=/,'')+"qwe";
vardataJson1=dataJson.replace(/;qwe/,'');
vardata=JSON.parse(dataJson1);
if(data.key!=undefined){
varvkey=data['key']
varurl=host+fileName+'?vkey='+vkey;
part_urls[index]=String(url)
that.setData({
videoUrl:part_urls.index1
});
}
}
})
},
该函数里面的part_urls.index1，即为腾讯视频的真实地址。把这个地址放到小程序的video组件的src中，即可播放腾讯上的视频。
最后放上demo:weChatVideoPlay
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。