微信小程序嵌入腾讯视频源

今天写小程序时候遇到个坑，就是使用vedio组件时候，一开始没想好，本以为腾讯视频会有类似于优酷之类的提供分享外链功能，结果进去一看，只能复制视频网址，本来想着要么F12获取地址吧，麻烦点就麻烦点，但是复制出来的视频地址里面有一个vkey，这个vkey是动态的，也就是会过期的，过期之后视频链接就无法播放了，这个就有点麻烦，而且也不能每次都去F12吧，毕竟这个视频地址是通过后台发布的，也就是用户去配置的，用户本来F12都不会用。于是就只能百度找答案了，然后看到了这篇文章

https://blog.csdn.net/sd19871122/article/details/80431565

通过这篇文章，就找到了想要的解决方案

首先我们有一个接口可以获取动态的vkey

https://vv.video.qq.com/getinfo?otype=json&appver=3.2.19.333&platform=11&defnpayver=1&vid=

获取的数据格式是这样的

QZOutputJson={"dltype":1,"exem":0,"fl":{"cnt":2,"fi":[{"id":100701,"name":"msd","lmt":0,"sb":1,"cname":"流畅;(180P)","br":29,"drm":0,"video":1,"fs":35776912,"sl":1},{"id":2,"name":"mp4","lmt":0,"sb":1,"cname":"高清;(480P)","br":34,"drm":0,"video":1,"fs":74129447,"sl":0}]},"hs":0,"ip":"119.137.195.73","ls":0,"preview":1186,"s":"o","sfl":{"cnt":0},"tm":1503504934,"vl":{"cnt":1,"vi":[{"br":29,"ch":0,"cl":{"fc":0,"keyid":"b0136et5ztz.100701"},"ct":21600,"drm":0,"dsb":0,"fmd5":"87d7d2ef15f55a456bcdb359dd580795","fn":"b0136et5ztz.m701.mp4","fs":35776912,"fst":5,"fvkey":"EBB1F5C7B5100A3DA80802119E3FF9D0AAE3DA6670594D507B02AD489CF21D2868B0803B76F7434CE51B5C70D75554D68ED24A49EE3DE4791E0BA58444A77756FA7CBC6FB1B3E579F44F87AFB1CB79E8522A48576A4949037A5EDC1C842A9EF7536E090EBD018BB2","head":0,"hevc":0,"iflag":0,"level":0,"lnk":"b0136et5ztz","logo":1,"mst":8,"pl":null,"share":1,"sp":0,"st":2,"tail":0,"td":"1186.92","ti":"解密潮汕多神信仰","type":3,"ul":{"ui":[{"url":"http://113.105.167.156/vhot2.qqvideo.tc.qq.com/AuRJoSSIabzpOb1RsXSviFl-nYwRDSZoFU5OpwBhfrAk/","vt":200,"dtc":0,"dt":2},{"url":"http://113.105.167.155/vhot2.qqvideo.tc.qq.com/AuRJoSSIabzpOb1RsXSviFl-nYwRDSZoFU5OpwBhfrAk/","vt":200,"dtc":0,"dt":2},{"url":"http://113.105.167.154/vhot2.qqvideo.tc.qq.com/AuRJoSSIabzpOb1RsXSviFl-nYwRDSZoFU5OpwBhfrAk/","vt":200,"dtc":0,"dt":2},{"url":"http://video.dispatch.tc.qq.com/62098754/","vt":0,"dtc":0,"dt":2}]},"vh":272,"vid":"b0136et5ztz","videotype":27,"vr":0,"vst":2,"vw":480,"wh":1.7647059,"wl":{"wi":[]}}]}};

需要的视频播放地址的格式是这样的

url + fn + '?vkey=' + fvkey

我需要的是用户可以在后台发布时候只需要复制视频链接填入即可

所以稍加改造后，代码如下

getVideoInfo(vedio) {if (!vedio) returnvar vid = vedio.substring(vedio.lastIndexOf('/') + 1, vedio.lastIndexOf('html') - 1);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 data = JSON.parse(dataJson);var fileName = data['vl']['vi'][0]['fn'];var fvkey = data['vl']['vi'][0]['fvkey'];var host = data['vl']['vi'][0]['ul']['ui'][2]['url']that.setData({videoUrl: host + fileName + '?vkey=' + fvkey});}})}

生成的videoUrl即是我需要的最终可以直接插入播放的视频

最后写入wxml

  <view class='video'><video src='{{videoUrl}}' bindplay='playVideo' id="myVideo"></video><view class='tips'>建议WIFI环境下播放</view></view>

完成！

微信小程序嵌入腾讯视频源相关推荐

微信小程序使用腾讯视频插件-uniapp-详细篇（2022.1.27）
微信小程序使用腾讯视频插件-uniapp篇(无需资质审核包过) 1.添加插件:微信小程序平台-设置-第三方设置-添加插件-搜索:腾讯视频 2.在uniapp-manifest.json中-源码视图,添 ...
小程序php调用腾讯视频,如何用微信小程序来看腾讯视频？观看视频的办法
软件安装:腾讯视频腾讯视频于2016年底提出了全新的品牌理念--"不负好时光",以更加年轻化.更能引起用户情感共鸣的定位全新亮相,并展现了全新品牌标识.秉承"内容为王, ...
Vue/微信小程序 -- 引入腾讯视频
做项目时有个需求,就是播放腾讯视频,直接给的播放链接,比如:https://v.qq.com/x/page/b0136et5ztz.html (该链接是网上找的).最初的做法,就是用vue开发h5页面 ...
微信小程序引用腾讯视频
文章转自 https://www.jiezhe.net/post/38.html tips:腾讯视频上传需要认证,上传身份证图片时如果报错,就换个QQ号,我一个QQ号能上传,另一个QQ号就不行,应该是 ...
C# 利用正则表达式获取文本中的https网址并替换新的对应的值,微信小程序播放腾讯视频
后台用KindEditor传了好几个视频地址,需要在微信小程序播放,复文本框写的内容是保存在数据库的一个字段的,就像下面这样,像这小程序播放,需要解析除真正的视频地址,所有需要获取里面的两个视频地址, ...
微信小程序-调用-腾讯视频-解决方案
转载自:https://blog.csdn.net/sd19871122/article/details/80635181 1.首先我们从腾讯视频网站上找到一个视频网页的连接,格式是这样的 https ...
微信小程序接入腾讯视频插件
前提条件:小程序需要申请成功腾讯视频插件官方文档 https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b 1.ap ...
微信小程序引入腾讯视频插件
首先在微信公众平台引入插件在设置--第三方设置里面申请使用插件 appid:wxa75efa648b60994b 根据文档写代码文档地址:https://mp.weixin.qq.com/wxo ...
微信小程序导航：免费视频+精品教程+DEMO集合（长期更新）
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...

微信小程序嵌入腾讯视频源

微信小程序嵌入腾讯视频源相关推荐

最新文章

热门文章