小程序php调用腾讯视频,小程序里插入播放腾讯视频 2023-01-15 11:27 288阅读 0赞 ![9b4074cd24f0][] 效果图 在小程序内容管理后台只要在编辑器中直接输入腾讯视频的分享代码即可,如图: ![9b4074cd24f0][] 内容管理后台界面 小程序的文章内容页是用wxParse解析html网页内容的。主要做以下2件事: 第一,在小程序管理平台https://mp.weixin.qq.com,在第三方设置中,添加插件“腾讯视频”,如下图: ![9b4074cd24f0][] 小程序管理平台 按插件“详情”的使用说明,处理相关页面。 ![9b4074cd24f0][] 使用说明 ![9b4074cd24f0][] app.json代码段 ![9b4074cd24f0][] 文章内容页.json代码段 第二,修改wxparse的源码过程: 1.支持iframe的转化 首先在html2json.js文件中支持iframe的转化,因为小程序默认就不支持iframe所以在源码中并没有iframe的转化,需要我们自己添加 可以看到之前源码对于img标签的处理,我们就照猫画虎对于iframe进行处理 并取出有效的vid以便之后的程序视频插件使用。 html2json.js文件修改: function html2json(html, bindName) \{ HTMLParser(html, \{ start: function (tag, attrs, unary) \{ ... //对img添加额外数据 if (node.tag === 'img') \{ node.imgIndex = results.images.length; var imgUrl = node.attr.src; if(!imgUrl) \{ return \} if (imgUrl\[0\] == '') \{ imgUrl.splice(0, 1); \} imgUrl = wxDiscode.urlToHttpUrl(imgUrl, \_\_placeImgeUrlHttps); node.attr.src = imgUrl; node.from = bindName; results.images.push(node); results.imageUrls.push(imgUrl); \} // 下面是需要我们添加的代码 // 处理iframe的地址,取出vid并放入数据中, if(node.tag === 'iframe') \{ // safeGetValue 只是一个取值的函数,可自行编写自己的取值函数。 node.vid = safeGetValue(\[1\], node.attr.src.match(/https:\\/\\/v\\.qq\\.com.\*vid=(\\w\*)/)) \} ..... \}; // 此函数作用类似于ramda的path和pathOr,用于安全取值。 function safeGetValue() \{ const argsLength = arguments.length if (argsLength !== 2 && argsLength !== 3) \{ throw '必须为两个或者三个参数' \} var defaultValue if (argsLength === 3) \{ var \[\_defaultValue, keys, item\] = arguments defaultValue = \_defaultValue \} else \{ var \[keys, item\] = arguments \} if (!Array.isArray(keys)) \{ throw '参数有误,取值的keys必须为数组' \} try \{ keys.forEach(key => \{ item = item\[key\] \}) \} catch (e) \{ return defaultValue \} return item \} 2.在wxParse.wxml添加腾讯视频插件的模板 在html2json中保存的vid属性,在这时有了用处 width="100%" height="600rpx" playerid="txv1" vid="\{ \{item.vid\}\}" autoplay="\{ \{false\}\}" > 3.修改wxParse.wxml的循环模板,添加视频插件的模板 中间的腾讯视频插件正是我们需要添加的。 ps: 循环模板在源码中有10个,甚至更多,所以需要我们把每一个循环模板中都添加插件,这样才能保证你的视频能够正常播放。 当这些都配置完成后,就可以在详情页面播放腾讯视频了 [9b4074cd24f0]: /images/20221022/90f3c348dd2f47a09bb366c4ed89a59a.png
相关 腾讯视频 Python 爬虫项目实战 ![640?wx\_fmt=jpeg][640_wx_fmt_jpeg] 作者 | yangrq1018 原文 | segmentfault.com/a/119 爱被打了一巴掌/ 2021年07月31日 16:58/ 0 赞/ 857 阅读
相关 微信小程序 --原生JS集成腾讯 IM实时聊天/实时音视频 为了实现小程序里腾讯云通信IM接入,翻阅各种文档。坑爹的腾讯demo,竟然用mpvue写的。 具体步骤不写了,这里列一下开发过程中遇到的各种坑以及参照解决的各种有用(无用的 快来打我*/ 2021年09月07日 06:02/ 0 赞/ 359 阅读
相关 微信小程序授权腾讯云 前言: 如果之前没有授权过腾讯云,现在在开发者工具页面已经没有腾讯云选项,只有一个腾讯位置服务。 ![watermark_type_ZmFuZ3poZW5naGVpdG 小咪咪/ 2022年02月22日 17:03/ 0 赞/ 651 阅读
相关 调用腾讯视频播放器APi代码 调用腾讯视频播放器APi代码 <!doctype html> <html> <head> <meta charset="utf-8"> 深碍√TFBOYSˉ_/ 2022年07月15日 09:15/ 0 赞/ 571 阅读
相关 小程序 腾讯兔小巢 对接 小程序接第三方兔小巢 很久没有写生活记录了,今天写一篇关于小程序对接第三方兔小巢插件 提示:记录美好时刻,把生活写成诗;有你的生活中,那必定是阳光明媚; ! 淡淡的烟草味﹌/ 2022年08月28日 06:39/ 0 赞/ 212 阅读
相关 小程序目标地址跳转到“腾讯地图+”小程序导航 第一步:App.json中配置 "navigateToMiniProgramAppIdList":[ "wx7643d5f81302ab0" 梦里梦外;/ 2022年10月07日 12:57/ 0 赞/ 117 阅读
相关 kali安装腾讯视频 kali安装腾讯视频 下载地址 https://v.qq.com/download.htmllinux 安装 淡淡的烟草味﹌/ 2022年12月05日 12:05/ 0 赞/ 274 阅读
相关 uniapp微信小程序引入腾讯视频插件 第一步 在微信公众平台申请腾讯插件 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH 超、凢脫俗/ 2022年12月27日 08:46/ 0 赞/ 133 阅读
相关 腾讯位置服务路线规划 小程序 小程序使用 腾讯位置服务路线规划 资料文档 https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b559 川长思鸟来/ 2022年12月30日 08:11/ 0 赞/ 69 阅读
相关 小程序php调用腾讯视频,小程序里插入播放腾讯视频 ![9b4074cd24f0][] 效果图 在小程序内容管理后台只要在编辑器中直接输入腾讯视频的分享代码即可,如图: ![9b4074cd24f0][] 内容管理后台界 野性酷女/ 2023年01月15日 11:27/ 0 赞/ 289 阅读
还没有评论,来说两句吧...