时间:2021-05-18
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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序用swiper组件实现仿抖音短视频上下划动整页切换视频功能demo利用swiper组件可简单快速编写仿抖音短视频的功能自动播放当前页视频翻页停止播放当
在ios和安卓手机里的微信下播放视频时,会遇到不少问题,例如需要手动点击,视频才会播放,并且视频会跳出微信框,出现控制条,如果视频不是腾讯视频,播放完毕会出现腾
微信小程序停止其他视频播放当前视频,代码如下所示:{{item.title}}`css样式.content{border-top:transparent1pxs
微信小程序vidao视频播放及弹幕的功能的实现。vidao我现在看到的官方文档是不带danmu(弹幕)属性的,之前是有的,不过现在这个属性还可以生效。控制视频的
微信小程序一经上线,遭到很多人的喜欢,不少小伙伴想知道这个微信小程序这么厉害,微信小程序可以看视频吗?微信小程序能使用视频软件吗?微信小程序有哪些小程序可以看视