介绍
微信小程序使用ColorUI实现一个去除皮皮虾短视频水印的功能?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
1。组件效果展示
2。组件引入准备
<代码> https://spider.apisev.cn 代码>加入合法<代码> 代码>请求域名列表如果需要下载视频功能的话,把https://v6-ppx.ixigua.com <代码> 代码>加入<代码> downloadFile> 代码合法域名列表样式基于<代码> ColorUI> 代码,请在全局或者组件样式文件内引入<代码> ColorUI 代码>
3。组件引入并使用
组件建议在一个空白页面进行引入,配置json <代码> 代码>文件
或者也可以在全局引入该配置
“window": { “navigationStyle":“custom" }2。全局引入组件并使用
“usingComponents": { “spider":“组件/蜘蛛/spider" }在页面中使用组件
& lt; !——么错,就是这么简单——比; & lt; spider> & lt;/spider>4。API构建思路
<李>根据短链接请求的<代码> 代码>溯反应源视频的<代码> item_id> 代码信息李> <>李配置合理的<代码>头代码>置换真实的视频地址李> <李>根据<代码> item_id> 代码请求API <代码> 代码>置换无水印视频地址李> <李>请求结果存放在缓存中,如果短时间内有类似查询,可以迅速返回结果=3600 * 24岁的<代码> 代码> 李>
不提供接口源码,不做盈利使用,仅供皮友们学习娱乐
5。去水印插件
可以删除uload,那是我自定义的<代码> 代码>加载动画,可以使用<代码> wx.showLoading> 代码来替代
蜘蛛。js
///蜘蛛/spider.js组件 组件({ 选择:{ addGlobalClass:没错, multipleSlots:真 },/* * *组件的属性列表 */属性:{ },/* * *组件的初始数据 */数据:{ url: & # 39; & # 39; 能见度:假的, mname: & # 39; & # 39; videourl: & # 39; & # 39; },/* * * 组件的方法列表 */方法:{ hideModal (e) { this.setData ({ mname:零 }) }, urlinput (e) { this.setData ({ url: e.detail.value }) }, parse () { var url=this.data.url; this.setData ({vis:真}) wx.request ({ url: & # 39; https://spider.apisev.cn/cvideo/v1/pipixia& # 63; url=& # 39; +网址, 成功:res=祝辞{ console.log (res) this.setData ({ 能见度:假的, mname: & # 39; bt # 39; videourl: res.data.videourl }) }, 失败:res=祝辞{ console.log (res) } }) } } })蜘蛛。wxml
& lt; cu-custom背景=癰g-gradual-blue"isBack=皗{真}}“比; & lt;查看槽=癰ackText"祝辞返回& lt;/view> & lt;查看槽=癱ontent"祝辞去水印解析& lt;/view> & lt;/cu-custom> & lt;视图类=癱u-form-group margin-top"比; & lt; textarea最大长度=?”;禁用=皗{modalName !=零}},bindinput=皍rlinput"占位符=扒胧淙胧悠盗唇印白4? lt;/textarea> & lt;/view> & lt;视图类=疤畛鋐lex flex-direction"比; & lt;按钮类=癱u-btn bg-green margin-tb-sm lg"bindtap=皃arse"祝辞解析& lt;/button> & lt;/view> & lt; uload 可见=皗{vis}}, 文本=罢诮馕觥? 比; & lt;/uload> & lt;视图类=癱u-modal bottom-modal {{mname==& # 39; bt # 39;及# 63;& # 39;显示# 39;:& # 39;& # 39;}}“比; & lt;视图类=癱u-dialog"祝辞 & lt;视图类=癱u-bar bg-white"比; & lt;视图类=靶卸痶ext-green"祝辞下载& lt;/view> & lt;视图类=皌ext-blue"行动;bindtap=癶ideModal"祝辞关闭& lt;/view> & lt;/view> & lt;视图类=皃adding-xl"祝辞 https://www.yisu.com/zixun/& lt;视频src=" {{videourl}} "> 视频> 视图> 视图> 视图>关于微信小程序使用ColorUI实现一个去除皮皮虾短视频水印的功能问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。
微信小程序使用ColorUI实现一个去除皮皮虾短视频水印的功能